Udemy - JavaScript 5 Mini Projects Practice create new things

What you'll learn:
jаvascript how to apply jаvascript Code to mini projects
Practice jаvascript while coding fun mini projects
Explore how to interact with jаvascript Document Object Manipulate elements on page
Create Dynamic Content with jаvascript
Create Interactive Page content with jаvascript
Download files with jаvascript - DOM interaction - Common jаvascript methods
Requirements
Prior Coding Experience
HTML CSS and jаvascript Base Knowledge
Description
Practice and learn more about jаvascript as you create 5 amazing projects all with Vanilla jаvascript
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 & jаvascript.
These are unique coding mini projects you won't find anywhere else.
Sharpen your HTML, CSS & jаvascript skills with these projects.
Project #1 jаvascript Lorem ipsum generator
Adding EventListeners
DOMContentLoaded when page loads
String methods like toUpperCase()
Conditions and Loops (for loops and while)
jаvascript 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 jаvascript 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 jаvascript Carousel Images Slider Component
Change Content on the page with Intervals setInterval()
Select and manipulate DOM page elements with jаvascript querySelector() classList.add() append() remove()
Create interactive Page content - addEventListener()
Practice common jаvascript Fundamental coding - forEach() push() into arrays Array.length
DOM disable buttons - classList.add()
Create HTML elements and create interactive content dynamically
Project #4 jаvascript Dynamic List builder with Download and saving of list items to localstorage.
How to generate a text file with jаvascript 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 jаvascript 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
jаvascript 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 jаvascript 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 jаvascript
Anyone who wants to practice and learn more about jаvascript
Anyone who wants to create fun interactive projects with jаvascript
Anyone who wants to learn more about DOM manipulation of page elements
Web developers
Web designers
HTML and CSS coders
Homepage
https://www.udemy.com/course/jаvascript-mini-projects/