iggyigner/workshops

Files for workshops

Javascript Practice

First Steps

• https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

JS References

• Built-in Objects: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects

Node CLI

Reference: https://nodejs.org/api/cli.html

mkdir code
cd code
git clone https://github.com/GA-Apprentice-Workshop/workshops.git

Common elements of webpages:

• Navigation
• Search form
• Login/registration form
• Gallery (https://www.w3schools.com/howto/howto_js_lightbox.asp)
• List of links

Common operations:

document.querySelectorAll()
document.getElementById()

element.innerHTML
element.className
element.style.display

References:

• https://www.w3schools.com/jsref/met_document_createelement.asp

Projects

Task #1: Update the title on the wepage.

1. Go to workshop folder
2. Open Sublime
3. Create 1 file: practice.html