想要成为一个好的前端程序员，需要掌握的技术还是比较多的，比如HTML5开发、JavaScript、Veu.js框架开发等等。
前端就是展现给用户浏览的部分。我们通常说的前端，其实是指前端开发，也就是创建PC端或移动端等前端界面给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
学习的内容包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-09-23
你好：
看了这个问题，我还是很有感慨的，多扯几句相关不相关的。先说明，我的Design背景主要是国外，英文为主，对国内的设计了解有限。
我04年的时候开始学习前端，在那个时候，国外基本上转型到了HTML+CSS，而国内貌似HTML+CSS刚刚兴起(不熟，如果时间不准确请纠正)。所以我基本上没有做过Table-based design。这是个IE6的年代，所以IE6理所应当成为了事实标准。
经历过这个年代，我学到了两点，一点是正确的，一点是错误的。正确的是，HTML仅仅应该作为标记语言，而CSS应该完全控制布局设计，做到两点分开是很大的一个进步。错误的是，Javascript (当时流行DHTML) 是一个很简单的实现一些网页特效的脚本语言，这个错误的想法，让我一直没有重视Javascript。只是Copy & Paste一些代码然后改改就满意了。
设计也经过了Web 2.0风潮，当时最流行的趋势就是「大字体，鲜艳色，高光和倒影」，甚至许多人都是盲目去追求，导致Web 2.0的网站反而都千篇一律了。于是有一些前卫的人，把平面设计等许多模式引入的网页设计，他们建立了在Photoshop做精准Mock up，然后通过CSS来实现，也就是所谓的「切图」。
切图的实现，很大程度上让网页设计重新个性化起来。而且网页设计素来都是由两个门派的：一个是计算机出身的技术派，一个是传统设计出身的艺术派。后者本身对于PS非常了解，也有很好的美工功底，所以他们生产出许多非常令人「眼花缭乱」的设计，然后由前者去切图，实现。
切图发展到了极致，出现了Pixel perfect这个流派，正如名字一样，他们追求的是「像素完美」，即每一个像素都应该在PS设计稿中应该在的位置。可以想象，在那个浏览器Bug泛滥的年代，实现这个非常困难，所以也让CSS Hack非常流行。
切图的风行，还让定宽(Fixed width)设计流行起来。由于PS中没法实现Fluid Width的设计，而且追求像素完美的设计师们，不能忍受可能的变化和不确定，所以定宽基本上成为事实标准。
但是，Pixel perfect仍然有缺陷。首先就是忽略用户体验，出身平面设计的设计师，对于交互设计没有什么理解，导致最后的网页很漂亮，但是不好用；第二就是字体渲染，浏览器的字体渲染和PS有很大的不同，对于line-height和其他细节的控制不到位；第三就是分辨率，在分辨率多样化之后，定宽无法满足需求；第四就是网页缩放，一旦缩放网页，布局就会乱掉；第五就是混乱的浏览器，这个不用说，大家都明白。
而对于Pixel perfect的最大打击，就是移动终端的流行。iPhone，iPad，Android对于一个网站的流量贡献越来越大，无法忽略。传统的切图只为桌面电脑设计，在移动终端体验非常差。
在「切图」盛行的时候，还有一个流派，就是Minimalist(极简主义)，一直以来Minimalist被认为是很小众的，而且许多人认为极简主义很容易，只要把背景设置成白色就好了。其实这是错误的，极简主义放弃了花哨的图案和设计，把重心放到了浏览器的字体(渲染)，line-height，布局，留白，以及交互。Minimalist是一种态度：网页不必要看起来很漂亮，但一定要用起来很舒服。
切图现在的重要性已经远远下降了(至少是在国外)，PS只是用来做一个示意Mock up，不会再像以前那样要求Pixel perfect，而且Fireworks由于方便的管理布局，也开始被接受(曾经FW被PS压制，很少有人用)。关键是，设计的重点已经不再是图像，而是交互和体验，这个转型导致了Javascript的地位大大提升。向我这种被「误导」过的人，都要开始重新学习Javascript。
前卫的观点是，切图已经过时了，这是一个Responsive Web Design的年代。其实网页本身就是Responsive，而是因为切图和Pixel perfect的流行，导致这一点长时间被忽略，去年这个概念被重新挖掘出来。Responsive Web Design，也标志着网页设计再次向「体验」靠拢，而不仅仅是好看，花哨。
有一个笑话，说国内和国外的设计不同：当国外设计师在追逐Web 2.0风格的时候，国内设计师在奋战IE6；当国外设计师在研究Pixel Perfect的时候，国内设计师在奋战IE6；当国外设计师回归体验设计的时候，国内设计师在奋战IE6；当国外设计师研究Responsive Web Design的时候，国内设计师在奋战IE6。仅供大家一笑。本回答被提问者采纳
看了这个问题，我还是很有感慨的，多扯几句相关不相关的。先说明，我的Design背景主要是国外，英文为主，对国内的设计了解有限。
我04年的时候开始学习前端，在那个时候，国外基本上转型到了HTML+CSS，而国内貌似HTML+CSS刚刚兴起(不熟，如果时间不准确请纠正)。所以我基本上没有做过Table-based design。这是个IE6的年代，所以IE6理所应当成为了事实标准。
经历过这个年代，我学到了两点，一点是正确的，一点是错误的。正确的是，HTML仅仅应该作为标记语言，而CSS应该完全控制布局设计，做到两点分开是很大的一个进步。错误的是，Javascript (当时流行DHTML) 是一个很简单的实现一些网页特效的脚本语言，这个错误的想法，让我一直没有重视Javascript。只是Copy & Paste一些代码然后改改就满意了。
设计也经过了Web 2.0风潮，当时最流行的趋势就是「大字体，鲜艳色，高光和倒影」，甚至许多人都是盲目去追求，导致Web 2.0的网站反而都千篇一律了。于是有一些前卫的人，把平面设计等许多模式引入的网页设计，他们建立了在Photoshop做精准Mock up，然后通过CSS来实现，也就是所谓的「切图」。
切图的实现，很大程度上让网页设计重新个性化起来。而且网页设计素来都是由两个门派的：一个是计算机出身的技术派，一个是传统设计出身的艺术派。后者本身对于PS非常了解，也有很好的美工功底，所以他们生产出许多非常令人「眼花缭乱」的设计，然后由前者去切图，实现。
切图发展到了极致，出现了Pixel perfect这个流派，正如名字一样，他们追求的是「像素完美」，即每一个像素都应该在PS设计稿中应该在的位置。可以想象，在那个浏览器Bug泛滥的年代，实现这个非常困难，所以也让CSS Hack非常流行。
切图的风行，还让定宽(Fixed width)设计流行起来。由于PS中没法实现Fluid Width的设计，而且追求像素完美的设计师们，不能忍受可能的变化和不确定，所以定宽基本上成为事实标准。
但是，Pixel perfect仍然有缺陷。首先就是忽略用户体验，出身平面设计的设计师，对于交互设计没有什么理解，导致最后的网页很漂亮，但是不好用；第二就是字体渲染，浏览器的字体渲染和PS有很大的不同，对于line-height和其他细节的控制不到位；第三就是分辨率，在分辨率多样化之后，定宽无法满足需求；第四就是网页缩放，一旦缩放网页，布局就会乱掉；第五就是混乱的浏览器，这个不用说，大家都明白。
而对于Pixel perfect的最大打击，就是移动终端的流行。iPhone，iPad，Android对于一个网站的流量贡献越来越大，无法忽略。传统的切图只为桌面电脑设计，在移动终端体验非常差。
在「切图」盛行的时候，还有一个流派，就是Minimalist(极简主义)，一直以来Minimalist被认为是很小众的，而且许多人认为极简主义很容易，只要把背景设置成白色就好了。其实这是错误的，极简主义放弃了花哨的图案和设计，把重心放到了浏览器的字体(渲染)，line-height，布局，留白，以及交互。Minimalist是一种态度：网页不必要看起来很漂亮，但一定要用起来很舒服。
切图现在的重要性已经远远下降了(至少是在国外)，PS只是用来做一个示意Mock up，不会再像以前那样要求Pixel perfect，而且Fireworks由于方便的管理布局，也开始被接受(曾经FW被PS压制，很少有人用)。关键是，设计的重点已经不再是图像，而是交互和体验，这个转型导致了Javascript的地位大大提升。向我这种被「误导」过的人，都要开始重新学习Javascript。
前卫的观点是，切图已经过时了，这是一个Responsive Web Design的年代。其实网页本身就是Responsive，而是因为切图和Pixel perfect的流行，导致这一点长时间被忽略，去年这个概念被重新挖掘出来。Responsive Web Design，也标志着网页设计再次向「体验」靠拢，而不仅仅是好看，花哨。
有一个笑话，说国内和国外的设计不同：当国外设计师在追逐Web 2.0风格的时候，国内设计师在奋战IE6；当国外设计师在研究Pixel Perfect的时候，国内设计师在奋战IE6；当国外设计师回归体验设计的时候，国内设计师在奋战IE6；当国外设计师研究Responsive Web Design的时候，国内设计师在奋战IE6。仅供大家一笑。本回答被提问者采纳
第2个回答 2020-08-06
Web前端开发作为互联网行业热门岗位之一，在近几年越来越受到了大家的喜爱，很多人纷纷想要从事Web前端开发工作。对于现阶段来看的话，参加专业的Web前端培训是学习前端开发技能的主要方式，那Web前端培训要多长时间?需要学习什么内容?
大家在选择Web前端培训机构时需要考量的内容很多，培训时长是很多人尤其关注的部分，那Web前端培训要多长时间呢?课程内容的不同是影响课程时长的主要因素。
从课程内容的角度来看的话，课程所涵盖的知识越广，课程深度越深，在确保学生学习效果的前提下，相对的课程时长也会越长。我们的Web前端培训课程为了培养更加符合其他需求的应聘者，积极的拓展Web前端课程的深度和广度，所以将面授课程设置为5个月时长，这个时间相对而言是比较合理的，如果时间再短的话可能会对学习效果有一定影响。
Web前端需要学习什么内容?
我们的Web前端课程以项目实战为导向，一共设置了6大阶段，主要学习内容如下
第一阶段HTML5+CSS3：HTML5基础、CSS基础、小U商城(PC端)、HTML5进阶、CSS3进阶、Less、小U商城(移动端)、小U商城后台管理系统(响应式)
第二阶段JS交互设计：JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、优学在线、Touch、jQuery、Zepto
第三阶段Node开发：JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2、小U商城后台管理项目
第四阶段前端框架：Vue基础、Vue进阶、小U商城电商项目、TypeScript、React、优社区项目
第五阶段小程序+数据可视化：小程序基础、云开发、菜谱云平台、uni-app基础、小U商城、数据可视化、课堂监管大数据系统
第六阶段就业指导+项目提升：就业指导、办公系统(综合项目提升)、企业面试复盘
大家在选择Web前端培训机构时需要考量的内容很多，培训时长是很多人尤其关注的部分，那Web前端培训要多长时间呢?课程内容的不同是影响课程时长的主要因素。
从课程内容的角度来看的话，课程所涵盖的知识越广，课程深度越深，在确保学生学习效果的前提下，相对的课程时长也会越长。我们的Web前端培训课程为了培养更加符合其他需求的应聘者，积极的拓展Web前端课程的深度和广度，所以将面授课程设置为5个月时长，这个时间相对而言是比较合理的，如果时间再短的话可能会对学习效果有一定影响。
Web前端需要学习什么内容?
我们的Web前端课程以项目实战为导向，一共设置了6大阶段，主要学习内容如下
第一阶段HTML5+CSS3：HTML5基础、CSS基础、小U商城(PC端)、HTML5进阶、CSS3进阶、Less、小U商城(移动端)、小U商城后台管理系统(响应式)
第二阶段JS交互设计：JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、优学在线、Touch、jQuery、Zepto
第三阶段Node开发：JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模块化、WebSocket+Koa2、小U商城后台管理项目
第四阶段前端框架：Vue基础、Vue进阶、小U商城电商项目、TypeScript、React、优社区项目
第五阶段小程序+数据可视化：小程序基础、云开发、菜谱云平台、uni-app基础、小U商城、数据可视化、课堂监管大数据系统
第六阶段就业指导+项目提升：就业指导、办公系统(综合项目提升)、企业面试复盘
第3个回答 2019-05-30
自学前端神助攻免费公开课，工作日每晚八点开课，谁看谁知道，戳https://ke.qq.com/course/320523?flowToken=1009318
第4个回答 2019-01-16
1、绘制原型图、实现效果图：熟练掌握一种原型设计工具，能够将构思通过工具绘制成原型图，并将设计出的原型图通过页面代码的方式表现出来。
2、与设计师沟通及项目参与：前端开发人员需要和设计师就原型图进行某些效果实现的探讨
3、精通HTML：搭建良好的页面结构；先分析布局，划分框架，然后规划结构，编写代码
4、精通CSS：优化页面；合理的使用标签、良好的注释、清晰的代码结构等
5、熟练掌握JavaScript、jQuery、ajax，工作过程中不一定会用到，但一定要会
6、熟练使用 Vue、React、angularjs等框架
7、会一点后端语言，比如Java；知道怎么和后台交互数据
8、保障效率
9、针对服务器的优化：页面开发也需要了解服务器的优化，尽量减小服务器负担。
10、永不止步的学习
2、与设计师沟通及项目参与：前端开发人员需要和设计师就原型图进行某些效果实现的探讨
3、精通HTML：搭建良好的页面结构；先分析布局，划分框架，然后规划结构，编写代码
4、精通CSS：优化页面；合理的使用标签、良好的注释、清晰的代码结构等
5、熟练掌握JavaScript、jQuery、ajax，工作过程中不一定会用到，但一定要会
6、熟练使用 Vue、React、angularjs等框架
7、会一点后端语言，比如Java；知道怎么和后台交互数据
8、保障效率
9、针对服务器的优化：页面开发也需要了解服务器的优化，尽量减小服务器负担。
10、永不止步的学习
相似回答