1. 程式人生 > >前端開發工程師從入門到精通學習過程及資源總結(持續更新中)

前端開發工程師從入門到精通學習過程及資源總結(持續更新中)

開發實戰 set dex 從入門到精通 main 知識 uno 基礎入門 易雲

職位名稱:前端開發工程師

學習概要:1、先了解基礎,html/css/JavaScript是基礎。html/css就是做靜態頁面的,javascript是做動態的。

2、學習框架:jQuery(基於DOM的,必學),Vue(基於數據的,目前比較流行的框架)

一、編輯工具

用sublime text3,下一個安裝就行了。如果想用的更加方便,可以百度一下常用的插件,安裝幾個最常用的就夠了。

二、HTML/CSS

1、先看慕課網的基礎教程:HTML+CSS基礎課程(非常適合零基礎入門)

其他教學視頻:極客學園(需要會員,我沒有看)、網易雲課堂從零玩轉HTML5前端+跨平臺開發(免費)

我看的網易雲課堂的視頻,基礎比較全面,講解的也詳細。因為先學的慕課網,這個視頻我是跳著看的。

2、學習CSS布局

學習完上面的課程可以自己做靜態網頁了,不過免費課程裏面對新增的flex布局講解的比較少,基本是一帶而過,學習flex布局可以看阮一峰的博客。個人感覺flex布局非常實用,像淘寶網的九宮格圖片(店鋪裝修裏面一行顯示幾件商品)、移動端等,使用flex布局非常方便。

3、文字筆記類知識:菜鳥教程,w3school

html/css知識點非常多,全部記的清清楚楚不太可行,有個印象之後,把這兩個網站當成字典,需要的時候翻一翻。

三、javascript

1、先看智能社的視頻教程:JavaScript從入門到精通 (個人覺得這個視頻講的最好,但基礎不夠全面)、從零玩轉JavaScript全棧開發(這個視頻基礎很全面)

2、js基礎學習之後可以做點小遊戲,我參考下面的實戰視頻中的小蜜蜂遊戲做了一個氣球射擊遊戲。

網易雲課堂的實戰視頻教程:HTML5前端開發實戰

四、jQuery框架

1、網易雲視頻教程:從零玩轉jQuery原理和Ajax

2、做點遊戲練習一下,我做了狂拍灰太狼遊戲。上面的實戰視頻裏的英雄難過棍子關遊戲就是用的jQuery。

五、vue框架

六、技術交流社區

1、博客園:

推薦博客:古蘭精 ,bergw

2、CSDN:

推薦博客:阮一峰的博客

前端開發工程師從入門到精通學習過程及資源總結(持續更新中)