HTML JavaScript EVENTS MOUSE EVENTS We will discuss five common events that can be triggered by a mouse. onclick() — (Demo Code here on codepen!) onmousedown() — (Demo Code here on codepen!) onmouseup() — (Demo Code here on codepen!)…
Category: Web Development
Web Development
Bootcamp Notes – Day 21 (Wed) – The Dom (Document Object Model) – Patterns Demo Exercise
Patterns Demo Exercise For this exercise we learned how we could create DIV tags and use a while loop in JavaScript to build boxes of animating colors using the page refresh in the browser. See could here at CODEPEN!
Bootcamp Notes – Day 21 (Wed) – The Dom (Document Object Model) – Part 5 (Removing Nodes and Cloning Nodes)
The DOM – Removing Nodes There are two methods we can use to remove a node from the DOM: remove() and removeChild() remove() For the remove() method you must have a reference to the exact node to remove. nodeToRemove.remove(); removeChild()…
Bootcamp Notes – Day 21 (Wed) – The Dom (Document Object Model) – Part 4 (Creating and Adding Nodes)
The Dom – Creating and Adding Nodes Now we will learn how to create element and text nodes in JavaScript, as well as how to add those nodes to an existing DOM tree. createElement() The createElement() method will allow you…
Bootcamp Notes – Day 20 (Tues) – The Dom (Document Object Model) – Part 3 (Locating Nodes)
The Dom – Locating Nodes Four ways to locate nodes Lets’s talk about locating nodes, based on this example code. Full code here at CodePen for locating nodes. Notice that these statements in each of these function bodies start…
Bootcamp Notes – Day 20 (Tues) – The Dom (Document Object Model) – Part 2 (Node Relationships)
The Dom (Document Object Model) – Node Relationships So from the previous lessons we learned that DOM nodes can be described in parent/child/sibling relationships. This concept provides us with an interface we can use to reference nodes in relation…
Bootcamp Notes – Day 20 (Tues) – The Dom (Document Object Model) – Part 1
The DOM – BASIC CONCEPTS What is the DOM? The DOM (Document Object Model) provides an interface between JavaScript and HTML. It can be used with other types of documents such as XML. When a browser loads am HTML document,…
Create a Website With Video Background | HTML & CSS
Create a beautiful, custom landing page for a Travel website using HTML, CSS and a […]
Bootcamp Notes – Day 19 (Mon) – Web Dev Fundamentals
Web Dev Fundamentals The concepts we have learned so far in our 4 week NuCamp bootcamp are vital to your success as a web developer. In our fourth week, we will be learning some more loops and ways to control…
Bootcamp Notes – Day 18 (Sat) – Classwork Assignment – Color Game
Our class worked on this Color Guessing Game. I added a few things to mine to spice it up. Some things were heard to understand. I have decided to get a tutor before it gets really hard later. Anyway you…