Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/auchenberg/awesome-front-end-curriculum

A crowd sourced curriculum of mandatory material for new front-end devs.
https://github.com/auchenberg/awesome-front-end-curriculum

List: awesome-front-end-curriculum

Last synced: about 8 hours ago
JSON representation

A crowd sourced curriculum of mandatory material for new front-end devs.

Awesome Lists containing this project

README

        

# Awesome front-end curriculum [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

A crowdsourced and curated list of material that's considered mandatory curriculum for front-end developers by the community.
[Pull Requests](https://github.com/auchenberg/awesome-front-end-curriculum/edit/master/README.md) are welcome.

## Table of Contents

- [Browsers](#browsers)
- [CSS](#css)
- [HTML](#html)
- [JavaScript](#javascript)
- [Source Control](#sourcecontrol)
- [Work Pocesses](#processes)
- [Architecture and Patterns](#architecture)
- [Testing](#testing)
- [Performance](#performance)
- [Accessibility](#accessibility)
- [Craftsmanship](#craft)
- [Information Design / User Experience](#ux)
- [Courses/classes](#courses)
- [Handbooks](#handbooks)
- [Reference documentation](#references)

## Browsers
* [What happens when a browser starts](https://github.com/alex/what-happens-when#browser)
* [What happens when CSS is being interpretated](https://github.com/alex/what-happens-when#css-interpretation)
* [What happens when a web page is rendered](https://github.com/alex/what-happens-when#page-rendering)
* [What happens when HTML is parsed](https://github.com/alex/what-happens-when#html-parsing)

## CSS
...

## HTML
...

## JavaScript
* [Eloquent JavaScript](http://eloquentjavascript.net)
* [JavaScript: The Good Parts](http://www.goodreads.com/book/show/2998152-javascript)
* [JavaScript: The Definitive Guide](http://www.goodreads.com/book/show/8143605-javascript)
* [You don't know JS series](https://github.com/getify/You-Dont-Know-JS)
* [Exploring ES6](http://exploringjs.com/es6/)

## Source Control
* [GitHub: The beginner’s guide](http://blog.pluralsight.com/github-tutorial)

## Testing
* [Test-Driven JavaScript Development](http://tddjs.com)
* [Accessibility Testing Tools](https://www.paciellogroup.com/blog/2014/10/accessibility-testing-tools-updated/)

## Accessibility
* [The A11y Project](http://a11yproject.com)
* [WebAIM](http://webaim.org/articles/)
* [Accessibility Wins](http://a11ywins.tumblr.com)

## Work processes
* [Scrum and XP from the trenches](http://www.infoq.com/minibooks/scrum-xp-from-the-trenches-2)

## Architecture and Patterns
* [JavaScript Patterns](http://www.goodreads.com/book/show/9422683-javascript-patterns)
* [Learning JavaScript Design Patterns](http://www.goodreads.com/book/show/14289134-learning-javascript-design-patterns)

## Software craftsmanship
* [Clean Code](http://www.goodreads.com/book/show/3735293-clean-code)
* [Working Effectively with Legacy Code](http://www.goodreads.com/book/show/44919.Working_Effectively_with_Legacy_Code)
* [Refactoring](http://www.goodreads.com/book/show/44936.Refactoring)
* [Pragmatic Programmer](http://www.goodreads.com/book/show/4099.The_Pragmatic_Programmer)
* [Release It!](http://www.goodreads.com/book/show/1069827.Release_It_)
* [Code Simplicity](https://www.goodreads.com/book/show/13234063-code-simplicity)

## Information Design / User Experience
* [Don't Make Me Think, Revisited](http://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515)
* [Information Dashboard Design](http://www.amazon.com/Information-Dashboard-Design-At-Glance/dp/1938377001)
* [Show Me The Numbers](http://www.amazon.com/Show-Me-Numbers-Designing-Enlighten/dp/0970601972/)

## Courses/classes
* [Udacity Front-End Web Developer Nanodegree](https://www.udacity.com/course/front-end-web-developer-nanodegree--nd001)
* [Front-end masters: Basic Programming with JavaScript](https://frontendmasters.com/courses/javascript-basics/)

## Reference documentation
* [MDN: HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
* [MDN: CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
* [MDN: JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
*
---