Frontend-Path

Frontend learning path, 前端学习路线

Intro to JavaScript
1. What is JavaScript?
2. Data Types & Variables
3. Conditionals
4. Loops
5. Functions
6. Arrays
7. Objects
JavaScript Design Patterns
1. Changing Expectations
2. Refactoring
3. Using an Organizational Library
4. Exploring Unfamiliar Code
Object-Oriented JavaScript
1. Objects in Depth
2. Functions at Runtime
3. Classes and Objects
JavaScript Promises
1. Creating Promises
2. Chaining Promises
Asynchronous JavaScript Requests
1. Ajax with XHR
2. Ajax with jQuery
3. Ajax with Fetch
JavaScript Testing
1. Rethinking Testing
2. Writing Test Suites

Intro to HTML and CSS
1. HTML Syntax
2. HTML Syntax Problem Set
3. CSS Syntax
4. CSS Syntax Problem Set
HTML5 Canvas
1. HTML5 Canvas Basics
2. From Pixels to Animation

Building High Conversion Web Forms
1. Efficient Inputs Part 1
2. Efficient Inputs Part 2
3. Fast Forms
4. Touch Support
Responsive Web Design Fundamentals
1. Why Responsive
2. Starting Small
3. Building Up
4. Common Responsive Patterns
5. Optimizations
Responsive Web Design Fundamentals
1. Why Responsive
2. Starting Small
3. Building Up
4. Common Responsive Patterns
5. Optimizations
Website Performance Optimization
1. Introduction
2. Critical Rendering Path
3. Easy HTML, CSS and JavaScript optimizations
Browser Rendering Optimization
1. The Critical Rendering Path
2. App Lifecycles
3. Weapons of Jank Destruction
4. JavaScript
5. Styles and Layout
6. Compositing and Painting
Web Tooling & Automation
1. Introduction
2. Productive Editing
3. Powerful Builds
4. Expressive Live Editing
5. How to Prevent Disasters
6. Awesome Optimizations

HTTP & Web Servers
1. Requests & Responses
2. The Web from Python
3. HTTP in the Real World
Networking for Web Developers
1. From Ping to HTTP
2. Names and Addresses
3. Addressing and Networks
4. Protocol Layers
5. Big Networks
Client-Server Communication
1. HTTP’s Request Response Cycle
2. HTTP/1
3. HTTPS
4. HTTP/2
5. Security

Provide feedback