How to Build a Real world Website Using HTML CSS JavaScript

This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sadee

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

This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sadee

Print Share Comment Cite Upload Translate Updates

APA

Sadee | Sciencx (2023-01-18T13:53:35+00:00) How to Build a Real world Website Using HTML CSS JavaScript. Retrieved from https://www.scien.cx/2023/01/18/how-to-build-a-real-world-website-using-html-css-javascript/

MLA

" » How to Build a Real world Website Using HTML CSS JavaScript." Sadee | Sciencx - Wednesday January 18, 2023, https://www.scien.cx/2023/01/18/how-to-build-a-real-world-website-using-html-css-javascript/

HARVARD

Sadee | Sciencx Wednesday January 18, 2023 » How to Build a Real world Website Using HTML CSS JavaScript., viewed ,<https://www.scien.cx/2023/01/18/how-to-build-a-real-world-website-using-html-css-javascript/>

VANCOUVER

Sadee | Sciencx - » How to Build a Real world Website Using HTML CSS JavaScript. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/01/18/how-to-build-a-real-world-website-using-html-css-javascript/

CHICAGO

" » How to Build a Real world Website Using HTML CSS JavaScript." Sadee | Sciencx - Accessed . https://www.scien.cx/2023/01/18/how-to-build-a-real-world-website-using-html-css-javascript/

IEEE

" » How to Build a Real world Website Using HTML CSS JavaScript." Sadee | Sciencx [Online]. Available: https://www.scien.cx/2023/01/18/how-to-build-a-real-world-website-using-html-css-javascript/. [Accessed: ]

rf:citation

» How to Build a Real world Website Using HTML CSS JavaScript | Sadee | Sciencx | https://www.scien.cx/2023/01/18/how-to-build-a-real-world-website-using-html-css-javascript/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.