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
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 commentsWant to join the conversation?
Sign in to commentSimilar courses
Discord Clone - Learn MERN Stack with WebRTC and SocketIO
Sources: udemy
Learn how to connect MERN Stack with WebRTC and SocketIO. We will go through all of the steps to create application with group call functionality. We will crea
19 hours 29 minutes 29 seconds
Learn JavaScript Closures (PRO)
Sources: codesmith.io
A video course on the most powerful yet complex concept in JavaScript. The goal of this course is to truly understand the concept that will enable you to accele
5 hours 15 minutes 31 seconds
Flexbox Simplified
Sources: kevin powell
Flexbox is a wonderful tool that opens up the world of responsive layouts, but it can be hard to predict exactly what's going to happen when we use it, and it's full of sometime...
4 hours 41 minutes 57 seconds