Web前端學習筆記,詳細的Web前端學習路線圖
資深Web前端開發經驗者告訴你如何零基礎學習Web前端!
- Web前端是做什麽的?
學習之前很多人對網頁設計、UI、網頁制所盒Web前端的概念很混淆。網頁設計是指運用一些軟件對網站進行美化,解決“好看”的問題;UI是指人與界面互動的優化,解決“舒適”的問題;網頁制作著重PC端網頁制作;而Web前端包括PC端和移動端的前端界面制作。
- Web前端的基礎技能及工作職責是什麽?
愛它就要更深入了解它,學習Web前端就要清楚地知道Web前端工程師需要什麽基礎技能及其工作職責。其實,這“很簡單”,只要你精通HTML+css(包括現在的HTML5+CSS3)、JavaScript、JQuery,了解界面設計,了解後端編程,服務器知識+後端語言基礎。
- 如何學Web前端?
終於說到如何學習Web前端了。學Web前端可以看著學習路線圖用以下的學習方法。
null
1)html+css。這部分可以結合視頻教程邊學邊練。過一遍後模仿一些網站做頁面。學完基礎後,可以仿照電商網站(例如京東、小米)做首頁的布局。
學習這部分,×××武漢Web前端培訓小編整理出的可以參考的書單是:
《Head first HTML&CSS》好入門,將教學視頻結合此書
《CSS權威指南(第三版)》有時間反復看,類似犀牛書
《圖解CSS3:核心技術與案例實踐》前幾本停留在CSS2.1,2.1是基礎
《CSS禪意花園》大牛所寫,精粹
2)JavaScript。學習一些基本語法和定義,然後看書,實踐。包括:作用域和閉包、this和對象原型等。JS語法永遠是面試中最重要的部分。
這部分是重點及難點,小編整理出的可以參考的書單是:
《JavaScript DOM編程藝術》(第二版)好入門,最新2010版
《JavaScript高級程序設計》(第三版)Zakas
《JavaScript權威指南》犀牛書
《JavaScript語言精粹》老道所寫,稍微入門以後看,了解中高級概念
3)學習一些後端編程,比如Jquery。
可以參考的書有:《JavaScript&Jquery交互式Web前端開發》、《鋒利的Jquery》
null
以上就是本文的總結,說了很多東西希望可以對你有幫助。但是不想當裁縫的司機,不是個好廚師,撐起Web前端開發的一片天空需要十八般武藝,需要走一條很長的路,貴在堅持下去,不求健步如飛,但求一步一腳印。下面再給大家一份我們的Web前端學習筆記希望對大家學習前端有所幫助:
Web前端學習筆記,學習路線圖,完整前端自學教程+工具+框架
前端開發軟件:工具篇-前端開發工具
WebStorm 前端開發神器下載
Sublime Text 下載+全套快捷鍵
常用編輯器Editplus下載
編碼必備:Adobe Dreamweaver CC下載
編輯利器:Atom下載
免費編輯器Brackets下載
fontawesome離線文檔
YII框架軟件下載
數據庫客戶端軟件navicat下載
集成環境軟件WampServer下載
抓包工具Httpwatch下載
文件及目錄對比神器Beyond Compare下載
nodejs
工具篇-前端流行框架
angular-1.5.8離線文檔
react
ionic-1.x離線文檔
Bootstrap在線文檔
vue離線文檔
工具篇-前端手冊
html5參考手冊 api 下載
CSS2.0中文參考手冊 api 下載
CSS3.0中文參考手冊 api 下載
css3.4 API 中文樣式表手冊下載
CSS4.0中文參考手冊 api 下載
JavaScriptJavaScript參考手冊
javascript權威指南
JavaScript中文教程
JavaScript中文手冊api下載
jQuery1.11.0_中文
jQuery api 1.8 中文(離線)版下載
BootstrapBootstrap中文api參考手冊
Bootstrap-v3.3.5中文api
Bootstrap3.2.0中文文檔
Zepto中文api參考手冊
AngularJS中文api離線參考手冊
MYSQL手冊
DOM手冊
w3school api文檔下載
seajs離線文檔
Web前端學習筆記,詳細的Web前端學習路線圖