Development Online Course by Udemy, On Sale Here
Perfect to practice and learn more about JavaScript and DOM interactions create useful components and more
An excellent training about Web Development
JavaScript 5 Projects JS Dynamic interactive DOM elements
Practice and learn more about JavaScript as you create 5 amazing projects all with Vanilla JavaScriptExplore 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 versionsSource 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 EventListenersDOMContentLoaded when page loadsString 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 appAdding EventListeners for interactionDOMContentLoaded when page loadsTernary operatorFetch methodJSON data – as JavaScript ObjectsDOM document createElement(), append(), querySelector() – elements innerHTML and textContentDOM disable buttons – classList. add() Create HTML elements and create interactive content dynamicallyProject #3 JavaScript Carousel Images Slider ComponentChange Content on the page with Intervals setInterval()Select and manipulate DOMpage 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 dynamicallyProject #4 JavaScript Dynamic List builder with Download and saving of list items to localstorage. How to generate a text file with JavaScript from string contentDOM document createElement(), append(), querySelector() – elements innerHTML and textContentAdd user interaction DOM document createElement()Element updates to style setAttribute() style. display() Add and remove page elements appendChild() removeChild() methodsCheck 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 hyperlinkProject #5 JavaScript Dynamic TimeLine Component DOM document createElement(), append(), querySelector() – elements innerHTML and textContentMove elements using StylingInteractive Content with event listenersGenerate Page content from JSON data objectJavaScript Methods querySelector() addEventListener() forEach() classList. add() classList. remove() parseInt() Number() createElement() append()Generate Page content randomly from string charactersMove elements on the page using Transform XAdding 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 REALWORLDexperience ready to answer any questions you may have. You have nothing to lose – build your own version of the projects HAVEFUN – Join NOW
Udemy is the leading global marketplace for learning and instruction
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams.
Study anytime, anywhere.
Reviews
There are no reviews yet.