10 Mega Responsive Websites with HTML, CSS, and JavaScript

21h 54m 19s
English
Paid

Welcome to our transformative course designed to elevate your skills in building modern, aesthetically pleasing website design templates. Whether you aim to enhance your portfolio, advance your web development expertise, or secure employment, this course provides all the essential knowledge to create 10 mega responsive websites using HTML, CSS, and JavaScript.

Why Choose This Course?

Already have a basic understanding of web development? If so, and you're facing challenges in website creation, or you simply wish to refine your design skills, you've found the perfect resource. This course offers a comprehensive learning experience, immersing you in the core web technologies to develop stunning design templates that will impress potential clients.

Course Curriculum Overview

You will embark on a journey through the creation of 10 diverse and complete websites, each project started from scratch. These projects will incorporate modern, attractive designs and effects. We begin with straightforward projects and progressively tackle more complex challenges, ensuring that, upon completion, you will have mastered front-end web development.

Benefits of the Course

By engaging with this course, you will gather inspiration to bolster your projects and enrich your portfolio. Mastery of HTML, CSS, and JavaScript lays the foundation for crafting exceptional and contemporary themes, enhancing your employability. Moreover, you’ll be prepared to explore additional technologies like popular front-end frameworks and libraries in demand today.

Project Lineup

  • PROJECT 1 - FOODS
  • PROJECT 2 - CREATIVE DESIGN
  • PROJECT 3 - BUSINESS AGENCY WEBSITE
  • PROJECT 4 - APPLE E-COMMERCE
  • PROJECT 5 - PERSONAL PORTFOLIO
  • PROJECT 6 - CLASSIC CARS
  • PROJECT 7 - ARCHITECT WEBSITE
  • PROJECT 8 - THE ROAD
  • PROJECT 9 - THE WINE HOUSE
  • PROJECT 10 - PAYPAL CLONE

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 101 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 101 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (101)
#Lesson TitleDurationAccess
1
Introduction Demo
06:44
2
Setup
01:57
3
Project Preview
02:23
4
Create HTML Markup for Landing and Define Common Styles
07:39
5
Style Landing Page and Create Slideshow
13:04
6
Create and Style 3D Cards
16:30
7
Create and Style Foods Gallery
18:19
8
Create and Customize Footer
11:01
9
Create and Style Fixed Navbar
20:24
10
Make Project Responsive
11:26
11
Project Preview
02:27
12
Create HTML Markup for Landing and Define Common Styles
07:01
13
Create "Waves" Effect using Floating Background
07:37
14
Customize Landing Page
08:00
15
Create and Customize Customers Section
12:54
16
Create and Style Team Section
26:05
17
Create and Style Contact Section and Footer
16:15
18
Create Scroll-up Button and Make Navbar Work
04:47
19
Make Project Responsive
14:42
20
Project Preview
02:14
21
Create and Customize Landing
15:33
22
Add Animations to Landing
12:49
23
Create and Customize Navbar
13:25
24
Make Navbar Work
10:04
25
Create and Style About Us Section
14:40
26
Make Custom Video Controls Work
11:33
27
Create and Customize Pricing Cards Section
15:40
28
Make Pricing Cards Work using Swiper.js
13:44
29
Create and Style Contact Section
13:38
30
Create and Style Footer
05:58
31
Make Project Responsive
16:36
32
Project Preview
02:20
33
Create and Customize Landing Page
21:24
34
Create Background Images Slideshow
14:18
35
Create and Customize Cube
16:39
36
Create and Customize Cube Controllers
08:23
37
Make Cube Work
13:15
38
Create and Customize iPhones Section
16:48
39
Create and Style MacBook Section - Part 1
11:03
40
Create and Style MacBook Section - Part 2
17:08
41
Create and Style Watches Section
14:37
42
Make Watches section Work
11:53
43
Create and Style AirPods Section
10:19
44
Create and Customize Footer
08:08
45
Make Project Responsive
18:49
46
Project Preview
02:29
47
Create and Customize Landing Page
15:04
48
Create and Style Navigation
07:14
49
Create and Customize Progress Bars
13:35
50
Create and Customize Projects Section
17:05
51
Create and Style Contact Section
07:19
52
Create and Style Footer
05:18
53
Make Navbar and Progress Bars Work Using JavaScript
17:29
54
Make Project Responsive
07:16
55
Project Preview
02:34
56
Create HTML Markup for Landing and Define Common Styles
08:27
57
Create and Make Navigation Work
16:32
58
Style and Make Hamburger Menu Work
05:52
59
Create and Customize Landing Page
05:41
60
Create and Customize Popular Cars Section
09:04
61
Create and Style Video Gallery
07:04
62
Create and Style Image Gallery
12:01
63
Create and Customize Contact Section and Footer
11:27
64
Make Project Responsive
18:28
65
Project Preview
03:36
66
Create and Customize Landing Page
24:04
67
Create and Make Sidebar Work
24:04
68
Create and Style About Us Section Using CSS Grid
17:10
69
Create and Customize Cards with Tilt.js
18:10
70
Create and Style Contact Section
25:45
71
Make Project Responsive and Create Loading Spinner
32:40
72
Project Preview
03:00
73
Create HTML Markup for Landing and Common Styles
04:37
74
Customize and Make Landing Page Work
24:05
75
Create and Style The Most Popular Tours Section
32:42
76
Create and Customize Testimonials Section with Video Background
14:10
77
Create and Customize Contact Section with Animated Background
20:42
78
Create and Style Footer
06:58
79
Create and Make Navigation Work
24:26
80
Make Project Responsive
13:17
81
Project Preview
02:01
82
Create and Customize First, Second, and Third Sections
23:03
83
Create and Customize Fourth and Fifth Sections
13:33
84
Create and Style Navbar and Make Progress Bars Work
17:03
85
Create Horizontal Scroll Effect with JavaScript
14:45
86
Make Progress Bar Work with JavaScript
14:28
87
Make Project Responsive
37:08
88
Project Preview
02:43
89
Create and Style Landing Page - Part 1
15:15
90
Create and Style Landing Page - Part 2
09:10
91
Create and Make Dropdown Menus work
13:45
92
Create and Customize Services Section
07:32
93
Create and Style Features Section
07:16
94
Create and Style "Get Started" Section
07:11
95
Create and Style Footer
09:14
96
Create and Style Login Page
14:56
97
Create and Style Sign Up Page
21:33
98
Make the Project Responsive - Part 1
11:25
99
Make the Project Responsive - Part 2
16:12
100
Make the Project Responsive - Part 3
19:50
101
Make the Project Responsive - Part 4
16:38
Unlock unlimited learning

Get instant access to all 100 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription