小光光談前端

問題1：前端的學習路線

• 基礎的html，css，js，推薦慕課網免費課程:前端工程師路徑,極客學院免費課程:前端工程師路徑 大概刷過就能夠了，不用死記硬背某個知識點，css跟js還須要加深學習的，在實戰過程當中不懂就去查文檔
• 基礎的ps切圖能力 慕課網ps基礎課程
• 擁有本身的虛擬主機 傳送門
• 學習jq+bootstrapt佈局開發基本的網頁功能將項目部署在虛擬主機 教學視頻傳送門 部署教程

提升

• 犀牛書，javascript高級程序設計,我的比較喜歡紅寶書，通讀了解js各個方面的基礎知識點，例如原型鏈，閉包，this綁定等等...不過我目前也還沒讀完..
• css方面：flex，gird等新的佈局方式
• 框架方面:vue,react,ng均可以嘗試着瞭解一下，框架只是工具，基礎仍是要學好js
• webpack的基本配置瞭解一下，npm，yarn的使用
• 代碼管理：git ，學會使用github 推薦阮一峯老師的git入門
• 服務器部署linux基礎，搭建本身的ecs服務器，基本命令行掌握 傳送門
• 計算機網絡的知識，推薦 《http圖解》一書
• 設計模式方面的知識 《head first 設計模式》
• 後端的基礎知識node ,php ,mysql,mongodb 慕課網有免費的基礎課程 搭配基礎實戰項目傳送門react+vue+koa+mysql+mongodb
• js的底層相關的V8知識
• 數據結構與算法的基礎知識，這個學校課程能夠選修
• 強類型js typescript學習
• 等等。。。

這個問題應該是百度或者知乎都能知道答案的，以上是本身親身學習的一些途徑,方便少走一點彎路入門。這裏是知乎大佬的回答：問題回答 問題專欄

---

問題2:各個框架的特色和不一樣？

• 這個問題應該是百度也能知道答案的：傳送門

---

問題3：小程序開發

• 小程序開發入門是很是簡單的，以前我也在部門裏分享過付費的小程序開發教程視頻，基本上小程序就是仿造vue的，會用vue就會開發小程序
• 此外github社區也有不少優秀的框架用於開發小程序，如騰訊的wepy，美團的mpvue，京東的taro
• 這兩個是以前作的小程序項目demo
• 一個是搭配視頻教程的電影與閱讀 一個是原生基礎小項目智能快遞櫃
• 這個是mpvue開發的小程序項目 Online畫室

---

問題4：前端須要什麼樣的ui圖

• 前端須要的原型圖 不該該僅僅只是一些圖片，應該是作圖工具處理過以後，方便前端獲取到原型圖上任何一個位置的樣式的類html圖，而且附帶基本的交互效果，sketch軟件瞭解一下，pxcook軟件瞭解一下。

---

問題5：前端以爲什麼樣的api好用

• 這個其實先後端最好可以溝通好請求方式get，post，delete等等，我的比較傾向於restful架構api，並且不是說提供接口就是restful api，可能還不符合規範化，每一個請求方式要語義化，命名要符合restful架構的要求，有些後端寫接口寫命名都是隨意來的，能用就行，其實這樣是對於前端使用會形成必定的理解問題的，建議先後端都瞭解下 傳送門

---

問題6：有什麼好用的工具能夠用？

• 這個問題比較普遍，是說前端開發的工具嗎？
• 編輯器能夠考慮sublimetext3 ide能夠考慮vscode，webstorm，atom
• 服務器ssh遠程登陸推薦 xshell5
• 後端mysql圖形化軟件使用Navicat for Mysql
• mongodb圖形化使用Robo 3T
• php使用wampserver集成
• 思惟導圖神器 Xmind
• Cmd Markdown 編輯器
• PxCook 原型圖量取
• Mockplus 產品經理神器
• git 使用GitBash

---

問題7：如何系統地學習vue

• 首先對着官網文檔新手入門過一遍
• 其次基礎語法練習來過一遍 項目素材傳送門 對應教學視頻連接
• 其次根據視頻教程進行todoList demo編寫慢慢過渡，使用vue-cli腳手架進行工程化開發，發現vue-cli配置一臉懵逼
• 熟悉vue-cli腳手架的基本配置，作到本身可以調配置搭配其餘例如sass，flexiable方案使用，傳送門
• 基本過完就是vue語法，vue-cli基本配置熟悉了，那麼接下來就要進入實戰學以至用，實戰付費視頻資源以前有分享在部門羣裏面，其餘的基礎實戰項目在這裏實戰項目傳送門react+vue+koa+mysql+mongodb，基本掌握後就能夠進行使用vue獨立開發了

問題到這裏結束了，但願閱讀的給爲大佬對於有幫助的github項目可以給小弟star一下，積累不易，謝謝支持~