Build 30 Web Projects with HTML, CSS, and JavaScript

Build 30 Web Projects with HTML, CSS, and JavaScript

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 25 lectures (10h 02m) | 5.44 GB

HTML, CSS, and JavaScript. Build 30 Web Projects with HTML, CSS, and JavaScript

30 Web Projects with HTML, CSS, and JavaScript

Welcome 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 in high demand today.

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
Table of Contents

Welcome
1 Introduction
2 Setup

Project 1 Product Card
3 Create and Style Headphones Product Card

Project 2 Navigation Menu
4 Build CSS Navigation Menu with Hover Effect

Project 3 Success Fail Modal Box
5 Create Success Fail Popup Message

Project 4 Sign In Sign Up Form
6 Create Sign In Sign Up Form with Animated Illustrations

Project 5 Website Header
7 Build a Header of the Website

Project 6 Blog Card
8 Create and Style Modern Blog Card

Project 7 Navigation Menu with Circles
9 Build Navigation Menu with Circles

Project 8 Website Header with CSS Gradients
10 Create and Style Website Header with Cool and Modern CSS Gradients

Project 9 Contact Form with Light Dark Switch Mode
11 Create and Style Contact Form with Light Dark Toggle Switch

Project 10 Search Bar
12 Create and Customize Search Bar

Project 11 Calculator
13 Build JavaScript Calculator with Cool and Modern Look

Project 12 Website Header with Navigation Menu
14 Build Responsive Website Header about Food with Navigation Menu

Project 13 Product Card
15 Create and Style Raincoat Product Card

Project 14 Animated Contact Form
16 Create and Customize Animated Contact Form with Sea Effects

Project 15 Glowing Button
17 Create and Style Glowing Button with Hover Effects

Project 16 Hamburger Menu
18 Build Hamburger Menu

Project 17 Website Header with Slideshow and Navigation Menu
19 Build Website Header with Slideshow and Navigation Menu

Project 18 Profile Card
20 Create and Style Profile Card

Project 19 Sign In Sign Up Form
21 Create and Customize Sign In Sign Up Form

Project 20 Animated Progress Bar
22 Build Animated Progress Bar

Project 21 Website Header with Transparent Backgrounds
23 Build Website Header with Cool and Modern Transparent Backgrounds

Project 22 Testimonial Slider
24 Create and Style Testimonial Slider with Carousel

Project 23 Contact Form with Animations
25 Build Animated Contact Form

Homepage