JavaScript Web Projects: 20 Projects to Build Your Portfolio
JavaScript Web Projects: 20 Projects to Build Your Portfolio

Modern HTML5, CSS3, and JavaScript to build Responsive and Mobile Friendly projects for your dream portfolio and resume!

Created by Andrei Neagoie, Jacinto Wong
Language English

JavaScript Web Projects: 20 Projects to Build Your Portfolio

JavaScript Web Projects: 20 Projects to Build Your Portfolio
JavaScript Web Projects: 20 Projects to Build Your Portfolio

Modern HTML5, CSS3, and JavaScript to build Responsive and Mobile Friendly projects for your dream portfolio and resume!

Created by Andrei Neagoie, Jacinto Wong
Language English
1. Introduction
  • 1. Course Outline 00:09:10
  • 2. Join Our Online Classroom! .html
  • 3. Exercise Meet The Community .html
  • 4. The Purpose Of JavaScript 00:04:29
  • 5. How To Get The Most Out Of The Course .html
2. Developer Setup
  • 1. Setting Up For The Course .html
  • 2. OPTIONAL MACLINUX Setup 00:04:40
  • 2.1 Visual Studio Code .html
  • 2.2 Homebrew .html
  • 2.3 Git for Mac .html
  • 3. OPTIONAL WINDOWS Setup 00:06:58
  • 3.1 Git for Windows .html
  • 4. Our Visual Studio Code Setup Templates 00:12:34
  • 4.1 FontAwesome CDN Download .html
  • 4.2 CSS Tricks - External Favicons Article .html
  • 4.3 FontAwesome Icons .html
  • 5. Developer Tools Github Pages 00:07:52
  • 5.1 -- template .zip
3. Quote Generator
  • 1. Quote Generator Project Overview 00:02:01
  • 1.1 Quote Generator - Live Demo .html
  • 2. Setting Up Our Project 00:04:59
  • 2.1 Hero Patterns .html
  • 2.2 Google Fonts .html
  • 2.3 -- template-quote-generator .zip
  • 3. Styling and HTML Elements 00:14:27
  • 3.1 FontAwesome Icons .html
  • 4. Creating Beautiful Buttons 00:06:55
  • 5. Fetching Data With JavaScript 00:08:09
  • 5.1 Random Quote API .html
  • 5.2 Fix CORS Error Article .html
  • 6. Optional Build Your Own Proxy Server .html
  • 7. Manipulating DOM With JavaScript 00:12:28
  • 7.1 Twitter Integration Documentation .html
  • 8. Creating A Loader With JavaScript 00:05:08
  • 8.1 W3Schools - Loader .html
  • 8.2 quote-generator .zip
  • 9. Code Review 00:07:38
  • 9.1 quote-generator .zip
  • 9.2 Quote Generator - Github .html
  • 10. Manipulating The DOM .html
4. Infinity Scroll
  • 1. Infinity Scroll Project Overview 00:02:02
  • 1.1 Infinite Scroll - Live Demo .html
  • 2. Loader SVG 00:04:48
  • 2.1 Loading Animation Generator .html
  • 2.2 -- template-infinity-scroll .zip
  • 3. Centering Elements On The Page 00:11:19
  • 3.1 Google Fonts .html
  • 4. Responsive Layout 00:06:14
  • 4.1 Unsplash Images .html
  • 5. Fetching Data 00:11:55
  • 5.1 Unsplash Flowchart .png
  • 5.2 Unsplash API Documentation .html
  • 6. JavaScript To Display Data 00:14:06
  • 6.1 W3Schools - ForEach .html
  • 6.2 ForEach vs For Loops Article .html
  • 7. Infinite Scroll With JavaScript 00:08:32
  • 7.1 W3Schools - DOM Events .html
  • 7.2 Infinite Scroll Functionality .png
  • 8. Infinite Scroll With JavaScript 2 00:11:37
  • 8.1 infinity-scroll .zip
  • 8.2 W3Schools - On Load Event .html
  • 9. Code Review 00:06:24
  • 9.1 infinite-scroll .zip
  • 9.2 Infinity Scroll - Github .html
  • 10. Exercises Cleaning Up The Code .html
