©2016-2024 Matools All rights reserved,
粤ICP备17059708号
一、个人经验
利益相关：就职于一家外包公司，从事前端架构和开发工作。
2015年毕业之后，最初从事了2年Web开发，前端使用jQuery/Angular开发相应的页面，Bootstrap技术呈现页面，后端主要使用Java语言，采用Jsp技术开发Web应用，主要是物联网相关的网站，包含nb-iot、gis、apache-mina等内容、可以集成第三方管理平台，可以进行物联网关策略的执行。
第二份工作的时候，就从Web开发转为Web前端开发，还担任了组长，开发Aresocean平台（DUBAI）、数据管理平台（DMP）等系统。刚学的时候，主要困惑就是学什么，怎么学。买了书，也下载了电子书，但是没有一条主线，到自己动手做项目的时候，没有人辅导或指出错误，学习效果较差。直到自己真正入门前端开发时，才发现入门其实没有那么难，下面说说我自己的经历。
二、打好理论基础
理论是基石，没有理论，在开发过程很多知识点都无法串联在一起，达不到一通百通的境界。所以需要初学者稍微了解一下计算机相关基础。计算机或软件工程核心专业课程是：《操作系统》、《数据结构》、《计算机组成原理》和《计算机网络》。相对于前端开发或者Web开发，有很多同学是从其他专业过来的，而且相关基础理论学习对日后开发还是有很大的帮助的。比如网络分层模型、网络协议-HTTP，服务器基础知识等。
微博@Easy最新出的《方糖全栈课》里面就有很多基础资料，大家感兴趣可以去围观。
另外推荐《深入理解计算机系统》，这本书介绍了每个开发者都需要了解的计算机基础内容，帮助读者接触到整个计算机学科的核心知识。
三、掌握学习路径
MDN在线文档有一个《学习Web开发》系列文档，从Web入门开始介绍，包括HTML，CSS、JavaScript、服务端网页编程基础等知识，适合初学者跟着文档一步一步的学习。优达学城的纳米学位课程，也提供了入门到进阶的课程路线，通过先学习各个知识点，每个章节之后有一个实战项目，打通融会贯通。
四、学习方法
好的学习方法和平台，能使得事半功倍。大多数学习者的学习方式是看书、听视频，上在线学习平台。图书来说，知识点相对系统，但是也是相对较慢。视频通过实际项目代码和动画相关的展示，更容易吸收，但是很多视频只提供视频教学，项目实践和章节练习相对教授。在线学习平台提供项目实践和代码审阅功能，学习者学的轻松，掌握的也快。
1.图书
虽然很多学习者觉得图书效率很低，携带也不方便，但是它知识点还是相对系统的，适合集中时间段内学习，当然选择优秀的图书是最重要的，优先选个国外的、经典的图书。如果学员英文水平可以的话，推荐考虑英文原版图书。推荐基本作为初学者可以看的图书。
HTTP基础相关
图解HTTP 或者HTTP权威指南
Web全栈工程师的自我修养
HTML和CSS相关
HTML和CSS配合MDN相关文档，入门应该是没有问题，如果确实要通过一本书学习，推荐：
HTML & CSS设计与构建网站 要学习各种页面布局，或者想扎实学习好CSS，CSS需要彻底研究。
JavaScript相关
大名鼎鼎的犀牛书和红宝书可以备着，但是不适合零基础的用户学习。
JavaScript DOM编程艺术
《你不知道的JavaScript》，有上、中、下三卷。通过通俗易懂的语言讲Javascript相关的知识讲授出来。
Web性能相关
高性能网站建设指南
高性能网站建设进阶指南
Web性能权威指南
通过以上图书的学习，需要动手完成多个练习小项目。比如个人简历、个人博客、新闻两栏、三栏等布局、开发电商页面，仿作饿了么等。将理论转化为实际看得见的代码，是初学者必经之路。
2.视频
国内国内提供在线视频平台很多，国内以网易云课堂、慕课为主，主要针对IT相关的。
比如网易云课堂推出的初级前端开发工程师微专业。主要由网易本身的一线工程师授课。
慕课网的Web前端攻城狮
，通过多个小视频的集合，打造一个前端学习的路径。但是不是一个老师系统的讲解，所以学员学习起来，是不是能很好吸收消化就难说，而且项目实战也相对简单。
Udemy:提供各式各样的在线视频课程，学习者通过学习相关课程之后，获得证书。个人感受：Udemy
基本上是个课程买卖超市，人人都可以制作课程在那里发布，所以课程质量不一定最优的，另外大多数课程是英文讲课，中文课程相对较少，对于初学者来说是一个不小的挑战。
四、总结
在做中学是学习新知识和新技能的最佳手段，而前端课程最好的模式是：
一方面学习基础和实践相关内容，另外一方面在师傅或者导师的的带领下，独自完成多个真实的项目。从简单的hello
world到个人主页，或者电商系统开发，通过图书、视频和在线学习平台等多种，真正的做到从零基础开始，扎实学好前端。新手入门要做的就是找到一个适合自己的学习方法，一步一个脚印，扎实的学习起来，最开始可以照着代码敲出来，看效果。等度过了初学的迷茫期，找到了好学习方法，后面学习起来就轻松很多。
热门工具 换一换