前端基础入门指南

前端实习生 - 零基础入门



知识篇 Knowledge

遍历:进行全局性、完整性的了解

1. W3school *

参考:20 小时
要求:完整遍历,注重定义部分

2.《CSS 手册》 *

参考:10 小时
要求:完整遍历,包括每个链接

3.《Javascript 高级程序设计 3》*

参考:70 小时
要求:完整看一遍

3.1 《ECMAScript 6 标准入门》

参考:6 小时
要求:完整看一遍

3.2 《Javascript 标准参考教程》

要求:完整看一遍

4. 正则表达式

要求:熟练掌握




技能篇 Technique

工欲善其事,必先利其器
遍历操作:将所有功能操作一遍(包括菜单栏、侧边栏、状态栏、右键菜单、鼠标中键等)

1. Chrome

文档:https://support.google.com/chrome/?hl=zh-Hans#topic=7438008
要求:遍历操作

1.1 Chrome Devtools *

文档:https://developers.google.com/web/tools/chrome-devtools/
要求:遍历文档,遍历操作

2. Sublime Text *

要求:遍历操作

2.1 Emmet

文档:http://docs.emmet.io/
要求:遍历文档,熟练使用

2.2 DocBlockr

文档:https://packagecontrol.io/packages/DocBlockr
要求:熟练使用

2.3 Markdown Preview

文档:https://packagecontrol.io/packages/Markdown%20Preview
要求:熟练使用

4. Shortcuts *

要求:尽量用键盘取代鼠标

5. 常用工具

  1. Can I Use:浏览器兼容性查询
  2. DevDocs:API 文档汇总
  3. Codelf:命名神器
  4. Icomoon:字体图标




技术篇 Technology

技术有风险,过时需谨慎

1. Vue.js *

文档:https://cn.vuejs.org/v2/api/index.html
要求:遍历官网

  1. Vue Router
  2. Vuex

2. Quasar Framework

文档:https://quasar-framework.org/components/
要求:熟练使用,留意组件设计

3. (deprecated)

  1. jQuery
  2. Bootstrap
  3. DoT