5. Picture In Picture
  • 1. Picture In Picture Project Overview 00:08:30
  • 1.1 Picture-in-Picture - Live Demo .html
  • 1.2 CSS Tricks - Picture-in-Picture Guide .html
  • 2. Setting Up Our Project 00:06:53
  • 2.1 -- template-picture-in-picture .zip
  • 2.2 Google Fonts .html
  • 3. Styling and HTML Elements 00:10:47
  • 4. Adding Functionality With JavaScript 00:11:41
  • 4.1 Intro to Picture-in-Picture API Article .html
  • 4.2 Mozilla - Screen Capture API .html
  • 4.3 picture-in-picture .zip
  • 5. Code Review 00:07:32
  • 5.1 httpsgithub.comtc39proposals .html
6. Joke Teller
  • 1. Joke Teller Project Overview 00:01:15
  • 1.1 Joke Teller - Live Demo .html
  • 2. Styling and HTML Elements 00:08:06
  • 2.1 -- template-joke-teller .zip
  • 3. Responsive Layout and Styling 00:09:10
  • 4. JavaScript In The Project 00:13:04
  • 4.1 Text-to-Speech API (VoiceRSS) .html
  • 5. JavaScript In The Project 2 00:15:03
  • 5.1 JokeAPI .html
  • 6. JavaScript In The Project 3 00:07:19
  • 6.1 Joke Teller Flowchart .png
  • 7. Finishing Up The Project 00:09:17
  • 7.1 W3Schools - Audio DOM Reference .html
  • 7.2 joke-teller .zip
  • 8. Code Review 00:08:19
  • 8.1 Hiding API Keys On Server .html
7. Light & Dark Mode
  • 1. Light Dark Mode Project Overview 00:01:41
  • 1.1 Light & Dark Mode - Live Demo .html
  • 2. HTML and CSS Setup 00:13:11
  • 2.1 Mozilla - CSS Variables .html
  • 2.2 Dark Mode Colors How-to Article .html
  • 2.3 -- template-light-dark-mode .zip
  • 2.4 Hero Patterns .html
  • 3. Content In Our Project 00:13:31
  • 3.1 Google Fonts .html
  • 3.2 FontAwesome Icons .html
  • 3.3 Undraw Illustrations .html
  • 4. Toggle Theme With JavaScript 00:11:38
  • 4.1 W3Schools - Switch .html
  • 4.2 W3Schools - Change Event .html
  • 4.3 Mozilla - Document Element .html
  • 5. Toggle Theme With JavaScript 2 00:12:12
  • 6. LocalStorage To Save User Data 00:07:04
  • 6.1 light-dark-mode .zip
  • 7. Code Review 00:07:40
  • 7.1 light-dark-mode .zip
  • 7.2 Light & Dark Mode - Github .html
  • 8. Exercise Making Code More Readable .html
8. Animated Template
  • 1. Animated Template Project Overview 00:01:01
  • 1.1 Animated Template - Live Demo .html
  • 2. Setting Up Our Template 00:06:12
  • 2.1 -- animated-template .zip
  • 2.2 HTML Formatter .html
  • 2.3 Creative Tim Template .html
  • 3. Setting Up Our Content 00:09:07
  • 3.1 FontAwesome Icons .html
  • 3.2 Random User Images .html
  • 3.3 Unsplash Images .html
  • 4. JavaScript Inside of HTML 00:08:56
  • 4.1 Google - Loading Third Party Script .html
  • 4.2 Animate on Scroll Library .html
  • 5. Animation On Scroll 00:14:57
  • 5.1 animated-template .zip
  • 6. Code Review 00:19:47
  • 6.1 Async Defer Visualized .html
9. Navigation Nation
  • 1. Navigation Nation Project Overview 00:01:22
  • 1.1 Navigation Nation - Live Demo .html
  • 2. Setting Up Our HTML and CSS 00:07:10
  • 2.1 Google Fonts .html
  • 2.2 Unsplash Images .html
  • 2.3 W3Schools - Menu Icon .html
  • 2.4 Mozilla - CSS Variables .html
  • 2.5 -- template-animated-navigation .zip
  • 2.6 Color Selection Tool .html
  • 3. Navigation UI 00:13:03
  • 4. Animating Menu With JavaScript 00:13:25
  • 5. Animations CSS 00:10:41
  • 5.1 Mozilla - CSS Animations .html
  • 6. Cleaning Up Our JavaScript 00:11:48
  • 6.1 animated-navigation .zip
  • 7. Code Review 00:04:40
