前端学习路线

前端学习路线

Repo: frontend-roadmap

基础知识

  1. HTML

    1. 学习 HTML 基础知识
    2. 做几个页面来练习
  2. CSS

    1. 学习 CSS 基础知识
    2. 完成上一步的样式页面
    3. 使用 grid 布局和 flexbox 布局构建页面
  3. JS 基础

    1. 熟悉语法
    2. 学习 DOM 的基本操作和事件处理
    3. 学习 JS 的典型机制(变量提升,作用域,高阶函数,原型链)
    4. 学习 AJAX(XHR)调用
    5. 学习新特性 (ES6+)
    6. 另外,熟悉 jQuery 库
  4. 补充

    1. 平常接触到的制作优秀的页面可以模仿,开源的 UI 库多翻一翻

    2. 把平常用到的开发工具用熟,能大大提高开发效率

    3. 相关书籍:
      Javascript 高级程序设计,Javascript 权威指南, JS DOM 编程的艺术

    4. 相关网站:

常用开发技能

  1. 学习 GIT 的使用, 在 GitHub 上创建一些仓库, 并和其他人分享你的代码
  2. 熟悉 HTTP 协议, 请求方法,缓存,了解下 Nginx
  3. 用好搜索引擎
  4. 熟悉命令行终端
  5. 阅读一些关于算法和数据结构的书籍
  6. 补充
    廖雪峰 git 教程

订阅邮件

https://javascriptweekly.com/

https://nodeweekly.com/

社区

  1. 工作中常用的库或框架 github 地址,star 一下, follow 作者,看看作者其他的的代码库,查找下 github 中其他类似功能的库,这是一个很好的开始。

  2. 国外网站有 stackoverflow,hacker news,

  3. 国内有知乎,掘金,SegmentFault,简书。知乎上有很多程序界大神,关注下,看看编程相关的专栏。

在线学习网站

egghead
freecodecamp
codecademy
udacity
udemy

进阶

了解一门静态语言,TypeScript 或者 Reason,这些是可以编译到 js 的,或者 Go, Kotlin,Swift,都是比较现代的语言,学习这些能让你写出可维护性更强的代码,

参考

新手向:Vue 2.0 的建议学习顺序

精通 one,学习 another,关注 next

react-developer-roadmap

front-end-handbook 2018

fullstack-developer-roadmap