主标题：「前端需要会什么」前端都需要做什么

前端需要会什么,前端都需要做什么

内容导航：

前端主要都需要学什么

前端要学哪些东西

前端工作需要会什么

对于前端开发我们需要什么样的工具

一、前端主要都需要学什么

web前端开发在目前的IT行业是一个比较重要的岗位，web前端开发是直接与用户接触，前端体验的好坏，以及美观程度是非常重要的，毕竟现在是一个看脸的时代。前端开发需要学习的知识非常的多，非常的杂，一个前端页面的开发，需要涉及很多的知识，且前端框架的更新速度很快，需要不断学习新知识。下面我们简单介绍一下，前端开发3个最基础的知识：HTML、CSS、JavaScript。web前端开发HTMLHTML是构成网页的骨架，所有的信息显示都要靠HTML实现。一个网页可以没有CSS代码，没有JavaScript代码，但绝对不能没有HTML代码，HTML是web页服装设计要学好必须每天坚持学习。为了方便大家的交流学习，也是创建了一个群每天都有分享学习方法和专业老师直播服装设计课程，这个扣裙首先是346
中间是099 最后是105
服装设计学习零基础想要学习的同学欢迎加入，如果只是凑热闹就不要来了!!!面的核心。现在HTML发展到了HTML5，新版本增加了很多特性，使得HTML功能更加完善。HTMLHTMLCSSCSS在一个网页中起到的作用就像是一个化妆师，它可以让网页变的更加漂亮，更加易于浏览阅读。一个看脸的时代，CSS就是网页的化妆师。CSS的版本也发展到了CSS3，CSS3配合HTML5，让web开发进入了一个新时期。cssJavaScriptJavaScript是web开发学习中的一个难点，JavaScript我们平时简称JS。JS需要系统学习，它的学习难度基本等同于学习一门后端开发语言，比如php。随着的普及，前端开发后端化，使用Chrome
V8引擎，使得它可以做后端开发。JavaScript的应用越来越广泛，所以JavaScript的学习是非常重要的。JavaScript

二、前端要学哪些东西

