前端学习路径
作者:余博伦
链接:https://zhuanlan.zhihu.com/p/21935921
来源:知乎
链接:https://zhuanlan.zhihu.com/p/21935921
来源:知乎
什么是前端工程师?
总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术,在工作中配合设计师实现用户界面,和后端工程师进行数据对接,完成Web应用开发的职位。
开发工具
设计软件
前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码,所以我们要学习一些设计软件的基础操作和切图方法。
- Photoshop 运用最广泛的设计软件,大部分人都在用它,很有必要学习一下
- Sketch 轻量且功能强大,切图迅速高效,为UI设计而生的Mac App
编辑器
工欲善其事,必先利其器。可以用的编辑器和IDE有很多,在这里我只推荐最棒的两个。
- Sublime text 最性感的编辑器,搭配插件各种好用
- Webstorm 功能强大,学生可以免费用的前端开发IDE
代码管理
不光要学会写代码,也要学会管理你的代码。在工作中你可能会遇到需要自己部署代码的情况;不停地修改迭代重构,当然也需要你掌握版本控制软件。
- Linux 你需要学会在命令行打开移动复制文件等最基本的操作
- Git 写代码一定会用到的版本控制软件,入门很快就能学会
测试工具
预览和调试必不可少,编写前端代码的大部分时间都是在编辑器和浏览器之间切来切去。
- Chrome Dev Tools 谷歌浏览器开发工具,想要预览调试你的前端页面必须在这里啦
基础知识
- HTML
- CSS
- JavaScript
- Web
中级知识
- HTML5
- CSS3
- Style Guide
- Responsive Design
- Web Animation
- Bootstrap
- jQuery
- Ajax
高级知识
服务器端
技能图谱
在线资源
在线教程
在线书籍
推荐书目
作者:林三竖
欢迎评论指正,转载请注明出处。