10. Music Player
  • 1. Music Player Project Overview 00:01:59
  • 1.1 Music Player - Live Demo .html
  • 2. Setting Up Our HTML and CSS 00:15:50
  • 2.1 Google Fonts .html
  • 2.2 -- template-music-player .zip
  • 2.3 Mozilla - Object Fit .html
  • 3. Coding Our Responsive UI 00:08:17
  • 3.1 FontAwesome Icons .html
  • 4. JavaScript To Play Audio 00:08:57
  • 4.1 Mozilla - Ternary Operator .html
  • 4.2 W3Schools - Audio DOM Reference .html
  • 5. Music Player With JavaScript 00:14:18
  • 6. Progress Bar 00:08:32
  • 6.1 Mozilla - Destructuring .html
  • 7. Progress Bar 2 00:10:15
  • 7.1 Mozilla - Math Operators .html
  • 7.2 Mozilla - Math Floor .html
  • 8. Progress Bar 3 00:11:25
  • 8.1 music-player .zip
  • 8.2 W3Schools - This .html
  • 9. Code Review 00:07:24
  • 9.1 textContent vs innerText .html
11. Custom Countdown
  • 1. Custom Countdown Project Overview 00:02:03
  • 1.1 Custom Countdown - Live Demo .html
  • 2. Video Background 00:09:58
  • 2.1 Video Compression Tool .html
  • 2.2 Pixabay Stock Videos .html
  • 2.3 -- template-custom-countdown .zip
  • 3. Building Our UI Components 00:11:19
  • 3.1 Mozilla - Form Accessibility .html
  • 3.2 Google Fonts .html
  • 4. Building Our UI Components 2 00:10:33
  • 5. JavaScript Dates 00:09:10
  • 5.1 W3Schools - String Split .html
  • 5.2 W3Schools - Date Object .html
  • 5.3 Mozilla - Date Input .html
  • 5.4 Mozilla - Date toISOString .html
  • 6. Form Values 00:06:59
  • 6.1 W3Schools - Prevent Default .html
  • 6.2 Mozilla - Submit Event .html
  • 7. Populate Countdown UI 00:15:31
  • 8. setInterval And clearInterval 00:09:11
  • 8.1 W3Schools - JS Timing Events .html
  • 9. Finishing Up The UI 00:06:09
  • 10. Caching With LocalStorage 00:10:17
  • 10.1 custom-countdown .zip
  • 10.2 Mozilla - JSON Parse .html
  • 10.3 Mozilla - JSON Stringify .html
  • 11. Code Review 00:06:18
12. Book Keeper
  • 1. Book Keeper Project Overview 00:01:44
  • 1.1 Book Keeper - Live Demo .html
  • 2. Building Our UI 00:08:42
  • 2.1 -- template-book-keeper .zip
  • 2.2 Hero Patterns .html
  • 2.3 Google Fonts .html
  • 3. Building Our UI 2 00:13:54
  • 3.1 FontAwesome Icons .html
  • 3.2 W3Schools - Vertical Align Objects .html
  • 4. Building Our Modal 00:16:36
  • 4.1 Mozilla - Label .html
  • 5. Modals With JavaScript 00:10:20
  • 5.1 Mozilla - Ternary Operator .html
  • 6. Form Validation 00:15:02
  • 6.1 RegEx Playground Tool .html
  • 6.2 Mozilla - Submit Event .html
  • 6.3 Mozilla - Regular Expressions .html
  • 6.4 W3Schools - Prevent Default .html
  • 7. localStorage And Fetch 00:11:40
  • 7.1 Mozilla - JSON Stringify .html
  • 7.2 Mozilla - JSON Parse .html
  • 7.3 Mozilla - localStorage .html
  • 8. Building The Bookmarks 00:11:37
  • 9. Deleting The Bookmarks 00:07:19
  • 9.1 Mozilla - Array Splice .html
  • 9.2 book-keeper .zip
  • 10. Code Review 00:05:33
  • 10.1 script2 .js
13. Video Player
  • 1. Video Player Project Overview 00:01:40
  • 1.1 Video Player - Live Demo .html
  • 2. Build UI - Player Video Mobile Responsive 00:08:14
  • 2.1 httpspixabay.comvideos .html
  • 2.2 -- template-video-player .zip
  • 3. Build UI - Controls HTML Show Controls on Hover 00:14:41
  • 3.1 FontAwesome Icons .html
  • 4. Build UI - Progress Bar Width Hover 00:04:45
  • 4.1 Mozilla - Calc Method .html
  • 5. Build UI - Selection Show CSS Variables 00:04:23
  • 5.1 Mozilla - Select .html
  • 6. JS - Video PlayPause 00:13:03
  • 6.1 W3Schools - Video DOM Reference .html
  • 7. JS - Progress Bar (Dynamic Width) 00:06:45
  • 8. JS - Populate Current Time Duration 00:07:59
  • 9. JS - Progress Bar (Seek) 00:07:36
  • 10. JS - Volume (Slider) 00:11:00
  • 11. JS - Volume (MuteUnmute) 00:08:55
  • 12. JS - Playback Seed 00:04:56
  • 12.1 Mozilla - Change Event .html
  • 13. JS - Fullscreen 00:07:12
  • 13.1 W3Schools - Fullscreen .html
  • 13.2 video-player .zip
  • 14. Code Review 00:06:22
  • 14.1 Chromes Confusing User Agent .html
  • 14.2 User Agent .html
