前端技能图谱
㈠ 做前端需要什么技术
1、绘制原型图、实现效果图：熟练掌握一种原型设计工具，能够将构思通过工具绘制成原型专图，并属将设计出的原型图通过页面代码的方式表现出来。
2、与设计师沟通及项目参与：前端开发人员需要和设计师就原型图进行某些效果实现的探讨
3、精通HTML：搭建良好的页面结构；先分析布局，划分框架，然后规划结构，编写代码
4、精通CSS：优化页面；合理的使用标签、良好的注释、清晰的代码结构等
5、熟练掌握JavaScript、jQuery、ajax，工作过程中不一定会用到，但一定要会
6、熟练使用 Vue、React、angularjs等框架
7、会一点后端语言，比如Java；知道怎么和后台交互数据
8、保障效率
9、针对服务器的优化：页面开发也需要了解服务器的优化，尽量减小服务器负担。
10、永不止步的学习
㈡ 前端开发需要学习设计吗
前端开发不需要学习设计，只需要掌握“切图”技能就可以了。
1. 设计师与前端工程师的回关系：
在一答家企业中，前端工程师与设计师在岗位上是独立的，业务上有联系：
设计师根据产品经理提供的产品原型图进行适当分析，再设计出一套前端开发人员能够使用的设计图（PSD图）；
前端工程师根据设计师提供的PSD图，进行切图工作，并使用具体的HTML、CSS、JavaScript代码实现网站的还原。
2. 前端工程师工作中的“设计”模块
寻找出PSD图中的图片元素，将其切下来（简称切图）之后进行适当的处理，将图片存储为合适的格式，有时还需要进行背景图合并的操作。
提示:网页设计并不是前端开发工程师的工作。
资料来源：《HTML5布局之路》
㈢ 做前端开发工作必需要掌握切图技能吗
1、理想的开发状态是：现成的运维人员、美工、DBA、软件工程师、你只用负责写页面代码就可以了。
2、现实的开发状态：运维要会、美工要会、数据库要会、代码要会。
3、掌握点还是比较好的。
㈣ 自学前端，谁有前端学习路线图吗
自学前端你可以根据自己的实际情况看视频，现在培训机构都有web前端的视频，学习web前端就是“三多”多思考、多敲、多问 不懂的东西一定要问，过来的人肯定有自己的经验，站在巨人的肩膀上你肯定比一般人看得更远更多。还有就是多敲，键盘敲烂，薪资过万。推荐给你一个学习的路线图：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
前端学习路线图
这个学习路线图你按照顺序学习就可以了，希望对你有帮助。
㈤ 做前端开发必需要掌握切图技能吗
个人认为前端自己会切图是最好，现在的’切图‘是一种思路。看到设计内稿，脑子里迅速形成’容’切图‘‘思路，哪些平铺、哪些用纯css实现，哪些用png24，哪些合并, UI的层次是怎样的, 模板怎么组织...... ，这是现在的’’切图”方式，是前端工程师必备的最基本能力。而最终只是把必须分离出来的图用PS“切”出来。
㈥ java程序员想转web前端开发，需要学习什么技术 另外切图是指什么
html，JavaScript（及其衍生的很多框架，比如：JQuery，ext等），css。
切图是用制图软件（PS等）为web前端做定制的图片。
㈦ 前端开发需要掌握什么技术
第一个技能：网站编辑
做好一个网站，仅仅写好代码是不行的，因为在这个信息化时代，内容为王，所以做好有一个网站，首先是做好一个网站编辑，现在互联网上有了一个新的职业叫“网络编辑”，而且非常热门了。网站编辑主要关注网站的相关领域内容，比如说做“前端开发”，那么你就要写一些前端开发资源和干货，丰富网站的相关内容，这样子才能把网站的主题集中起来，才能吸引到读者的关注。
第二个技能：美工
一个好的站长还是一个美工，在刚开始做网站时，自己一个人没有设计师的时候，就要自己会美化图片等操作了。最基本的设计一个版面，做一个专题和修改图片，修改广告等，全部一手包办，不是设计大师，但勉强能够应付基本的网站美工了。
第三个技能：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
……
㈧ 计算机语言有哪些详细介绍
|工业编程语言： A+ | Ada | 汇编语言| B | Brainfuck | C | C++ | C++/CLI| Cg | COBOL | Eiffel | Erlang | FORTRAN | IronPython | Java | JRuby | Jython | LISP | Oberon | Objective-C| Ocaml | Pascal | Perl | Powerbuilder | Python | QBASIC | R | REXX | Ruby | Self | Smalltalk | SQL | Tcl/Tk | Visual Basic | PHP | C# | F# | J# | Visual Basic .NET
脚本编程语言： ActionScript | JavaScript | JScript | Nuva | PostScript | VBScript | lua
学术编程语言： APL/J | Haskell | Logo | ML | pascal|Prolog | Scheme | SAC
其他编程语言： ALGOL | BASIC| Clipper | Forth | Mola-2/Mola-3 | MUMPS | PL/I | Simula
㈨ 小窍门，聊一聊html5前端工程师如何提高开发效率
html5前端工程师如何提高开发效率
(一)切图
切图是一个前端最基础的技能，一般我们使用或者FireWorks基本都能搞定设计师交付给我们的设计图，但是要提高切图效率的话就得使用一些诀窍了，比如利用PS里的动作来实现“一键切图”功能。
(二)编写html/css/js
对于编写代码部分我们首先要找到一款合适自己的IDE工具，建议不要使用notepad++或者dreamweaver，这些工具已经不符合前端潮流了，无法让自己优雅地敲代码，小编推荐sublime text、atom或者webstrom，因为它们除了人性化的界面和支持大多数语法的高亮外，还可以安装各种各样的插件来拓展你的IDE工具。
(三)前端自动化
说到提高开发效率，这里不得不提一些前端的自动化工具，可以使用npm来管理我们的项目包文件;利用webpack来打包压缩我们的代码;利用node.js来实现构建本地服务器;利用karma、jasmine来测试我们的前端代码。
(四)前端模块化
实现前端模块化能够方便我们项目代码的维护，实现按需加载，从长远来看对我们提高项目的开发效率是很有帮助的。
(五)前端组件化
前端组件化的概念也是由来已久，我们可以通过将我们的代码划分成不同组件来实现公用并方便维护，同样可以提升我们的开发效率。
㈩ 做前端开发必需要掌握切图技能吗
前端开发最重要的基础就三门技术 jvascript+css+html，js是其中最重要的
ps可以不掌握，工作的时候一般只需要会切图就行，而且很多公司会让作图的人切好图，你可以不考虑
flash完全不用理会，pc上flash日渐消沉，无线上早就死光光了
我想说的 最重要的，就是基础，深入掌握一下javascript和css基础，这两个是无论是面试相关，跟以后的项目开发，都是最息息相关的。如果时间不够的话，重点掌握javascript，推荐两本书，你选其中一本就行，一是犀牛书(javascript权威指南)，另外一本是javascript高级程序设计(尼古拉斯大神的书，目前第三版)，重点掌握js语法基础，ajax，面向对象相关(基于原型的继承等高级技术)。
css推荐 css权威指南一书，css学习是很枯燥的，一般在项目过程中才能不断掌握，如果没有条件，可以重点学一下选择器，定位，盒模型和浮动这几章。
jquery在很多公司或者整个前端界用的居多，但在很多大公司面试时(像我在网络面试时，人家都豪不理会)，因为这些公司重视的是基础，项目经验可以培养，但基础需要花狠劲才能掌握牢固。这些框架对你现在的作用是熟悉一下源码，看看它们怎么实现的。我也是大三才学的前端，并且边读框架边学的js，如果你对这样学感兴趣，推荐你读一下prototype.js的源码。jquery的源码太过讲究技巧，不太适合初学者去读。
最后谈一下准备作品这块，去年开始前端界衍生了一个新的职位，叫无线前端开发工程师，说白了就是在iphone和android手机上做网站，用到的技术基础还是js跟css，但不需要像pc那样考虑兼容性(IE6是很恶心的)，最重要的，就是对html5和css3支持度比较高，这个职位目前还是很热门的，你可以往这个方向发展，掌握好基础后学这些新技术还是很容易的。利用css3和html5写一些demo绝对可以让考官眼前一亮。
如果你学了一学期掌握了基础，可以尝试联系我，网络还是很欢迎热爱技术的人的，特别是女生(嘿嘿)，最后祝你成功。