基礎：
1. ps、ai：這是輔助工具。切圖或者製作或修改圖示時會用到的。不要總指望美工給你全部搞好，大廠也是，很多時候確實需要自己動手。
2.html：前端基礎之一。瞭解html的標籤，並且在合適的地方使用合適的標籤，不要除了div就是span，這麼寫html早晚會sb的。對於html5的規範、網站無障礙等等也要有一定的瞭解。
3.css：前端基礎之一。前端模組化之後，css能力其實是更加重要了，因為再也沒有美工給你切圖了，你負責的部分你不寫css誰替你寫？很多公司美工出圖和靜態頁之後，css其實還是要自己寫的。
4.js：前端基礎之一。從ES3到ES2018。canvas、webgl、播放器、陀螺儀、地理定位等等都會用到。
5.node：前端基礎之一。
6.數學：數學是前端動畫的基礎，簡單如加減乘除、複雜如各種公式，都可能用到。
擴充套件：
7.前端的構建工具和打包工具：gulp、babel、rollup、webpack。在開發庫時，多個開發語言的可以考慮gulp，打包使用rollup。專案開發肯定選webpack了。
8.各種庫和框架：jquery、angular、react、vue等等。
9.css預處理器和後處理器：less、sass、stylus，postcss目前以我的經驗來看開發提升的不大。
10.伺服器的工作流程：就是從瀏覽器傳送請求開始，到後端的處理，再到瀏覽器接收到資料的這一段時間幹了啥得有個數。
11.資料庫：原諒我只會mysql。
還有，有些理論是錯誤的，雖然很多人這麼說：
1.html：全部使用div就能搞定一個網站：這是我在知乎上看到的話題，好多人還居然真的這麼幹。1.這麼做不利於維護，語義化的標籤不僅僅是給搜尋引擎看的，也是給自己看的，2.某些標籤上預設的動作，換個標籤就需要更多的js去模擬，3.跨平臺不是問題，現在跨平臺的css樣式真的簡單得多，沒有很大的問題
2.切圖沒有用，只會js就好：使用前端三大框架和webpack後，很多都是元件化開發，對於元件化的開發來說，html、css都需要自己寫了。美工、切圖給你寫？不存在的，大廠也需要你自己寫。無論是前端的網站（使用伺服器端渲染）還是後端所謂的管理平臺（更沒人給你寫了），都是靠你自己的。
基礎：
1. ps、ai：這是輔助工具。切圖或者製作或修改圖示時會用到的。不要總指望美工給你全部搞好，大廠也是，很多時候確實需要自己動手。
2.html：前端基礎之一。瞭解html的標籤，並且在合適的地方使用合適的標籤，不要除了div就是span，這麼寫html早晚會sb的。對於html5的規範、網站無障礙等等也要有一定的瞭解。
3.css：前端基礎之一。前端模組化之後，css能力其實是更加重要了，因為再也沒有美工給你切圖了，你負責的部分你不寫css誰替你寫？很多公司美工出圖和靜態頁之後，css其實還是要自己寫的。
4.js：前端基礎之一。從ES3到ES2018。canvas、webgl、播放器、陀螺儀、地理定位等等都會用到。
5.node：前端基礎之一。
6.數學：數學是前端動畫的基礎，簡單如加減乘除、複雜如各種公式，都可能用到。
擴充套件：
7.前端的構建工具和打包工具：gulp、babel、rollup、webpack。在開發庫時，多個開發語言的可以考慮gulp，打包使用rollup。專案開發肯定選webpack了。
8.各種庫和框架：jquery、angular、react、vue等等。
9.css預處理器和後處理器：less、sass、stylus，postcss目前以我的經驗來看開發提升的不大。
10.伺服器的工作流程：就是從瀏覽器傳送請求開始，到後端的處理，再到瀏覽器接收到資料的這一段時間幹了啥得有個數。
11.資料庫：原諒我只會mysql。
還有，有些理論是錯誤的，雖然很多人這麼說：
1.html：全部使用div就能搞定一個網站：這是我在知乎上看到的話題，好多人還居然真的這麼幹。1.這麼做不利於維護，語義化的標籤不僅僅是給搜尋引擎看的，也是給自己看的，2.某些標籤上預設的動作，換個標籤就需要更多的js去模擬，3.跨平臺不是問題，現在跨平臺的css樣式真的簡單得多，沒有很大的問題
2.切圖沒有用，只會js就好：使用前端三大框架和webpack後，很多都是元件化開發，對於元件化的開發來說，html、css都需要自己寫了。美工、切圖給你寫？不存在的，大廠也需要你自己寫。無論是前端的網站（使用伺服器端渲染）還是後端所謂的管理平臺（更沒人給你寫了），都是靠你自己的。