零基础能不能学习web前端？
当然可以，很多人都是零基础、非科班转行学前端，并且大有作为，你为什么不可以呢？
1. Web前端是做什么的？
学习之前我对网页设计、UI、网页制所盒Web前端的概念很混淆，上网查了才明白：网页设计是指运用一些软件对网站进行美化，解决“好看”的问题；UI是指人与界面互动的优化，解决“舒适”的问题；网页制作着重PC端网页制作；而Web前端包括PC端和移动端的前端界面制作。
2. Web前端的基础技能及工作职责是什么？
爱它就要更深入了解它，学习Web前端就要清楚地知道Web前端工程师需要什么基础技能及其工作职责。其实，这“很简单”，只要你精通HTML+css（包括现在的HTML5+CSS3）、JavaScript、JQuery，了解界面设计，了解后端编程，服务器知识+后端语言基础。
3. 怎么样才能学好拿高薪，Web前端开发职业的前途怎样？
个人觉得三百六十行，行行都蕴藏的无限可能，干一行就爱一行，只要脚踏实地，努力学技术，技术硬了，自然会有前途和“钱”途。但是努力学习之前，必须要明确的目标，否则就是“看起来很认真”而已。
4. 如何学？
零基础学前端的话，这些书籍资料可以参考一下：
1、《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
2、《JavaScript权威指南(第6版)》 犀牛书，本书不仅适合初学者系统学习，也适合有经验的 JavaScript 开发者随手翻阅。
3、《JavaScript DOM编程艺术 (第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库。
4、《CSS权威指南(第三版)》，不管你是一个有经验的Web开发人员还是一个彻底的初学者，《CSS权威指南(第3版)》都是你的CSS学习源泉。
5、《JavaScript设计模式》，适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。
6、《你不知道的JavaScript(上中下卷) 》，本书既适合JavaScript语言初学者了解其精髓，又适合经验丰富的JavaScript开发人员深入学习。
7、《Vue.js权威指南》，该书内容全面，讲解细致，实例丰富，适用于各层次的开发者。
学习路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
视频教程：
希望对你有帮助，望采纳~
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
上面是web前端的学习方向根据自己的情况，哪些东西还不了解，哪些是盲区然后重点攻克它，在网上找一些学习资料自己学习，现在培训机构都有视频，有些还是不错的。也可以报培训班，让讲师带着你学习，站在巨人的肩膀上你肯定比一般人看的更远，看到的东西更多。
与其他编程语言相比，前端是公认的入行门槛较低的一门语言，但依然有很多人在学习之前会问零基础学习web前端难不难，要多久才能学会。学习的难易和时间当然是取决于学习的方式。
前端入门简单，但是深入学习之后，还是有一定学习难度的。但是大家不需要有畏难情绪，从最基础的开始，如浅入深，打牢基础知识，然后再结合项目实践，熟练精通前端技术。
像HTML、CSS这样的前端基础知识是必须掌握的，还有移动Web网页开发、 JavaScript网页编程、Node与Ajax以及前端工具和框架都是必须要学习的。
如果你是零基础自学web前端的话，那么所花费的时间与精力是不可估计的。 如果系统学习5个月的时间可以帮助你快速成长为合格的web前端工程师。
学习web前端一定要有方向：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
一、不断学习
任何一门科学都需要不断学习，尤其是更新速度很快的前端领域。时刻关注前端动态，是你跟上前端潮流的一个好方法。前端的体系过于庞大，技术框架多而杂，如果你在学习的过程中经常抱怨，那么就需要适当调整学习的态度，因为在以后的工作中会面临更大的挑战。
二、抓住根基
主抓基础，避免盲目。前端领域知识点很多，聪明的人懂得花时间学习成体系的知识并且研究得足够深入，擅于抓住重点，而不是盲目的看到别人用什么框架就去学什么。根据不同的项目选择合适框架，并且和项目实践关联起来，切实锻炼自己的前端开发能力。
三、坚持创新
发挥你的创新意识，可以写一些有意思的小工具、插件，推广出去，你会在学习前端的道路上找到很多志同道合的朋友。
总之，掌握以上方法可以让你在接下来的Web前端学习中事半功倍。
