Building websites with next generation JavaScript

View Github Repository Open presentation in a new window

megoth

See all presentation from megoth

Building websites with next generation JavaScript

0 0

es-nextgen

Building websites with next generation JavaScript, an introduction to how to code websites using ES6 and ES7 using transpilers

On Github megoth / es-nextgen

Building websites with next generation JavaScript

March 5th, 2016

By Arne Hassel, front-end developer, Questback AS

Presentation: megoth.github.io/es-nextgen
Repo: github.com/megoth/es-nextgen
Twitter: @megoth

It's all about transpilers

Aka source-to-source compiler or transcompiler.

Why transpile?

To gain access to new syntax, such as
And much, much more

Transpilers

Generic
- Babel
- Traceur
Specific

Use tools!

Pros
- Lots of resources online
- Easy to set up and configure
Cons
- Configuration...

Install Node.js if you want to follow the next examples.

I also recommend live-server.

Tools - webpack

Code - cheat sheet

Tools - jspm.io

Code - cheat sheet

Thank you

Presentation: megoth.github.io/es-nextgen
Repo: github.com/megoth/es-nextgen
Twitter: @megoth