Torrent Downloads » Other » Udemy - JavaScript Web Projects 20 Projects to Build Your Portfolio [AhLaN]
Other
Udemy - JavaScript Web Projects 20 Projects to Build Your Portfolio [AhLaN]
Torrent info
Torrent Files List
8. Animated Template (Size: 16.01 GB) (Files: 486)
8. Animated Template
6. Code Review~.mp4
1. Animated Template Project Overview~.mp4
1.1 Animated Template - Live Demo~.html
2. Setting Up Our Template~.mp4
2.1 -- animated-template~.zip
2.2 HTML Formatter~.html
2.3 Creative Tim Template~.html
3. Setting Up Our Content~.mp4
3.1 FontAwesome Icons~.html
3.2 Random User Images~.html
3.3 Unsplash Images~.html
4. JavaScript Inside of HTML~.mp4
4.1 Google - Loading Third Party Script~.html
4.2 Animate on Scroll Library~.html
5. Animation On Scroll~.mp4
5.1 animated-template~.zip
6.1 Async, Defer Visualized~.html
Downloaded from Ahlanedu.com.txt
Visit us at www.Ahlanedu.com.url
1. Introduction
1. Course Outline~.mp4
2. Join Our Online Classroom!~.html
3. Exercise Meet The Community~.html
4. The Purpose Of JavaScript~.mp4
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~.mp4
2.1 Visual Studio Code~.html
2.2 Homebrew~.html
2.3 Git for Mac~.html
3. OPTIONAL WINDOWS Setup~.mp4
3.1 Git for Windows~.html
4. Our Visual Studio Code Setup + Templates~.mp4
4.1 FontAwesome CDN Download~.html
4.2 CSS Tricks - External Favicons Article~.html
4.3 FontAwesome Icons~.html
5. Developer Tools + Github Pages~.mp4
5.1 -- template~.zip
3. Quote Generator
1. Quote Generator Project Overview~.mp4
1.1 Quote Generator - Live Demo~.html
2. Setting Up Our Project~.mp4
2.1 Hero Patterns~.html
2.2 Google Fonts~.html
2.3 -- template-quote-generator~.zip
3. Styling and HTML Elements~.mp4
3.1 FontAwesome Icons~.html
4. Creating Beautiful Buttons~.mp4
5. Fetching Data With JavaScript~.mp4
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~.mp4
7.1 Twitter Integration Documentation~.html
8. Creating A Loader With JavaScript~.mp4
8.1 W3Schools - Loader~.html
8.2 quote-generator~.zip
9. Code Review~.mp4
9.1 quote-generator~.zip
9.2 Quote Generator - Github~.html
10. Manipulating The DOM~.html
4. Infinity Scroll
1. Infinity Scroll Project Overview~.mp4
1.1 Infinite Scroll - Live Demo~.html
2. Loader SVG~.mp4
2.1 Loading Animation Generator~.html
2.2 -- template-infinity-scroll~.zip
3. Centering Elements On The Page~.mp4
3.1 Google Fonts~.html
4. Responsive Layout~.mp4
4.1 Unsplash Images~.html
5. Fetching Data~.mp4
5.1 Unsplash Flowchart~.png
5.2 Unsplash API Documentation~.html
6. JavaScript To Display Data~.mp4
6.1 W3Schools - ForEach~.html
6.2 ForEach vs For Loops Article~.html
7. Infinite Scroll With JavaScript~.mp4
7.1 W3Schools - DOM Events~.html
7.2 Infinite Scroll Functionality~.png
8. Infinite Scroll With JavaScript 2~.mp4
8.1 infinity-scroll~.zip
8.2 W3Schools - On Load Event~.html
9. Code Review~.mp4
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~.mp4
1.1 Picture-in-Picture - Live Demo~.html
1.2 CSS Tricks - Picture-in-Picture Guide~.html
2. Setting Up Our Project~.mp4
2.1 -- template-picture-in-picture~.zip
2.2 Google Fonts~.html
3. Styling and HTML Elements~.mp4
4. Adding Functionality With JavaScript~.mp4
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~.mp4
5.1 httpsgithub.comtc39proposals~.html
6. Joke Teller
1. Joke Teller Project Overview~.mp4
1.1 Joke Teller - Live Demo~.html
2. Styling and HTML Elements~.mp4
2.1 -- template-joke-teller~.zip
3. Responsive Layout and Styling~.mp4
4. JavaScript In The Project~.mp4
4.1 Text-to-Speech API (VoiceRSS)~.html
5. JavaScript In The Project 2~.mp4
5.1 JokeAPI~.html
6. JavaScript In The Project 3~.mp4
6.1 Joke Teller Flowchart~.png
7. Finishing Up The Project~.mp4
7.1 W3Schools - Audio DOM Reference~.html
7.2 joke-teller~.zip
8. Code Review~.mp4
8.1 Hiding API Keys On Server~.html
7. Light & Dark Mode
1. Light Dark Mode Project Overview~.mp4
1.1 Light & Dark Mode - Live Demo~.html
2. HTML and CSS Setup~.mp4
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~.mp4
3.1 Google Fonts~.html
3.2 FontAwesome Icons~.html
3.3 Undraw Illustrations~.html
4. Toggle Theme With JavaScript~.mp4
4.1 W3Schools - Switch~.html
4.2 W3Schools - Change Event~.html
4.3 Mozilla - Document Element~.html
5. Toggle Theme With JavaScript 2~.mp4
6. LocalStorage To Save User Data~.mp4
6.1 light-dark-mode~.zip
7. Code Review~.mp4
7.1 light-dark-mode~.zip
7.2 Light & Dark Mode - Github~.html
8. Exercise Making Code More Readable~.html
Download - Lynda,Udemy,Skillshare,Teamtreehouse,Frontend Masters,Pluralsight,Phlearn,Coursera,Egghead,MasterClass.txt
9. Navigation Nation
1. Navigation Nation Project Overview~.mp4
1.1 Navigation Nation - Live Demo~.html
2. Setting Up Our HTML and CSS~.mp4
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~.mp4
4. Animating Menu With JavaScript~.mp4
5. Animations CSS~.mp4
5.1 Mozilla - CSS Animations~.html
6. Cleaning Up Our JavaScript~.mp4
6.1 animated-navigation~.zip
7. Code Review~.mp4
10. Music Player
1. Music Player Project Overview~.mp4
1.1 Music Player - Live Demo~.html
2. Setting Up Our HTML and CSS~.mp4
2.1 Google Fonts~.html
2.2 -- template-music-player~.zip
2.3 Mozilla - Object Fit~.html
3. Coding Our Responsive UI~.mp4
3.1 FontAwesome Icons~.html
4. JavaScript To Play Audio~.mp4
4.1 Mozilla - Ternary Operator~.html
4.2 W3Schools - Audio DOM Reference~.html
5. Music Player With JavaScript~.mp4
6. Progress Bar~.mp4
6.1 Mozilla - Destructuring~.html
7. Progress Bar 2~.mp4
7.1 Mozilla - Math Operators~.html
7.2 Mozilla - Math Floor~.html
8. Progress Bar 3~.mp4
8.1 music-player~.zip
8.2 W3Schools - This~.html
9. Code Review~.mp4
9.1 textContent vs innerText~.html
11. Custom Countdown
1. Custom Countdown Project Overview~.mp4
1.1 Custom Countdown - Live Demo~.html
2. Video Background~.mp4
2.1 Video Compression Tool~.html
2.2 Pixabay Stock Videos~.html
2.3 -- template-custom-countdown~.zip
3. Building Our UI Components~.mp4
3.1 Mozilla - Form Accessibility~.html
3.2 Google Fonts~.html
4. Building Our UI Components 2~.mp4
5. JavaScript Dates~.mp4
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~.mp4
6.1 W3Schools - Prevent Default~.html
6.2 Mozilla - Submit Event~.html
7. Populate Countdown UI~.mp4
8. setInterval And clearInterval~.mp4
8.1 W3Schools - JS Timing Events~.html
9. Finishing Up The UI~.mp4
10. Caching With LocalStorage~.mp4
10.1 custom-countdown~.zip
10.2 Mozilla - JSON Parse~.html
10.3 Mozilla - JSON Stringify~.html
11. Code Review~.mp4
12. Book Keeper
1. Book Keeper Project Overview~.mp4
1.1 Book Keeper - Live Demo~.html
2. Building Our UI~.mp4
2.1 -- template-book-keeper~.zip
2.2 Hero Patterns~.html
2.3 Google Fonts~.html
3. Building Our UI 2~.mp4
3.1 FontAwesome Icons~.html
3.2 W3Schools - Vertical Align Objects~.html
4. Building Our Modal~.mp4
4.1 Mozilla - Label~.html
5. Modals With JavaScript~.mp4
5.1 Mozilla - Ternary Operator~.html
6. Form Validation~.mp4
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~.mp4
7.1 Mozilla - JSON Stringify~.html
7.2 Mozilla - JSON Parse~.html
7.3 Mozilla - localStorage~.html
8. Building The Bookmarks~.mp4
9. Deleting The Bookmarks~.mp4
9.1 Mozilla - Array Splice~.html
9.2 book-keeper~.zip
10. Code Review~.mp4
10.1 script2~.js
13. Video Player
1. Video Player Project Overview~.mp4
1.1 Video Player - Live Demo~.html
2. Build UI - Player, Video, Mobile Responsive~.mp4
2.1 httpspixabay.comvideos~.html
2.2 -- template-video-player~.zip
3. Build UI - Controls HTML, Show Controls on Hover~.mp4
3.1 FontAwesome Icons~.html
4. Build UI - Progress Bar Width, Hover~.mp4
4.1 Mozilla - Calc Method~.html
5. Build UI - Selection, Show CSS Variables~.mp4
5.1 Mozilla - Select~.html
6. JS - Video PlayPause~.mp4
6.1 W3Schools - Video DOM Reference~.html
7. JS - Progress Bar (Dynamic Width)~.mp4
8. JS - Populate Current Time Duration~.mp4
9. JS - Progress Bar (Seek)~.mp4
10. JS - Volume (Slider)~.mp4
11. JS - Volume (MuteUnmute)~.mp4
12. JS - Playback Seed~.mp4
12.1 Mozilla - Change Event~.html
13. JS - Fullscreen~.mp4
13.1 W3Schools - Fullscreen~.html
13.2 video-player~.zip
14. Code Review~.mp4
14.1 Chrome's Confusing User Agent~.html
14.2 User Agent~.html
14. Form Validator
1. Form Validator Project Overview~.mp4
1.1 Form Validator - Live Demo~.html
2. Build UI - HTML Forms, Input, Labels~.mp4
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~.mp4
3.1 Google Fonts~.html
4. Build UI - Form CSS~.mp4
4.1 Mozilla - Valid Psuedo Class~.html
5. HTML Form Validation~.mp4
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~.mp4
6.1 W3Schools - Prevent Default~.html
6.2 Mozilla - Submit Event~.html
7. JS - Validate Passwords, Store Data~.mp4
7.1 form-validator~.zip
7.2 CSS Tricks - Different Approaches to Validation Article~.html
8. Code Review~.mp4
9. How to Store User Passwords~.html
15. Spock Rock Game
1. Spock Rock Project Overview~.mp4
1.1 Spock Rock Game - Live Demo~.html
2. Build UI - Player Containers, FontAwesome~.mp4
2.1 -- template-spock-rock-game~.zip
2.2 FontAwesome Icons~.html
3. Build UI - CSS, Google Fonts~.mp4
3.1 Google Fonts~.html
4. JS - Setup, Player Selection~.mp4
4.1 W3Schools - Switch~.html
5. JS - Computer Selection~.mp4
6. JS - Check Results~.mp4
6.1 Big Bang Theory Video Clip - Rock Paper Scissors Lizard Spock Explanation~.html
7. JS - Reset All~.mp4
8. JS - Confetti Functionality~.mp4
8.1 Confetti JS~.html
9. JS - Module Refactoring~.mp4
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~.mp4
16. NASA APOD
1. NASA APOD Project Overview~.mp4
1.1 NASA APOD - Live Demo~.html
2. Asset - Custom Loading Animation~.mp4
2.1 Loaf - Animated SVG Generator~.html
2.2 -- template-nasa-api-pictures~.zip
3. Build UI - Navigation~.mp4
4. Build UI - Card with Image~.mp4
4.1 NASA API DEMO~.html
5. JS - NASA API DocumentationFetch~.mp4
5.1 NASA API Documentation~.html
6. JS - Create DOM Elements~.mp4
7. JS - Save Favourites~.mp4
7.1 W3Schools - JSON Stringify~.html
7.2 W3Schools - includes()~.html
8. JS - Favorites DOM Elements~.mp4
8.1 Mozilla - Object.Values~.html
8.2 W3Schools - JSON Parse~.html
9. JS - Delete Favorites~.mp4
9.1 Mozilla - Delete Operator~.html
10. JS - Navigation, Loader~.mp4
10.1 nasa-api-pictures~.zip
10.2 Mozilla - ScrollTo~.html
11. Code Review~.mp4
12. Optional Declarative vs Imperative~.mp4
17. Math Sprint Game
1. Math Sprint Game Project Overview~.mp4
1.1 Math Sprint Game - Live Demo~.html
2. Build UI - Splash Page, Countdown~.mp4
2.1 -- template-math-sprint-game~.zip
3. Build UI - Game Page, Score Page~.mp4
3.1 W3Schools - Hide Scrollbars~.html
4. JS - Radio Selection & Functionality~.mp4
5. JS - Countdown Page~.mp4
6. JS - Generate Random Equations~.mp4
6.1 Mozilla - Math.Random~.html
6.2 StackOverflow - How to Shuffle an Array~.html
7. JS - Equations to DOM~.mp4
8. JS - Automatic Scrolling & Player Input~.mp4
8.1 Mozilla - Scroll~.html
9. JS - Check Score with Timing Events~.mp4
9.1 W3Schools - JS Timing Events~.html
10. JS - Score Page~.mp4
10.1 Mozilla - Number.ToFixed~.html
11. JS - Best Scores in Local Storage~.mp4
11.1 math-sprint-game~.zip
12. Code Review~.mp4
18. Drag n' Drop
1. Drag n' Drop Project Overview~.mp4
1.1 Drag n' Drop - Live Demo~.html
2. Build UI - Flexbox, Custom Scrollbar~.mp4
2.1 -- template-drag-and-drop~.zip
2.2 CSS Tricks - Custom Scrollbars~.html
3. JS - localStorage~.mp4
4. JS - Update DOM~.mp4
5. JS - Drag and Drop API~.mp4
5.1 W3Schools - ondragenter Event~.html
5.2 W3Schools - Drag and Drop~.html
6. JS - Rebuild Arrays~.mp4
6.1 Mozilla - Array.Push~.html
7. JS - Add Item~.mp4
7.1 Mozilla - Editable Content~.html
8. JS - Delete Item~.mp4
8.1 Mozilla - Array.Filter~.html
8.2 Mozilla - focusout Event~.html
9. JS - Update Item~.mp4
9.1 drag-and-drop~.zip
10. Code Review~.mp4
10.1 map() vs for loop~.html
19. Calculator
1. Calculator Project Overview~.mp4
1.1 Calculator - Live Demo~.html
2. Build UI - Calculator, Display, Buttons~.mp4
2.1 -- template-calculator~.zip
3. Build UI - Display CSS~.mp4
3.1 W3Schools - Custom Scrollbar CSS~.html
3.2 Gradient Background CSS~.html
4. Build UI - CSS Grid~.mp4
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~.mp4
6. JS - Adding Event Listeners~.mp4
7. JS - Reset Value, Add Decimal~.mp4
8. JS - Operator Functionality~.mp4
8.1 Mozilla - Number Object~.html
9. JS - Calculation~.mp4
9.1 calculator~.zip
10. Code Review~.mp4
20. Splash Page
1. Splash Page Project Overview~.mp4
1.1 Splash Page - Live Demo~.html
2. Initial Setup - Figma~.mp4
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~.mp4
4. Build UI - Styling Image Assets~.mp4
5. Build UI - Adding Custom Backgrounds~.mp4
5.1 Hero Patterns~.html
5.2 Gradient Background CSS~.html
6. JS - Background Controls~.mp4
6.1 W3Schools - Switch~.html
6.2 Mozilla - Ternary Operator~.html
6.3 splash-page~.zip
7. Code Review~.mp4
8. Exercise Memory Leaks And Heap Snapshots~.html
21. Paint Clone
1. Paint Clone Project Overview~.mp4
1.1 Paint Clone - Live Demo~.html
2. Build UI - Custom Slider, JSColor, Mobile Message~.mp4
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~.mp4
3.1 W3Schools - window.innerHeightWidth~.html
3.2 Mozilla - Canvas API~.html
4. JS - ColorRange Inputs~.mp4
5. JS - Drawing on Canvas~.mp4
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~.mp4
7. JS - localStorage & Downloading an Image~.mp4
7.1 Mozilla - Canvas toDataUrl~.html
7.2 paint-clone~.zip
8. Code Review~.mp4
22. Pong
1. Pong Project Overview~.mp4
1.1 Pong - Live Demo~.html
2. JS - Create Canvas~.mp4
2.1 Mozilla - Canvas 2D Context~.html
2.2 -- template-pong~.zip
2.3 Mozilla - Drawing Shapes on Canvas~.html
3. JS - RequestAnimationFrame~.mp4
3.1 Mozilla - requestAnimationFrame~.html
3.2 Google - Optimize Javascript Animation~.html
3.3 CSS Tricks - SetInterval vs. RequestAnimationFrame~.html
4. JS - Game Over~.mp4
4.1 pong~.zip
5. Code Review~.mp4
23. Where To Go From Here
1. Sharing Your Projects~.html
2. JavaScript And Beyond~.mp4
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~.mp4
1.1 List_of_ECMAScript_engines~.html
2. Exercise Javascript Engine~.mp4
3. Inside the Engine~.mp4
3.1 AST Explorer~.html
4. Exercise JS Engine For All~.mp4
5. Interpreters and Compilers~.mp4
6. Inside the V8 Engine~.mp4
7. Comparing Other Languages~.mp4
8. Writing Optimized Code~.mp4
8.1 Hidden Classes~.html
8.2 Managing Arguments~.html
9. WebAssembly~.mp4
10. Call Stack and Memory Heap~.mp4
11. Stack Overflow~.mp4
12. Garbage Collection~.mp4
13. Memory Leaks~.mp4
13.1 setInterval()~.html
13.2 Memory Leaks at SoundCloud~.html
14. Single Threaded~.mp4
15. Exercise Issue With Single Thread~.mp4
16. Javascript Runtime~.mp4
16.1 JS Runtime Playground~.html
17. Node.js~.mp4
25. Appendix Git, Github, Open Source and Building a Portfolio
1. Git + Github Part 1~.mp4
2. Git + Github Part 2~.mp4
3. Contributing To Open Source~.mp4
3.1 get started guidelines~.html
3.2 ZTM Open Source Projects~.html
4. Contributing To Open Source 2~.mp4
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~.mp4
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~.mp4
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
Torrent description
Feel free to post any comments about this torrent, including links to Subtitle, samples, screenshots, or any other relevant information, Watch Udemy - JavaScript Web Projects 20 Projects to Build Your Portfolio [AhLaN] Online Free Full Movies Like 123Movies, Putlockers, Fmovies, Netflix or Download Direct via Magnet Link in Torrent Details.
