Advanced CSS & JavaScript Projects
15h 24m 29s
English
Paid
Course description
Master CSS and JavaScript by creating real projects! Develop applications like a quiz, an expense tracker, and a podcast player. You will learn to create responsive designs, integrate APIs, and deploy fully functional applications. This course will help you acquire the skills necessary to build interactive web applications that will catch the attention of employers!
Watch Online
Watch Online Advanced CSS & JavaScript Projects
0:00
/ #1: Course Introduction
All Course Lessons (81)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsSimilar courses
Mastering CSS Grid 2022 - With 3 cool projects
Sources: udemy
CSS Grid is a relatively new and unused concept to CSS. It's very important these days that our layouts are simple to maintain, and easy to adjust based on the dimensions of our...
17 hours 16 minutes 22 seconds
Wizard zines. Zine 14 pack
Sources: Julia Evans
Wizard zines is a little different from other tech publications. Here’s my approach: stick to fundamentals: wizard zines focuses on fundamentals: things that...
50 Projects In 50 Days - HTML, CSS & JavaScript
Sources: udemy, Brad Traversy
This is a purely project-based course. It is geared toward beginners, but intermediate developers can also enjoy creating new things. This course includes 50 mini projects in HT...
18 hours 13 minutes 45 seconds
Want to join the conversation?
Sign in to comment