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

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

React Playground for third-party React Component.

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

Typescript DOM Crash Course

play around with DOM manipulation in jQuery

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.

Frontend Mentor challenge - Blogr Landing Page

Code Institute jQuery events unit demo code

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