1.1 JavaScript Review

Getting Started 30 mins

• Introductions
• Zoom etiquette
• Course outline
• Course resources

Course resources

• BS LMS (opens new window)

  • please post a clear head-shot photo to your profile
  • turn on notifications
  • all assignments will be submitted on Brightspace
  • links to Zoom sessions

• This website (opens new window)

  • Written course notes
  • In-class practice exercises
  • Graded assignment requirements

• Slack Workspace (opens new window)

Books

The entire collection of O'Reilly technical books (opens new window), videos and case studies is available for free through the Algonquin College Library's digital resources. Read them on the web, or they have a really great iPad app so you can download them. In particular, you may find these titles to be helpful:

• JavaScript: The Definitive Guide (7th Edition)
• Learning React (2nd Edition)
• React Native in Action
• Clean Code

Websites

The Modern JavaScript Tutorial (opens new window) is a fantastic language reference broken down into small chunks and written in simple english. In addition to the website, it is available as a downloadable PDF.

NodeJS.dev (opens new window) is a website that will teach you all you need to know about basic apps that run with NodeJS.

React JS (opens new window) is the official website for React. React is a library for building SPA and PWA with JavaScript.

React Native (opens new window) is the official website for React Native. Through React Native's framework you can write mobile applications for Android and iOS using React and vanilla JS. The React Native tools will then compile your work into a native application with true native controls. Unlike Cordova / PhoneGap which uses a browser view to render webpages, React Native actually creates true native controls from your JavaScript.

Expo (opens new window) is the official website for Expo a set of tools that we will use to build, test, and distribute our React Native applications.

Video Tutorials

• Prof3ssorSt3v3 YouTube Channel (opens new window)
• Pluralsight.com (opens new window) login through Skills

Tools

• VS Code (opens new window)
• GitHub (opens new window)
• GitHub Education (opens new window)

Modern JavaScript (ES2015+) 75 mins

Rapid Review

• What is ES6

• var, let, const

• lexical scope and hoisting

• keyword this

• ternary operator

• Arrow functions

• ES6 method shorthand

• return keyword

• ASI

• prototype chain

• Pure Functions

• Higher Order Functions

• closures

• Function call() apply() bind()

• currying and partial applications Video about Closures, Currying and Partial Applications (opens new window)

• Template Strings

Reference

• Variable scope, closure | JavaScript.info (opens new window)
• Function binding | JavaScript.info (opens new window)

What to do before Week 2

TODO

Watch Steve's JS Concept Review Playlist (opens new window)60 mins

Remember you can speed them up 😉