Frontend-Path

Frontend learning path, 前端学习路线

General

• Frontend Developer
• Front-end web developer

Javascript

• 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

HTML or CSS

• 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

Web

• 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

Network

• 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

Interview

• Front-End Interview Prep
  1. Interview Practice