14. Form Validator
  • 1. Form Validator Project Overview 00:03:11
  • 1.1 Form Validator - Live Demo .html
  • 2. Build UI - HTML Forms Input Labels 00:12:55
  • 2.1 Mozilla - Input Element .html
  • 2.2 W3Schools - Forms .html
  • 2.3 -- template-form-validator .zip
  • 3. Build UI - CSS (Body Container) Google Fonts 00:07:42
  • 3.1 Google Fonts .html
  • 4. Build UI - Form CSS 00:10:41
  • 4.1 Mozilla - Valid Psuedo Class .html
  • 5. HTML Form Validation 00:13:44
  • 5.1 Mozilla - Constraint Validation .html
  • 5.2 Mozilla - Form Validation .html
  • 5.3 RegEx Background Info .html
  • 5.4 RegEx Playground Tool (Password Pattern) .html
  • 6. JS - Validate Form 00:11:29
  • 6.1 W3Schools - Prevent Default .html
  • 6.2 Mozilla - Submit Event .html
  • 7. JS - Validate Passwords Store Data 00:14:12
  • 7.1 form-validator .zip
  • 7.2 CSS Tricks - Different Approaches to Validation Article .html
  • 8. Code Review 00:06:53
  • 9. How to Store User Passwords .html
15. Spock Rock Game
  • 1. Spock Rock Project Overview 00:02:29
  • 1.1 Spock Rock Game - Live Demo .html
  • 2. Build UI - Player Containers FontAwesome 00:09:33
  • 2.1 -- template-spock-rock-game .zip
  • 2.2 FontAwesome Icons .html
  • 3. Build UI - CSS Google Fonts 00:15:21
  • 3.1 Google Fonts .html
  • 4. JS - Setup Player Selection 00:13:35
  • 4.1 W3Schools - Switch .html
  • 5. JS - Computer Selection 00:09:48
  • 6. JS - Check Results 00:12:37
  • 6.1 Big Bang Theory Video Clip - Rock Paper Scissors Lizard Spock Explanation .html
  • 7. JS - Reset All 00:05:18
  • 8. JS - Confetti Functionality 00:09:42
  • 8.1 Confetti JS .html
  • 9. JS - Module Refactoring 00:12:05
  • 9.1 JS Modules History Github .html
  • 9.2 JS Modules History Article .html
  • 9.3 spock-rock-game .zip
  • 9.4 Mozilla - ES Modules .html
  • 10. Code Review 00:13:16
16. NASA APOD
  • 1. NASA APOD Project Overview 00:02:11
  • 1.1 NASA APOD - Live Demo .html
  • 2. Asset - Custom Loading Animation 00:07:52
  • 2.1 Loaf - Animated SVG Generator .html
  • 2.2 -- template-nasa-api-pictures .zip
  • 3. Build UI - Navigation 00:11:48
  • 4. Build UI - Card with Image 00:13:46
  • 4.1 NASA API DEMO .html
  • 5. JS - NASA API DocumentationFetch 00:10:02
  • 5.1 NASA API Documentation .html
  • 6. JS - Create DOM Elements 00:21:11
  • 7. JS - Save Favourites 00:15:44
  • 7.1 W3Schools - JSON Stringify .html
  • 7.2 W3Schools - includes() .html
  • 8. JS - Favorites DOM Elements 00:10:07
  • 8.1 Mozilla - Object.Values .html
  • 8.2 W3Schools - JSON Parse .html
  • 9. JS - Delete Favorites 00:07:07
  • 9.1 Mozilla - Delete Operator .html
  • 10. JS - Navigation Loader 00:12:22
  • 10.1 nasa-api-pictures .zip
  • 10.2 Mozilla - ScrollTo .html
  • 11. Code Review 00:07:43
  • 12. Optional Declarative vs Imperative 00:06:18
