50 Web Projects with HTML CSS and JavaScript
What you’ll learn
50+ Web Projects with pure HTML, CSS, and JavaScript
Modern Techniques and Tricks
Modern HTML5, CSS3, and JavaScript Features
CSS3 Animations, Transforms, and Transitions
How to Create Modern Web Design Templates
Requirements
Text Editor
Modern Web Browser
Basic knowledge of HTML, CSS, and JavaScript
Description
THE BRAND NEW COURSE ON UDEMY!!!50+ 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 more than 50 different creative web projects with three core technologies HTML, CSS, and JavaScript.If you have some basic knowledge of these technologies and still you have some trouble creating your own web projects, or if you want to level up your developer and designer skills, then you come to the right place.We will build more than 50 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 you that you will master the front-end web development after completing this course.Using this course, you can get the inspirations 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 nowadays are really popular and highly demanded.JOIN US!!!
Overview
Section 1: Welcome
Lecture 1 Introduction
Lecture 2 Setup
Section 2: Project – Sign Up Form
Lecture 3 Sign up Form
Section 3: Project – Nike Product Card
Lecture 4 Nike Product Card
Section 4: Project – Dark Mode
Lecture 5 Dark Mode
Section 5: Project – 3D Swing
Lecture 6 3D Swing
Section 6: Project – 3D Menu
Lecture 7 3D Menu
Section 7: Project – 3D Landing Page
Lecture 8 3D Landing Page
Section 8: Project – 3D Button
Lecture 9 3D Button
Section 9: Project – Animated Landing Page
Lecture 10 Animated Landing Page
Section 10: Project – Landing Page with Modal Forms
Lecture 11 Landing Page with Modal Forms
Section 11: Project – 3D Room
Lecture 12 3D Room
Section 12: Project – CSS Grid Gallery
Lecture 13 CSS Grid Gallery
Section 13: Project – CSS Toggle Button
Lecture 14 CSS Toggle Button
Section 14: Project – Pricing Cards
Lecture 15 Pricing Cards
Section 15: Project – Bicycle
Lecture 16 Bicycle
Section 16: Project – Hamburger Menu
Lecture 17 Hamburger Menu
Section 17: Project – Custom CSS Checkbox
Lecture 18 Custom CSS Checkbox
Section 18: Project – 3D Card
Lecture 19 3D Card
Section 19: Project – Helicopter
Lecture 20 Helicopter
Section 20: Project – Business Card
Lecture 21 Business Card
Section 21: Project – Custom CSS Radio Button
Lecture 22 Custom CSS Radio Button
Section 22: Project – Slideshow
Lecture 23 Slideshow
Section 23: Project – Atom Animation
Lecture 24 Atom Animation
Section 24: Project – Creative Button
Lecture 25 Creative Button
Section 25: Project – Hamburger Menu
Lecture 26 Hamburger Menu
Section 26: Project – Sidebar Menu
Lecture 27 Sidebar Menu
Section 27: Project – Flower
Lecture 28 Flower
Section 28: Project – Rounded Navbar
Lecture 29 Rounded Navbar
Section 29: Project – Navigation
Lecture 30 Navigation
Section 30: Project – Dropdown Menu
Lecture 31 Dropdown Menu
Section 31: Project – CSS Navigation Menu
Lecture 32 CSS Navigation Menu
Section 32: Project – Animated Earth
Lecture 33 Animated Earth
Section 33: Project – CSS Grid Menu
Lecture 34 CSS Grid Menu
Section 34: Project – Profile Card
Lecture 35 Profile Card
Section 35: Project – Countdown
Lecture 36 Countdown
Section 36: Project – Calendar
Lecture 37 Calendar
Section 37: Project – Ball Animation
Lecture 38 Ball Animation
Section 38: Project – Forms with Validation
Lecture 39 Forms with Validation
Section 39: Project – Social Media Icons Slideshow
Lecture 40 Social Media Icons Slideshow
Section 40: Project – Circle Progress Bar
Lecture 41 Circle Progress Bar
Section 41: Project – Ripple Button
Lecture 42 Ripple Button
Section 42: Project – Website Loaders
Lecture 43 Website Loaders
Section 43: Project – Navbar
Lecture 44 Navbar
Section 44: Project – Landing Page
Lecture 45 Landing Page
Section 45: Project – Clock
Lecture 46 Clock
Section 46: Project – Jumping Square
Lecture 47 Jumping Square
Section 47: Project – Search Bar
Lecture 48 Search Bar
Section 48: Project – 3D Forms
Lecture 49 3D Forms
Section 49: Project – Invisible Card
Lecture 50 Project Overview
Lecture 51 HTML Markup
Lecture 52 Style – Part 1
Lecture 53 Style – Part 2
Lecture 54 Style – Part 3
Lecture 55 Style – Part 4
Section 50: Project – Sign Up Form
Lecture 56 Project Overview
Lecture 57 HTML Markup
Lecture 58 Style – Part 1
Lecture 59 Style – Part 2
Lecture 60 Style – Part 3
Lecture 61 Style – Part 4
Lecture 62 Style – Part 5
Lecture 63 Make Project Responsive
Section 51: Project – Profile Cards
Lecture 64 Project Overview
Lecture 65 HTML Markup
Lecture 66 Style – Part 1
Lecture 67 Style – Part 2
Lecture 68 Style – Part 3
Lecture 69 Typed Text Animation
Lecture 70 Blinking Cursor
Lecture 71 Make Project Responsive
Section 52: Project – Slideshow
Lecture 72 Project Overview
Lecture 73 HTML Markup
Lecture 74 Style – Part 1
Lecture 75 Style – Part 2
Lecture 76 Style – Part 3
Lecture 77 Create Slideshow – Part 1
Lecture 78 Create Slideshow – Part 2
Lecture 79 Make Project Responsive
Section 53: Project – 3D Hamburger Menu
Lecture 80 Project Overview
Lecture 81 HTML Markup
Lecture 82 Style the Banner
Lecture 83 3D Button
Lecture 84 Top Navbar
Lecture 85 3D Navigation Items
Lecture 86 Bottom Navbar
Lecture 87 Social Media Icons
Lecture 88 3D Effects
Lecture 89 Dynamic Hamburger Menu
Lecture 90 Make Project Responsive – Part 1
Lecture 91 Make Project Responsive – Part 2
Section 54: Project – 3D Cube
Lecture 92 Project Overview
Lecture 93 HTML Markup
Lecture 94 Style – Part 1
Lecture 95 Style – Part 2
Lecture 96 Style – Part 3
Lecture 97 Style – Part 4
Lecture 98 Make the Cube Work – Part 1
Lecture 99 Make the Cube Work – Part 2
Lecture 100 Make the Cube Work – Part 3
Section 55: BONUS
Lecture 101 Bonus Lecture
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 Design skills
Course Information:
Udemy | English | 25h 6m | 10.94 GB
Created by: Code And Create
You Can See More Courses in the Design >> Greetings from CourseDown.com