天天看點

前端技術學習路線

1. 前言

對于一名前端開發技術人員來說,需要學習的前端技術五花八門。各種庫,各種架構及UI層出不窮。在這篇博文中我會記錄我自己學習的路線。不一定是最好或者最合理,但卻是我自己實際走過的路線,僅供參考。我自己也會不斷更新,作為自己的技術打卡。

2. 前端基礎

2.1 HTML

頁面的基礎結構。如果說把開發一個WEB或者移動端項目比作建一座房子的話,我個人把HTML了解為房子的骨架。房子建造之初,我們就應該把房子有幾個房間,房間怎麼排列布局等都設計好。這樣以後就基本不會再去改變。HTML也一樣,層次分明的HTML結構會給後續開發帶來很大的益處。而且開發的理想境地是HTML設計好後,後續開發隻需要用CSS在結構上添加渲染美化,用JS添加各種功能,而不需要再去改變房子結構。
           

2.2 CSS

頁面的外觀樣式。我把CSS看作是給房子裝修。房子的外觀什麼顔色,每個房間裡牆壁的顔色,屋子的設計等都由CSS來控制。CSS可以給頁面添加各種炫麗的顔色,相當于頁面穿上了漂亮的外衣,能大大提高使用者體驗。
           

2.3 JavaScript

頁面的動态互動。我把JS看作是房子的功能部件。比如,床,風扇,沙發等部件的功能就是由JS來提供的。JS能擷取前端頁面的使用者行為,并對其進行處理,将傳回的結果回報給前端。這部分也是前端開發人員的重要舞台。這個頁面能幹什麼,提供什麼服務,都是由JS處理。