Introduction to Vanilla Javascript

Recap

• in-class code

---

Housekeeping

• One-on-ones delayed due to Facilitator intake
• Course Overview
  • Draft Assignment Schedule
• Poll: More or less journal entries?

---

1. Vanilla Javascript: The big picture

Materials

• What is JavaScript?
• A first splash into JavaScript

Slides!

Built using RevealJS:

• Introduction to JS

2. Demo: Install RevealJS

Materials

• Gist: Installing RevealJS

3. Walk-through: Variables and common data types

Materials

• Finding Your Browser's Developer Console
• Storing the information you need — Variables
• Grammar and types
• Object Basics

---

Lab Time

• Facilitators on Staff:
  • Jess
  • Patrick
  • Mike

Labs

• See: RevealJS Labs

Work on your core Javascript

• Watch: JavaScript Tutorial for Beginners by Mosh Hamedani
  • This is an excellent overview of the starter JS concepts you'll need for the rest of this course.
  • There is a handy Table of Contents in the video description.
• Javascript basics: Exercises 1-8
  • Start: Comment Your JavaScript Code
  • Complete and Stop (or not): Understanding Case Sensitivity in Variables

---

Prep

MDN Readings

• What is JavaScript?
• A first splash into JavaScript
• Storing the information you need — Variables
• Grammar and types
• Object Basics

Other Resources

• Finding Your Browser's Developer Console

Free Code Camp Exercises

• Javascript basics: Exercises 1-8
  • Start: Comment Your JavaScript Code
  • Complete and Stop (or not): Understanding Case Sensitivity in Variables

Tool-time

• Install the ES Lint VS Code extension (or similar extension)
• We'll be using RevealJS as an example JS library for tomorrow's class. Feel free to install it early and play around with it.
  • Live Demo
  • Marking up Slides
  • Config Options