Build 30 Web Projects With Html, Css, And Javascript (2023)

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

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