① 前端主要都需要学什么
Web前端开发工程师主要进行网站开发，优化，完善的工作。需要掌握以下技能：
必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
必须学会运用各种工具进行辅助开发。除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。
② web前端开发项目过程
老板或甲方是一个需求的真正发起者，也是一个基础idea的梦想师，产品是需求专业化梳理或进行有效评估细化需求负责的，
而设计是前端的上游，前端是设计的下游。设计的工作目的是把产品宏观的思维结果进行专业的处理，因为按一般的习惯，产品最终的结果是原型图，而原型图可以理解为设计的草图，
对真正的用户来说，这个草图过于简单或不符合使用的操作习惯，所以需要设计师进行专业的处理，比如颜色搭配，布局分隔，有时候还兼交互的一部分工作，设置用户与页面发生交互的预订流程，
那有人问，不需要设计不行吗？直接让前端写页面不就得了，还需要麻烦设计师来做个图出来。
因为这里边有一个成本风险控制的一个理念，因为在前期，尤其是设计，主观感受大于理性的思考，所以每天的结果都不一样，所以需要设计师去消化掉这部分主观感受带来的误区，
而且从成本上来讲，有些场景设计师改图比改代码要容易控制一些。
设计师的结果是psd文件，他是很多个图层叠加在一起的结果，而前端的工作结果html页面，是把很多图层上的效果，有机的用html组织起来的过程。
前端是把转化后html交给下游服务端开发工程师，或叫后台开发，这个html里边包括一些交互的js文件等。总的来说前端是一个承前启后的岗位。
也有的公司把前端的责任放大，负责整个前台view层页面的开发，这样的好与坏在前面的文章中已经探讨过就不一一细表了。
我们以前基本的流程是，领导或甲方提出需求，然后产品分析需求，并且根据需求画出原型图，然后根据原型图出设计稿。
出完设计稿团队评审，过后交与前端制作静态页面，然后静态页面，交与设计审核，过后交给开发人员，进行动态数据的添加。
添加完之后，发布测试环境，产品测试领导审核，成功后，直接发布产品环境。或进行版本迭代。
这是整个的一个设计，开发，部署的流程。
根据前面的，在补充一下，前面的所有流程中的灵魂是原始需求提出者，但人随着客观条件的变化，思维认识会有所不一致，
所以产生了文档，文档是贯穿整个流程的一个灵魂。
而产品是整个流程中文档的编写者，因为产品最能接触最原始的需求，对需求的理解更深刻或专业，所以他会有一个文档出来。
这个文档是需要交付给设计，让设计在设计过程中进行参考。
前端看的另外一个文档。交互设计师出交互文档，一般的公司没有交互设计师那就是由产品来出的交互文档。
有的交互不过于复杂，就没有文档，只是邮件。
有时候说，不要这个邮件行不行，那怕是最简单的原始东西，没有文件或邮件是不能做一个后期测试回溯的依据。
产品文档表示页面的流转或数据的走向，交互文档描述页面复杂的交互或各个用户表单与用户发生的各种互动。
另外2个是，要架构师或项目经理出的需求文档，需求文档是对整个项目的历史背景，系统开发软硬件要求，或版本信息，等等。
另外一个是由服务端工程师提供的接口文档，这里边包括一些请求类型，传参的数目与键名，还有服务端返回的参数名约定等等的，这些文档是开发中的灵魂，也是以后测试回溯的标准或依据。
③ web前端面试有哪些已上线可查看的项目
看界面没问题，但代码就要考虑一下。
毕竟每个公司都有相关要求，保密协议作为职业素养一定要保持的，如果对方真的要看，如果你有可以拿出来的就看一下，如果之前做的事B端的项目，那你就说不可以，之前的账号都被清空了，无法登陆了。
尽量去揣摩面试官的想法，到底是想看项目还是想看技术思维，如果是后者，只要你有技术功底，有逻辑思维，不看项目也是没有问题的。
④ 前端开发应该学什么看完这篇不在迷茫
初级阶段：从零基础到网页大师
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% 的人，能够体会到上文一直在强调的方法：以解决某个具体问题为出发点，直接上手一个小项目，在见招拆招的过程中提高学习的效率。
掌握了正确的方法，“学习前端”和“学好前端”就只是个时间问题。
⑤ 想要面试前端，应该准备个什么项目合适
首先，并非所有的前端开发面试都会查看你的demo
其次，如果你有项目开发经验，那么比较好的项目（好一方面指的是项目的功能完善，涉及到的前端技术比较多，另一方面指的是你的代码质量比较好），就可以作为你的demo
如果你没有项目开发经验，那至少自己敲过一些东西，网页或者什么的吧，这些东西就可以作为你的demo
除此之外，如果你的技术学的不错，JS层面学的也比较好的话，最好是书写几个自己的框架出来，如果还没有达到书写框架的层面，最起码面向对象、原型继承，小游戏，这种能够凸显你JS功底的demo，最好写几个。
Tips：额外说一句，别在网上随便找个效果或者视频课程，然后模仿一下，虽然你能做出demo，但是却没有你的思想和你自己的技术沉淀。
再Tips：除了demo之外，人事以及前端的面试真题建议也准备一下，可以借助“决胜前端”的小，程序，进行学习
⑥ 零基础怎么学前端要学哪些内容
一 零基础小白应该怎么学习前端才能少走弯路？
关于前端这一块的学习，我不主张自学，因为前端的知识体系是很庞大的，如果你自学，遇到一些问题，你自己很难解决，至少需要有专业的前端人士指导你，站在高手的肩膀上，才能看的更高更远，当然很多小伙伴会说，我也知道学习前端有高手指点挺好啊，可是我怎么知道去哪里找高手，高手又为什么愿意指导我呢？
这个问题问的好，其实现在是互联网时代，网上有很多的相关视频和直播课，我平时就经常去上网听一些前端高手讲课。作为想从事前端这个行业的小伙伴，一定要有一个平常心，只要能学到知识，去学就是了，不要磨磨唧唧的的做什么事情，否则什么也做不好。
二 学习前端，你需要具备哪些素质？
（1）如果web的任何一个元素（web界面，灵活的编程风格等）有一点吸引了你，让你着实着迷，恭喜你，有了一个完美的开始。确认一下自己是否喜欢和合适前端，而不是为了一份看起来体面而且薪水不菲的工作。
（2）不断学习，每日的积累，关注前端动态，是你跟上前端潮流的主要途径。前端的体系过于庞大，技术框架争涌而出，如果你经常抱怨累死码农的节奏，那就审视一下自己对前端的态度。
（3）主抓基础，避免盲目。前端领域知识点很多，值得学的东西也很多，聪明的人懂得花时间学习成体系的知识并且研究得足够深入，而不是盲目的看到别人用什么框架就去学什么。只停留在实践运用的阶段，到头来框架们都一个一个被淘汰，你仍在原地踏步。
（4）整理总结，先模仿后创造。将每日的积累做好规整，记录到博客也好，笔记也好。多看看牛人的源代码，等你达到了一定的层次水准，自然会得心应手。
（5）持有一颗造福前端社区的心。写一些有意思的小工具、插件，推广出去， 始终坚信，在从事前端的道路上You are not alone。
（6）要有专业人士的指导，尤其是学习前端找工作的，不要妄想自己一个人自学前端能找到工作，现在非常难，如果没有一个明白人帮你解决一下问题，会有非常多的弯路，中间很容易放弃，学习的不专业不说，最重要是浪费时间。
（7）一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。
⑦ 一般前端做项目，你们会选择什么
之所以Web前端框架这个话题热度那么高，很大程度上是因为受众众多。这一点我要解释给Web前端小白听一下，虽然你在刚开始学习的时候往往是从HTML，CSS，JS学起的，但是一个完整的课程最后肯定是少不了Web框架的。因为最后在实际工作的时候，一般都是在框架上搭建网站的，是不会真的从底层开始写代码的。
因此框架作为项目接近100%利用率的好工具，也是网站的基础，他的好坏也就显得尤为重要了。说到这里大家应该能够明白，大家嘴里的三大框架，肯定是平分秋色，各有优劣的。不然这样激烈的市场，一无是处的框架一早就被淘汰了。
1、Angular
大家眼里比较“叼”的框架，甚至有人说三大框架中只有她能称的上一个完整的框架，因为他包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们，可以推荐这个框架，学会之后简直能颠覆之前你对前端开发的认知。使用 TypeScript能够提高代码可维护性，有利于后期重构。双向数据流很方便，但是等业务复杂之后，你可能就搞不清楚数据流了。还有令人不开心的脏值检查，以及directive的封装并没有解决视图与数据关系完全分离，有时候还要用$digist强制触发检测。
2、React
这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但是很多人反映上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多。
3、Vue
号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。毕竟用这神器，代码码的飞快，项目也能快速上线。同时他也是双向数据流。有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系。
当你学会其中某个框架之后，你再转用其他框架的时候，学会是很容易的，因为方法都是大同小异的。具体的使用还是得看公司的项目适合或者要求哪个框架。之前小编在网上暗访了一下，看看有没有人这三个框架都十分精通的，但是很遗憾的发现，都用过的人不少，但是真正敢说精通的还是没有。这些框架学会使用还比较容易，但是里面的“水太深”，精通还需长久的时间，望大家共勉，一起学习进步呀！
前端框架很多，比如node.js也是很重要的，我们做微信小程序员用的比较多的。
⑧ 前端开发需要学什么啊
前端开发需要学习的内容包括PC网站布局、HTML5＋CSS3基础项目、webapp页面布局等。
学习web前端开发，web开发工具有frontpage，可以使用word让人轻松学习frontpage，另一个常见的是Dreamweaver，这两个是最常用的HTML网页制作工具。
HTML、CSS和JavaScript、Html是内容，CSS是性能，JavaScript是行为，与服务器端语言的学习曲线相比，前端开发的学习曲线先快后慢。
Html最基本，先学习网页的布局，然后CSS用于美化HTML页面，并为页面提供布局和格式，最后，学习JavaScript。
(8)前端要看项目扩展阅读：
主要职能：
1、熟练使用DIV+CSS并结合JS负责产品的前端开发和页面制作；
2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能运用DIV+CSS解决浏览器的兼容性；
3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构；
4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；
5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。
参考资料来源：网络-前端开发
⑨ 前端项目的开发流程
前端开发流程概述
前端开发流程可分为需求分析、开发阶段、测试阶段、维护阶段，下面分别进行叙述。
2.1 需求分析
这个环节中，首先是和客户进行交流，了解客户的需求，然后分析项目的可行性，撰写项目需求文档。如果项目可行，则起讨论具体方案，分模块分步骤进行规划，分析项目进度安排、所需成本，进行原型设计（包括页面布局图，页面逻辑流程图，说明文档等。通过原型设计，可以让项目组和客户都可以对项目有一个直观感受，同时可以低成本高效率的复现业务场景和各模块流程）。
可以说需求分析阶段是整个前端项目的基础，基础不牢，地动山摇。可以试想，如果和客户沟通不顺畅，有的方面客户没搞清楚是什么效果，开发完成后就可能与客户发生纠纷；如果可行性有问题，有的模块很难实现或成本超出预算，就很难处理。
2.2 开发阶段
这个环节是前端工程师主要参与的部分，按照需求分析阶段的规划按步骤完成任务。
根据产品需求分析文档和原型图进行UI设计，对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计。负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作。
根据UI设计进行规划，提取界面中可以复用的模块方便重复利用，分析界面是否有实现难度比较困难的地方，进行沟通和功能排期，按功能大小以及难度进行功能时间的评估，和后端沟通好排期时间，保证大家能够更有效地开发合作，针对功能复杂的地方要先理清思路。
不要盲目开发前端搭建框架。根据设计图进行前端界面开发，以及遇到的问题及时与产品、UI、后台人员沟通，保持大家信息一致，针对不清楚的地方也要及时沟通，以免做错功能。
根据后端接口进行字段填充，以及部分功能开发。针对缺少的字段或者数据结构进行提出，及时与后端反应，尽量让大家都能以最小的改动完成后续开发工作。前后端都要按照规范进行开发，针对不规范的地方要给与提出、指正，营造出规范的工作模式，以后维护成本和沟通成本更低以及开发效率更高。如果前端的设计进度远远超前后端的接口和数据结构设计，也不必等后端，可以自行开发nodejs服务器配合postman等接口软件进行开发。
前后端功能联调、完成自测。检查功能完成情况，看是否有遗漏，出现问题及时沟通解决。
2.3 测试阶段
发布测试、修改bug、发布上线，自测完成后提交测试，测试根据提交的项目以及需求进行测试，提出bug给相关人员修改，开发人员周期性的配合修改bug，保证今天能够修复昨天的bug。
发布dev环境，配合测试，修复bug以及需求优化
发布test环境，修复bug以及需求优化
发布it环境，修复bug以及需求优化
发布pre环境，修复bug以及需求优化
pre验收之后，发布线上环境，产品进行验收
2.4 维护阶段
如果客户验收通过，项目就进入了维护阶段，程序的维护包括程序上线后后续bug的修复和程序版本的更新。
3 个人经验总结
3.1 文档很重要
前端项目的文档似乎已经作为前端工程化的标准流程之一了，文档写的好，可以便于同事快速了解你的代码功能和需求，便于协作。可以想象，随之项目复杂度增加，体量越来越庞大，开发团队人数也越来越多。这种情况下，如果像变魔术一样隐匿中间流程而直接得出结果，后果可想而知：项目复杂度越增加就越难以管理，开发效率低，合作混乱，结果甚至导致项目死亡。
好的文档看起来就像一个产品说明书，但作用却远远超过了说明书，不仅仅告诉你如何使用，还应该告诉你项目的设计思路，用了哪些组件，哪些部分不完善，将来有什么规划等等。这是一份比较好的说明文档。
3.2 与客户及时沟通很重要
3.3 扎实的基本功很重要
尽管当下框架、函数库、工具包等更新迭代非常快，前端工程师有很多新的知识要学，但原生JS、HTML和CSS依然是重要的基本功，在学习前沿工具的同时不能放弃基本功的训练。
⑩ 前端主要学习什么
前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。