Udemy - JavaScript 5 Mini Projects Practice create new things

  • Category Other
  • Type Tutorials
  • Language English
  • Total size 3.4 GB
  • Uploaded By tutsnode
  • Downloads 98
  • Last checked 1 month ago
  • Date uploaded 5 years ago
  • Seeders 10
  • Leechers 6

Infohash : E444A2CBFEF187EA5B7CB96AFC99E740C170C89C




Description

Practice and learn more about JavaScript as you create 5 amazing projects all with Vanilla JavaScript

Explore and sharpen your skills with Mini projects that you can extend upon to create some amazing functionality and interactions for web users. Add them to your portfolio have fun while you learn.

Challenge yourself and design your own versions

Source code is included to get you started.

Perfect for Beginner and intermediate web developers that want to build fun and useful projects with HTML, CSS & JavaScript.

These are unique coding mini projects you won’t find anywhere else.

Sharpen your HTML, CSS & JavaScript skills with these projects.

Project #1 JavaScript Lorem ipsum generator

Adding EventListeners
DOMContentLoaded when page loads
String methods like toUpperCase()
Conditions and Loops (for loops and while)
JavaScript Math method – random()
DOM document createElement(), append(), querySelector()
Array methods sort()

Project #2 Pagination from JSON data multiple pages and content loading app

Adding EventListeners for interaction
DOMContentLoaded when page loads
Ternary operator
Fetch method
JSON data – as JavaScript Objects
DOM document createElement(), append(), querySelector() – elements innerHTML and textContent
DOM disable buttons – classList.add()
Create HTML elements and create interactive content dynamically

Project #3 JavaScript Carousel Images Slider Component

Change Content on the page with Intervals setInterval()
Select and manipulate DOM page elements with JavaScript querySelector() classList.add() append() remove()
Create interactive Page content – addEventListener()
Practice common JavaScript Fundamental coding – forEach() push() into arrays Array.length
DOM disable buttons – classList.add()
Create HTML elements and create interactive content dynamically

Project #4 JavaScript Dynamic List builder with Download and saving of list items to localstorage.

How to generate a text file with JavaScript from string content
DOM document createElement(), append(), querySelector() – elements innerHTML and textContent
Add user interaction DOM document createElement()
Element updates to style setAttribute() style.display()
Add and remove page elements appendChild() removeChild() methods
Check element classes classList.contains()
Set element focus focus()
createTextNode() and createElement()
Save items to local Storage localStorage.setItem() localStorage.getItem()
Convert object to string JSON.stringify() convert String to Object JSON.parse()
encodeURIComponent() to create text file dynamically and set download click of hyperlink

Project #5 JavaScript Dynamic TimeLine Component

DOM document createElement(), append(), querySelector() – elements innerHTML and textContent
Move elements using Styling
Interactive Content with event listeners
Generate Page content from JSON data object
JavaScript Methods querySelector() addEventListener() forEach() classList.add() classList.remove() parseInt() Number() createElement() append()
Generate Page content randomly from string characters
Move elements on the page using Transform X
Adding styling and JavaScript for dynamic and interactive content
—– Source Code included – build your own version of the projects —–

Taught by an instructor with over 20 years of REAL WORLD experience ready to answer any questions you may have.

You have nothing to lose – build your own version of the projects HAVE FUN – Join NOW
Who this course is for:

Beginners to JavaScript
Anyone who wants to practice and learn more about JavaScript
Anyone who wants to create fun interactive projects with JavaScript
Anyone who wants to learn more about DOM manipulation of page elements
Web developers
Web designers
HTML and CSS coders

Requirements

Prior Coding Experience
HTML CSS and JavaScript Base Knowledge

Last Updated 12/2020

Files:

