English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 81 Lessons (15h 25m) | 2.83 GB
Master CSS and JavaScript by building real-world projects like a quiz game, expense tracker, and podcast player. Learn responsive design, API integration, and deploying full-stack apps. Build your skills to create interactive web applications that get you hired!
Dive into CSS and JavaScript with hands-on, advanced projects that bring theory to life. From creating stunning designs with CSS to adding dynamic functionality with JavaScript, you’ll practice essential skills for frontend web development (plus we sneak in some backend skills too)!
What you’ll learn
- How to create responsive websites using CSS and media queries
- Dynamic content manipulation with JavaScript and DOM interactions
- Design and style modern UI elements with CSS
- Build interactive features like quizzes and expense trackers
- Fetch and use live data with API integration
- Store and retrieving data with local storage
- Deploy full-stack applications with platforms like Vercel and Render
- Visualize data with tools like Chart.js for dynamic charts
Table of Contents
1 Course Introduction
2 Introduction
3 Mac / Linux Device Setup
4 Windows Device Setup
5 VSCode Setup & Template
6 VSCode Extensions
7 DevTools
8 GitHub
9 Overview
10 Main UI
11 Shuffle & Generate Text JS
12 Keyboard Input JS (Part 1)
13 Keyboard Input JS (Part 2)
14 Timer & Calculate Score JS
15 Reset Test JS
16 Overview
17 Page Elements UI
18 Color Variables UI
19 Table Styling UI
20 Pagination & Toggle UI
21 Table Mobile UI
22 Dark Mode JS
23 Fetch Users JS
24 Pagination JS
25 Sorting JS
26 Overview
27 Form Elements UI
28 Form Styling UI
29 Date & Expenses Setup JS
30 Submit & LocalStorage JS
31 Chart Functionality JS
32 Overview
33 Postman – Node
34 Trivia & Pantry API Overview
35 Pantry Proxy API (Part 1)
36 Pantry Proxy API (Part 2)
37 Pantry Proxy API (Part 3)
38 Vercel Deployment
39 Quiz Box UI
40 High Score UI
41 Populate Questions & Choices JS
42 Check Answer JS
43 Timer & Score JS
44 End Game JS (Part 1)
45 End Game JS (Part 2)
46 Overview
47 Podcast Index API
48 Node Install – Github Repo
49 Install NPM – Run Express
50 Server.js API Call (Part 1)
51 Server.js API Call (Part 2)
52 Font, Background, Nav UI
53 Containers UI
54 Search Container UI
55 Loader UI
56 Cards Container UI
57 Player UI
58 Queue UI
59 Mobile Navigation UI
60 Mobile Player UI
61 Mobile Search UI
62 Blisk
63 Exercise: Imposter Syndrome
64 Search Container JS (Part 1)
65 Search Container JS (Part 2)
66 Search Results JS
67 Podcast Cards JS
68 Episodes API JS
69 Episode Cards JS
70 Lazy Load Images JS (Part 1)
71 Lazy Load Images JS (Part 2)
72 Player JS (Part 1)
73 Player JS (Part 2)
74 Player JS (Part 3)
75 Mobile Container UI
76 Queue JS (Part 1)
77 Queue JS (Part 2)
78 PWA Manifest
79 PWA Service Worker
80 Render Deployment
81 Thank You!
Resolve the captcha to access the links!