Introduction

1. pre-ECMAScript 1995

2. ECMAScript 1996 – 2011

3. ECMAScript 6 (ES6)

4. v8

5. Nashorn

6. Background

7. JavaScript trends

8. Development process choices

Scripting in HTML

1. Script tags

3. “use strict”

4. Output methods

5. Comments

Syntax & Variables

1. Code blocks

2. Statements

3. Variables

4. Identifiers

5. var

6. Block scope

7. Statement types

8. Variables get copied values

9. Data types

10. Strings (text)

11. boolean

12. truthy / falsey

13. Variables in scripts

14. Operators

15. Arithmetic

16. Relational

17. Logical

18. Logical – short circuit

19. Default and guard usage

20. Compound operators

21. If-else replacement (ternary op)

22. typeof

23. Operator precedence

Program flow

1. Program flow types

2. for loop logic

3. for syntax – init

4. for syntax – test

5. for syntax – step

6. Loop keywords – control

Debugging

1. console.*

2. console.log(a, b, c…)

3. console.table( )

4. Tips

5. debugger;

Functions

1. A process/function model

2. Basics

3. Syntax

4. Naming

5. Using parameters

6. Calling functions

7. Pre-defined functions

8. Function scope

9. Function hoisting

10. Math

Program flow 2

1. Conditional basics

2. Conditionals

3. Nesting ifs

4. Checking values with switch

5. while loop

6. do while loop

Coding workflow

1. Name all your functions

2. Avoid closures

3. Use more and smaller functions

4. Check syntax & style

5. Strongly consider strict mode

Arrays

1. Creating + initializing

2. Accessing and length

3. Initializing

4. Sparseness

5. Array indexes & properties

6. Associative arrays

7. The arguments array

8. Array of functions

9. Array-like objects

10. Array-like object à array

Program flow 3

1. Array looping

2. forEach and related - ES5

3. for loop

4. for-in

5. for-of - ES6

6. explicit iterators – ES6

Objects

1. Intro

2. A relational data structure

3. An object data structure

4. Relational vs. OO

5. Objects

6. this

7. Creating an object - object initializers

8. Creating an object – constructors

9. Using the properties

10. Adding functions

11. Composition

12. for-in

13. Treating objects like an array

DOM Objects

1. the DOM

2. A DOM tree of nodes

3. Document properties

4. Nodes

5. Selecting nodes

6. querySelector( )

7. querySelectorAll( )

8. Navigator properties

9. History properties

10. Window object

DOM manipulation

1. Intro

2. Traversal

3. Attributes – HTML

4. Attributes - non HTML

5. Content

6. Create, insert, delete nodes

Events & event handlers

1. Intro

2. Binding/registering event handlers

3. Register event handlers

4. Event type overview

5. Events in the handler

6. Events in the handler – IE8

7. Useful value properties

8. addEventListener( )

9. attachEvent( )

10. Default action / bubbling / propagation

Math, Number, and Date Objects

1. Randomizing

2. Random link

3. Number

4. Strings to numbers

5. Date

Strings

1. Intro

2. Manipulation

Regular Expressions

1. Intro

2. Resources

3. Metacharacters

4. Quantifiers (greedy)

5. Characters

6. Character classes

7. Predefined Character Classes

8. Lookaround

9. Capturing groups

10. Match flags - embedded / flag

11. Writing for JavaScript

12. Functions

jQuery

1. the jQuery datatype

2. Creations

3. Conversion

Libraries

1. General Utilities

2. Misc

3. Communication

4. Charting

5. Mapping

6. Diagramming

7. Color

8. Misc

9. Resources