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
CS50's Web Programming with Python and JavaScript
Sources: HarvardX (Harvard University)
Topics include database design, scalability, security, and user experience. Through hands-on projects, you'll learn to write and use APIs, create interactive UI
14 hours 3 minutes 25 seconds
The Ultimate JavaScript Animation Course
Sources: developedbyed.com
Learn how to do creative and engaging animation with no previous experience. Animation is so important in front end design as it grabs the attention of the user and provides eng...
8 hours 32 minutes 37 seconds
Build Telegram Bots with JavaScript: The Complete Guide
Sources: udemy
Telegram is a cloud-based instant messaging app that provides API to developers to create bots that interact with users. This course aims to provide you with complete set of kno...
5 hours 28 minutes 48 seconds
Machine Learning in JavaScript with TensorFlow.js
Sources: udemy
Interested in using Machine Learning in JavaScript applications and websites? Then this course is for you! This is the tutorial you've been looking for to becom
6 hours 42 minutes 20 seconds
Complete CSS
Sources: Andy Bell
Reach a level in development that once seemed impossible with this extensive course from Andy Bell. Senior-level CSS is about more than just syntax You can...
32 minutes 45 seconds