tim.js workshop 03: JavaScript Neighborhoods

Welcome to the third JavaScript workshop, organized by tim.js.

This workshop focuses on various ways to organize your code, each with it's own pros & cons. We will cover fundamental ES5 concepts, while also touching some new features added since ES6.

Total Time: 6 hours (including breaks & lunch)

Instructor: Andrei Pfeiffer

Content

• Spaghetti Code
• Object Literals
• Module Pattern
• Revealing Module Pattern
• Module systems & loaders
• ES6 Modules

What you need?

Here's a list of things you need:

1. a laptop & power-plug
2. a code editor
3. Node.js 6.0+

Who is it for?

• Intermediate & Advanced JavaScript developers familiar with functions, arrays, objects, scope & context

Setup

Here are the steps you can follow to setup the workshop project skeleton. All these commands need to be run from the command line (shell/terminal):

• iTerm on MacOSX
• cmd/GitBash on Windows
• any terminal on Linux.

1. Create project folder

First, you need to create a new folder somewhere on your computer:

mkdir [PROJECT_NAME]
cd [PROJECT_NAME]

// or create a new "project folder" and navigate to it using your favourite file system tool

2. Clone project skeleton

Second, you need to clone this repository. You can do it in multiple ways:

a) with git:

git clone https://github.com/andreipfeiffer/timjs-workshop-03-javascript-neighborhoods.git ./

NOTE: if you have a GitHub account, you can fork this repo, so you can commit your personal changes.

b) without git:

Download this repo and unzip it in your PROJECT_NAME folder.

3. Install dependencies

npm install

4. Run project

npm start

This should display a URL in the console, where you can load the project page.