㈠ 前端開發應該學什麼看完這篇不在迷茫
初級階段：從零基礎到網頁大師
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% 的人，能夠體會到上文一直在強調的方法：以解決某個具體問題為出發點，直接上手一個小項目，在見招拆招的過程中提高學習的效率。
掌握了正確的方法，「學習前端」和「學好前端」就只是個時間問題。
㈡ [人物專訪] Amos為什麼自學成為前端工程師這么難
(圖：李建杭Amos Lee)
李建杭，人稱Amos，過去曾經是視覺設計師，後來轉職成為前端工程師，也是國內知名的前端講師，教授HTML/CSS、Bootstrap、Sublime外掛、CSS3等課程，也曾是多家知名電商、網路服務的前端工程師，因教授技巧細膩、案例眾多，受到廣大的學生歡迎。
本次癮科技專訪Amos，談談轉職成前端工程師的心路歷程。
我：可以說說當初為什麼會想要轉職成前端工程師呢？
Amos：原本我是一個視覺設計師，我的工作就是跟前端工程師合作一起做出網頁，每當我設計出一個視覺給工程師，工程師總是說，這個版這樣不行那樣不行，我心裏面覺得很不服氣，想說哪有這么難，就自己開始學習寫網頁。另外一個原因就是 台灣給平面設計師的薪資待遇太差了，給前端工程師相對高很多。 當然也是寫出興趣了，支持下去是需要興趣的。
我：在轉職的過程中遇到哪些困難呢？
Amos：自學的困難在於龐大的訊息裡面找，Google可以找到非常多的資訊、教學，但是不是每個都正確，許多技巧都是有他的前因後果，有時候直接照著上面的寫，反而會出問題，光是解個Bug就解很久。
再來就是找書看，其實坊間相關的書非常多的，我覺得一本書500塊但是只要有一個技巧就值得買，所以我的買一整櫃(笑)。當然也有些書是一看就很容易睡著的啦(掩面)
我：你指導過這么多的學生，你覺得他們學習最常遇到的困難是什麼？
Amos：很多學生都不是資訊工程系本科出身，大多都是視覺設計師或是平面設計師轉職的，很容易程式的規則還沒碼激沒有弄的很清楚就想要趕快弄出一個畫面，也就是拿別人的範例或是程式直接來改，改到最後反而越改Bug越多，到最後就只好放棄了，因為沒有信心也沒有成就感。其實範例到處都有，但是重要的是要弄懂這些範例為什麼這么寫，這也是為什麼我的范常式式碼別人拿走我也不怕，因為拿走也學不會。
常見錯誤1：仰賴範例卻不求甚解，越改問題越多，反而沒有信心繼續下去。
解決方式：使用範例也要弄懂為什麼。
我：那你有建議他們應該怎麼學習呢？
Amos：一開始有些學習資源雖然網路上都有，一邊做一邊學是模隱最快的，直接把頭洗下去就對了，很多人最常遇到的問題就是，不願意把手弄臟，一直看或一直買書卻不動手。
再來就是學習管道，在找教材上有兩點建議供檢視，一是內容安排順不順暢，章節跟章節之間是不是循序漸進，二就是理論與實務範例穿插，學完理論最重要的是馬上就有範例可以理解，而不是停留在抽象層。
可以Google、或是買出來看，線上課程也很好，主要是買經驗，有人講解過去犯過的錯，可以省下比較多的時間一直測試跟查資料。另外就是實體課程差別在於可以面對面地問問題。
每個人考量時間跟成本，選擇自己學起來枯襪最順的方式。
常見錯誤2：只看不做，不願意把手弄臟。
解決方案：把頭洗下去！
我：最後談談你最近籌備的線上課程吧，怎麼會想要做個Bootstrap的線上課程？
Amos：我想要開線上課程已經很久了，這門課程也已經籌備了兩年。過去兩年就開了很多次Bootstrap的實體課程，這個過程中我也一邊調整教學的內容跟範例，台灣現在有很多人想做前端，不過大多數的講師都聚集在都市或是北部，我很常遇到中南部的朋友希望我可以去那邊開課，可是受限於交通的關系，我沒辦法很常開立這樣的課程。
另外就是對於現有的線上課程還有更多的期待，覺得我自己可以做得更好。
我：這跟其他的線上課程有什麼差異？
Amos：我的範例肯定是最豐富也最扎實的，加上我為了讓學生學了之後可以開發的更快更順，我還專門為了Bootstrap開發了專用的外掛程式。你看過什麼課程除了教你還幫你寫工具讓你用的嗎？我也為了這個課程有另外准備的實體講義，我很有信心這會是台灣最棒的Bootstrap課程，不論線上或線下。
我：聽起來真的是不一樣，謝謝Amos。
你或許會喜歡
iPhone 7 *** 下殺 66 折
從最強手機通路化身新手電筒商
自己的桌歷自己印，十分鍾就能輕松完成
㈢ 新手學前端開發應該看哪些書
親，新手學前端的話，這些書籍資料參考一下唄~
1、《JavaScript高級程序設計(第3版) 紅皮書 》，適合有一定編程經驗的Web應用開發人員閱讀，也可作為高校及社會實用技術培訓相關專業課程的教材。
2、《JavaScript權威指南(第6版)》 犀牛書，本書不僅適合初學者系統學習，也適合有經驗的 JavaScript 開發者隨手翻閱。
3、《JavaScript DOM編程藝術 (第2版)》，本書在簡潔明快地講述扮慎JavaScript和DOM的基本知識之後，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐，並全面探討了HTML5以及jQuery等JavaScript庫。
4、《CSS權威指南(第三版)》，不管你是一個有經驗的Web開發人員還是一個徹底的初學者，《CSS權威指南(第3版)》都是你的CSS學習源泉。
5、《JavaScript設計模式》，適合JavaScript初學叢缺廳者、前端設計者、JavaScript程序員學習，也可以作為大專院校相關專業師生的學慣用書，以及培訓學校的教材。
6、《你不知道的JavaScript(上中下卷) 》，本書既適合JavaScript語言初學者了解其精髓，又適合經驗豐富的JavaScript開發人員深入學習。
7、《Vue.js權威指南》，該書內容全面，講解細致，實滲隱例豐富，適用於各層次的開發者。
學習路線：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用AngularIonic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
希望對你有用~望採納~
㈣ 前端培訓哪家好
前端培訓：
1、愛創課堂
該web前端開發培訓機構是由前網路工程師、《JavaScript設計模式》作者張容銘創立，一直以來只專注做web開發培訓；已開設課程：線下全棧前端面授班，線上全棧前端直播班，線上前端高級架構師班；辦學優勢：全程20個完整項目實戰，貫穿整個前端課程體系；20人左右小班授課，專注到每個學員；隨時融入新的前端技術，緊跟就業市場步伐；簽訂入學就業協議，保證學員利益。
2、達內教育
達內是國內領先的IT職業教育公司，開設web培訓班、UI設計、Java開發、BVD商業視覺、大數據、室內設計、C/C++開發等熱門課程；先後在全國70個大中城市建立了373家學習中心，累計培訓學員超100萬人次。憑借雄厚的技術實力，成熟的教學體系，達內教育已被評為工信部優秀培訓基地、工信部優秀辦學基地，並於2014年在美國納斯達克成功上市。
3、百讀易萊勝
易萊勝是主攻web開發培訓的專業機構，是買購網編心中最好的web前端培訓機構之一，課程涵蓋Html5、Css3、Java、Bootstrap、Jquery、Angular、Node等，專業培養web前端開發人才，小班面授，拒絕視頻教學，零基礎從入門到精通，注重理解＋實戰，合理收費，善於培養學員對每個知識點舉一反三的學習能力。課程講究「精、細、核心」，不雜亂無章。
4、北大青鳥
北大青鳥通過「院校合作」和「授權合作」兩大經營模式，以及先進的IT職業教育課程體系在教育領域廣泛開展合作：200餘家授權培訓中心遍布全國60多個主要城市，全國合作院校超過600所，同10000餘家知名企業建立戰略合作夥伴關系，累計培養和輸送85餘萬IT職業化人才進入IT行業。北大青鳥後獲評商務部「中國連鎖經營百強企業」。
5、火星時代
中國數字藝術教育高端品牌，1994年出版國內最早的CG教材《三維動畫速成》，如今業務已拓展至職業教育、在線教育、青少年STEAM教育、學歷教育、海外留學等領域。作為國內資歷最老的教育品牌之一，火星時代教育在全國一、二線城市陸續開辦了19個校區，涵蓋「Web前端＋全棧工程師」、「人工智慧＋Python開發工程師」、「UI設計」等課程。
㈤ 求推薦一些關於web前端的一些教程書籍，適合新手的
適合新手的話，最好看一些基礎書籍，然後帶有一些實戰操作項目，可以邊學邊練。
這幾本書比較適合你，可以看看：
《Head First HTML與CSS(第2版)》，入門真的是經典書籍，手把手教學，豐富的案例讓你從 0 開始學前端。
《CSS權威指南(第三版)》，這本書作為 CSS 的經典著作，把原理講得非常的通透，除了 w3c 標准，算最權威的一本了，畢竟權威指南。
《CSS揭秘》神書，47 個 css 技巧讓你在面對各種 css 問題的時候游刃有餘。是 css 書籍中評分最高的了，css 進階必備。
《javascript語言精粹》，這本書可以在入門之前了解一下基本語法，以及在學習之前可以了解下 JS 裡面的精粹以及糟粕，雖然這本書很薄很薄，但是值得反復去讀的一本書。
《JavaScript權威指南》：犀牛書是每個FE都繞不過的一本書，可以先大致通讀幾遍，也可以把其當作工具書，時時翻閱。
《JavaScript高級程序設計(第3版) 紅皮書 》，適合有一定編程經驗的Web應用開發人員閱讀，也可作為高校及社會實用技術培訓相關專業課程的教材。
除了書籍之外，視頻教程也是很重要的，可以進一步地跟隨老師進行知識學習和項目實訓，幫助你更快更好地掌握所學內容。
㈥ 學習web前端開發有什麼教材可以參考
如果確實想好好學習的話，其實看的書還是蠻多的。在這里推薦四本必看的書籍，這四本看完了，基本上就已經相當於進入互聯網行業了~
《HTML+CSS基礎教程》
《JavaScriptDOM編程藝術》
《JavaScript高級程序設計》（建議：第三版）
《鋒利jquery》
㈦ 前端開發需要學什麼啊
前端開發需要學習的內容包括PC網站布局、HTML5＋CSS3基礎項目、webapp頁面布局等。
學習web前端開發，web開發工具有frontpage，可以使用word讓人輕松學習frontpage，另一個常見的是Dreamweaver，這兩個是最常用的HTML網頁製作工具。
HTML、CSS和JavaScript、Html是內容，CSS是性能，JavaScript是行為，與伺服器端語言的學習曲線相比，前端開發的學習曲線先快後慢。
Html最基本，先學習網頁的布局，然後CSS用於美化HTML頁面，並為頁面提供布局和格式，最後，學習JavaScript。
(7)日本前端教材擴展閱讀：
主要職能：
1、熟練使用DIV+CSS並結合JS負責產品的前端開發和頁面製作；
2、熟悉W3C標准和各主流瀏覽器在前端開發中的差異，能運用DIV+CSS解決瀏覽器的兼容性；
3、負責相關產品的需求以及前端程序的實現，提供合理的前端架構；
4、與產品、後台開發人員保持良好溝通，能快速理解、消化各方需求，並落實為具體的開發工作；
5、了解伺服器端的相關工作，在交互體驗、產品設計等方面有自己的見解。
參考資料來源：網路-前端開發
㈧ web前端開發需要學習什麼知識
首先對於Web前端初學者而言，HTML和CSS是需要掌握的內容。
HTML稱為超文本標記語言，是一種標識性的語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
CSS層疊樣式表是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
(8)日本前端教材擴展閱讀：
例如，在網上商店中，用戶反復觀察和選擇商品，購買商品，瀏覽一系列網頁，收集所需信息，支付相應費用，最後下訂單，也可以是「軟體升級向導」，指導用戶完成下載和安裝新軟體的過程，也可以是基於Intranet的報價或銷售報告生成工具。
所有這些均不同於「標准」的Web網站。 常規網站使用一系列菜單或導航欄在預定路徑中漫遊該網站。 但是，成為Web應用程序不僅僅是下級控制的導航器。 在網站上自由漫遊時，可以進行無狀態和匿名訪問，但是通常不接受Web應用程序。