前端

0x01 前端面试

• 前端面试手册
• JavaScript Web 测试
• 前端开发者的面试问题
• 前端工作面试问题
• 前端 Web 开发测试

你提的问题:

• 一个由开发者向未来雇主提问的开源问题列表

准备:

• 前端面试手册
• 面试小技巧
• best-chinese-front-end-blogs

0x02 前端自我导向学习

• 大致的了解网络的工作原理。确认你知道 Domains，DNS，URLs，HTTP，networks，browsers，servers/hosting，JSON，data APIs，HTML，CSS，DOM 和 JavaScript 是什么和在哪里。不要过多深入任何东西，只要理解这些部分和浅显的知道它们如何融合在一起。从高层的维度关注前端架构。 从简单的网页开始，并简要的学习前端应用（又名 SPAs）。
• 学习 HTML
• 学习 CSS
• 学习 JavaScript
• 学习 DOM
• 学习 JSON 和 data APIs
• 学习用户界面设计基础（例如 UI 模式，交互设计，用户体验设计和可用性）
• 学习 CLI / 命令行
• 学习软件工程实践（例如，应用设计 / 架构，模板，Git，测试，监控，自动化，代码质量，开发方法）
• 任何你觉得有意义的东西，都可以作为你个人技能库的一部分。 (例如 Webpack，React 和 Mobx)
• 学习 Node.js

了解网络的演变

• Web 的演变

常用的无头浏览器

关于浏览器如何工作 (浏览)

• 关于浏览器和 Web 我学到的 20 件事
• 高效 CSS, 浏览器如何展示页面
• 浏览器如何工作：在现代 Web 浏览器的幕后
• 浏览器中如何渲染网页
• Quantum Up Close: What is a browser engine? 什么是浏览器引擎
• 强制布局和回流的起因
• 前端开发人员应该了解的关于网页渲染的内容

学习域名系统（也就是 DNS)

• 理解 DNS Youtube 视频
• 学习 HTTP/Networks（包括 CORS 和 WebSockets）

0x03 学习前端开发

概要学习

• 成为一名前端开发人员 (观看付费)
• 成为一名 Web 开发者 (阅读)
• 前端开发基础 (观看)
• FreeCodeCamp(交互)
• Udacity 前端工程师 (观看付费)
• 前端指南 (实践)
• Isobar 的前端代码标准 (阅读)
• 规划做一个前端 JS 应用程序 (观看)
• 当一名前端 Web 开发者 (观看)
  
  • 他的 Blog !

学习用户界面 / 交互设计

关于这一方面，我建议最少可以阅读以下几篇权威文章，便可具备支持甚至构建可用的用户交互界面的能力。

学习 HTML & CSS

• 学习编写 HTML 与 CSS
• 学习 CSS 布局
• MarkSheet(阅读)
• MDN Web 文档
• 所有的 W3C CSS 规范 (阅读)
• CSS 编码规范

学习搜索引擎优化 (SEO)

• 谷歌搜索引擎初学者优化指南
• SEO 相关

学习 JavaScript

• JavaScript 基础

• 现代 JavaScript 备忘录 - 现代项目会经常用到的 JavaScript 知识备忘录 (阅读)

• emmmmmm…

函数式编写 JavaScript

• 函数式编程术语 (阅读) 有汉语翻译
• 相关参考文档、标准规范 (ECMAScript)、编程风格

学习 Web 动画