学习路线
关于本电子教材
适应于课堂教学,但它仅仅是一个导引,是一个基本知识的概括,具体的细节还需要读者到浩瀚的网络和实际的项目中探寻。
入门
目的是建立直观的体验。建议以支持在线演示的在线文档为主,以下几个常见的学习网站,任一均可:
深入
MDN https://developer.mozilla.org/zh-CN/docs
是Web开发文档的绝对宝典,是Web高手必须掌握使用的帮助网站。有中文版本,缺点是英译中,读感较差。
对本课程而言,一般通过入门文档站点获得简单认识,然后通过MDN站点获取权威的详细资料。
另一个不错的站点是:https://zh.javascript.info/
入门(适合国际班 英文版本)
- https://developer.mozilla.org/en-US/docs/Learn
- https://www.w3docs.com/learn-html.html
- https://www.w3schools.in/html
javascript
javascript是Web前端开发的核心语言,要有扎实的掌握。但是,由于语法知识庞杂且较枯燥,建议先粗读建立整体概念,再细读核心部分,再结合具体的项目开发进行细节学习
系统介绍javascript的书籍,应全面与细读
- JavaScript高级程序设计(第4版)- [美]马特·弗里斯比(2020) 见创新实践班级群共享
- 全面深入 JavaScript语言精髓与编程实践(第3版) 周爱民 见创新实践班级群共享
以下是在线站点,可作为上述纸书的补充
TypeScript
是javascript的改进和提升,重点在于工程化,使得javascipt可以匹敌任何一门主流语言,甚至是集大成者 (任一均可)
- 《深入理解TypeScript》 见创新实践班级群共享
- TypeScript编程 Boris Cherny 著 安道译
前端工程化
以下工程化知识,均需要结合具体项目,在开发过程中,反复阅读、应用和总结
Node.js是现代Web前端的重要支撑环境,也是诸多前端工程化技术的源泉。
- 《狼书(卷1):更了不起的Node.js 见创新实践班级群共享
Web前端技术演变与整体架构
- 了不起的JavaScript工程师:从前端到全端高级进阶; 见创新实践班级群共享
掌握基于vue、SPA、MVVM等现代前端开发技术
- 《Vue.js前端开发基础与项目实战》 郑韩京 见创新实践班级群共享
相关知识
CSS入门容易,精通难
- 精通CSS 高级Web标准解决方案 第3版
HTTP协议是Web应用的重要组成部分,是Web前后端交互的必知必会知识
- 图解HTTP 作者:[日]上野宣 著,于均良 译,有电子书
clean code
项目实战
基于上述知识和工具,结合实际的项目开发进行应用。尤其要注意在写代码的同时,要乐于写文档,对各种技术方案进行比较、分析和总结。
- 编写一个各种形式的博客应用 http://www.openxy.com/books/case/blog/
- 用各种框架编写一个todolist http://todomvc.com/
- 一个综合的真实项目,如电商等