Build Responsive E-commerce Website Using HTML & CSS

Focused View

Mustafa Alawi

5:16:42

188 View

1 - Introduction.mp4

05:28

2 - Tools you need.mp4

01:13

3 - Project folder.mp4

01:31

4 - Project structure.mp4

03:06

5 - Bootstrap.mp4

01:13

6 - Fontawesome.mp4

01:35

7 - Navbar.mp4

01:47

8 - Navbar url.mp4

04:31

9 - Design.mp4

09:00

10 - Navbar design.mp4

07:58

11 - Main design.mp4

04:36

12 - Main image.mp4

02:03

13 - Main button.mp4

03:23

14 - Buy button.mp4

04:41

15 - Brands.mp4

05:42

16 - Navbar small.mp4

04:43

17 - New section.mp4

14:37

18 - New design.mp4

04:02

19 - Featured products.mp4

15:08

20 - Featured design.mp4

05:50

21 - Mid banner.mp4

08:18

22 - Clothes section.mp4

02:54

23 - Shoes section.mp4

05:49

24 - Footer.mp4

07:50

25 - Footer content.mp4

10:21

26 - Footer design.mp4

07:56

27 - Navbar color.mp4

03:26

28 - Footer image.mp4

01:25

29 - Images.mp4

08:41

30 - Shop page.mp4

05:34

31 - Shop page design.mp4

06:46

32 - Pagination bar.mp4

03:37

33 - Pagination design.mp4

02:23

34 - Single product.mp4

12:42

35 - Single product design.mp4

14:51

36 - Small images.mp4

09:24

37 - Product url.mp4

02:50

38 - Cart page.mp4

15:59

39 - Cart design.mp4

05:28

40 - Total design.mp4

10:55

41 - Login page.mp4

13:26

42 - Registration page.mp4

07:53

43 - Account page.mp4

05:10

44 - Account design.mp4

09:51

45 - Orders section.mp4

10:02

46 - Checkout page.mp4

11:01

47 - Contact page.mp4

06:52

48 - Activating navbar.mp4

03:11

49 - Project files.html

49 - html-shop.zip

Description

HTML5 & CSS3 & Bootstrap Bootcamp to Build E-commerce Website From Scratch

What You'll Learn?

You will learn how to structure your project
You will learn how to use HTML and CSS effectively
You will learn how to design a complete responsive user interface
How to use different CSS techniques to make your website look amazing
You will learn how to user Bootstrap the right way
You will learn how to build login & registration pages
You will learn how to design cart page
You will learn how to design shop page with lots of products
You will learn how to design a checkout page
You will learn important web design tips & tricks
And much more...

Who is this for?

Web developers who want to build real-world projects.

Front-end web developers who want to intensify their skills.

Web designers

More details

Description
Do you wanna build real-world projects?
Do you wanna create an amazing e-commerce website?

In this course I'm going to teach you how to create a complete e-commerce website using HTML & CSS.
You will be taught how to build a complete e-commerce using HTML & CSS. You will also be taken step-by-step where every single thing will be explained thoroughly to make sure you understood and use it in your project. I'll start off by structuring the project and then move on to the user interface and then you will be given the logic behind successfully creating and completing the project.
Moreover, you will be taught important design concepts, such as responsive web design, to make sure you will be able to build websites that look amazing and attract customers. Being able to build websites that look outstandingly gorgeous will serve you in two ways. First you will be able to work as a web designer, which is one of the jobs that are in-demand. Second you will be able to build your own brilliant websites.
Note: This course takes you step by step from the beginning, however, having little understanding of CSS & HTML is preferable.

Who is this course for?
This course is perfect for:
Web developers who want to build real-life projects & become professional web designers.
Developers who want to specialize web design

What is different about this course?
Well, instead of teaching you unnecessary theories that you will never use. I'm teaching you the "how to" in a very simple steps so that you understand everything easily and you learn how to create real-world project.

Topics covered in this course:
1. How to structure your project.
2. How to incorporate Bootstrap.
3. How to optimize your code.
4. How to make the UI user-friendly.
5. How to divide the page into sections.
6. How to create navigation bar that work on all devices.
7. How to select colors and fonts that fit your design.
8. How to make your website responsive.
9. Advanced CSS tips and tricks.
10. How to make website images fit your design perfectly.
11. And much much more...

Wish you an incredible learning experience.
Who this course is for:
Web developers who want to build real-world projects.
Front-end web developers who want to intensify their skills.
Web designers

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, it's Mustafa Alawi, a Software engineer & entrepreneur. I've basically seven years of experience in web development & software development. I also work as a consultant helping small-businesses. And have a great passion for business & entrepreneurship and founded CalmAndCode.I like teaching people and providing them with the knowledge that I have as I'm talented at simplifying complex theories and matters. And one of my goals is to help my students find success and reach their goals. My way of teaching focuses on helping students applying what they learn to make sure they're capable of using what they learn in the real world.Moreover, I work on entrepreneurial projects from time to time.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.