1.前端开发到底需要掌握什么

前端分为前端设计和前端开发。

前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现。 前端开发中需要掌握最基础的技能就是HTML、CSS,JavaScript，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。

这些基础知识都必须熟知，才能进行流畅的编写。 1,HTML是网页的核心，是一种制作网页页面的标准语言，它消除了不同计算机之间信息交流的障碍。

因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。HTML是一种标记语言，能够实现Web页面并在浏览器中显示。

2,CSS是用来进行网页风格设计，页面制作完成当然需要美化，这时候就会用到CSS，它可以网页外观做得更加美观。 3,JavaScript主要目的是为了解决服务器端语言，为客户提供更流畅的浏览效果。

当时Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。 掌握了这些基本语言，当然还离不开的就是开发工具，前端开发最常用到的几个工具分别是： 1,Dreamweaver：是集网页制作和管理网站于一身的所见即所得网页代码编辑器，使用视觉辅助功能减少错误并提高网站开发速度。

2,Sublime：全称Sublime Text ，是一个代码编辑器。主要功能包括：拼写检查，书签，完整的 Python API , Goto 功能，即时项目切换，多选择，多窗口等等。

3,HBuilder：是DCloud，推出的一款支持HTML5的Web开发IDE。 有了这些工具，熟悉编程语言之后使用起来一定得心应手。

2.网站前端工程师需要学习哪些知识

1. 掌握各种修图软件，如PS\Fireworks\AI，不要求专业设计师水平，但要会用会改，今天是一专多能的时代，光会编程讨不好饭碗的；

2. 精通JavaScript、jQuery、ExtJS等页面效果框架，这是前端工程师的最核心技能，是专做页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、PHP、Ruby都很容易掌握，因为其原理是一样的；

3. 精通一二种模板语言，并能修改，如织梦或wordpress的模板；

4. 掌握thinkphp与zend框架，能修改此类开源源码；

5. 掌握html5与sencha，这是做手机等移动设备的页面前端技术；

6. 掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差不多；

7. 掌握node.js，熟悉各种自动化部署工具；

8. 掌握FLASH，能制作出动态flash相册，会Flash AS3.0编程。

3.学习前端需要具备哪些技能

如果你希望系统学习前端网页开发的话，从事专业的软件开发工作，需要一些基础技能：

1. 算法与数据结构：所有编程职业必备的技能，有了这个，才能看得懂更高级的技术书籍，不断提升自己

2. HTML、CSS、JavaScript：前端网页最基础的语言和工具，分别对应了页面的框架、样式和交互。有了这个，才能看得懂各种框架

基础技能之上，你可以根据自己的喜好去学习一个框架，比如React,vue或者AngularJS，尝试做一点东西出来了。

当然，如果你只是希望快速的做一个Web应用，尤其是企业Web应用，最快速的方案是一些高级的开发平台，比如活字格。用这种平台做前端，会Excel就足够了，不需要写代码的。

4.0基础学习前端,需要掌握什么

如今学习Web前端的人越来越多，作为一个初入行的新手，一定要想清楚为什么要学习Web前端，出于一种什么样的心态去学习，然后给自己做好定位。

零基础新手在学习Web前端时应该掌握哪些知识点。我给你总结几点：

1、HTML学习

超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。

2、CSS学习

CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。

3、JavaScript学习

JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板。

4、jQuery学习

jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器（jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持），同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨

5、bootstrap

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。

6、实战

人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。我们学习Web前端最终的目的是为了找到一份满意的高薪工作，那么实战经验对于我们就至关重要，所以，在学习的过程中除了学习各种基础知识，我们还应该积累自己的实战项目经验。

基本是一个搞web前端开发工程师需要掌握的技术，然后我也尽量的把自己的一点点经验告诉了大家，但是大家不要以为上面6点就只有我说的那么容易，不，他们之所以被人使用，之所以这么火，就是因为强大！

5.前端要学哪些东西

<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效果制作、Velocity.js框架、元素进场、出场策略、炫酷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。

▪ 前端主流框架：

