前端技能圖譜
㈠ 做前端需要什麼技術
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絕對可以讓考官眼前一亮。
如果你學了一學期掌握了基礎，可以嘗試聯系我，網路還是很歡迎熱愛技術的人的，特別是女生(嘿嘿)，最後祝你成功。