JavaScript 5 Mini Projects Practice create new things [TutsNode.com] - JavaScript 5 Mini Projects Practice create new things 6. JavaScript Dynamic Timeline from JSON
  • 18. JavaScript TimeLine Project Code Review.mp4 (111.9 MB)
  • 1. JavaScript Timeline Project JavaScript TimeLine Introduction.mp4 (42.7 MB)
  • 1. JavaScript Timeline Project JavaScript TimeLine Introduction.srt (4.7 KB)
  • 2. JavaScript Examples Common Section Code.mp4 (64.1 MB)
  • 2. JavaScript Examples Common Section Code.srt (13.5 KB)
  • 3. JavaScript Coding Examples for Section.html (1.4 KB)
  • 4. JavaScript Coding Examples 2.mp4 (75.6 MB)
  • 4. JavaScript Coding Examples 2.srt (13.7 KB)
  • 5. JavaScript Coding Examples for TimeLine Mini Project.html (1.3 KB)
  • 6. Section Resources and Code Examples.html (10.5 KB)
  • 7. Setup your project Setup HTML and JS data.mp4 (24.6 MB)
  • 7. Setup your project Setup HTML and JS data.srt (7.9 KB)
  • 8. How to Create Random Content Data with JavaScript.mp4 (86.2 MB)
  • 8. How to Create Random Content Data with JavaScript.srt (17.4 KB)
  • 9. How to update elements DOM Output Content to Page.mp4 (80.2 MB)
  • 9. How to update elements DOM Output Content to Page.srt (8.4 KB)
  • 10. How to sort Object Data with JavaScript Code Example Sort Object Data by Proper.mp4 (57.5 MB)
  • 10. How to sort Object Data with JavaScript Code Example Sort Object Data by Proper.srt (7.5 KB)
  • 11. Generator a dynamic list Indicator List of Event.mp4 (58.6 MB)
  • 11. Generator a dynamic list Indicator List of Event.srt (6.8 KB)
  • 12. Update Style properties Indicator Styling and Position..mp4 (93.2 MB)
  • 12. Update Style properties Indicator Styling and Position..srt (15.3 KB)
  • 13. Create Interaction with JavaScript add eventlisteners with JavaScript.mp4 (56.4 MB)
  • 13. Create Interaction with JavaScript add eventlisteners with JavaScript.srt (9.3 KB)
  • 14. Use Opacity to Hide Show Content JavaScript Style element update.mp4 (26.4 MB)
  • 14. Use Opacity to Hide Show Content JavaScript Style element update.srt (4.5 KB)
  • 15. Create main line for JavaScript timeline project Add Line for TimeLine Effect.mp4 (47.0 MB)
  • 15. Create main line for JavaScript timeline project Add Line for TimeLine Effect.srt (6.9 KB)
  • 16. JavaScript Timeline project Tweaks.mp4 (91.4 MB)
  • 16. JavaScript Timeline project Tweaks.srt (14.7 KB)
  • 17. JavaScript Timeline project debugging and adjustments Final Adjustments.mp4 (102.5 MB)
  • 17. JavaScript Timeline project debugging and adjustments Final Adjustments.srt (9.8 KB)
  • 18. JavaScript TimeLine Project Code Review.srt (20.9 KB)
  • 19. JavaScript Timeline Dynamic and Interactive mini Project Source Code.html (7.1 KB)
  • 19.1 JavaScript Timeline.zip (2.8 KB)
1. Introduction to applying JavaScript to Create mini projects Course
  • 1. Introduction to JavaScript Mini Projects.mp4 (95.8 MB)
  • 1. Introduction to JavaScript Mini Projects.srt (7.3 KB)
2. Lorem Ipsum Generator app with JavaScript
  • 1. Introduction to how to create a Lorem Ipsum Generator with JavaScript.mp4 (40.6 MB)
  • 1. Introduction to how to create a Lorem Ipsum Generator with JavaScript.srt (5.6 KB)
  • 2. Resources and Reference for JavaScript.html (2.4 KB)
  • 3. How to Setup HTML and Files for JavaScript Lorem Ipsum Generator.mp4 (36.2 MB)
  • 3. How to Setup HTML and Files for JavaScript Lorem Ipsum Generator.srt (9.8 KB)
  • 4. How to select DOM elements JavaScript DOM Element Selection.mp4 (46.4 MB)
  • 4. How to select DOM elements JavaScript DOM Element Selection.srt (10.4 KB)
  • 5. How to add interaction Add EventListener JavaScript.mp4 (45.7 MB)
  • 5. How to add interaction Add EventListener JavaScript.srt (9.1 KB)
  • 6. How to use data as JavaScript objects Add Data to Output.mp4 (36.0 MB)
  • 6. How to use data as JavaScript objects Add Data to Output.srt (4.8 KB)
  • 7. Using String Methods and Regex to Clean String values with JavaScript.mp4 (77.0 MB)
  • 7. Using String Methods and Regex to Clean String values with JavaScript.srt (10.8 KB)
  • 8. How to generate random words with JavaScript Random Word Paragraphs..mp4 (61.0 MB)
  • 8. How to generate random words with JavaScript Random Word Paragraphs..srt (9.9 KB)
  • 9. How to use JavaScript to Create Sentences from Words randomly.mp4 (68.8 MB)
  • 9. How to use JavaScript to Create Sentences from Words randomly.srt (12.5 KB)
  • 10. How to Capitalize a String with JavaScript code examples.mp4 (26.5 MB)
  • 10. How to Capitalize a String with JavaScript code examples.srt (4.8 KB)
  • 11. How to get values from User input for Word Count and use within JavaScript code.mp4 (72.4 MB)
  • 11. How to get values from User input for Word Count and use within JavaScript code.srt (12.7 KB)
  • 12. JavaScript Lorem Ipsum Generator Complete Code Review.mp4 (74.5 MB)
  • 12. JavaScript Lorem Ipsum Generator Complete Code Review.srt (10.6 KB)
  • 13. JavaScript Lorem Ipsum Text Generator Coding Example Source Code.html (5.2 KB)
  • 13.1 LoremIpsumGen.zip (3.7 KB)
