前端学习路线
2017-03-28 23:34:51 30 举报
AI智能生成
前端学习路线可以分为以下几个阶段:HTML、CSS和JavaScript基础知识的学习,这是前端开发的基础;然后是Vue、React等主流框架的学习,掌握这些框架可以提高开发效率;接着是Node.js和Express的学习,了解后端知识有助于全栈开发;最后是Webpack、Babel等工具的学习,这些工具可以提高项目构建和代码转换的效率。在学习过程中,建议多做实践项目,积累经验。同时,关注前端技术的最新动态,不断更新自己的知识体系。
作者其他创作
大纲/内容
中级篇
数据格式(如JSON、XML)
RESTful API交互(如jQuery Ajax,Fetch API,ReactiveX)
Node.js
单页面应用
高级篇
ES6 / TypeScript
CSS3
面向对象编程
函数式编程
MVC / MVVM / MV*
安全性(如跨域)
授权(如HTTP Basic、JWT等等)
工程化
代码质量(如JSLint / ESLint / TSLint / CSLint)
代码分析(如Code Climate)
测试覆盖率
构建系统(gulp、grunt、webpack等等)
自动构建(脚本)
兼容性
跨浏览器测试 (Chrome,IE,Firefox,Safari等等)
跨平台测试(Windows、GNU/Linux,Mac OS等等)
跨设备测试(Desktop,Android,iOS,Windows Phone)
跨版本测试(同一个浏览器的不同版本)
前端特定
JavaScript 动画
CSS / CSS3 动画
Web字体嵌入
Icon 字体
图形和图表
CSS Sprite(如glue)
DOM操作(如jQuery、React等等)
模板引擎(如JSX、Handlebars、JSP、Mustache等等)
软件工程
版本管理(如git、svn)
包管理(如npm、bower)
依赖管理
模块化(如CommonJS、WebPack)
调试
浏览器调试
Debug工具
Wireshark / Charles抓包
远程设备调试(如Chrome Inspect Devices)
测试
单元测试
服务测试
UI测试
集成测试
性能与优化
PageSpeed / Yslow 优化
加载优化(如gzip压缩、缓存等等)
可用性
压缩(如Minify、Uglify、CleanCSS等等)
设计
切页面
线框图(Wireframe)
响应式设计
网格布局(Grid Layout)
Flexbox布局
SEO
Sitemap(站点地图)
内部链接建设
页面静态内容生成
H1、H2、H3和strong使用
Title、Description优化
页面静态内容生成
0 条评论
下一页