ksquareincmx / talent-program-resources

Ksquare's JavaScript Development Program Resources

JavaScript Development Program

Resource list:

Week 1

Day 1

Global Scope:

• Global Scope - MDN
• What is scope? - YDKJS: Scope & Closures

Function Scope:

• Understanding Scope In JavaScript: Local Scope - scotch.io

Hoisting:

• Hoisting - YDKJS: Scope & Closures

Global Context:

• Execution Context, Scope chain and JavaScript internals - Hackernoon

Functional Execution Context:

• this Or That? - YDKJS: this & Object Prototypes
• this All Makes Sense Now! - YDKJS: this & Object Prototypes

Functions as Constructors:

• JavaScript constructors, prototypes, and the new keyword - Pivotal
• JavaScript “Class” Function - YDKJS: this & Object Prototypes

Day 2

Default parameters:

• Default Parameters - MDN

Rest parameters:

• Rest Parameters - MDN

Object and Array Destructuring:

• Object and Array Destructuring

Arrow functions:

• Arrow functions -MDN

Introduction to Objects:

• Working with objects
• Objects - YDKJS: this & Object prototypes

Object Metaproperties:

• Object descriptors - YDKJS: this & Object prototypes

“Methods”, syntax and references:

• Defining Methods - MDN

Prototypical Inheritance:

• Prototype - YDKJS: this & Object Prototypes

Prototype Chain:

• Prototypical Inheritance - YDKJS: this & Object Prototypes

Day 3

Inheritance:

• Inheritance in JavaScript - MDN

Classes:

• Mixing (Up) "Class" Objects - YDKJS: this & Object Prototypes

Object.create

• Object.create - MDN

Object.setPrototypeOf:

• Object.setPrototypeOf - MDN

Concatenative Inheritance:

• Spread on object literals - MDN

Closures:

• Scope Closure - YDKJS: Scope & Closures

Immediately-Invoked Function Expression:

• Immediately-Invoked Function Expression (IIFE) - Ben Alman
• Invoking Function Expressions Immediately - YDKJS: Scope & Closures

Module Pattern:

• JavaScript module pattern in Depth - Adequately Good
• JavaScript module pattern - Code Project

Module Revealing Pattern:

• Module and Revealing Module Patterns in JavaScript

Day 4

Intro to HTML:

• HTML - MDN
• HTML basics - MDN

Doctypes:

• Doctype - MDN

HTML Documents:

• Anatomy of an HTML document - MDN

Headings:

• Section Heading elements - MDN

Paragraphs:

• The Paragraph element - MDN

Divs:

• The Content Division Element - MDN

Forms:

• Form - MDN

Form Input:

• The Form Input Element - MDN

Buttons:

• The Button Element - MDN

Intro to CSS:

• CSS - MDN
• How CSS works - MDN
• CSS Syntax - MDN

CSS Levels (modules):

• CSS3 - MDN

Style tag:

• The Style Information element - MDN

CSS Selectors:

• CSS Selectors - MDN
• CSS Selectors - CSS4

Styling Text:

• Styling Text - MDN

Values and units:

• Values and Units - MDN

Cascading:

• Cascading Inheritance - MDN

Box Model:

• Box Model - MDN

Styling Boxes:

• Styling Boxes - MDN

Day 5

Introduction to models:

• JavaScript Factory Functions vs Constructor Functions vs Classes - Eric Elliott
• Data Modeling - Wikipedia

Creating Dom Elements:

• Document.createElement - MDN
• Node.appendChild - MDN

Dom Manipulation:

• Element.classList - MDN
• Element.createElement - MDN
• Node.textContent - MDN
• Element.innerHTML - MDN
• Element.setAttribute - MDN

Dom Events:

• Introduction to Events - MDN
• Event Reference - MDN
• Event - MDN
• Window Load Event - MDN

Basic Array Operations:

• Array.prototype.push - MDN
• Array.prototype.splice - MDN
• Array.prototype.filter - MDN
• Array.prototype.forEach - MDN
• Array.prototype.map - MDN
• Array.prototype.findIndex - MDN