學習前端的第一件事是學習一些基礎，包括學習HTML、CSS的基礎知識，以及熟悉JavaScript的語法。
學習HTML基礎，了解如何編寫語義HTML。
一旦你學習了HTML基礎，鄭州北大青鳥翔天信鴿校區建議你至少要制作5個HTML網頁。北大青鳥老師建議你找一個網站，然后把焦點放在恰當地組織內容上。出來的東西可能會很難看，但是暫時別擔心，把你的關注點放在恰當的結構上。
學點CSS
學會如何給網頁準備好骨架，接下來就是在此基礎上添加一些皮膚讓它好看一點了。CSS——級聯樣式表就是用來美化你的HTML頁面的。
首先要做的是學習語法，熟悉常見的CSS屬性。
了解盒模型，掌握如何利用Grid和Flexbox準備布局
一旦你掌握了基礎，接下來就應該設計上一步制作的HTML網頁。比方說如果你給Github檔案編寫了HTML頁面的話，現在是時候應用CSS來讓它的樣子看起來像實際的Github資料頁面一樣了。前面的那5個頁面都要拿來試一下。
學習JavaScript基礎
JavaScript能讓你的HTML頁面互動性更強。比方說你在網站上看過的所有那些幻燈片、彈出窗口以及廣播通知，以及在沒有重載頁面的情況下重載頁面的特定部分，這些都是用JavaScript做的。在這一步中，你將會學習JavaScript的基礎來為后面的旅程做好準備。
構建工具
工具可以幫助你進行JavaScript應用的構建/打包以及開發。這一類包括了linter(代碼檢查)、task runner(自動構建)以及bundler(打包工具)。
對于自動構建，這個本來是是很多選項的，包括npm腳本、gulp、grun等等。不過這一次，既然webpack能夠處理gulp能做的大部分東西，所以只有自動構建中的npm腳本可以用來對webpack能做的任務進行自動化。你不需要學習Gulp，然而到后面如果你有點時間的話，可以去看看它能否對你的應用有所幫助。
漸進式Web應用
一旦完成了上述所有步驟，再來學習一下service worker以及如何制作漸進式web應用。
靜態類型檢查器
靜態類型檢查器幫助給JavaScript增加類型檢查。你不需要學習這些，不過這些東西可以賦予你超能力，而且學習起來也很快，幾個鐘頭就行了。這方面主要有TypeScript 和 Flow。我喜歡TypeScript ，不過你可以兩個都看看，再選你喜歡的。
服務器渲染
你還可以在選定的任何框架內再學學服務器端渲染的知識。有不同的選項可選，這要取決于你用什么樣的框架。比方說如果你決定用React，最值得關注的選項是Next.js 和 After.js。如果是Angular，你可以選Universal。對于Vue.js，我們有Nuxt.js。
可能還會有遺漏的地方，但是鄭州北大青鳥翔天信鴿校區認為這勝任任何“前端工程”工作崗位需求。
主要關鍵還是需要盡可能多得練習。也許剛開始會覺得很難很嚇人，但這是很正常的，慢慢就會覺得越來越好了。學習過程中，陷入困難時千萬不要忘記需求鄭州北大青鳥翔天信鴿校區幫助，你會驚喜地發現原來問題是這樣簡單。