17. Math Sprint Game
  • 1. Math Sprint Game Project Overview 00:02:19
  • 1.1 Math Sprint Game - Live Demo .html
  • 2. Build UI - Splash Page Countdown 00:12:50
  • 2.1 -- template-math-sprint-game .zip
  • 3. Build UI - Game Page Score Page 00:08:33
  • 3.1 W3Schools - Hide Scrollbars .html
  • 4. JS - Radio Selection & Functionality 00:15:41
  • 5. JS - Countdown Page 00:06:35
  • 6. JS - Generate Random Equations 00:13:28
  • 6.1 Mozilla - Math.Random .html
  • 6.2 StackOverflow - How to Shuffle an Array .html
  • 7. JS - Equations to DOM 00:07:49
  • 8. JS - Automatic Scrolling & Player Input 00:08:05
  • 8.1 Mozilla - Scroll .html
  • 9. JS - Check Score with Timing Events 00:16:40
  • 9.1 W3Schools - JS Timing Events .html
  • 10. JS - Score Page 00:13:27
  • 10.1 Mozilla - Number.ToFixed .html
  • 11. JS - Best Scores in Local Storage 00:18:25
  • 11.1 math-sprint-game .zip
  • 12. Code Review 00:12:19
18. Drag n Drop
  • 1. Drag n Drop Project Overview 00:02:13
  • 1.1 Drag n Drop - Live Demo .html
  • 2. Build UI - Flexbox Custom Scrollbar 00:12:53
  • 2.1 -- template-drag-and-drop .zip
  • 2.2 CSS Tricks - Custom Scrollbars .html
  • 3. JS - localStorage 00:09:40
  • 4. JS - Update DOM 00:09:01
  • 5. JS - Drag and Drop API 00:16:37
  • 5.1 W3Schools - ondragenter Event .html
  • 5.2 W3Schools - Drag and Drop .html
  • 6. JS - Rebuild Arrays 00:10:00
  • 6.1 Mozilla - Array.Push .html
  • 7. JS - Add Item 00:13:07
  • 7.1 Mozilla - Editable Content .html
  • 8. JS - Delete Item 00:16:54
  • 8.1 Mozilla - Array.Filter .html
  • 8.2 Mozilla - focusout Event .html
  • 9. JS - Update Item 00:07:29
  • 9.1 drag-and-drop .zip
  • 10. Code Review 00:09:09
  • 10.1 map() vs for loop .html
19. Calculator
  • 1. Calculator Project Overview 00:01:28
  • 1.1 Calculator - Live Demo .html
  • 2. Build UI - Calculator Display Buttons 00:08:12
  • 2.1 -- template-calculator .zip
  • 3. Build UI - Display CSS 00:11:44
  • 3.1 W3Schools - Custom Scrollbar CSS .html
  • 3.2 Gradient Background CSS .html
  • 4. Build UI - CSS Grid 00:05:54
  • 4.1 Mozilla - CSS Grid Layout .html
  • 4.2 Mozilla - CSS Grid Column .html
  • 4.3 Mozilla - CSS Grid Row .html
  • 5. Build UI - Button CSS 00:09:28
  • 6. JS - Adding Event Listeners 00:12:47
  • 7. JS - Reset Value Add Decimal 00:05:52
  • 8. JS - Operator Functionality 00:12:06
  • 8.1 Mozilla - Number Object .html
  • 9. JS - Calculation 00:12:18
  • 9.1 calculator .zip
  • 10. Code Review 00:04:49
20. Splash Page
  • 1. Splash Page Project Overview 00:01:21
  • 1.1 Splash Page - Live Demo .html
  • 2. Initial Setup - Figma 00:12:57
  • 2.1 Google Fonts .html
  • 2.2 -- template-splash-page .zip
  • 2.3 Figma - Example Project .html
  • 2.4 Figma - Overview for Developers .html
  • 3. Build UI - Adding Image Assets 00:09:24
  • 4. Build UI - Styling Image Assets 00:09:17
  • 5. Build UI - Adding Custom Backgrounds 00:09:33
  • 5.1 Hero Patterns .html
  • 5.2 Gradient Background CSS .html
  • 6. JS - Background Controls 00:11:38
  • 6.1 W3Schools - Switch .html
  • 6.2 Mozilla - Ternary Operator .html
  • 6.3 splash-page .zip
  • 7. Code Review 00:08:27
  • 8. Exercise Memory Leaks And Heap Snapshots .html
