Prep: JavaScript in the browser ​

Session goals ​

By the end of this session students will be able to do the following with JavaScript:

• Load JavaScript in HTML

• Write JavaScript that traverses and manipulates a rendered webpage

• Run code when users click or tap on something

• Combine objects, functions, and rendered HTML in a single program

Videos and readings ​

Please set aside time to watch the following priority videos before class.

Together the priority videos are 90 minutes.

If you learn best by reading, check out the assigned chapters of the online textbook Eloquent JavaScript.

Priority ​

• Adding JavaScript to your Project, 7m 50s, Dev Dreamer (Amit), YouTube

• JavaScript Loading Strategies, 7m 42s, Dev Dreamer (Amit), YouTube

• What are Methods in JavaScript?, 4m 40s, Telusko (Navin Reddy), YouTube

• Just the forEach() method from Array Iterator Methods, 18m 37s, Dev Dreamer (Amit), YouTube

• JavaScript DOM Tutorial #1: Introduction, 6m 13s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #4: The Query Selector, 7m 34s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #5: Changing Text & HTML Content, 7m 59s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #9: Events, 11m 14s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #11: Interacting with Forms, 5m 43s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #12: Creating Elements, 7m 00s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #13: Styles & Classes, 5m 58s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #14: Attributes, 4m 12s, Net Ninja (Shaun), YouTube

• The Document Object Model, chapter from book Eloquent JavaScript, 3rd ed. (2018), Marijn Haverbeke

• Handling Events, chapter from book Eloquent JavaScript, 3rd ed. (2018), Marijn Haverbeke

Also recommended ​

• How to Output JavaScript, 11m 04s, Dev Dreamer (Amit), YouTube

• How to use JS Array Methods, 19m 09s, Dev Dreamer (Amit), YouTube

• JavaScript DOM Tutorial #2: Get Element By ID, 5m 03s, Net Ninja (Shaun), YouTube

• JavaScript DOM Tutorial #3: Get Elements By Class or Tag, 9m 24s, Net Ninja (Shaun), YouTube

• JavaScript and the Browser, chapter from book Eloquent JavaScript, 3rd ed. (2018), Marijn Haverbeke