Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
README.MD

README.MD

前端学习路径

什么是前端工程师?

总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术,在工作中配合设计师实现用户界面,和后端工程师进行数据对接,完成Web应用开发的职位。

作者: 余博伦 https://github.com/discountry

链接:https://zhuanlan.zhihu.com/p/21935921

来源:知乎 著作权归作者所有

开发工具

设计软件

前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码,所以我们要学习一些设计软件的基础操作和切图方法。

编辑器

工欲善其事,必先利其器。可以用的编辑器和IDE有很多,在这里我只推荐最棒的两个。

Sublime text 最性感的编辑器,搭配插件各种好用配置和使用方法

Webstorm 功能强大,学生可以免费用的前端开发IDE

代码管理

不光要学会写代码,也要学会管理你的代码。在工作中你可能会遇到需要自己部署代码的情况;不停地修改迭代重构,当然也需要你掌握版本控制软件。

测试工具

预览和调试必不可少,编写前端代码的大部分时间都是在编辑器和浏览器之间切来切去。

  • Chrome Dev Tools 谷歌浏览器开发工具,想要预览调试你的前端页面必须在这里啦

基础知识

HTML

CSS

JavaScript

Web

中级知识

HTML5

CSS3

Style Guide

Responsive Design

Web Animation

Ajax

高级知识

ECMA6

测试

自动化构建

模块/包管理

预处理器

框架

服务器端

技能图谱

StuQ技能图谱

Frontend Knowledge Structure

在线资源

大前端导航

Frontend Stuff

Frontend directory

Frontend Interview Questions

在线教程

菜鸟教程

极客学院Wiki

Mozilla开发者网络

front-end-web-development on Treehouse

Learn to Code Advanced HTML/CSS

在线书籍

Front-end Developer HandBook

Front-end Database

Frontend Notebook

推荐书目

基础

深入浅出HTML与CSS、XHTML

HTML & CSS设计与构建网站

Pro Git中文版

鸟哥的linux私房菜

中级

Head First HTML5 Programming

JavaScript权威指南

JavaScript语言精粹

JavaScript & jQuery交互式Web前端开发

深入浅出Ajax

高级

JavaScript高级程序设计

HTML5高级程序设计

CSS权威指南

深入浅出Node.js