jesselpalmer/the-front-end-architect-resource-list

Front End Architecture resources

The Front End Architect Resource List

The resources here are to help you build a strong foundation in becoming a well-rounded front end architect. This includes understanding HTML, CSS, and JavaScript as well as topics such as networking, software design, and design patterns.

Table of Contents

1. Websites
2. Tools
3. Newsletters
4. Interview Prep
5. Nanodegrees
6. Books
7. Articles
8. GitHub Learning List
9. Tweets

Websites

Web Development

Google Web Fundamentals
Mozilla Developer Network
web.dev

Standards

World Wide Web Consortium (W3C)
ECMA-262 specification
Ecma International, Technical Committee 39 - ECMAScript

JavaScript

javascript.info

Compatibility Tables

CanIUse
ECMAScript Compatibility Table

Performance

Measure performance with the RAIL model
Apply instant loading with the PRPL pattern

Browser

Inside look at modern web browser

Networking

How DNS Works
What is a CDN

⬆ back to top

Tools

Lighthouse
Google Tag Manager
Google Search Console
Google PageSpeed Insights

⬆ back to top

Newsletters

JavaScript

JavaScript Weekly

Web

Front End

FrontEnd Focus

CSS

CSS Weekly

⬆ back to top

Interview Prep

Interview Questions for front-end-Developer
Front End Web Development Quiz
Front-end-Developer-Interview-Questions
Cracking the front-end interview
Been interviewing with a lot of tech startups as a frontend dev, here are the technical questions I've been asked
Front End Job Interview Questions
5 Typical JavaScript Interview Exercises
Front End Specific Coding Practice Questions & Problems
Eric Elliot's "Master the JavaScript Interview" Series

⬆ back to top

Online Courses / Training

Udacity

Nanodegrees

Front End Web Developer
Full Stack Web Developer
Full Stack JavaScript
Intermediate JavaScript
React

Treehouse

Tracks

Learn React
Front End Web Development

⬆ back to top

Books

JavaScript

JavaScript: The Good Parts
Eloquent JavaScript
Leaning JavaScript Design Patterns

Web Performance

Web Performance in Action
High Performance Web Sites
High Performance Browser Networking
Even Faster Web Sites Performance

Algorithms & Data Structures

Algorithm Design Manual (Free PDF)
Algorithm Design Manual (Book)

Design Patterns

Learning JavaScript Design Patterns

⬆ back to top

Articles

What Happens When You Type google.com Into Your Browser and Press Enter?
A Guide to Becoming a Full-Stack Developer in 2017
Our entire team of engineers use this front end development guide
Lydia Hallie's "JavaScript Visualized" Series' Articles

⬆ back to top

GitHub Learning List

Become A Full Stack Web Developer
Web Developer Roadmap

⬆ back to top

Tweets

HTTP What?

⬆ back to top