准备学前端了，请问要学哪些东西<1>第一阶段：? HTML+CSS:HTML进阶、 CSS进阶、DIV+CSS布局、HTML+CSS整站开发、?
JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
? JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
? JS高级特征：正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、?
JQuery：基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
<2>第二阶段：HTML5和移动Web开发? HTML5：HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web
Socket、Canvas.?
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、flex布局、background系列属性改变、Transition、动画、景深和深透、3D效果制作、框架、元素进场、出场策略、炫酷CSS3网页制作。
? Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
?
移动Web开发：跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、手机聚划算页面、手机滚屏。
<3>第三阶段：HTTP服务和AJAX编程?
WEB服务器基础：服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
?
AJAX上篇：Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用、会处理简单的GET或者POST请求、?
AJAX下篇：JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-
load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
<4>第四阶段：面向对象进阶? 面向对象终极篇：从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、ES6中变量的作用域（let
，const(声明变量只读)，块级作用域），ES6中函数新特性。
? 面向对象三大特征：继承性、多态性、封装性。
? 面向对象中创建对象的五种方法：自定义对象 、工厂模式创建对象、构造函数、 混合模式创造对象、JSO格式创建对象。
<5>第五阶段：封装一个属于自己的框架? 框架封装基础：事件流、冒泡、捕获、事件对象、事件框架、选择框架。
? 框架封装中级：运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
? 框架封装高级和补充：JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
<6>第六阶段：模块化组件开发? 面向组件编程：面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
? 面向模块编程：AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
<7>第七阶段：主流的流行框架? Web开发工作流：GIT/SVN、Vue-
cli脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
? 前端主流框架：、、、Bootstrap。
? 常用库：、、。
后面还需要学很多内容。
基本：HTML，CSS，JavaScript ， jQuery ， bootstrap框架：、React、…..学好基础部分
其他的主要在框架方面web前端开发所涉及的内容主要包括w3c标准中的结构、行为和表现，那么这三项中我们需要掌握的核心技能是什么呢？ 1.开发语言
html发展历史有二十多年，历经多次版本更新，html5和css3的出现又是一次革新。
有些人认为前端开发要掌握的技能简单，不就是制作网页
嘛，其实不然，web前端需要掌握的核心语言xhtml+css+javascript，javascript作为最难的语言之一，许多编程高手也不敢妄
自菲薄自封精通。
由于javascript与html的差异性，以及静动态分开处理的一些好处。
在大公司编写静态效果和动态效果往往是分开由不同的人完成 的。
小公司因为需要压缩成本，就要求每个人会的越多越好，如果您想往项目经理发展，能懂一两门后台语言，绝对是锦上添花！ 2.浏览器兼容性
互联网目前主流浏览器有ie6\7\8\9，firefox，chrome，opera，safari，遨游，包括国内主流的搜狗，腾讯 tt，360，the
world等等；从内核上讲主要有ie的，遨游版ie，safari，firefox以及opera的，这些都是大家常见的，如果你身边有老网虫喜欢收藏
浏览器，你翻翻他的硬盘，相信几十款肯定是有的。
每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如ie和遨游版的ie。
不说非主流的浏览器，就主流的浏览器要做到完全兼容，也并非易事，需要长时间的积累和测试，需要前端开发工程师对前端开发的热爱和激情。
目前移动互联网的发展趋势也不容小觑，将慢慢占据互联网的主要份额。
移动互联网最突出的好处是方便和及时，试想一下，走在某地风景很好，拍下来后自
动分享给各路好友，因此手机上的浏览器兼容也看刻不容缓，现在手机上的浏览器也是纷繁复杂，主流的ucweb，safari，ie，3g门户的，以及
symbian低端机的“残缺儿童”，包括国外流行手机我们不知道的一些浏览器，更糟糕的是这些浏览器解析因为手机硬件的不同，每个浏览器得到的结果都是
完全不同的。
技术 由于不同的浏览器对css的解析认识不一样，因此会导致生成的页面效果不一样，这个时候就需要针对不同的浏览器写不同的css，这个过程叫css hack。
虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员 必备的技能。
4.业内标准 目前web前端开发中提到最多的就是w3c标准，这是一系列标准的集合，代表了互联网发展的方向，也代表了前端开发的一种信仰。
写的代码都要100%通过标准验证，为通过标准验证而感到自豪，会有效推动互联网的快速发展。
5.开发工具 目前比较流行的是dreamweaver，
其曾经风靡一时，到现在也没有退出历史舞台，证明dw还是有很大优势的，尤其是针对初学者，其强大的提示功能可以帮助我们很快的熟悉并掌握网页布局，但现
在更提倡的是纯手写代码，既体现技能方面的卓越，也可有效避免使用dw等工具产生的冗余代码。
此外再掌握一些photoshop技能，即使没有美工，也能 简单处理一些图像。
小结，掌握以上技能，可以说你是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。
虽然这看起来和网页制作设计差不多，从效果上来看，都是制作网页的，但实际上，技术上所超出的已经是好几个档次的东西了。
不知前端学什么，做什么的朋友，走过路过，千万不要错过，新鲜出炉的讲解视频，来了。

三、前端工作需要会什么

1、使用Div+css并结合Javascript负责产品的前端开发和页面制作。

2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。

5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

四、对于前端开发我们需要什么样的工具

答：MacOSX是基于Unix的，这太重要了，这意味着Unix下一堆好东西可以随便捡，相信我，你值得拥有。在Mac上的开发环境，各种shell，应有尽有，不要客气，随便用。而且Mac的工具以及操作方式，能让你沉浸在编程的世界中，这无形中提升了程序员的生产构思的效率。有了retina显示屏你会更追究细节，我自己一贯追崇“细节”决定一切，好的产品，细节会让人感觉很舒服，才会留住“回头客”。所以MacOSX也是迄今为止我认为开发最好的工具，不管从程序的运行效率，工具的多样性，以及兼容unix来看，这都是我唯一的选择。