這篇文章 w3cschool 小編來介紹下web前端需要學(xué)什么？附學(xué)習(xí)路線！
第一階段：專業(yè)核心基礎(chǔ)
此階段需要掌握以下內(nèi)容：
1、Web 前端開發(fā)環(huán)境的配置，HTML 常用的標(biāo)簽，常用表單元素，Table 布局，CSS 樣式表，DIV+CSS 布局?？梢允炀氝\(yùn)用 HTML 和 CSS 樣式屬性完成頁面的布局和美化。
2、CSS3 選擇器、偽類、過渡、變換、動畫、字體圖標(biāo)、彈性盒模型、響應(yīng)式布局、移動端。熟練運(yùn)用 CSS3 來開發(fā)網(wǎng)頁和移動端。
3、了解 bootstrap，可以進(jìn)行 bootstrap 源碼分析。
4、使用 HTML、CSS、LESS、SASS 等技術(shù)完成網(wǎng)頁項(xiàng)目實(shí)戰(zhàn)。通過項(xiàng)目掌握第一階段 HTML、CSS 等頁面布局的內(nèi)容、完成 PC 端頁面設(shè)計(jì)和移動端頁面設(shè)計(jì)。
第二階段：Web后臺技術(shù)
此階段需要掌握以下內(nèi)容：
1、熟悉軟件開發(fā)流程、算法、了解 JavaScript 變量、數(shù)據(jù)類型、函數(shù)、循環(huán)語句、數(shù)組等內(nèi)容?？梢允炀氝\(yùn)用 JavaScript 的知識完成頁面交互效果。
2、JavaScript 面向?qū)ο蠡A(chǔ)知識、異常處理機(jī)制、常見對象 API，瀏覽器兼容性處理、ES6 新特性。熟練掌握 JavaScript 面向?qū)ο蟮拈_發(fā)以及掌握 ES6 中的重要內(nèi)容。
3、熟練操作和使用BOM以及DOM。
4、學(xué)習(xí)HTML5相關(guān)的 API、canvas、ajax 等。
第三階段：數(shù)據(jù)庫和框架實(shí)戰(zhàn)
此階段需要掌握以下內(nèi)容：
1、數(shù)據(jù)庫知識，配置命令，建庫建表，增刪改查等操作。了解數(shù)據(jù)庫管理系統(tǒng)及 MySQL 數(shù)據(jù)庫的使用與管理。
2、模塊系統(tǒng)，函數(shù)，路由，全局對象，文件系統(tǒng)，請求處理，Web 模塊，MySQL 數(shù)據(jù)庫處理I，文件上傳下載等。熟練運(yùn)用 Node.js 運(yùn)行環(huán)境和后臺開發(fā)框架完成 Web 系統(tǒng)的后臺開發(fā)。
3、學(xué)習(xí) vue 的組件、生命周期、路由、組件、webpack、elementui 框架。對 Vue.js 框架的使用有清晰的理解，并且能夠運(yùn)用它完成基礎(chǔ)前端開發(fā)、熟練運(yùn)用 Vue.js 框架的高級功能完成 Web 前端開發(fā)和組件開發(fā)，對 MVVM 模式有深刻理解。
4、需求分析，數(shù)據(jù)庫設(shè)計(jì)，后臺開發(fā)，使用 vue.js、node.js 完成 PC 端和移動端整站開發(fā)。
第四階段：移動端和微信實(shí)戰(zhàn)
此階段需要掌握以下內(nèi)容：
1、React 面向組件編程、表單數(shù)據(jù)、組件通信、監(jiān)聽、聲明周期、路由、Redux 基本概念。熟練使用 react 完成項(xiàng)目開發(fā)、掌握 Redux 中的異步解決方案 Saga。
2、react-native、開發(fā)工具、視圖與渲染、API 操作、Flutter 環(huán)境搭建、路由、ListView 組件、網(wǎng)絡(luò)請求、打包。熟練掌握 react-native 和 Flutter 框架，并分別使用 react-native 和 Flutter 開發(fā)移動端項(xiàng)目。
3、微信小程序入門、開發(fā)工具、視圖與渲染、API 操作、支付寶小程序的入門和 API 學(xué)習(xí)。掌握微信小程序開發(fā)以及了解支付寶小程序開發(fā)。
4、大型購物網(wǎng)站實(shí)戰(zhàn)，將整個(gè)項(xiàng)目前后端分離開發(fā)。
總結(jié)
一般來說，以上四個(gè)階段中，學(xué)習(xí)到第三階段就可進(jìn)行進(jìn)行求職。第四階段一般是在工作中學(xué)習(xí)的，難度較大。
以上就是文章“web 前端需要學(xué)什么？附學(xué)習(xí)路線！”的全部內(nèi)容。更多 web 開發(fā)的學(xué)習(xí)請關(guān)注 w3cschool 官網(wǎng)。
推薦課程：web 前端入門掃盲課程、node.js 微課、bootstrap 入門課程
第一階段：專業(yè)核心基礎(chǔ)
此階段需要掌握以下內(nèi)容：
1、Web 前端開發(fā)環(huán)境的配置，HTML 常用的標(biāo)簽，常用表單元素，Table 布局，CSS 樣式表，DIV+CSS 布局?？梢允炀氝\(yùn)用 HTML 和 CSS 樣式屬性完成頁面的布局和美化。
2、CSS3 選擇器、偽類、過渡、變換、動畫、字體圖標(biāo)、彈性盒模型、響應(yīng)式布局、移動端。熟練運(yùn)用 CSS3 來開發(fā)網(wǎng)頁和移動端。
3、了解 bootstrap，可以進(jìn)行 bootstrap 源碼分析。
4、使用 HTML、CSS、LESS、SASS 等技術(shù)完成網(wǎng)頁項(xiàng)目實(shí)戰(zhàn)。通過項(xiàng)目掌握第一階段 HTML、CSS 等頁面布局的內(nèi)容、完成 PC 端頁面設(shè)計(jì)和移動端頁面設(shè)計(jì)。
第二階段：Web后臺技術(shù)
此階段需要掌握以下內(nèi)容：
1、熟悉軟件開發(fā)流程、算法、了解 JavaScript 變量、數(shù)據(jù)類型、函數(shù)、循環(huán)語句、數(shù)組等內(nèi)容?？梢允炀氝\(yùn)用 JavaScript 的知識完成頁面交互效果。
2、JavaScript 面向?qū)ο蠡A(chǔ)知識、異常處理機(jī)制、常見對象 API，瀏覽器兼容性處理、ES6 新特性。熟練掌握 JavaScript 面向?qū)ο蟮拈_發(fā)以及掌握 ES6 中的重要內(nèi)容。
3、熟練操作和使用BOM以及DOM。
4、學(xué)習(xí)HTML5相關(guān)的 API、canvas、ajax 等。
第三階段：數(shù)據(jù)庫和框架實(shí)戰(zhàn)
此階段需要掌握以下內(nèi)容：
1、數(shù)據(jù)庫知識，配置命令，建庫建表，增刪改查等操作。了解數(shù)據(jù)庫管理系統(tǒng)及 MySQL 數(shù)據(jù)庫的使用與管理。
2、模塊系統(tǒng)，函數(shù)，路由，全局對象，文件系統(tǒng)，請求處理，Web 模塊，MySQL 數(shù)據(jù)庫處理I，文件上傳下載等。熟練運(yùn)用 Node.js 運(yùn)行環(huán)境和后臺開發(fā)框架完成 Web 系統(tǒng)的后臺開發(fā)。
3、學(xué)習(xí) vue 的組件、生命周期、路由、組件、webpack、elementui 框架。對 Vue.js 框架的使用有清晰的理解，并且能夠運(yùn)用它完成基礎(chǔ)前端開發(fā)、熟練運(yùn)用 Vue.js 框架的高級功能完成 Web 前端開發(fā)和組件開發(fā)，對 MVVM 模式有深刻理解。
4、需求分析，數(shù)據(jù)庫設(shè)計(jì)，后臺開發(fā)，使用 vue.js、node.js 完成 PC 端和移動端整站開發(fā)。
第四階段：移動端和微信實(shí)戰(zhàn)
此階段需要掌握以下內(nèi)容：
1、React 面向組件編程、表單數(shù)據(jù)、組件通信、監(jiān)聽、聲明周期、路由、Redux 基本概念。熟練使用 react 完成項(xiàng)目開發(fā)、掌握 Redux 中的異步解決方案 Saga。
2、react-native、開發(fā)工具、視圖與渲染、API 操作、Flutter 環(huán)境搭建、路由、ListView 組件、網(wǎng)絡(luò)請求、打包。熟練掌握 react-native 和 Flutter 框架，并分別使用 react-native 和 Flutter 開發(fā)移動端項(xiàng)目。
3、微信小程序入門、開發(fā)工具、視圖與渲染、API 操作、支付寶小程序的入門和 API 學(xué)習(xí)。掌握微信小程序開發(fā)以及了解支付寶小程序開發(fā)。
4、大型購物網(wǎng)站實(shí)戰(zhàn)，將整個(gè)項(xiàng)目前后端分離開發(fā)。
總結(jié)
一般來說，以上四個(gè)階段中，學(xué)習(xí)到第三階段就可進(jìn)行進(jìn)行求職。第四階段一般是在工作中學(xué)習(xí)的，難度較大。
以上就是文章“web 前端需要學(xué)什么？附學(xué)習(xí)路線！”的全部內(nèi)容。更多 web 開發(fā)的學(xué)習(xí)請關(guān)注 w3cschool 官網(wǎng)。
