Implement some useful and advanced DOM manipulations 🏅

Traversing and Manipulating the DOM with VanillaJS

A minimalistic HTML document manipulation and traversal javascript library using a jQuery-like syntax.

Here is a tiny application with quite some verbose code because I wanted to practice what I learned and use different alternatives related to JavaScript and DOM traversal. Indeed, I used most of the crucial fundamentals needed to work with elements and manipulate a page whilst it's running in the browser.

Modified version of a simple vanilla JavaScript booklist app built using object-oriented code. Practices involved: JS classes, validation alerts, local storage, traversing the DOM and arrow function syntax

React Playground for third-party React Component.

Adaptation of a vanilla JavaScript mini-project taken from a Traversy Media video tutorial. Practices involved: remembering to use toUpperCase() when building search bar input elements, traversing the DOM, using indexOf() > -1 to implement search functionality, a 'for' loop and an 'if/else' conditional statement

Find the most recent HTML DOM element with an id= attribute

Typescript DOM Crash Course

play around with DOM manipulation in jQuery

Reaction game built using vanilla JavaScript by coding along to project tutorials and walkthroughs from Learn JavaScript Fast: https://learnjavascriptfast.com/project-a-simple-javascript-reaction-game/

Code Institute IFD jQuery Events module

Recipe finder

An expanded version of a Traversy Media weight converter app. Using Bootstrap classes in the UI, this multi-unit conversion tool combines JavaScript 'if/else' conditional statements with the addEventListener() and setTimeout() methods to achieve a slim, uncluttered feel, resulting in a smooth and efficient user experience.

Completion of the front end of registration form, including fixes of responsive design and added validation functionality to form inputs.

Code Institute jQuery events unit demo code