Build Responsive Real World Websites with HTML5 and CSS3
4.3 (71 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,761 students enrolled

Build Responsive Real World Websites with HTML5 and CSS3

Convert 3 Modern Photoshop Designs into 3 Stunning responsive websites using HTML5 CSS3, jQuery and Bootstrap 4
4.3 (71 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,761 students enrolled
Created by Omar Hegazi
Last updated 9/2019
English
English [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 10 hours on-demand video
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • After this course you will have 3 stunning websites to add to your portfolio
  • how to use Adobe Photoshop to export your elements from the PSD file
  • Write Clean reusable code that you can use in any new website
  • How to Use CSS Preprocessors like SASS & LESS
  • Use bootstrap 4 components like navbar , cards , dropdowns and more
  • How to Deal with different libraries and plugins like( animate .css – owl slider – scroll reveal - jQuery UI and more)
  • how to implement any advanced animations and effects with CSS3 and jQuery
  • Debugging plus fixing warnings and errors, optimizing your website speed and performance
  • How to run different tests to your websites
  • Deliver a full working responsive website to your clients or to your company
  • learn how to use a very important Project Management tool called Trello
  • you will be confident in your skills as a front-end Developer / designer
  • you will be ready to start your front-end developer career easily
Course content
Expand all 59 lectures 09:55:20
+ Bootstrap 4
5 lectures 33:41
Bootstrap 4 - Grid system
07:23
Bootstrap 4 - Components part 1
10:44
Bootstrap 4 - Components part 2
09:13
Bootstrap 4 - Utility (helper) classes
05:36
+ SCSS and LESS
8 lectures 35:39
SCSS and LESS - Differences
01:09
SCSS and LESS - Getting Started
03:27
SCSSa and LESS - Features of a Preproccessor
07:49
SCSS and LESS - Features part 2 (Mixins + Nesting)
10:30
SCSS and LESS - Features part 3 ( Extend )
06:48
SCSS and LESS - Features part 4 ( Import )
03:48
+ Trello the project manger
2 lectures 13:15
Trello - Intro
00:59
Trello - Creating our project sturcture files tasks
12:16
+ OpenCharity-Website
16 lectures 03:08:39
Prepare-Files
24:17
Linking Files + Implementing Style sheet
21:58
Navbar - part 1
12:01
Navbar - part 2
10:27
Header - part 1
06:44
Header - part 2
10:05
Mission-section
13:41
Members-section
15:04
Event-section
06:34
Blog-section
10:10
Contact-section + Footer
10:57
Enhancements
18:11
Testing
13:18
+ Merkury-Website
17 lectures 04:22:31
Prepare-Files
23:09
Linking-Files
14:49
Navbar - Part 1
13:00
Navbar - Part 2
09:33
Header
14:59
Services - Section
15:25
Drag+Drop-Section - Part 1
20:46
Drag+Drop-Section - Part 2
29:43
Template - Section
18:48
Pricing - Section
18:57
join - Section + Footer
13:36
Enhancements
30:42
Testing
17:43
Important Tips
02:28
Requirements
  • A Text Editor (Free Resources Provided)
  • Basic HTML and CSS knowledge is nice to have
  • any image exporting tool like Adobe Photoshop
Description

Launch a new career in web development By the end of this course by learning HTML, CSS, jQuery, Bootstrap 4 , Preprocessors like LESS and SASS , How to export your elements from your PSD file , use Trello as Project Manger . All you need is a computer, a bit of time, a lot of determination, and a teacher you trust .

Our plan will be like this we will start by introducing you to the technologies in this course like (Adobe Photoshop , Bootstrap 4 , less , Sass and more ) ,

then we will code our first awesome website in this course ..  

after that we will take a break by coding a fabulous 404 penguins-page page not found ..  

and finally we will move to the advanced website in this course which is the Merkury website ..

After this course you will have 3 stunning websites to add to your portfolio  

And you will be confident in your skills as a front-end Developer / designer ..  

and ready to start your front-end developer career easily ..  

This course is for anyone who wants to learn front-end development regardless of your current level ..  

All that matters is that you are comfortable with HTML & CSS .. that’s it

Join me now .. and i will see you inside

Who this course is for:
  • Beginner ,Intermediate and Advanced Front-end Developers
  • anyone who wants to Master CSS
  • anyone prefers to use an advanced animations in his websites
  • any front-end developer who wants to gain more experience in bootstrap 4 , management tool (TRELLO) , CSS Preprocessors SASS & LESS ,Adobe Photoshop and more