Skip to main content

Advanced CSS & JavaScript Projects

15h 24m 29s
English
Paid

Master CSS and JavaScript by creating real projects! Enhance your skills by developing practical applications such as a quiz, an expense tracker, and a podcast player. Through this course, you will learn to create responsive designs, integrate APIs, and deploy fully functional applications. Acquire the essential skills to build interactive web applications that will capture the attention of employers and elevate your career prospects!

Course Overview

This course focuses on hands-on learning by engaging you in the development of real-world projects. By the end, you will have a comprehensive portfolio showcasing your ability to tackle various web development challenges.

What You Will Learn

Responsive Design

Understand the principles of responsive web design to ensure your applications look great on any device.

API Integration

Learn how to connect your applications with external APIs, allowing them to fetch and display real-time data.

Application Deployment

Gain the ability to deploy fully functional applications so they are accessible to users and potential employers.

Projects You'll Build

  • Quiz Application: Create an interactive quiz application that dynamically updates and provides instant feedback.
  • Expense Tracker: Build a tool to help users monitor their spending, complete with category filters and history tracking.
  • Podcast Player: Develop a feature-rich podcast player that fetches and streams episodes from various channels.

Benefits of the Course

  • Practical Experience: Engage directly with code and projects, enhancing your real-world understanding.
  • Interactive Learning: Benefit from interactive exercises that reinforce theoretical knowledge.
  • Portfolio Development: Leave with a unique portfolio that highlights your skills and ability to prospective employers.

Get Started Today!

Join the Advanced CSS & JavaScript Projects course now, and embark on a journey to advance your web development skills. Create stunning, interactive, and efficient applications that meet industry standards.

About the Author: zerotomastery.io

zerotomastery.io thumbnail
Whether you are just starting to learn to code or want to advance your skills, Zero To Mastery Academy will teach you React, Javascript, Python, CSS and more to help you advance your career, get hired and succeed at some of the top companies in the world.

Watch Online 81 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Course Introduction
All Course Lessons (81)
#Lesson TitleDurationAccess
1
Course Introduction Demo
02:24
2
Introduction
05:02
3
Mac / Linux Device Setup
05:35
4
Windows Device Setup
06:58
5
VSCode Setup & Template
19:27
6
VSCode Extensions
09:11
7
DevTools
13:57
8
GitHub
14:34
9
Overview
02:09
10
Main UI
10:40
11
Shuffle & Generate Text JS
10:47
12
Keyboard Input JS (Part 1)
14:50
13
Keyboard Input JS (Part 2)
06:36
14
Timer & Calculate Score JS
13:44
15
Reset Test JS
10:50
16
Overview
02:41
17
Page Elements UI
13:36
18
Color Variables UI
12:24
19
Table Styling UI
08:56
20
Pagination & Toggle UI
08:16
21
Table Mobile UI
10:03
22
Dark Mode JS
09:00
23
Fetch Users JS
16:46
24
Pagination JS
09:15
25
Sorting JS
18:59
26
Overview
03:22
27
Form Elements UI
09:07
28
Form Styling UI
13:42
29
Date & Expenses Setup JS
10:56
30
Submit & LocalStorage JS
15:15
31
Chart Functionality JS
16:42
32
Overview
04:02
33
Postman - Node
06:35
34
Trivia & Pantry API Overview
13:05
35
Pantry Proxy API (Part 1)
06:17
36
Pantry Proxy API (Part 2)
13:58
37
Pantry Proxy API (Part 3)
13:00
38
Vercel Deployment
08:40
39
Quiz Box UI
17:11
40
High Score UI
12:57
41
Populate Questions & Choices JS
17:01
42
Check Answer JS
11:05
43
Timer & Score JS
17:20
44
End Game JS (Part 1)
13:01
45
End Game JS (Part 2)
06:38
46
Overview
06:42
47
Podcast Index API
13:18
48
Node Install - Github Repo
08:41
49
Install NPM - Run Express
12:21
50
Server.js API Call (Part 1)
10:45
51
Server.js API Call (Part 2)
12:51
52
Font, Background, Nav UI
11:46
53
Containers UI
15:12
54
Search Container UI
14:47
55
Loader UI
06:45
56
Cards Container UI
16:29
57
Player UI
17:29
58
Queue UI
14:32
59
Mobile Navigation UI
19:59
60
Mobile Player UI
10:16
61
Mobile Search UI
15:48
62
Blisk
13:24
63
Exercise: Imposter Syndrome
02:57
64
Search Container JS (Part 1)
10:09
65
Search Container JS (Part 2)
16:13
66
Search Results JS
12:09
67
Podcast Cards JS
15:45
68
Episodes API JS
11:38
69
Episode Cards JS
17:40
70
Lazy Load Images JS (Part 1)
12:14
71
Lazy Load Images JS (Part 2)
10:07
72
Player JS (Part 1)
12:33
73
Player JS (Part 2)
11:38
74
Player JS (Part 3)
16:28
75
Mobile Container UI
04:02
76
Queue JS (Part 1)
08:39
77
Queue JS (Part 2)
12:12
78
PWA Manifest
11:20
79
PWA Service Worker
18:26
80
Render Deployment
11:22
81
Thank You!
01:18
Unlock unlimited learning

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

Learn more about subscription