前端学习路线
2017-03-28 23:34:51 30 举报AI智能生成
前端学习路线可以分为以下几个阶段：HTML、CSS和JavaScript基础知识的学习，这是前端开发的基础；然后是Vue、React等主流框架的学习，掌握这些框架可以提高开发效率；接着是Node.js和Express的学习，了解后端知识有助于全栈开发；最后是Webpack、Babel等工具的学习，这些工具可以提高项目构建和代码转换的效率。在学习过程中，建议多做实践项目，积累经验。同时，关注前端技术的最新动态，不断更新自己的知识体系。
作者其他创作
大纲/内容
前端Skill
中级篇
数据格式（如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 条评论
回复 删除
下一页
