前端入門路線推薦

小手冰涼~發表於2020-10-07

1.開發軟體選擇

VS codesublimewebstorm(推薦VS code)

2.html入門

建議一週以內完成,推薦網站w3school瞭解基本的語法,使用規則即可(標籤、屬性、基本結構)
看完後可以快速瀏覽一些視訊教程,掌握對應開發軟體的一些快速使用方式,如快捷鍵、快速生成結構等,如果使用VS code和sublime還需要安裝一些外掛,根據需要安裝即可。

3.css入門

同樣建議一週以內完成,推薦w3school。熟悉css的語法結構,瞭解如何對標籤增加樣式,學會實現常見佈局方式(水平居中、垂直居中等)。到這一步就已經可以做一些網頁了,可以嘗試做一個簡單的頁面作為練習,判斷自己是否掌握了html和css的基本運用方式。

4.js入門

這一部分需要學習的知識點較多,推薦學習一週以上。如果有變成基礎的話,學起來應該比較輕鬆,沒有程式設計基礎可能就會比較費力。推薦網站w3school,完全沒有程式設計基礎的小夥伴建議先看視訊瞭解一些基本的東西,教學視訊比較多,B站上就有很多可以看,可以根據需要自行選擇。
這一部分主要需要學習:js語法,物件定義方式、屬性,如何定義函式,函式引數定義、函式呼叫以及Jquery的使用等。這幾個是入門前端最最基本需要學會的東西,隨著不斷深入需要學習的東西也更多。
學完這些就可以寫一些帶有邏輯的操作頁面了,可以自己找一些簡單的頁面練習一下,推薦比較多的是2048小遊戲。

除了以上這些必備技能你可能還需要git、ps等技能。
git的學習推薦廖雪峰的教程連結,主要需要學會如何建立倉庫、如何從遠端倉庫拉取到本地,本地如何提交到遠端,本地分支與遠端合併時遇到衝突如何解決等。
ps主要是需要學會切圖以及測量各個控制元件之間的距離需要用到,這個搜尋引擎隨便一搜就能搜到,此外推薦一個網頁——藍湖,測距吸色什麼的比較方便,畢竟開啟PS還是比較耗時間的。
後續還需要學習如何與後端通訊,如何使用框架等。

相關文章