Vue.js、Angular.js、React.JS、Bootstrap。

▪ 常用库：

React.js、Vue.js、JQuery.js。

后面还需要学很多内容。

6.学前端基础中的基础需要了解哪些

前端开发入门学习有：HTML、CSS、JavaScript（简称JS）这三个部分。

所以在学习之前我们需要先明确三个概念：HTML——内容层，它的作用是表示一个HTML标签在页面里是个什么角色。CSS——样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。

JS——行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。阶段一：web页面制作基础，掌握传统PC端网页布局和制作；阶段二：UI网站设计，掌握页面设计和原型图设计阶段三：编程基础技术，利用js完成一些常见网页的特效开发阶段四：后端开发技术，了解web服务器的工作原理，并可以简单搭建自己的应用程序服务器端；阶段五：移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，并可以做到多设备兼容；阶段六：特效开发高级实战，通过实际项目开发，精通前端常用框架的实际应用及问题解决，以及常见特效开发、前后台交互开发等；阶段七：企业级应用开发，能够独立使用HTML5完成APP开发制作。

前端学习路线如下：HTML+CSS（项目实战：淘宝首页，京东首页）JavaScript（项目实战：推箱子小游戏）jQuery+ajaxHTML5+CSS3（项目实战：移动端网站开发）Bootstrapvue.jsreact.jsnode.js给初学者的学习建议：1.一个适合自己的学习方法（重点）2.一个系统化的学习方案（重点）3.能给予你指导新人问题的人（重点）4.能坚持的一直学下去。

7.现在前端都需要懂哪些技术

第一个技能：网站编辑做好一个网站，仅仅写好代码是不行的，因为在这个信息化时代，内容为王，所以做好有一个网站，首先是做好一个网站编辑，现在互联网上有了一个新的职业叫“网络编辑”，而且非常热门了。

网站编辑主要关注网站的相关领域内容，比如说做“前端开发”，那么你就要写一些前端开发资源和干货，丰富网站的相关内容，这样子才能把网站的主题集中起来，才能吸引到读者的关注。第二个技能：美工一个好的站长还是一个美工，在刚开始做网站时，自己一个人没有设计师的时候，就要自己会美化图片等操作了。

最基本的设计一个版面，做一个专题和修改图片，修改广告等，全部一手包办，不是设计大师，但勉强能够应付基本的网站美工了。第三个技能：seo一个好的站长还是一个好的SEOer，为了网站有更好的排名和更多的收录，如果你的内容不突出的时候，那你就应该在SEO方面下工夫，懂得长尾关键词，在一个网站新上线需要做那些事等，网站内页和外链建设等第四个技能：切图如何更有效率的切图和更加合适的切图是一个切图宅的基本准则，熟悉的掌握PS快捷键，能够修改常规的图片背景，图片等，如何有技巧性的将网站切出来是很重要的。

第五个技能：用户体验简单的切图和制作代码是一个前端人员的基本功，但更深一点的就是用户体验了，用户体验这个很炫的，比较好的说法是让用户浏览网站时能够感受到自然的过渡。比如进入一个页面时，如果图片过大，可以考虑出现“加载中……”提示；比如栏目内容过深时，避免用户等待，可以细分多栏展示，比如进入一个页面时，可以使用无刷新跳转，比如放到头像等会出现个人介绍或者放大等操作。

第六个技能：测试和解决bug会运用开发工具测试网站的bug，解决浏览器兼容问题。这对于每一个做前端的都是必备的技能哟。

第七个技能：熟练前端技术前端开发需要用到的技术：html(HTML5)、CSS(css3)、JS(jQuery)要精通。熟悉前端开发框架：Bootstrap熟悉javascript MVC框架：backbone、angularjs熟悉前端模块化开发：seajs、requireJS熟练css sprite其他技能：上面的只是一个大概，下面这些技术最好也懂一点会使用版本管理，如git、SVN懂点服务器知识懂点数据库操作了解浏览器的运行原理熟悉http协议熟悉各种浏览器的hack。