3. Pagination from JSON data multiple pages and content loading app
  • 1. How to create Pagination with JavaScript introduction.mp4 (28.2 MB)
  • 1. How to create Pagination with JavaScript introduction.srt (5.0 KB)
  • 2. How to use Fetch to retrieve JSON data Page Setup Fetch Request.mp4 (36.5 MB)
  • 2. How to use Fetch to retrieve JSON data Page Setup Fetch Request.srt (8.4 KB)
  • 3. Resources for Section.html (1.3 KB)
  • 4. How to setup a localhost for web development LocalHost Setup LiveServer..mp4 (51.7 MB)
  • 4. How to setup a localhost for web development LocalHost Setup LiveServer..srt (11.3 KB)
  • 5. How to make page requests Make request get page data.mp4 (27.9 MB)
  • 5. How to make page requests Make request get page data.srt (7.1 KB)
  • 6. How to update page contents with JavaScript DOM manipulation Output contents.mp4 (40.5 MB)
  • 6. How to update page contents with JavaScript DOM manipulation Output contents.srt (8.0 KB)
  • 7. How to move to the next content page with AJAX Page Buttons Next Prev.mp4 (106.9 MB)
  • 7. How to move to the next content page with AJAX Page Buttons Next Prev.srt (16.3 KB)
  • 8. How to load JSON page content Load Content By Page Number via JavaScript AJAX.mp4 (35.4 MB)
  • 8. How to load JSON page content Load Content By Page Number via JavaScript AJAX.srt (5.2 KB)
  • 9. JavaScript Pagination Version 1 code example and review Pages by Value.mp4 (96.5 MB)
  • 9. JavaScript Pagination Version 1 code example and review Pages by Value.srt (13.4 KB)
  • 10. Page nav buttons next and prev last and first Source Code V1.html (4.1 KB)
  • 11. JavaScript Load more at the bottom of content Load More to the bottom.mp4 (44.4 MB)
  • 11. JavaScript Load more at the bottom of content Load More to the bottom.srt (7.0 KB)
  • 12. JavaScript Pagination load more content at the bottom Click Event load More.mp4 (58.9 MB)
  • 12. JavaScript Pagination load more content at the bottom Click Event load More.srt (8.2 KB)
  • 13. Load more content button pages JavaSCript code Examples.html (2.6 KB)
  • 13.1 pagination.zip (2.7 KB)
4. How to create a JavaScript Carousel Images Slider Component
  • 1. JavaScript Carousel Introduction to project.mp4 (42.7 MB)
  • 1. JavaScript Carousel Introduction to project.srt (4.4 KB)
  • 2. How to setup a JavaScript Image Slider Carousel Setup HTML and Image Details.mp4 (66.8 MB)
  • 2. How to setup a JavaScript Image Slider Carousel Setup HTML and Image Details.srt (12.1 KB)
  • 3. Section Resources and examples.html (0.6 KB)
  • 4. How to load Carousel container add images with JavaScript.mp4 (85.6 MB)
  • 4. How to load Carousel container add images with JavaScript.srt (12.8 KB)
  • 5. How to Apply CSS create Style for JavaScript Image Carousel slider.mp4 (66.2 MB)
  • 5. How to Apply CSS create Style for JavaScript Image Carousel slider.srt (12.1 KB)
  • 6. How to Hide and Show Images for JavaScript Image Carousel project.mp4 (71.6 MB)
  • 6. How to Hide and Show Images for JavaScript Image Carousel project.srt (10.0 KB)
  • 7. How to apply JavaScript to image display Conditions for Images..mp4 (48.0 MB)
  • 7. How to apply JavaScript to image display Conditions for Images..srt (6.3 KB)
  • 8. How to add indicators and nav dots for Carousel slider with JavaScript.mp4 (75.8 MB)
  • 8. How to add indicators and nav dots for Carousel slider with JavaScript.srt (9.1 KB)
  • 9. How to load images automatically to next image Autoload next Image Intervals.mp4 (49.5 MB)
  • 9. How to load images automatically to next image Autoload next Image Intervals.srt (5.1 KB)
  • 10. How to add classes with JavaScript Add active Indicator Dot..mp4 (55.7 MB)
  • 10. How to add classes with JavaScript Add active Indicator Dot..srt (5.9 KB)
  • 11. How to debug and update Carousel Final Updates.mp4 (83.9 MB)
  • 11. How to debug and update Carousel Final Updates.srt (8.6 KB)
  • 12. JavaScript Carousel Conclusion of mini project and code review.mp4 (75.3 MB)
  • 12. JavaScript Carousel Conclusion of mini project and code review.srt (8.5 KB)
  • 13. JavaScript Image Carousel Code Example Image Slider with JavaScript source code.html (5.1 KB)
  • 13.1 CarouselImages.zip (2.2 KB)