21. Paint Clone
  • 1. Paint Clone Project Overview 00:02:42
  • 1.1 Paint Clone - Live Demo .html
  • 2. Build UI - Custom Slider JSColor Mobile Message 00:09:49
  • 2.1 W3Schools - Custom Input Range Slider .html
  • 2.2 -- template-paint-clone .zip
  • 2.3 FontAwesome Icons .html
  • 2.4 JSColor - Color Input Library .html
  • 3. JS - Canvas Setup 00:12:21
  • 3.1 W3Schools - window.innerHeightWidth .html
  • 3.2 Mozilla - Canvas API .html
  • 4. JS - ColorRange Inputs 00:14:08
  • 5. JS - Drawing on Canvas 00:11:29
  • 5.1 Mozilla - Drawing Shapes on Canvas .html
  • 5.2 Mozilla - Canvas 2D Context .html
  • 5.3 Mozilla - Canvas getBoundingClientRect .html
  • 5.4 W3Schools - Mouse Events .html
  • 6. JS - Store Drawing Data 00:06:38
  • 7. JS - localStorage & Downloading an Image 00:12:02
  • 7.1 Mozilla - Canvas toDataUrl .html
  • 7.2 paint-clone .zip
  • 8. Code Review 00:08:01
22. Pong
  • 1. Pong Project Overview 00:02:03
  • 1.1 Pong - Live Demo .html
  • 2. JS - Create Canvas 00:15:50
  • 2.1 Mozilla - Canvas 2D Context .html
  • 2.2 -- template-pong .zip
  • 2.3 Mozilla - Drawing Shapes on Canvas .html
  • 3. JS - RequestAnimationFrame 00:17:44
  • 3.1 Mozilla - requestAnimationFrame .html
  • 3.2 Google - Optimize Javascript Animation .html
  • 3.3 CSS Tricks - SetInterval vs. RequestAnimationFrame .html
  • 4. JS - Game Over 00:13:14
  • 4.1 pong .zip
  • 5. Code Review 00:05:17
23. Where To Go From Here
  • 1. Sharing Your Projects .html
  • 2. JavaScript And Beyond 00:10:50
  • 3. Learning Guideline .html
  • 4. LinkedIn Endorsements .html
  • 5. Become An Alumni .html
  • 6. Coding Challenges .html
24. Appendix How JavaScript Works
  • 1. JavaScript Engine 00:05:28
  • 1.1 List of ECMAScript engines .html
  • 2. Exercise Javascript Engine 00:00:56
  • 3. Inside the Engine 00:04:05
  • 3.1 AST Explorer .html
  • 4. Exercise JS Engine For All 00:02:33
  • 5. Interpreters and Compilers 00:06:21
  • 6. Inside the V8 Engine 00:08:56
  • 7. Comparing Other Languages 00:04:15
  • 8. Writing Optimized Code 00:08:53
  • 8.1 Hidden Classes .html
  • 8.2 Managing Arguments .html
  • 9. WebAssembly 00:03:15
  • 10. Call Stack and Memory Heap 00:14:37
  • 11. Stack Overflow 00:03:21
  • 12. Garbage Collection 00:04:30
  • 13. Memory Leaks 00:06:34
  • 13.1 setInterval() .html
  • 13.2 Memory Leaks at SoundCloud .html
  • 14. Single Threaded 00:01:58
  • 15. Exercise Issue With Single Thread 00:02:40
  • 16. Javascript Runtime 00:14:07
  • 16.1 JS Runtime Playground .html
  • 17. Node.js 00:06:27
25. Appendix Git Github Open Source and Building a Portfolio
  • 1. Git Github Part 1 00:17:40
  • 2. Git Github Part 2 00:16:52
  • 3. Contributing To Open Source 00:14:44
  • 3.1 get started guidelines .html
  • 3.2 ZTM Open Source Projects .html
  • 4. Contributing To Open Source 2 00:09:42
  • 5. Exercise Contribute To Open Source .html
  • 5.1 get started guidelines .html
  • 5.2 ZTM Open Source Projects .html
  • 6. Installing Node .html
  • 7. Create A Portfolio 00:15:10
  • 7.1 Simplefolio .html
  • 7.2 Logo Makers .html
  • 7.3 What is SCSS .html
26. Appendix CORS Issues
  • 1. Solving CORS Issues With Heroku Server 00:10:46
  • 1.1 -- cors-anywhere .zip
  • 1.2 Heroku .html
  • 1.3 Heroku CLI .html
  • 1.4 CORS Anywhere Github Repo .html
27. Extras
  • 1. Bonus Special Thank You Gift! .html