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
Zero to Full Stack Hero
Sources: papareact.com
PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
101 hours 29 minutes 59 seconds
Composing Layouts in React
Sources: fullstack.io
In this course we show you how to build complex layouts in React by composing just a few foundational layout primitives. Along the way you will learn modern CSS Layout tools lik...
4 hours 38 minutes 12 seconds