This curriculum is meant to equip you with the resources you need to get yourself up to speed with JavaScript as a language, and use it to create full and complete solutions. Motivating yourself to learn something new can be a challenge, thusly this curriculum is focused on the learning-by-doing methodology.
This curriculum heavily realies on NodeSchool.io for the best self-learning experience.
Have lingering questions about why you should be doing JavaScipt? Check out this presentation on Why JavaScript?
It is highly recommended that your fork this repository, keep track of your learning progress by adding xes inside the [ ] checkboxes and committing them to your own repository.
- To collaborate with others and track your own progress, you'll need to create a GitHub account. Create an account
- Install a Git client,
- Simple:
- Advanced:
- GitExtensions (Windows)
- Tower (Mac)
- Github Desktop (Mac/Windows) In pre-release
- Now you can
forkthis repo, by using theforkbutton on the top right hand of the GitHub page and start tracking your progress.
- Install Node.js, so you can run the self-learning tools: https://nodejs.org/
- If you're running on Windows, check out these tips.
- Visit and familiarize yourself with npm
- Get a good text editor/IDE.
- Text Editor
- IDE (Integrated Development Environment)
The Internet is a vast cache of information and if you know how to navigatge it well, you can become a very effective learner.
- Always and always Google what you're looking for first. If what you're looking for isn't in the first page of results, then try again with different query.
- Prefer StackOverflow links or got there directly.
- If the above strategies fail, then feel free the create a GitHub issue on this repo.
- Always provide full and complete information when asking for help.
- Specific questions are far more likely to get answered, than general/generic questions.
- Don't how to work the console, command line, CLI or bash? Start with the basics here
- Open up command line/console. Type in
node, do you see>? If yes great, hitCtrl+Cto terminate the currently runningnodeprocess. If no, then seeHow to ask for help. - Type in
npm, do you seeUsage: npm <command>? - You're ready to start learning, using the self guided workshoppers. Good luck!
- Learn how to use Git and GitHub basics.
- Run
npm install -g git-it - Then
git-it - Additional help http://jlord.us/git-it/
- Run
- Learn JavaScript basics. No previous coding experience required.
- Run
npm install -g javascripting - Then
javascripting - Additional info https://github.com/sethvincent/javascripting
- Run
- Introduction to modern JavaScript by Mozilla
- Practice Best Practices -- see section below
- Learn the details of Scope, Scope Chains, Closures, and Garbage Collection.
- Run
npm install -g scope-chains-closures
- Run
- Learn fundamental functional programming features of JavaScript in vanilla ES5.
npm install -g functional-javascript-workshop
- Learn to use promises in JavaScript to handle async operations.
npm install -g promise-it-wont-hurt- Additional information: Q.js
- Learn Lo-Dash (fork of underscore) to handle your arrays and objects simple!
npm install -g lololodash- Additional information: Underscore.js has great documentation. Also check out lodash.
- Learn to test your code
npm install -g test-anything
- Learn the basics of node: asynchronous i/o, http.
npm install -g learnyounode- Advanced Node Setup
- For Windows: https://blog.risingstack.com/node-js-windows-10-tutorial
- For Mac/Linux:
- Manage multiple Node versions with n
npm install -g n - http://docs.python-guide.org/en/latest/starting/install/osx/
- Manage multiple Node versions with n
- Learn a web framework
- Hapi.JS
npm install -g makemehapihttp://hapijs.com/ - Express
npm install -g expressworkshttp://expressjs.com/
- Learn the best practices of writing clean JavaScript code.
- Run
npm install -g js-best-practices - Learn a unit testing framework
- Jasmine
- Working Example: https://github.com/duluca/minimal-node-web-server/
- Run
npm test - See
specsfolder for implementation
- Run
- Helpful Resources
- Working Example: https://github.com/duluca/minimal-node-web-server/
- HTML 5
- http://www.w3schools.com/html/html5_intro.asp
- CSS 3
- http://www.w3schools.com/css/css3_intro.asp
- Legacy Angular.js https://angularjs.org/
- Angular 4 https://angular.io/
- Building Scalable and Beautiful AngularJS Apps Series: Learn how to properly architect front-end applications
- Leveraging Existing Skills and Pushing the Envelope
- Web App Packaging and Publishing Best Practices
- Organized Code and Scalable Angular Architecture
- Reusable Components, Templates, and Services
- Default Beauty and Great Mobile-First UX with Angular Material
- Navigation Lifecycle, Authentication Hooks, and Role Based Navigation
- Use npm modules and node-style require() in the browser with browserify.
npm install -g browserify-adventure
- Learn to use leveldb, a simple key/value store with a vibrant package.
npm install -g levelmeup
- Check out The JavaScript Promise to understand benefits of working with full stack JavaScript and get access to batteries included open source projects to get your app idea out and running in the cloud.
- Learn how to use some features from ES6, the next version of JavaScript.
npm install -g count-to-6
- Understanding JavaScript Prototypes
npm install -g planetproto
- ES6 using Babel
npm install tower-of-babel -g
- An Intro to JavaScript ES6 Generators.
npm install -g learn-generators
- ES6 Iterators
npm install -g esnext-generation
- Learn about Streams
npm install -g stream-adventure
- Learn to use the async package.
npm install -g async-you
- Gulp.js
- Let's learn React.js and server side rendering!
npm install -g learnyoureact
- Sass
- Find your way through the web performance optimization maze!
npm install -g perfschool
- Learn about CouchDB - the database that completely embraces the web
npm install -g learnyoucouchdb
- Getting started with MongoDB and Node.js
Getting started with MongoDB and Node.js
- Cordova https://cordova.apache.org/
- Ionic http://ionicframework.com/
- React Native https://facebook.github.io/react-native/