摘要：這個(gè)問(wèn)題應(yīng)該是百度或者知乎都能知道答案的，以上是自己親身學(xué)習(xí)的一些途徑方便少走一點(diǎn)彎路入門。

基礎(chǔ)的html，css，js，推薦慕課網(wǎng)免費(fèi)課程:前端工程師路徑,極客學(xué)院免費(fèi)課程:前端工程師路徑 大概刷過(guò)就可以了，不用死記硬背某個(gè)知識(shí)點(diǎn)，css跟js還需要加深學(xué)習(xí)的，在實(shí)戰(zhàn)過(guò)程中不懂就去查文檔
基礎(chǔ)的ps切圖能力  慕課網(wǎng)ps基礎(chǔ)課程

擁有自己的虛擬主機(jī) 傳送門

學(xué)習(xí)jq+bootstrapt布局開(kāi)發(fā)基本的網(wǎng)頁(yè)功能將項(xiàng)目部署在虛擬主機(jī) 教學(xué)視頻傳送門 部署教程

犀牛書(shū)，javascript高級(jí)程序設(shè)計(jì),個(gè)人比較喜歡紅寶書(shū)，通讀了解js各個(gè)方面的基礎(chǔ)知識(shí)點(diǎn)，例如原型鏈，閉包，this綁定等等...不過(guò)我目前也還沒(méi)讀完..
css方面：flex，gird等新的布局方式
框架方面:vue,react,ng都可以嘗試著了解一下，框架只是工具，基礎(chǔ)還是要學(xué)好js
webpack的基本配置了解一下，npm，yarn的使用
代碼管理：git ，學(xué)會(huì)使用github 推薦阮一峰老師的git入門

服務(wù)器部署linux基礎(chǔ)，搭建自己的ecs服務(wù)器，基本命令行掌握 傳送門

計(jì)算機(jī)網(wǎng)絡(luò)的知識(shí)，推薦 《http圖解》一書(shū)
設(shè)計(jì)模式方面的知識(shí) 《head first 設(shè)計(jì)模式》
后端的基礎(chǔ)知識(shí)node ,php ,mysql,mongodb  慕課網(wǎng)有免費(fèi)的基礎(chǔ)課程 搭配基礎(chǔ)實(shí)戰(zhàn)項(xiàng)目傳送門react+vue+koa+mysql+mongodb

js的底層相關(guān)的V8知識(shí)
數(shù)據(jù)結(jié)構(gòu)與算法的基礎(chǔ)知識(shí)，這個(gè)學(xué)校課程可以選修
強(qiáng)類型js typescript學(xué)習(xí)
等等。。。

這個(gè)問(wèn)題應(yīng)該是百度也能知道答案的：傳送門

小程序開(kāi)發(fā)入門是非常簡(jiǎn)單的，之前我也在部門里分享過(guò)付費(fèi)的小程序開(kāi)發(fā)教程視頻，基本上小程序就是仿造vue的，會(huì)用vue就會(huì)開(kāi)發(fā)小程序
此外github社區(qū)也有很多優(yōu)秀的框架用于開(kāi)發(fā)小程序，如騰訊的wepy，美團(tuán)的mpvue，京東的taro
這兩個(gè)是之前做的小程序項(xiàng)目demo
一個(gè)是搭配視頻教程的電影與閱讀 一個(gè)是原生基礎(chǔ)小項(xiàng)目智能快遞柜

這個(gè)是mpvue開(kāi)發(fā)的小程序項(xiàng)目 Online畫(huà)室

前端需要的原型圖 不應(yīng)該僅僅只是一些圖片，應(yīng)該是做圖工具處理過(guò)之后，方便前端獲取到原型圖上任何一個(gè)位置的樣式的類html圖，并且附帶基本的交互效果，sketch軟件了解一下，pxcook軟件了解一下。

這個(gè)其實(shí)前后端最好能夠溝通好請(qǐng)求方式get，post，delete等等，個(gè)人比較傾向于restful架構(gòu)api，而且不是說(shuō)提供接口就是restful api，可能還不符合規(guī)范化，每個(gè)請(qǐng)求方式要語(yǔ)義化，命名要符合restful架構(gòu)的要求，有些后端寫接口寫命名都是隨意來(lái)的，能用就行，其實(shí)這樣是對(duì)于前端使用會(huì)造成一定的理解問(wèn)題的，建議前后端都了解下 傳送門

這個(gè)問(wèn)題比較廣泛，是說(shuō)前端開(kāi)發(fā)的工具嗎？
編輯器可以考慮sublimetext3 ide可以考慮vscode，webstorm，atom
服務(wù)器ssh遠(yuǎn)程登錄推薦 xshell5
后端mysql圖形化軟件使用Navicat for Mysql

mongodb圖形化使用Robo 3T
php使用wampserver集成
思維導(dǎo)圖神器 Xmind
Cmd Markdown 編輯器
PxCook 原型圖量取
Mockplus 產(chǎn)品經(jīng)理神器
git 使用GitBash

首先對(duì)著官網(wǎng)文檔新手入門過(guò)一遍
其次基礎(chǔ)語(yǔ)法練習(xí)來(lái)過(guò)一遍 項(xiàng)目素材傳送門 對(duì)應(yīng)教學(xué)視頻鏈接

其次根據(jù)視頻教程進(jìn)行todoList demo編寫慢慢過(guò)渡，使用vue-cli腳手架進(jìn)行工程化開(kāi)發(fā)，發(fā)現(xiàn)vue-cli配置一臉懵逼
熟悉vue-cli腳手架的基本配置，做到自己能夠調(diào)配置搭配其他例如sass，flexiable方案使用，傳送門

基本過(guò)完就是vue語(yǔ)法，vue-cli基本配置熟悉了，那么接下來(lái)就要進(jìn)入實(shí)戰(zhàn)學(xué)以致用，實(shí)戰(zhàn)付費(fèi)視頻資源之前有分享在部門群里面，其他的基礎(chǔ)實(shí)戰(zhàn)項(xiàng)目在這里實(shí)戰(zhàn)項(xiàng)目傳送門react+vue+koa+mysql+mongodb，基本掌握后就可以進(jìn)行使用vue獨(dú)立開(kāi)發(fā)了

問(wèn)題到這里結(jié)束了，希望閱讀的給為大佬對(duì)于有幫助的github項(xiàng)目能夠給小弟star一下，積累不易，謝謝支持~