DEV Community

Cover image for How to Build a Real world Website Using HTML CSS JavaScript
Sadee
Sadee

Posted on

How to Build a Real world Website Using HTML CSS JavaScript

In this course, you will create a completely responsive real-world website with modern UI in HTML, CSS, and JavaScript.
Starting with the interesting parallax effect and gradient backgrounds.
How it works, projects and much more.
By completing this project, you will get a solid foundation in frontend development as well as experience with Figma, which will help you to build more creative websites in the future.

Source code
Figma UI

⏱️ Timestamps

0:00 - Demo
1:41 - Project initial
12:59 - Header
30:40 - Hero section
48:42 - Process section
1:00:26 - Work section
1:12:06 - Footer
1:27:34 - Media queries
1:40:51 - Parallax effect
1:46:17 - Media queries

Top comments (6)

Collapse
 
sabihasamha22 profile image
Sabiha Samha

Wow, amazing 🎊

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
sabihasamha22 profile image
Sabiha Samha

You're best

Collapse
 
neumatic_78 profile image
neu-ma-tic

"real world website"

Collapse
 
fabiantorresm profile image
Fabian Torres M

This design and development is incredible

Collapse
 
mhadi2003 profile image
Mahdi

Awesome 👍