My 2 cents: Angular.js, developed by Google, and React, developed by Facebook, are coming out on the very top. Angular looked like it was taking the lead for a while, but now React is making a much stronger leap forward, and it looks like it’s going to emerge as the winner in terms of popularity, ease of use, and demand.
Check out this great roadmap: “From Zero to Front-end Hero, Part 2” (Part 1 is for HTML & CSS).
Learn and use Github Pages to host your pages and sites: essentially a free, hosted, live version of your front-end repositories.
Jekyll is an amazing, lightweight front-end framework for organizing and generating files and partials. It’s got great documentation and was created by a Github founder. It’s an awesome solution for rolling your own blog or small personal site, and can be hosted for free on Github’s gh-pages.
I built a seed Jekyll application with tons of lovely features for you to fork and use for free on Github for your own projects.
- Prose.io: create MD files via a web interface that immediately show up on the appropriate Jekyll site (or just to the appropriate repository).
- Forestry.io: even better than Prose.io, it’s a lightweight content management system that mimics Wordpress’ functionality for Jekyll sites.
- Hydejack, one of my favorite Jekyll themes.
- Lots of Jekyll themes
- Planet Jekyll, an awesome showcase of many Jekyll themes
- Gorgeous HMFAYSAL Omega theme for Jekyll
- Liquid documentation: the Ruby-based language Jekyll uses to manage dynamic qualities in building your site.
- Tags and categories with Jekyll
- Jekyll tags from scratch
- Put interactive Ruby snippets on your blog
- Using static site generators at scale: specifically, Jekyll. Great read.
- Putting Disqus comments onto a Jekyll site: basically the comments feature below! (And this is a Jekyll site.)
- Implement Jekyll search using lunr.js: adding search functionality to a Jekyll site
- Create and publish your own Jekyll theme gem
- Documentation for jekyll-assets, a very useful gem for managing assets with Jekyll in a Rails-like way
- 5 great tutorials on React
create-react-app: starting a React app with zero configuration, from Facebook.
- “What projects need React? All of them!”
- SEO and React: “Will Google find your React content?”
- Front-end Masters’ Angular Basics course
- Front-end Masters’ Angular Development course
- Front-end Masters’ Component based architecture with Angular
- Official Github repository for Angular
[angular-seed](https://github.com/angular/angular-seed): starts you off with a prebuilt skeleton app as a base.
- Airpair’s Angular.js tutorial
- StackOverflow road to Angular mastery
- Google’s official Angular tutorial/docs
- Learn-Angular’s really nice Angular tutorial
- Guide to getting started with Test-driven development on Angular
- Getting started with Angular 2 by building a Giphy search application
- Create and deploy an Angular app to Heroku, using Yeoman
- Using ui-router
- Node status: great site if you’re precompiling and something goes wrong with downloading Node.
- OverAPI Node.js Cheatsheet
- Node.js Beginner book
- Node.js In Action
- Get started with installing Node on your computer. You can also use a package manager that your computer already uses to download and install Node.
- Learn more about Node from one of the developers who built it at Google
- “Understanding Node.js’s event-driven architecture”