㈠ 前端开发应该学什么看完这篇不在迷茫
初级阶段：从零基础到网页大师
HTML5标签
HTML5表单
CSS3页面美化
CSS3页面布局
CSS3动画
浏览器兼容和SEO
Bootstrap响应式框架
项目管理和原型设计
UI设计及切图技巧
JavaScript入门
HTML 相当于盖房子的原材料。学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。
而css就是做这些工作的。
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
学完css，我们就可以顺利完成“一幢楼房”的建设。
“楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。就要我们就用到了JavaScript。
基础阶段：从网页大师到前端开发工程师
JavaScript语言基础
JavaScript核心对象
DOM、BOM、事件驱动编程
闭包、原型、面向对象编程
jQuery、插件、Underscore
Promise、Defferred异步编辑
Ajax、RESTful
SVG、Chart图表
Node.JS服务端和应用接口设计
GIT源代码管理
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!
刚学会JavaScript，你会沉浸在JavaScript给你带来的惊喜之中不能自拔，产生一种“天下你有”的错觉。但这个时候你去找一份工作，你的项目经理会经常对你大吼道：
这个效果在××浏览器下不兼容，重新搞……”
“不兼容?”瞬间石化！“我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”
JavaScript的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。
jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨。这个Feel倍儿爽!有么有?
“豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐！能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪？
可以实现吗？答案是肯定的。
这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架。在项目开发过程中，我们可以借助框架提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽！
进阶阶段：前端高级开发工程师
HTML5存储、多线程
HTML5 Canvas
PHP服务端
SUI、HTML模版化
HTML模板化引擎
AMD、RequireJs模块化
设计模式与MVC架构
Backbone高级编程
Angular高级编程
自动化构建、测试、缺陷管理
基础的东西以完成，到了本阶段，就是量变到质变的过程。学完本阶段可以掌握大型网站、管理系统、Web应用的整体架构体系，能够独立完成或带领团队完成中大型前端项目的研发工作。
项目实施：经验丰富的业界高手
Java及.NET服务端技术
新浪微博/腾讯第三方OAuth登录
网络地图 JS SDK
支付宝在线支付集成
Web Socket即时通讯
React高级编程
微信平台、微网站开发
HTML5游戏开发
项目管理技术
全栈综合项目实战
学完本阶段可以极大地丰富前端开发经验、掌握到当前前端开发领域中最热门、最具商业价值的前沿技术和高端技术，在前端开发方面达到专家级别，成为市场上炙手可热的高端人才。
以上每个阶段均会有1~2个真实项目实操训练，帮助同学熟练掌握并运用所学知识，以解决具体项目、具体问题出发，在见招拆招中提高。
当然，从菜鸟到大牛，路很长。前端是一个看似入门门槛不高，但要学好很难的领域。前端的知识体系庞杂又松散，技术演进快，如果摸不清脉络的话很容易陷入盲人摸象的困境甚至跑偏。
经常在前端的论坛上看到有人说，“前端都是自学的，一点都不难”。我毫不怀疑，95% 的想学前端的人都可以通过网络组建自己的关于前端的“超级无敌”学习资料包。用不了多久你的网页收藏夹里就会堆满互联网上丰富的前端学习资源，你的购物车里也会多出几本待付款的经典教材，你甚至还会兴冲冲地跑去注册一些在线课程。
提前恭喜你，即将从“编程小白”成功蜕变为“准程序员”。
但是，如果你没有掌握正确的学习方法和循序渐进的学习路线，你将处于并将长期处于“学习前端”的阶段。所以，我更期待剩余的5% 的人，能够体会到上文一直在强调的方法：以解决某个具体问题为出发点，直接上手一个小项目，在见招拆招的过程中提高学习的效率。
掌握了正确的方法，“学习前端”和“学好前端”就只是个时间问题。
㈡ [人物专访] Amos为什么自学成为前端工程师这么难
(图：李建杭Amos Lee)
李建杭，人称Amos，过去曾经是视觉设计师，后来转职成为前端工程师，也是国内知名的前端讲师，教授HTML/CSS、Bootstrap、Sublime外挂、CSS3等课程，也曾是多家知名电商、网路服务的前端工程师，因教授技巧细腻、案例众多，受到广大的学生欢迎。
本次瘾科技专访Amos，谈谈转职成前端工程师的心路历程。
我：可以说说当初为什么会想要转职成前端工程师呢？
Amos：原本我是一个视觉设计师，我的工作就是跟前端工程师合作一起做出网页，每当我设计出一个视觉给工程师，工程师总是说，这个版这样不行那样不行，我心里面觉得很不服气，想说哪有这么难，就自己开始学习写网页。另外一个原因就是 台湾给平面设计师的薪资待遇太差了，给前端工程师相对高很多。 当然也是写出兴趣了，支持下去是需要兴趣的。
我：在转职的过程中遇到哪些困难呢？
Amos：自学的困难在于庞大的讯息里面找，Google可以找到非常多的资讯、教学，但是不是每个都正确，许多技巧都是有他的前因后果，有时候直接照着上面的写，反而会出问题，光是解个Bug就解很久。
再来就是找书看，其实坊间相关的书非常多的，我觉得一本书500块但是只要有一个技巧就值得买，所以我的买一整柜(笑)。当然也有些书是一看就很容易睡着的啦(掩面)
我：你指导过这么多的学生，你觉得他们学习最常遇到的困难是什么？
Amos：很多学生都不是资讯工程系本科出身，大多都是视觉设计师或是平面设计师转职的，很容易程式的规则还没码激没有弄的很清楚就想要赶快弄出一个画面，也就是拿别人的范例或是程式直接来改，改到最后反而越改Bug越多，到最后就只好放弃了，因为没有信心也没有成就感。其实范例到处都有，但是重要的是要弄懂这些范例为什么这么写，这也是为什么我的范例程式码别人拿走我也不怕，因为拿走也学不会。
常见错误1：仰赖范例却不求甚解，越改问题越多，反而没有信心继续下去。
解决方式：使用范例也要弄懂为什么。
我：那你有建议他们应该怎么学习呢？
Amos：一开始有些学习资源虽然网路上都有，一边做一边学是模隐最快的，直接把头洗下去就对了，很多人最常遇到的问题就是，不愿意把手弄脏，一直看或一直买书却不动手。
再来就是学习管道，在找教材上有两点建议供检视，一是内容安排顺不顺畅，章节跟章节之间是不是循序渐进，二就是理论与实务范例穿插，学完理论最重要的是马上就有范例可以理解，而不是停留在抽象层。
可以Google、或是买出来看，线上课程也很好，主要是买经验，有人讲解过去犯过的错，可以省下比较多的时间一直测试跟查资料。另外就是实体课程差别在于可以面对面地问问题。
每个人考量时间跟成本，选择自己学起来枯袜最顺的方式。
常见错误2：只看不做，不愿意把手弄脏。
解决方案：把头洗下去！
我：最后谈谈你最近筹备的线上课程吧，怎么会想要做个Bootstrap的线上课程？
Amos：我想要开线上课程已经很久了，这门课程也已经筹备了两年。过去两年就开了很多次Bootstrap的实体课程，这个过程中我也一边调整教学的内容跟范例，台湾现在有很多人想做前端，不过大多数的讲师都聚集在都市或是北部，我很常遇到中南部的朋友希望我可以去那边开课，可是受限于交通的关系，我没办法很常开立这样的课程。
另外就是对于现有的线上课程还有更多的期待，觉得我自己可以做得更好。
我：这跟其他的线上课程有什么差异？
Amos：我的范例肯定是最丰富也最扎实的，加上我为了让学生学了之后可以开发的更快更顺，我还专门为了Bootstrap开发了专用的外挂程式。你看过什么课程除了教你还帮你写工具让你用的吗？我也为了这个课程有另外准备的实体讲义，我很有信心这会是台湾最棒的Bootstrap课程，不论线上或线下。
我：听起来真的是不一样，谢谢Amos。
你或许会喜欢
iPhone 7 *** 下杀 66 折
从最强手机通路化身新手电商
自己的桌历自己印，十分钟就能轻松完成
㈢ 新手学前端开发应该看哪些书
亲，新手学前端的话，这些书籍资料参考一下呗~
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端网站布局项目、HTML5CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用AngularIonic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
希望对你有用~望采纳~
㈣ 前端培训哪家好
前端培训：
1、爱创课堂
该web前端开发培训机构是由前网络工程师、《JavaScript设计模式》作者张容铭创立，一直以来只专注做web开发培训；已开设课程：线下全栈前端面授班，线上全栈前端直播班，线上前端高级架构师班；办学优势：全程20个完整项目实战，贯穿整个前端课程体系；20人左右小班授课，专注到每个学员；随时融入新的前端技术，紧跟就业市场步伐；签订入学就业协议，保证学员利益。
2、达内教育
达内是国内领先的IT职业教育公司，开设web培训班、UI设计、Java开发、BVD商业视觉、大数据、室内设计、C/C++开发等热门课程；先后在全国70个大中城市建立了373家学习中心，累计培训学员超100万人次。凭借雄厚的技术实力，成熟的教学体系，达内教育已被评为工信部优秀培训基地、工信部优秀办学基地，并于2014年在美国纳斯达克成功上市。
3、百读易莱胜
易莱胜是主攻web开发培训的专业机构，是买购网编心中最好的web前端培训机构之一，课程涵盖Html5、Css3、Java、Bootstrap、Jquery、Angular、Node等，专业培养web前端开发人才，小班面授，拒绝视频教学，零基础从入门到精通，注重理解＋实战，合理收费，善于培养学员对每个知识点举一反三的学习能力。课程讲究“精、细、核心”，不杂乱无章。
4、北大青鸟
北大青鸟通过“院校合作”和“授权合作”两大经营模式，以及先进的IT职业教育课程体系在教育领域广泛开展合作：200余家授权培训中心遍布全国60多个主要城市，全国合作院校超过600所，同10000余家知名企业建立战略合作伙伴关系，累计培养和输送85余万IT职业化人才进入IT行业。北大青鸟后获评商务部“中国连锁经营百强企业”。
5、火星时代
中国数字艺术教育高端品牌，1994年出版国内最早的CG教材《三维动画速成》，如今业务已拓展至职业教育、在线教育、青少年STEAM教育、学历教育、海外留学等领域。作为国内资历最老的教育品牌之一，火星时代教育在全国一、二线城市陆续开办了19个校区，涵盖“Web前端＋全栈工程师”、“人工智能＋Python开发工程师”、“UI设计”等课程。
㈤ 求推荐一些关于web前端的一些教程书籍，适合新手的
适合新手的话，最好看一些基础书籍，然后带有一些实战操作项目，可以边学边练。
这几本书比较适合你，可以看看：
《Head First HTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。
《CSS权威指南(第三版)》，这本书作为 CSS 的经典着作，把原理讲得非常的通透，除了 w3c 标准，算最权威的一本了，毕竟权威指南。
《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。
《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。
《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。
《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
除了书籍之外，视频教程也是很重要的，可以进一步地跟随老师进行知识学习和项目实训，帮助你更快更好地掌握所学内容。
㈥ 学习web前端开发有什么教材可以参考
如果确实想好好学习的话，其实看的书还是蛮多的。在这里推荐四本必看的书籍，这四本看完了，基本上就已经相当于进入互联网行业了~
《HTML+CSS基础教程》
《JavaScriptDOM编程艺术》
《JavaScript高级程序设计》（建议：第三版）
《锋利jquery》
㈦ 前端开发需要学什么啊
前端开发需要学习的内容包括PC网站布局、HTML5＋CSS3基础项目、webapp页面布局等。
学习web前端开发，web开发工具有frontpage，可以使用word让人轻松学习frontpage，另一个常见的是Dreamweaver，这两个是最常用的HTML网页制作工具。
HTML、CSS和JavaScript、Html是内容，CSS是性能，JavaScript是行为，与服务器端语言的学习曲线相比，前端开发的学习曲线先快后慢。
Html最基本，先学习网页的布局，然后CSS用于美化HTML页面，并为页面提供布局和格式，最后，学习JavaScript。
(7)日本前端教材扩展阅读：
主要职能：
1、熟练使用DIV+CSS并结合JS负责产品的前端开发和页面制作；
2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能运用DIV+CSS解决浏览器的兼容性；
3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构；
4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；
5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。
参考资料来源：网络-前端开发
㈧ web前端开发需要学习什么知识
首先对于Web前端初学者而言，HTML和CSS是需要掌握的内容。
HTML称为超文本标记语言，是一种标识性的语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
CSS层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
(8)日本前端教材扩展阅读：
例如，在网上商店中，用户反复观察和选择商品，购买商品，浏览一系列网页，收集所需信息，支付相应费用，最后下订单，也可以是“软件升级向导”，指导用户完成下载和安装新软件的过程，也可以是基于Intranet的报价或销售报告生成工具。
所有这些均不同于“标准”的Web网站。 常规网站使用一系列菜单或导航栏在预定路径中漫游该网站。 但是，成为Web应用程序不仅仅是下级控制的导航器。 在网站上自由漫游时，可以进行无状态和匿名访问，但是通常不接受Web应用程序。