What you'll learn
30+ Web Projects with pure HTML, CSS, and JavaScript
Modern HTML5, CSS3, and JavaScript Features
CSS3 Animations, Transforms, and Transitions
Modern Techniques and Tricks
How to Create Modern Web Design Templates
Requirements
Text Editor
Modern Web Browser
Strong Understanding of HTML and CSS
Basic Knowledge of JavaScript
Description
30 Web Projects with HTML, CSS, and JavaScriptWelcome to the brand new course, where you can learn about how to create modern and beautiful web projects and templates, If you want to develop and customize your portfolio, become an experienced developer, and get hired, then this is the right course for you.We will build together 30 different creative web projects with three core technologies HTML, CSS, and JavaScript.If you have some basic knowledge of these technologies and still have some trouble creating your own web projects, or if you want to level up your developer and designer skills, you come to the right place.We will build 30 different web projects and they will be full of modern, nice, and beautiful effects and designs.We will start with relatively simple projects and we will go through some advanced ones as well.We can guarantee that you will master front-end web development after completing this course.Using this course, you can get the inspiration that will help you to enhance your projects and customize your portfolio.Mastering just these core technologies of Front-end web development, you can create awesome and modern themes and simply get hired.Also, you will have enough knowledge to move on and learn other technologies like some front-end frameworks and libraries, which are popular and highly demanded nowadays.
Overview
Section 1: Welcome
Lecture 1 Introduction
Lecture 2 Setup
Section 2: Project 1 - Product Card
Lecture 3 Create and Style Headphones Product Card
Section 3: Project 2 - Navigation Menu
Lecture 4 Build CSS Navigation Menu with Hover Effect
Section 4: Project 3 - Success / Fail Modal Box
Lecture 5 Create Success / Fail Popup Message
Section 5: Project 4 - Sign In / Sign Up Form
Lecture 6 Create Sign In / Sign Up Form with Animated Illustrations
Section 6: Project 5 - Website Header
Lecture 7 Build a Header of the Website
Section 7: Project 6 - Blog Card
Lecture 8 Create and Style Modern Blog Card
Section 8: Project 7 - Navigation Menu with Circles
Lecture 9 Build Navigation Menu with Circles
Section 9: Project 8 - Website Header with CSS Gradients
Lecture 10 Create and Style Website Header with Cool and Modern CSS Gradients
Section 10: Project 9 - Contact Form with Light / Dark Switch Mode
Lecture 11 Create and Style Contact Form with Light / Dark Toggle Switch
Section 11: Project 10 - Search Bar
Lecture 12 Create and Customize Search Bar
Section 12: Project 11 - Calculator
Lecture 13 Build JavaScript Calculator with Cool and Modern Look
Section 13: Project 12 - Website Header with Navigation Menu
Lecture 14 Build Responsive Website Header about Food with Navigation Menu
Section 14: Project 13 - Product Card
Lecture 15 Create and Style Raincoat Product Card
Section 15: Project 14 - Animated Contact Form
Lecture 16 Create and Customize Animated Contact Form with Sea Effects
Section 16: Project 15 - Glowing Button
Lecture 17 Create and Style Glowing Button with Hover Effects
Section 17: Project 16 - Hamburger Menu
Lecture 18 Build Hamburger Menu
Section 18: Project 17 - Website Header with Slideshow and Navigation Menu
Lecture 19 Build Website Header with Slideshow and Navigation Menu
Section 19: Project 18 - Profile Card
Lecture 20 Create and Style Profile Card
Section 20: Project 19 - Sign In / Sign Up Form
Lecture 21 Create and Customize Sign In / Sign Up Form
Section 21: Project 20 - Animated Progress Bar
Lecture 22 Build Animated Progress Bar
Section 22: Project 21 - Website Header with Transparent Backgrounds
Lecture 23 Build Website Header with Cool and Modern Transparent Backgrounds
Section 23: Project 22 - Testimonial Slider
Lecture 24 Create and Style Testimonial Slider with Carousel
Section 24: Project 23 - Contact Form with Animations
Lecture 25 Build Animated Contact Form
Students who want to practice in three core technologies - HTML, CSS, and JavaScript,Students who have the basic knowledge of Front End Web Development and want to develop their skills,Students who want develop Web Development and Design skills

Screenshots


Download link

rapidgator.net:

Código:

https://rapidgator.net/file/25a429a38e724a6bdc4a5280778f9cbf/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part1.rar.html
https://rapidgator.net/file/c1a1d1344485ba7168a6e4ae99a6fdb7/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part2.rar.html
https://rapidgator.net/file/553402216fcb8e00465f461974cf09ee/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part3.rar.html
https://rapidgator.net/file/9d816c198065ef637eb5824dece9ced8/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part4.rar.html
https://rapidgator.net/file/3be7859d666c99f1d7d375b6e8442323/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part5.rar.html
https://rapidgator.net/file/e8600e250e8d8a0f4da320784bc17521/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part6.rar.html

uploadgig.com:

Código:

https://uploadgig.com/file/download/d47c689089D10629/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part1.rar
https://uploadgig.com/file/download/859Fa1159870263a/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part2.rar
https://uploadgig.com/file/download/0c7d79f8a07B204E/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part3.rar
https://uploadgig.com/file/download/3ccD7B7a15d8b7e1/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part4.rar
https://uploadgig.com/file/download/29e077b94c10F51e/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part5.rar
https://uploadgig.com/file/download/e102d7659062381a/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part6.rar

nitroflare.com:

Código:

https://nitroflare.com/view/DE5957407F6AB1F/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part1.rar
https://nitroflare.com/view/3E5E31E5B906582/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part2.rar
https://nitroflare.com/view/FBE09923AC65112/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part3.rar
https://nitroflare.com/view/2293F0F6401130F/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part4.rar
https://nitroflare.com/view/E20C41A2183828F/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part5.rar
https://nitroflare.com/view/08AF47E228007DD/cfylh.Build.30.Web.Projects.With.Html.Css.And.Javascript.2023.part6.rar