#A formidable list of Frontend Development learning resources


Roadmap

Frontend Roadmap


Compilations

Awesome: A curated list of awesome lists.

Awesome Case-study


PureScript

Step-by-step tutorial materials for the "A Whirlwind Tour of PureScript" workshop held at YOW! Lambda Jam 2016 in Brisbane, Australia.


JavaScript

bmkmanoj/js-by-examples: A collection of code snippets explaining JS concepts.

getify/You-Dont-Know-JS: A book series on JavaScript

Professor Frisby’s Mostly Adequate Guide to Functional Programming

JSBooks

Learning JavaScript Design Patterns


Meteor

The Meteor Chef. Learn how to build neat stuff with Meteor!

REST2DDP provides a REST API but the world wants it as a live updating DDP API.


React

A Complete Intro to React

React.js Conf 2016

Complementary Tools: A very formidable list of React tools, by Facebook

React for Beginners: React video series by Wes Bos

ReactJS Program: A project based, linear approach to learning React.js and the React.js ecosystem.

React: Youtube: What I Learned Today - Atomic Jolt

We Must React: Learn React, ES6: and web pack

React and ES6: Blog series by Egor Smirnov

Thinking in React - Original Article by Pete Hunt and Video with an accompanying blog post by Hendrik Swanepoel. These resources will help you better visualise a React app.

Curriculum for React.js Program's "React Fundamentals" course

Learn Redux

Building React Applications with Idiomatic Redux

Article: Styling React


Machine Learning

Have Fun with Machine Learning: A Guide for Beginners


Node

Nodecast is like Laracasts, but for, well, Node. Node cast new link

Node School


NodeBots

Some examples in prep for Nodebots Day 2016


CSS

CSS Protips: A collection of tips to help take your CSS skills pro.

What the flexbox?

Maintainable CSS is an approach to writing modular, scalable and of course, maintainable CSS.


WebGL

WEBGL Academy


SVG

Finessing feColorMatrix: A blog about SVG filters used for photo manipulation


Git

How to Contribute to an Open Source Project on Github: egghead.io course


DevTools

Which Browser Extensions do Web Developers Use?: A blog post about browser experiments

eslint-config-airbnb

Mockaroo: Realistic data generator for testing


DesignTools


Courses

Learning material – Software Development

FreeCodeCamp

Evented Mind

Learning Material Software Development

Front end Center


UX

The Complete List of User Experience (UX) Resources & Tools


Code Challenges

JavaScript

Wes Bos JS Challenge #1: Start example in CodePen

Wes Bos JS Challenge #2: Start example in CodePen

LeetCode

Interview bit


Job Sites

https://www.workshape.io/

https://hired.com.au/

The Vital Guide to JavaScript Interviewing