CF

Advanced CSS & JavaScript Projects

15h 24m 29s
English
Paid

Advanced CSS & JavaScript Projects is a 81-lesson 15 hours 24 minutes self-paced course by Zero To Mastery. Master CSS and JavaScript by creating real projects!

Course facts

Lessons
81
Duration
15 hours 24 minutes
Level
All levels
Language
English
Updated
Instructor
Zero To Mastery
Price
Premium

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.

Additional

https://github.com/JacintoDesign

Who teaches Advanced CSS & JavaScript Projects? Zero To Mastery

Zero To Mastery thumbnail

Zero To Mastery (ZTM) is a Toronto-based online coding academy founded by Andrei Neagoie, originally a senior developer at large Canadian tech firms before turning to teaching full-time. The academy's signature is the cohort-based bootcamp track combined with a deep self-paced course library, all aimed at career-changers and self-taught developers preparing to land software-engineering roles at top companies.

The instructor roster has grown well beyond Andrei to include other senior practitioners: Daniel Bourke (machine learning), Aleksa Tešić (DevOps), Jacinto Wong, and others. Courses cover the full software-engineering career path: web development with React and Next.js, Python, machine learning and deep learning, DevOps and cloud, system design, mobile, and the algorithm / data-structure interview prep that gates engineering jobs.

The CourseFlix listing under this source carries over 120 ZTM courses spanning that full range. Material is paid; ZTM itself runs on a monthly / annual membership model. The teaching style favours long-form, project-based courses where students build complete portfolio-quality applications rather than disconnected feature tutorials.

What lessons are included in Advanced CSS & JavaScript Projects?

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

What courses are similar to Advanced CSS & JavaScript Projects?

Frequently asked questions

What prerequisites are necessary before enrolling in this course?
To enroll in this course, you should have a foundational understanding of CSS and JavaScript. Familiarity with tools like VSCode, GitHub, and basic command line operations for either Mac/Linux or Windows will be beneficial as the course includes setting up these environments. Prior experience with web development basics will help you grasp the advanced topics more efficiently.
What kind of projects will I build during the course?
Throughout the course, you will work on three main projects: a Quiz Application, an Expense Tracker, and a Podcast Player. The Quiz Application involves creating an interactive interface with dynamic updates and feedback. The Expense Tracker helps users monitor spending with category filters and history tracking. Finally, the Podcast Player will allow streaming from various channels, integrating real-time data.
Who is the target audience for this course?
This course is designed for individuals who have a basic understanding of web development and wish to advance their skills in CSS and JavaScript through practical projects. It is particularly suitable for those looking to build a portfolio of real-world applications to demonstrate their capabilities to potential employers.
How does the depth and scope of this course compare to similar courses?
This course emphasizes practical, project-based learning, focusing on the application of advanced CSS and JavaScript techniques. Unlike theoretical courses, it provides hands-on experience by guiding students through the development and deployment of complete web applications, ensuring that participants acquire skills directly applicable to real-world scenarios.
What specific tools or platforms are covered in the course?
The course covers a variety of tools and platforms such as VSCode for development, GitHub for version control, and Vercel for deploying applications. You will also learn to use Postman for testing API endpoints and integrate Trivia & Pantry APIs in your projects to handle real-time data fetching and manipulation.
What topics are not covered in this course?
The course does not cover introductory topics on HTML, CSS, or JavaScript, as it assumes students have prior knowledge of these. It also does not delve into backend development using languages like PHP or Python, nor does it cover database management. The focus remains on front-end development and API integration.
How much time should I expect to commit to this course?
The course consists of 81 lessons. While the total runtime is not specified, you should expect to dedicate a significant amount of time to each lesson, especially considering the hands-on nature of the projects. Allocating time for setup, coding, testing, and deploying applications will ensure a thorough understanding of the material.