karkarn1/devbloc-intro-to-javascript-s2019

Files DevBloc's Intro to JavaScript course (Summer 2019)

Intro to JavaScript Course Content

Course content & supporting material for DevBloc's Intro to JavaScript class

Repository Structure

.
├── course_outline.md
├── examples/                   ## Examples from the lectures
├── projects/                   ## Projects & Solutions
├── README.md
├── slides/                     ## Lectures slides
└── workshops/                  ## In class workshops instructions & solutions

Tentative Course Outline

Week 1: Introduction, Setup & JavaScript Fundamentals

• Environment setup
• HTML review
• JavaScript Fundamentals:
  • Variables and data types
  • Basic Operators
• Coding Challenges
• Project #1 requirements

Week 2: JavaScript in the Browser

• Project #1 Solution
• Browser Dev Tools
• JavaScript in the browser:
  • DOM manipulation
  • Events
• Coding Challenges
• Project #2 requirements

Week 3: Functions, OOP & JSON

• Project #2 Solution
• Functions:
  • Definition
  • Parameters & Invocation
  • Closures
• Objects:
  • Concept
  • Properties, Methods, constructors
• Coding Challenges
• Project #3 requirements

Week 4: Asynchronous JavaScript

• Project #3 Solution
• AJAX:
  • Concept
  • Methods
  • Promise & Callbacks
  • Async & Await
• Project 4 Requirements

Week 5: ES6 & Modern JavaScript

• Project #4 Solution
• ES6: Features
• JavaScript outside the browser
• Build tools & frameworks
• Best Practice

Week 6: React

• Introduction to JavaScript Frameworks
• React 101
• Simple project