0.2: ES6 - Bootcamp

Search…

📅

Course Schedule

🛠

Course Logistics

Pairing Assignments

Required Hardware and Software

Course Methodology

Naming, Casing, and Commenting Conventions

Tools, Syntax, and Glossary

LinkedIn Education Badge

Recommended Resources

Sharing Code with Classmates

🏞

Projects

Project 1: Video Poker

Project 2: Server-Side App

Project 3: Full-Stack Game

Project 4: Full-Stack React App

Project 5: Group React App

Project 6: Capstone

0: Language and Tooling

0.0: Module 0 Overview

0.1: New JS Syntax

0.2.1: ES6 Basics

0.2.2: ES6 Array Iterators

0.2.3: ES6 Destructuring, Spread Operators

0.2.4: Reference vs. Value

0.3: Reading Documentation

0.4: JS Object as Tally

0.5: Advanced Git

0.7: Thunder Client

0.8: JS Promises

0.9: VSCode Node Debugger

0.10: Introduction to Classes

0.ICE: In-Class Exercises

1: Frontend Basics

1.0: Module 1 Overview

1.2: DOM Review

1.3: High Card DOM

1.4: setTimeout

1.5: High Card setTimeout

1.6: Match Game

1.7: setInterval

1.9: Tic Tac Toe

1.10: Multi-File Refactor

1.11: CSS Control with DOM

1.ICE: In-Class Exercises

1.POCE: Post-Class Exercises

🌈

CSS

CSS.1: Basic CSS

CSS 1.2 CSS Classes, Id's and Inheritance

CSS 1.3: Cascading and Specificity

CSS.4: Responsive Design

CSS.5: Web Design Basics

CSS.6: Bootstrap

CSS.ICE: In-Class Exercises

CSS.POCE - Post-Class Exercises

2: Backend Basics

2.0: Module 2 Overview

2.1: My First Node.js Program

2.2: Command Line Programs

2.4: Disk Reading

2.5: Disk Writing

2.6: Disk Altering

2.7: Internet 101

2.8: Chrome Networking

2.9: HTTP Requests and Responses

2.10: HTTP File Server

2.11: Deploy Server to Cloud

2.12: Domain Names

2.ICE: In-Class Exercises

2.POCE: Post-Class Exercises

3: Backend Applications

3.0: Module 3 Overview

3.1: Express.js

3.3: SQL Language

3.4: SQL Applications

3.5: Authentication

3.ICE: In-Class Exercises

3.POCE: Post-Class Exercises

4: Backend Structure

4.0: Module 4 Overview

4.1: ORM, Sequelize

4.ICE: In-Class Exercises

4.POCE: Post-Class Exercises

5: Full-Stack Applications

5.0: Module 5 Overview

5.1: DOM Manipulation with Express App

5.ICE: In-Class Exercises

5.POCE: Post-Class Exercises

6: Frontend Infrastructure

6.0: Module 6 Overview

6.ICE: In-Class Exercises

7: React

7.0: Module 7 Overview

7.2: React Components

7.3: Using React with Express and Webpack

7.4: React State

7.5: Controlled Forms

7.6: Passing Data Between Sibling Components

7.7: Designing Component Hierarchy

7.8: Error Boundaries

7.9: React Dev Tools

7.ICE: In-Class Exercises

7.POCE: Post-Class Exercises

8: Advanced React

8.0: Module 8 Overview

8.1: Create React App

8.2: Higher-Order Components

8.3: Advanced State

8.4: React Router

8.5: Advanced useEffect

8.6: Styled Components

8.7: React Portals

8.8: React NPM Packages

8.9: React State Management

8.ICE: In-Class Exercises

8.POCE: Post-Class Exercises

9: Advanced Topics

9.0: Module 9 Overview

9.4: React Native

9.5: ML - Bayes Theorem

9.6: GraphQL / React-Apollo

9.7: Web Sockets

9.8: CSS Animations

9.ICE: In-Class Exercises

9.POCE: Post-Class Exercises

🧮

Algorithms

A.0: Algorithms Overview

A.1: Intro to SWE Interviews

A.2: Intro to Python

A.3: Complexity Analysis, Big-O Notation

A.4: Interview Strategies

A.5: Data Structures

A.6: Binary Search

A.7: Sliding Windows

A.8: Object-Oriented Programming

A.10: Sorting Algorithms

A.11: Dynamic Programming

A.12: Bit Manipulation

A.13: Open Practice

💼

Interview Prep

IP.0: Interview Prep Overview

IP.1: Job Application Strategy

IP.3: Portfolio

IP.5: Negotiation

☺

User Experience

UX.2: The UX Process

UX.3: How to Design Your App

Algorithms (New)

Intro to Python

Intro to Algorithm Problem Sets

Data Structures

0: Language and Tooling Teaching Guide

1: Frontend Basics Teaching Guide

🌈

CSS Teaching Guide

CSS.5: Web Design Basics

CSS.4: Responsive Design

CSS.2.6: Layout: Columns & Cards

CSS 1.0: Basics

2: Backend Basics Teaching Guide

2.0: Module 2 Overview

3: Backend Applications Teaching Guide

4: Backend Structure Teaching Guide

5: Full-Stack Applications Teaching Guide

6: Frontend Infrastructure Teaching Guide

7: React Teaching Guide

8: Advanced React Teaching Guide

9: Advanced Topics Teaching Guide

🧮

Algorithms Teaching Guide

💼

Interview Prep Teaching Guide

☺

User Experience Teaching Guide

Powered By GitBook

0.2: ES6

Introduction
​ES6 is a modern, widely-used version of JavaScript. Every language matures over time as its maintainers release new versions. JS began with few features and has slowly added new ones.
In Coding Basics we mostly used ES5 syntax for simplicity, where ES5 is an older version of JS. In Coding Bootcamp we wish to expose students to the more advanced and modern features of JS seen with ES6. Many companies continue to use ES5 and older syntax depending on when their code was written. ES6 was released in 2015.
In frontend web development (where JS is most commonly seen), it's important to choose a JS version that is compatible across most browsers. This is because we do not control the version of JS that gets executed for our users, which depends on where the code is running, typically a user's browser out of our control. We may not know beforehand if users will access our site from iPhones or smart fridges, and on many devices users are unable to upgrade their browser.
We will not use the latest version of JS, because most devices and browsers would not support it. Instead we'll learn features of ES6, currently the most modern widely-supported version of JS.
Additional Notes
The naming of the JavaScript versions are confusing- see more here if you want to know the details.
The versions of JavaScript are tied to individual features of that version. You can see a matrix of the version and it's support in each popular platform here for ES6 and here for the latest version.
The engineering decision of which version of JavaScript to select for a given project is always a balance between the demographics of your user base and the cost of supporting an older version of the language.
For example, a cutting edge product like GitHub is more likely to have a user demographic that uses the latest version of JavaScript vs a government service website or broad consumer site like Lazada or Amazon.
Further Reading
A Brief History of JavaScript
Auth0 - Blog

0: Language and Tooling - Previous

0.1: New JS Syntax

0.2.1: ES6 Basics

Last modified 2mo ago

Copy link

Contents

Additional Notes

Further Reading