Web前端從入門到精通自學之路

2021-10-09 12:21:01 字數 1377 閱讀 4856

列乙個學習大綱

1.環境搭建 前端環境很好搭建,乙個開發工具即可,webstorm,hbuilder,vscode,sublime。初學者建議sublime 也不要裝外掛程式,沒有語法提示,可以打基礎

2.html基礎 帶你去認識html,讓你學習去執行html,等瀏覽器上面開啟你的頁面的時候,你會有很強的成就感,然後開始學習html的基礎標籤

3.css基礎 html是勾勒,css是染色,基礎的css學完你會有種想寫頁面的衝動,這時候你不用抑制住那種感覺,直接按照自己所想開寫,這是你的第乙個專案

4.js基礎 js是頁面的邏輯,作為乙個web前端工程師,js是很核心的部分,也是很難的部分。js的學習之後放長一些,尤其是前一周,要讓自己去熟悉那種語法環境,培養自己的開發思路,而且有一點就是學完乙個星期的知識之後,及時和你的指引人溝通,看卡自己的理解是否有誤,還有就是學習思路是否有問題,他會給你指出那些東西需要多學習,哪些不常用,還有就是給你點一下你學的這些在專案中會是怎麼去應用,理論聯絡實際是最好的學習方式。

5.純ja操作dom和jquery 這階段要知道怎麼去用js來更改頁面的元素,怎麼去寫dom事件,經過一番聯絡後,再引入jquery,不要本末倒置,有個同學學完jquery之後說發誓以後再不用原生js操作dom!然後被我狠狠罵了一頓

6.開始你的ui框架之旅 這個階段我推薦從bootstrap開始,這個框架很經典,響應式的珊格系統被後來框架一直沿用,在我線下教學的那幾年,我都會帶著學生一起看bootstrap的原始碼,讓他們學會這種設計思想,因為之後對他們太有用了,當時他們很痛苦,現在他們說起來覺得很受益,如果可以,你也要去看看原始碼,先學會去定製bootstrap,公司注重二次開發,定製 bootstrap正好可以練手。

7.開始深入css3 基礎學完css3要提上日程,這時你會看到不一樣的世界

8.深入js 這階段你就要去解讀原型鏈,原型替換,this指向,es6,es7的新語法,

9.學一套主流mv*框架 vue,react,angular2選一種,

我建議從vue開始,react的jsx語法不適合你入門去學習,angular2的typescript語法糖難度也比較高,vue學起來平滑些,結合vue,學一下vue-router,vuex,element ui,axios,webpack。做個專案玩一下這個全家桶 10.公升級後台語言nodejs 這個不作要求,你在學vue的時候其實已經在用nodejs了,你用的npm就是nodejs的一部分,這個階段說的是nodejs程式設計,比較難理解,畢竟是寫伺服器的東西,不過前面基礎打牢固,讓別人一點撥就能上手,技術不難,難在思路轉換。

總結做專案 兩個專案,

乙個是側重於css特效方面的,要求就是非常酷,帥到沒朋友 第二個專案側重邏輯處理,用來昇華你的邏輯能力 這兩個專案可以從網上搜幾個**來模仿,之前我的學生有做過:蘋果官網,魅族官網,花瓣網,網易雲**,在行等很多**,做的也很不錯。

wordpress從入門到精通自學筆記二

最近一段時間工作太忙,wordpress的學習計畫又耽擱了一段時間。工作太忙,很難進行系統的學習。只能片斷式的學習,利用碎片化的時間學習一些碎片的東西。不過特別遺憾的是,wordpress作為這麼強大的建站系統,國內竟然幾乎沒有做主題做的好的,看了群裡的一些討論,可能最主要的問題是國內付費買主題的人...

Web前端 從入門到自閉

標籤的快捷鍵 單詞 tab鍵 單詞 h5初始 tab 快速建立符合規範的html doctype html html lang en head meta charset utf 8 title document title head body body html html的注釋 css的注釋 注釋的...

從入門到精通,學習PLC之路

出自大師之手的簡便易懂的教程,不是厚厚的一本書,只是乙個路線圖.plc好學嗎?有的人說好學,更多的人說難學。我的看法是入門易,深造難。入門易,總有它易的方法。很多人都買了有關plc的書,如果從頭看起的話,我想八成學不成了。因為抽象與空洞佔據了整個腦子,一句話暈!學這東東要有可程式設計控制器和簡易程式...