5. Downloadable List items Create a JavaScript task list and download as file
  • 1. How to create a dynamic task list with JavaScript Task List Introduction.mp4 (33.1 MB)
  • 1. How to create a dynamic task list with JavaScript Task List Introduction.srt (5.0 KB)
  • 2. Section resourses.html (1.9 KB)
  • 3. How to Page Setup Create List with JavaScript.mp4 (24.0 MB)
  • 3. How to Page Setup Create List with JavaScript.srt (6.3 KB)
  • 4. How to add Create List Item using JavaScript DOM element createElement method.mp4 (48.0 MB)
  • 4. How to add Create List Item using JavaScript DOM element createElement method.srt (7.5 KB)
  • 5. How to make the list interactive JavaScript Add Input Event Listener.mp4 (19.8 MB)
  • 5. How to make the list interactive JavaScript Add Input Event Listener.srt (3.2 KB)
  • 6. How to add effects with JavaScript DOM CrossOut and Delete Page elements.mp4 (25.6 MB)
  • 6. How to add effects with JavaScript DOM CrossOut and Delete Page elements.srt (4.7 KB)
  • 7. How to add styling with CSS to JavaScript Task list Task List Styling.mp4 (50.9 MB)
  • 7. How to add styling with CSS to JavaScript Task list Task List Styling.srt (8.9 KB)
  • 8. How to Download List as Text File using JavaScript download file contents.mp4 (89.8 MB)
  • 8. How to Download List as Text File using JavaScript download file contents.srt (13.5 KB)
  • 9. Create interaction and downloadabl list using JavaScript Download List as Text.mp4 (37.5 MB)
  • 9. Create interaction and downloadabl list using JavaScript Download List as Text.srt (6.0 KB)
  • 10. How to use localstorage to save the page contents List saved to LocalStorage..mp4 (55.1 MB)
  • 10. How to use localstorage to save the page contents List saved to LocalStorage..srt (7.9 KB)
  • 11. How to get localstorage data List saved to LocalStorage using JavaScript.mp4 (95.2 MB)
  • 11. How to get localstorage data List saved to LocalStorage using JavaScript.srt (11.7 KB)
  • 12. Dynamic Task list with JavaScript Download and interact with list code review.mp4 (48.6 MB)
  • 12. Dynamic Task list with JavaScript Download and interact with list code review.srt (8.2 KB)
  • 13. JavaScript Project downloadable task list and local storage list source Code.html (5.3 KB)
  • 13.1 Dynamic Task List JavaScript.zip (2.4 KB)
  • TutsNode.com.txt (0.1 KB)
  • [TGx]Downloaded from torrentgalaxy.to .txt (0.6 KB)

There are currently no comments. Feel free to leave one :)

Code:

  • udp://inferno.demonoid.pw:3391/announce
  • udp://tracker.openbittorrent.com:80/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://torrent.gresille.org:80/announce
  • udp://glotorrents.pw:6969/announce
  • udp://tracker.leechers-paradise.org:6969/announce
  • udp://tracker.pirateparty.gr:6969/announce
  • udp://tracker.coppersurfer.tk:6969/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://9.rarbg.to:2710/announce
  • udp://shadowshq.yi.org:6969/announce
  • udp://tracker.zer0day.to:1337/announce
REVERSE-PROXY 🔄 RP (success) | 7066ms 📄 torrent 🕐 18 Jan 2026, 12:15:30 am IST ⏰ 12 Feb 2026, 12:15:30 am IST ✅ Valid for 24d 23h 🔄 Wait 10m