前端學(xué)習(xí)路線
寫網(wǎng)頁
web 1.0
早期互聯(lián)網(wǎng)，網(wǎng)頁都是靜態(tài)網(wǎng)頁
web 2.0 ?
目前互聯(lián)網(wǎng)就處于web 2.0，網(wǎng)頁可以動態(tài)顯示，并且可以和用戶進(jìn)行交互
網(wǎng)頁變成了動態(tài)網(wǎng)頁
web 3.0
噱頭
早期的前端工程師
早期就沒有前端工程師，早期動態(tài)網(wǎng)頁都是由服務(wù)器生成的
問題：
網(wǎng)頁由服務(wù)器動態(tài)生成，會對服務(wù)器造成較大的壓力
大部分工作都由后臺工程師完成，不利于工作的分工
后臺渲染的頁面，每次都需要發(fā)送新的請求，用戶體驗(yàn)不佳
...
現(xiàn)在的前端工程師
前端負(fù)責(zé)編寫網(wǎng)頁，同時(shí)負(fù)責(zé)將網(wǎng)頁轉(zhuǎn)換為動態(tài)頁面
動態(tài)頁面的渲染主要由JavaScript在客戶端（瀏覽器）中完成
學(xué)習(xí)路線
HTML ?CSS
選擇器
基本樣式
布局（盒子模型、浮動、定位、彈性盒、柵格、變形）?
動畫、過渡
移動端適配 ?
響應(yīng)式的布局
CSS預(yù)處理（less sass）
HTML負(fù)責(zé)定義網(wǎng)頁的結(jié)構(gòu)（☆）
CSS負(fù)責(zé)設(shè)置網(wǎng)頁的樣式（☆☆）
JavaScript（☆☆☆）
開始要正式編程了，主要難點(diǎn)在于編程思想的建立
遇到無法獨(dú)立處理問題時(shí)，最佳的解決手段就是多敲代碼
基本語法
流程控制語句 ?
函數(shù)（作用域、this）、內(nèi)建對象 ?
面向?qū)ο螅ㄔ秃驮玩湥??
Web API（DOM、BOM）
jQuery（選學(xué)）
異步、Promise、事件循環(huán)模型、簡單算法 ?
TypeScript（語法更嚴(yán)格的JS）
Node.js（☆）
JavaScript運(yùn)行環(huán)境，可以讓JS運(yùn)行在服務(wù)器中
可以通過Node.js來編寫服務(wù)器（不用學(xué)的特別深）
學(xué)習(xí)內(nèi)容：
模塊化（重點(diǎn)）
異步編程（重點(diǎn)）
服務(wù)器開發(fā)（Express或Koa）
數(shù)據(jù)庫（選學(xué)）
包管理器（npm yarn pnpm）（重點(diǎn)）
AJAX（xhr、Fetch、Axios）
開發(fā)工具（☆）
webpack
vite
git（代碼版本控制工具）
打包工具
前端框架（☆☆）
React
Vue
建議都學(xué)，如果只學(xué)一個(gè)，可以根據(jù)期望就業(yè)的地區(qū)選擇
只學(xué)一個(gè)建議學(xué)Vue
項(xiàng)目實(shí)戰(zhàn)（組件庫）
不在多，在精，認(rèn)認(rèn)真真做一個(gè)足夠了
就業(yè)
選學(xué)
小程序
公眾號
原生應(yīng)用
Uni App
我的計(jì)劃
更新Vue的視頻
TypeScript
Vue項(xiàng)目
前端的直播課
2023年2月13日 周一開始前端直播課
從頭開始講，長直播，每周一二、四五
每天，上午8:30 - 11:30，下午13:30 - 16:30 (暫定)
