Skip to content
Introduction to ES6: the language and the tools, a workshop
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
00.prerequisites
01.welcome-to-ES6
02.a-dabbling-of-es6-features
03.hello-webpack
04.hello-sourcemap
05.hello-eslint
06.separate-folders
07.more-es6-features
08.libraries
09.weird-external-libraries
10.multi-entry-point
11.common-bundle
12.development-time
13.hot-module-replacement
14.minifying
15.class-promise-and-async
16.es6-in-modern-frameworks
17.terms-to-search
.editorconfig
.gitignore
README.md

README.md

Introduction to ES6: the language and the tools

Welcome to the ES6 Workshop. We'll look at the ES6 workflow, leveraging Webpack and Babel to transpile our EcmaScript v. 6 / 2015 code into EcmaScript v. 5 code that runs in modern browsers.

Prerequisites

Ensure you have npm v. 3.x, and if not, install / update Node to v. 6 or 7.

Setup

Run npm install -g webpack as we'll run webpack from the command line in each module.

You may find it valuable to run npm install in each section's start folder as this can take some time.

Topics

We'll follow the numbered folders in this repo. Some are slides or demos we'll walk through together, some are self-directed projects you'll get to dig into. As an overall theme, think how you can apply this to your work product or personal project.

Make yourself a folder, and as you master each topic, add the features to your personal folder. When you're done, you'll have an app framework that you can easily plug business logic into to form the app you need.

  • Install prerequisites
  • What is ES6/ES2016
  • A dabble of features
  • Welcome to Babel and Webpack
    • CommonJS into AMD
  • Sourcemaps
  • Linting with ESLint
  • ES6 features: destructuring, rest/spread
  • exporting and importing library content
  • How to handle libraries that don't support Webpack
  • Multiple entry points
  • Dev- & Prod-time configs
  • ES6 features: class, Promise, and ES8's async/await
  • ES6 in modern frameworks
  • Search terms to continue your study

About Me

Rob Richardson is a software craftsman building web properties in ASP.NET and Node, Angular and React. He’s a Microsoft MVP, published author, frequent speaker at conferences, user groups, and community events, and a diligent teacher and student of high quality software development. You can find this and other talks on his blog at https://robrich.org/presentations and follow him on twitter at @rob_rich.

Accomplishments

  • Microsoft MVP in IIS/ASP.NET since 2014
  • AZGive Camp Founders Award, 2015 and 2016
  • Red Gate Database Delivery Panel 2013-2014
  • Friend of Red Gate since 2009
  • Microsoft Partner: Silver Independent Software Vendor since 2005
  • Leader, Southeast Valley .NET User Group since 2013
  • Co-Orgaanizer, ng-phx, the Phoenix Angular meetup since 2016
  • Co-Author, SQL Source Control Basics
  • Core contributor to gulp v2 and v3
  • Part of the AZGiveCamp organizers
  • .NET Rocks mug recipient
  • Professional HTML and ASP.NET developer since 2002
  • Node and Angular developer since 2012
You can’t perform that action at this time.