Git Product home page Git Product logo

es6-workshop's Introduction

#ES6-Workshop

##Welcome Welcome to this ES6 workshop. Our goal is to help everyone make strides towards learning the newest ES6 syntax, and how to use the latest constructs in JavaScript.

This repo is meant to be used in parallel with a lecture style presentation of the new features.

##Your Goals This repo is full of failing tests. The only way to get them to pass it by using your newly acquired knowledge of ES6 and all of the new features that are part of this latest release. For each test, you will need to write/rewrite to code using the latest ES6 syntax. Once all of your tests pass, you will want to move onto the next section.

By the time that the workshop is over, all of your tests will be passing.

##How To Get Started

###Clone the repo You will need to start by cloning this repo. From your terminal, type:

git clone https://github.com/aaronfrost/es6-workshop.git && cd es6-workshop

###Install Dependencies Once you have cloned the repo, in need to install the local dependencies. From your terminal, type:

npm install --global babel && npm install

Note that this step will install Babel globally. This project uses Babel to provide support for ES6 syntax. Without it, we wouldn't be able to use many of these features.

#How To Run Tests Once you have everything installed, you are ready to run some tests. There are two directories with tests in them: spec and spec-final. The spec-final directory is like a cheat sheet. All of the tests contain the required ES6 code to make the tests pass. You will need to edit the tests in the spec directory, and make the tests pass.

To run the tests, in your terminal run:

npm test

This will execute the tests in the spec directory. Currently all of these tests are disabled, because I have changed the it() statement to xit(), which will skip that test. Your jobs it to one-by-one turn each test back on and get the test to pass, by writing the required ES6 code. Once you have written the required code, the tests will pass, and you can move onto the next test.

As Axel teaches us about ES6, we will take breaks once in a while to run these exercises.

#Thanks If you have any questions, let me know.

If you use this workshop, please Pull Request this readme with a link to your event.

###Events FluentConf 2015 - Axel Rauschmayer & Aaron Frost Framsieforum 19.05, Finn.no

SLC JS Learners April 2015 - Kent C. Dodds


es6-workshop's People

Contributors

aaronfrost avatar andersos avatar cantado avatar chrisbateman avatar gregersrygg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

es6-workshop's Issues

Forked

Hey @aaronfrost,

Thanks for this awesome repo guys. I'm presenting on es6 tomorrow night at a meetup and I'm going to use this for sure. I'm also doing a day long workshop in August at a conference and this will go really nicely. Planning on just running through it quickly with the meetup and having attendees go through it at the workshop.

Also as an FYI, I've changed my fork to use mocha and chai. Just my style. Also I'm planning on adding tests for a few other concepts.

I just wanted to let you know that your work is appreciated! Will definitely credit you at both events. Hope your workshop went well!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.