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
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
Tailwind Mastery
Sources: Build UI
Tailwind CSS has become one of the most popular ways to style modern web applications, and for good reason. Its APIs make developers feel incredibly productive, and because it's...
2 hours 34 minutes 57 seconds
Shaders for the Web
Sources: superhi.com
Learn how to make OpenGL shaders using the programming language GLSL, and gain insight on how the top websites use hardware-enabled graphics.
16 hours 3 minutes 4 seconds
Asynchronous JavaScript
Sources: udemy
Understanding the asynchronous nature of Javascript is key to mastering the language. This course is designed to take someone with a beginner level knowledge
4 hours 38 minutes 53 seconds
Fundamentals of CSS Grid
Sources: zerotomastery.io
Learn how to create responsive and flexible layouts using CSS Grid. Master practical techniques for building modern interfaces on web pages.
3 hours 32 minutes 35 seconds