強(qiáng)強(qiáng)聯(lián)合，提升前端就業(yè)新實(shí)力

鴻蒙賦能

Vue+小程序+鴻蒙，打造多端發(fā)展人才

項(xiàng)目升級(jí)

Vue3+小程序，打造真正企業(yè)級(jí)工作場(chǎng)景

低代碼開(kāi)發(fā)平臺(tái)

擁抱市場(chǎng)，重塑課程核心競(jìng)爭(zhēng)力

技術(shù)領(lǐng)跑

數(shù)據(jù)可視化/3D模型，拓展能力邊界

漸進(jìn)式教學(xué)

實(shí)力狂飆，每天都有“薪”收獲

大咖面授

名師云集全程帶你從入門(mén)到起飛

前端正在快速覆蓋越來(lái)越多的新領(lǐng)域新場(chǎng)景

  • 物流
  • 在線(xiàn)教育
  • 金融
  • 保險(xiǎn)
  • 銀行
  • 醫(yī)藥
  • 政務(wù)
  • 智慧家居(鴻蒙)
  • 智慧城市
  • 租房
  • 電商
  • 廣告
  • 直播
  • 音視頻
  • 游戲
  • 車(chē)聯(lián)網(wǎng)
  • 智慧出行(鴻蒙)
  • 供應(yīng)鏈
  • 餐飲
  • 地產(chǎn)
  • 能源
  • 智慧服務(wù)(鴻蒙)
  • 運(yùn)動(dòng)健康(鴻蒙)
  • 軍工
  • 人工智能
  • 出行

大咖帶隊(duì)，全程實(shí)戰(zhàn)

學(xué)員親自上手實(shí)操AIGC背景下的前端工作

  • 單詞打卡
  • 硅谷租房
  • 谷粒隨享
  • 硅谷AI聊天機(jī)器人
  • 尚醫(yī)通React
  • 尚品匯后臺(tái)管理(Vue2)
  • 多應(yīng)用綜合平臺(tái)(Vue3 + Vue2 + React + 微前端)
  • 硅谷代駕App(原生小程序)
  • 尚品匯App(UniApp小程序)
  • 多維數(shù)據(jù)可視化(2D + 3D)
項(xiàng)目特色
本項(xiàng)目以英語(yǔ)單詞測(cè)試與打卡功能為載體，帶你一步步實(shí)現(xiàn)項(xiàng)目的頁(yè)面布局、與用戶(hù)交互和前后臺(tái)交互的所有功能。 項(xiàng)目實(shí)現(xiàn)編碼簡(jiǎn)潔規(guī)范，包含各種函數(shù)封裝、組件封閉、工具模塊封裝。 作為基礎(chǔ)階段的深入練習(xí)項(xiàng)目，它是你走進(jìn)HarmonyOS應(yīng)用開(kāi)發(fā)的不二選擇。
主要技術(shù)棧
ArkTS ArkUI的常用UI組件與布局組件 動(dòng)畫(huà) 路由 自定義通用組件 Storage存儲(chǔ) 網(wǎng)絡(luò)請(qǐng)求與封裝 服務(wù)卡片 虛擬長(zhǎng)列表 位置服務(wù)
學(xué)習(xí)目標(biāo)
  • 掌握HarmonyOS應(yīng)用開(kāi)發(fā)的環(huán)境搭建、應(yīng)用創(chuàng)建、安裝與調(diào)試
  • 掌握ArkTS與ArkUI使用
  • 掌握前后交互技術(shù)的使用
  • 實(shí)現(xiàn)單詞測(cè)試與打卡的功能

項(xiàng)目展示

項(xiàng)目特色
手把手帶你從0到1開(kāi)發(fā)一款可運(yùn)行在鴻蒙設(shè)備上的租房App，幫助你抓住機(jī)遇，快速掌握鴻蒙 3.1/4.0 架構(gòu)和 ArkTS API 9 語(yǔ)言，成為華為鴻蒙領(lǐng)域的高手 本項(xiàng)目以租房業(yè)務(wù)為核心功能，它包含租戶(hù)多維度尋找房源，智能匹配房源，預(yù)約看房等功能。通過(guò)學(xué)習(xí)該項(xiàng)目，能夠掌握鴻蒙開(kāi)發(fā)各種主流頁(yè)面布局方案，同時(shí)適配不同機(jī)型，橫豎屏切換適配等。
主要技術(shù)棧
ArkTS ArkUI 的使用 UI 組件與布局組件 路由 自定義通用組件 網(wǎng)絡(luò)請(qǐng)求與封裝 Storage 存儲(chǔ) 位置服務(wù) 多端適配 浮動(dòng)窗口 應(yīng)用國(guó)際化
學(xué)習(xí)目標(biāo)
  • 掌握HarmonyOS 應(yīng)用開(kāi)發(fā)的環(huán)境搭建、應(yīng)用創(chuàng)建、安裝與調(diào)試
  • 熟悉ArkTS 與 ArkUI 使用
  • 熟悉前后端交互技術(shù)的使用
  • 掌握各種主流頁(yè)面布局方案
  • 掌握適配不同機(jī)型，橫豎屏切換適配
  • 掌握定位功能的實(shí)現(xiàn)

項(xiàng)目展示

項(xiàng)目特色
本項(xiàng)目以聽(tīng)書(shū)業(yè)務(wù)為功能載體，參考目前應(yīng)用市場(chǎng)上主流的聽(tīng)書(shū)app，通過(guò)鴻蒙架構(gòu)和Arkts語(yǔ)言，重新開(kāi)發(fā)實(shí)現(xiàn)。
通過(guò)學(xué)習(xí)該項(xiàng)目，能夠掌握鴻蒙開(kāi)發(fā)的頁(yè)面布局，用戶(hù)交互，多媒體音頻播放，第三方支付調(diào)用等技術(shù)方案。
主要技術(shù)棧
ArkTS ArkUI的常用UI組件與布局組件 動(dòng)畫(huà) 路由 自定義通用組件 網(wǎng)絡(luò)請(qǐng)求與封裝 多媒體音頻播放與控制 服務(wù)卡片 多文件上傳與下載 后臺(tái)任務(wù)管理
學(xué)習(xí)目標(biāo)
  • 熟悉HarmonyOS應(yīng)用開(kāi)發(fā)的環(huán)境搭建、應(yīng)用創(chuàng)建、安裝與調(diào)試
  • ArkTS與ArkUI使用
  • 前后交互技術(shù)的使用
  • 多媒體音頻解決方案
  • 第三方支付解決方案

項(xiàng)目展示

項(xiàng)目特色
一個(gè)基于ChatGPT的Web雙端 項(xiàng)目，它使用OpenAI GPT來(lái)生成自然對(duì)話(huà)。 用戶(hù)可以通過(guò)與ChatGPT交互來(lái)獲取有關(guān)各種主題的信息和建議。 該項(xiàng)目還包括一個(gè)簡(jiǎn)單的用戶(hù)界面，使用戶(hù)能夠輕松地與ChatGPT進(jìn)行交互。
主要技術(shù)棧
Vue3 Vue Router4 Vite Pinia TypeScript Sass Axios NativeUI Node.js Express Axios ChatGpt
學(xué)習(xí)目標(biāo)
  • 熟練應(yīng)用Node.js進(jìn)行后端開(kāi)發(fā)
  • 掌握基于ChatGpt工具庫(kù)與GPT接口交互
  • 熟練使用Vue3全家桶
  • 掌握前后臺(tái)Token鑒權(quán)
  • 熟練掌握對(duì)Axios的二次封裝
  • 熟練掌握項(xiàng)目的多環(huán)境配置、Eslint的應(yīng)用等

項(xiàng)目展示

項(xiàng)目特色
尚醫(yī)通是以某醫(yī)院預(yù)約掛號(hào)統(tǒng)一平臺(tái)為原型而搭建的在線(xiàn)醫(yī)療服務(wù)平臺(tái)，該平臺(tái)集成多家醫(yī)院的掛號(hào)信息，提供全程跟蹤服務(wù)，用戶(hù)可以隨時(shí)了解自己的掛號(hào)狀態(tài)。本項(xiàng)目采用React18版本和TypeScript語(yǔ)言，使用Hook函數(shù)組件式開(kāi)發(fā)模式，并且利用Antd、Axios等庫(kù)提高了應(yīng)用程序的效率、可維護(hù)性、可擴(kuò)展性和用戶(hù)體驗(yàn)。
主要技術(shù)棧
React Redux React Router Antd react-i18next Axios TypeScript Babel ESLint Echarts Webpack Java SpringBoot SpringCloud MySQL
學(xué)習(xí)目標(biāo)
  • 熟悉 React、TypeScript、React Hook、Redux 等技術(shù)
  • 掌握完整項(xiàng)目開(kāi)發(fā)流程
  • 學(xué)會(huì)如何進(jìn)行網(wǎng)絡(luò)請(qǐng)求和響應(yīng)攔截器的使用，了解如何與后端交互從而獲取數(shù)據(jù)
  • 實(shí)踐搭建后臺(tái)管理模板項(xiàng)目，實(shí)現(xiàn)國(guó)際化處理、用戶(hù)認(rèn)證流程等功能
  • 掌握模塊化、組件化、工程化

項(xiàng)目展示

項(xiàng)目特色
尚品匯電商后臺(tái)管理系統(tǒng)旨在幫助電商企業(yè)高效管理商品、訂單、用戶(hù)、營(yíng)銷(xiāo)活動(dòng)等核心業(yè)務(wù)。通過(guò)簡(jiǎn)潔直觀的界面和強(qiáng)大的功能，尚品匯助力企業(yè)提升運(yùn)營(yíng)效率，優(yōu)化用戶(hù)體驗(yàn)，實(shí)現(xiàn)業(yè)務(wù)增長(zhǎng)。 基于 Vue2 技術(shù)棧構(gòu)建，結(jié)合 Vue Router、Vuex 等 Vue 全家桶技術(shù)，為用戶(hù)提供了一套完整的電商后臺(tái)解決方案。 項(xiàng)目包含：商品管理、訂單管理、營(yíng)銷(xiāo)中心、統(tǒng)計(jì)中心、會(huì)員管理、系統(tǒng)管理等 10+ 功能模塊
主要技術(shù)棧
Vue2 Vue Router Vuex Axios Echarts ElementUI Vue-I18n Lodash Qrcode Echarts Crypto-js ES6 Babel ESLint Webpack Java SpringBoot SpringCloud MySQL
學(xué)習(xí)目標(biāo)
  • 熟悉 Vue2、Vue Router、Vuex、ElementUI 等 Vue2 全家桶技術(shù)
  • 掌握項(xiàng)目從設(shè)計(jì)到需要分析，從搭建項(xiàng)目到多人協(xié)同開(kāi)發(fā)，從開(kāi)發(fā)-測(cè)試-上線(xiàn)的完整過(guò)程。
  • 掌握 Axios 二次封裝，熟悉前后交互的技術(shù)
  • 掌握組件化封裝技術(shù)，實(shí)踐工程化的應(yīng)用開(kāi)發(fā)模式
  • 掌握國(guó)際化方案，提供項(xiàng)目多語(yǔ)言支持
  • 掌握不對(duì)稱(chēng)加密方案，確保數(shù)據(jù)的傳輸和存儲(chǔ)安全，同時(shí)，對(duì)敏感數(shù)據(jù)進(jìn)行脫敏處理，保護(hù)用戶(hù)隱私。

項(xiàng)目展示

項(xiàng)目特色
本項(xiàng)目含可視化項(xiàng)目、智慧城市/工廠后臺(tái)管理和微前端項(xiàng)目。 基于 Vue3 和 TypeScript 的企業(yè)級(jí)中后臺(tái)前端解決方案，涵蓋了 RBAC 權(quán)限管理、路由配置、Vuex 數(shù)據(jù)傳遞等多種功能模塊。同時(shí)還注重性能優(yōu)化和安全性需求，并具備文本格式轉(zhuǎn)化、大屏可視化等特色功能。 采用模塊化、組件化和工程化理念，結(jié)合高效技術(shù)實(shí)現(xiàn)多端展示、優(yōu)化用戶(hù)操作流程，提供完整的電商購(gòu)物車(chē)與訂單支持，并可通過(guò)物流跟蹤等功能增強(qiáng)客戶(hù)體驗(yàn)。
主要技術(shù)棧
Vue3 TypeScript Vue-Router Pinia Axios Babel ESLint Vite Babel ESLint Java SpringBoot SpringCloud MySQL
學(xué)習(xí)目標(biāo)
  • 掌握企業(yè)級(jí)中后臺(tái)前端解決方案的開(kāi)發(fā)
  • 熟悉且靈活運(yùn)用 Vue3 技術(shù)棧和 TypeScript 語(yǔ)法
  • 理解 RBAC 權(quán)限管理、路由配置、Pinia 數(shù)據(jù)傳遞等功能模塊，并學(xué)會(huì)性能優(yōu)化和安全性需求的實(shí)現(xiàn)
  • 掌握第三方插件應(yīng)用、動(dòng)態(tài)表單創(chuàng)建、文本格式轉(zhuǎn)化、大屏可視化等特色功能
  • 實(shí)現(xiàn)電商平臺(tái)的購(gòu)物車(chē)、訂單支持流程和物流模塊等功能，并優(yōu)化用戶(hù)體驗(yàn)

項(xiàng)目展示

項(xiàng)目特色
硅谷代駕是一款在線(xiàn)提供代駕服務(wù)的原生小程序 App，包括司機(jī)端和乘客端。 司機(jī)端包括接單、搶單、地圖定位、微信登陸、身份校驗(yàn)、人臉識(shí)別等功能 乘客端包括選擇位置、搜索位置、呼叫司機(jī)、優(yōu)惠券、下單、支付等功能 應(yīng)用包含小程序開(kāi)發(fā)的所有常用技術(shù)點(diǎn)、Vue3 技術(shù)棧、組件庫(kù) Vant、地圖服務(wù)、圖表等
主要技術(shù)棧
小程序 API Vue3 VantUI 騰訊地圖 微信登陸 echarts 圖表
學(xué)習(xí)目標(biāo)
  • 掌握小程序組件化、網(wǎng)絡(luò)請(qǐng)求封裝、UI 組件庫(kù)等技術(shù)
  • 掌握基于騰訊地圖的常用功能開(kāi)發(fā)
  • 掌握下單支付的流程和實(shí)現(xiàn)

項(xiàng)目展示

項(xiàng)目特色
硅谷商城是在線(xiàn)商城系統(tǒng)的移動(dòng)微信小程序端，它提供了在線(xiàn)購(gòu)物的全業(yè)務(wù)鏈。 項(xiàng)目包括四大部分：商品中心、交易中心、營(yíng)銷(xiāo)中心和會(huì)員中心，每個(gè)部分又包含 6 個(gè)左右的模塊。 項(xiàng)目包含 50+個(gè)頁(yè)面和 100+個(gè)后臺(tái)接口，業(yè)務(wù)復(fù)雜度完全匹配企業(yè)級(jí)項(xiàng)目的難度。
主要技術(shù)棧
UniApp 原生小程序 Vue3 Vite Pinia TypeScript Sass Uni-UI Weixin SDK WebSocket
學(xué)習(xí)目標(biāo)
  • 掌握基于 UniApp + Vue3 + TypeScript 的小程序開(kāi)發(fā)
  • 掌握基于 UniUI 的各種界面的布局技
  • 掌握商品購(gòu)物、秒殺、優(yōu)惠券、拼團(tuán)、砍價(jià)、下單支付等核心模塊的業(yè)務(wù)功能實(shí)現(xiàn)
  • 全面掌握通用組件的封裝技術(shù)，包括：通用彈窗、營(yíng)銷(xiāo)活動(dòng)彈窗、地址管理、快捷菜單、簽到日歷、自定義卡片等組件

項(xiàng)目展示

項(xiàng)目特色
整個(gè)課程包含數(shù)據(jù)報(bào)表的2D可視化、數(shù)據(jù)大屏的2D可視化和3D數(shù)據(jù)可視化 數(shù)據(jù)報(bào)表應(yīng)用是電商后臺(tái)的相關(guān)統(tǒng)計(jì)數(shù)據(jù)的可視化，包含銷(xiāo)量、訂單、用戶(hù)、訪問(wèn)量、品牌等數(shù)據(jù) 數(shù)據(jù)大屏應(yīng)用是應(yīng)用監(jiān)控的相關(guān)數(shù)據(jù)的可視化，包含商家分布、地區(qū)銷(xiāo)量、品牌銷(xiāo)售等數(shù)據(jù) 3D可視化應(yīng)用是智慧工廠的監(jiān)控?cái)?shù)據(jù)的可視化，包含廠房3D動(dòng)態(tài)效果、生產(chǎn)數(shù)據(jù)2D效果、警告、事故等數(shù)據(jù)
主要技術(shù)棧
Echarts ThreeJS Vue3 VueRouter VueUse Axios ElementPlus VueGridLayout
學(xué)習(xí)目標(biāo)
  • 了解數(shù)據(jù)可視化的基本概念、原理和常用的可視化方法
  • 學(xué)習(xí)如何從不同的數(shù)據(jù)源獲取數(shù)據(jù)，并對(duì)數(shù)據(jù)進(jìn)行處理和轉(zhuǎn)換，以滿(mǎn)足可視化需求
  • 掌握基于Echarts的2D數(shù)據(jù)可視化技術(shù)
  • 掌握數(shù)據(jù)可視化的實(shí)時(shí)更新和大屏適配技術(shù)
  • 掌握基于ThreeJS的3D數(shù)據(jù)可視化技術(shù)

項(xiàng)目展示

風(fēng)口已來(lái)，鴻蒙打開(kāi)前端學(xué)習(xí)新紀(jì)元

與釘釘?shù)榷嗉移髽I(yè)合作共建AI時(shí)代的薪前端課程

多端開(kāi)發(fā)+鴻蒙+可視化+AI賦能

  • HTML
  • HTML5新特性
  • PhotoShop
  • 企業(yè)UI圖布局
  • ArkTS（鴻蒙）
  • 精靈圖
  • 浮動(dòng)
  • 定位
  • CSS2
  • HTML5
  • 語(yǔ)義化標(biāo)簽
  • 自定義播放器
  • 響應(yīng)式布局
  • 雙飛翼布局
  • 圣杯布局
  • 偽等高布局
  • Canvas
  • Video
  • Audio
  • LocalStroage
  • SessionStorage
  • Websocket
  • 拖拽
  • Animation
  • Transition
  • 2D變化
  • 3D變化
  • 幽靈按鈕
  • 文字特效
  • 陰影特效
  • 翹邊陰影
  • Sass
  • Less
  • Stylus
  • SVG
  • 盒模型
  • 藍(lán)湖
  • 設(shè)計(jì)稿
  • AI
  • JavaScript
  • Obejct
  • Array
  • Function
  • Ajax
  • Regex
  • ECMAscript2015
  • ECMAscript2016
  • prototype
  • __proto__
  • Bom
  • Dom
  • 函數(shù)化封裝
  • JSONP
  • CORS
  • 閉包
  • 原型
  • 作用域
  • 性能優(yōu)化
  • 單例模式
  • 工廠模式
  • 建造者模式
  • 原型模式
  • 代理模式
  • 事件隊(duì)列
  • 流程語(yǔ)句
  • 條件語(yǔ)句
  • 棧
  • 隊(duì)列
  • 編程模擬進(jìn)出棧
  • 同步與異步
  • 回調(diào)函數(shù)
  • Promise
  • Generator
  • async與await
  • 宏隊(duì)列與微隊(duì)列
  • 宏任務(wù)和微任務(wù)
  • 高階函數(shù)
  • 純函數(shù)
  • 函數(shù)柯里化
  • 代碼組合
  • 鏈表
  • 常用排序算法1: 冒泡
  • 常用排序算法1: 選擇
  • 常用排序算法1: 插入
  • 函數(shù)防抖
  • 函數(shù)節(jié)流
  • 深拷貝
  • 淺拷貝
  • jQuery
  • jQuery插件
  • 事件模型
  • 事件委托
  • ArtTemplate
  • Echarts
  • 數(shù)據(jù)可視化
  • BootStrap
  • BootStrap源碼分析
  • Angular
  • Angular模板解析
  • Angular雙向數(shù)據(jù)綁定
  • Zepto
  • viewport
  • Rem
  • 多指事件
  • 事件點(diǎn)透
  • 物理像素
  • 橡皮筋效果
  • 封裝移動(dòng)端插件
  • 布局視口
  • 視覺(jué)視口
  • 理想視口
  • meta標(biāo)簽
  • 無(wú)縫滑屏
  • Node.js
  • Express.js
  • npm
  • cnpm
  • yarn
  • cookie
  • session
  • MongoDB
  • 跨域問(wèn)題
  • Nginx
  • JSONP
  • 數(shù)據(jù)庫(kù)增刪改查
  • GET,POST請(qǐng)求
  • HTTP協(xié)議
  • SHA1、MD5加密隱私數(shù)據(jù)
  • 前端安全，數(shù)據(jù)加密
  • 中間件
  • Koa.js
  • Express.js
  • Koa-router
  • 校驗(yàn)服務(wù)器有效性
  • 接口管理
  • 用戶(hù)管理
  • 群發(fā)消息
  • 獲取全局接口調(diào)用憑據(jù)(ticket)
  • signature值的計(jì)算
  • 語(yǔ)音查電影功能
  • 爬蟲(chóng)
  • 微信公眾號(hào)開(kāi)發(fā)
  • 瀏覽器渲染原理
  • 瀏覽器內(nèi)核
  • requestAnimationFrame
  • DNS、CDN
  • sessionStorage、localStorage
  • 跨頁(yè)簽通信的實(shí)現(xiàn)
  • 網(wǎng)頁(yè)性能優(yōu)化
  • Git
  • Svn
  • Github
  • requestAnimationFrame
  • DNS、CDN
  • css圖層
  • 圖層的合理應(yīng)用
  • ArkUI（鴻蒙）
  • css、js阻塞
  • 重繪重排
  • webpack
  • Grunt
  • Gulp
  • Gulp熱加載
  • linux常見(jiàn)命令
  • React
  • Vue
  • Vue-cli
  • MVVM
  • Mint-UI
  • Redux
  • Vuex
  • Weex
  • Mock
  • Json-server
  • Vue源碼分析
  • Element UI
  • Axios
  • Fetch
  • flyio
  • iView
  • Vue指令
  • 組件化
  • 模塊化
  • 單項(xiàng)數(shù)據(jù)流
  • 雙向數(shù)據(jù)流
  • MVC
  • MVVM
  • 消息訂閱發(fā)布
  • React-router
  • Vue-router
  • Eslint
  • slot
  • keep-alive
  • setter/getter
  • props
  • state
  • refs
  • Vue2
  • Vue3
  • TypeScript
  • 原生小程序
  • 生命周期
  • mpvue
  • 小程序組件
  • 小程序配置
  • 小程序音樂(lè)播放
  • mpvue生命周期
  • cocos creator
  • 小游戲
  • 微前端
  • Flutter
  • HTML
  • HTML5新特性
  • PhotoShop
  • 企業(yè)UI圖布局
  • ArkTS（鴻蒙）
  • 精靈圖
  • 浮動(dòng)
  • 定位
  • CSS2
  • HTML5
  • 語(yǔ)義化標(biāo)簽
  • 自定義播放器
  • 響應(yīng)式布局
  • 雙飛翼布局
  • 圣杯布局
  • 偽等高布局
  • Canvas
  • Video
  • Audio
  • LocalStroage
  • SessionStorage
  • Websocket
  • 拖拽
  • Animation
  • Transition
  • 2D變化
  • 3D變化
  • 幽靈按鈕
  • 文字特效
  • 陰影特效
  • 翹邊陰影
  • Sass
  • Less
  • Stylus
  • SVG
  • 盒模型
  • 藍(lán)湖
  • 設(shè)計(jì)稿
  • AI
  • JavaScript
  • Obejct
  • Array
  • Function
  • Ajax
  • Regex
  • ECMAscript2015
  • ECMAscript2016
  • prototype
  • __proto__
  • Bom
  • Dom
  • 函數(shù)化封裝
  • JSONP
  • CORS
  • 閉包
  • 原型
  • 作用域
  • 性能優(yōu)化
  • 單例模式
  • 工廠模式
  • 建造者模式
  • 原型模式
  • 代理模式
  • 事件隊(duì)列
  • 流程語(yǔ)句
  • 條件語(yǔ)句
  • 棧
  • 隊(duì)列
  • 編程模擬進(jìn)出棧
  • 同步與異步
  • 回調(diào)函數(shù)
  • Promise
  • Generator
  • async與await
  • 宏隊(duì)列與微隊(duì)列
  • 宏任務(wù)和微任務(wù)
  • 高階函數(shù)
  • 純函數(shù)
  • 函數(shù)柯里化
  • 代碼組合
  • 鏈表
  • 常用排序算法1: 冒泡
  • 常用排序算法1: 選擇
  • 常用排序算法1: 插入
  • 函數(shù)防抖
  • 函數(shù)節(jié)流
  • 深拷貝
  • 淺拷貝
  • jQuery
  • jQuery插件
  • 事件模型
  • 事件委托
  • ArtTemplate
  • Echarts
  • 數(shù)據(jù)可視化
  • BootStrap
  • BootStrap源碼分析
  • Angular
  • Angular模板解析
  • Angular雙向數(shù)據(jù)綁定
  • Zepto
  • viewport
  • Rem
  • 多指事件
  • 事件點(diǎn)透
  • 物理像素
  • 橡皮筋效果
  • 封裝移動(dòng)端插件
  • 布局視口
  • 視覺(jué)視口
  • 理想視口
  • meta標(biāo)簽
  • 無(wú)縫滑屏
  • Node.js
  • Express.js
  • npm
  • cnpm
  • yarn
  • cookie
  • session
  • MongoDB
  • 跨域問(wèn)題
  • Nginx
  • JSONP
  • 數(shù)據(jù)庫(kù)增刪改查
  • GET,POST請(qǐng)求
  • HTTP協(xié)議
  • SHA1、MD5加密隱私數(shù)據(jù)
  • 前端安全，數(shù)據(jù)加密
  • 中間件
  • Koa.js
  • Express.js
  • Koa-router
  • 校驗(yàn)服務(wù)器有效性
  • 接口管理
  • 用戶(hù)管理
  • 群發(fā)消息
  • 獲取全局接口調(diào)用憑據(jù)(ticket)
  • signature值的計(jì)算
  • 語(yǔ)音查電影功能
  • 爬蟲(chóng)
  • 微信公眾號(hào)開(kāi)發(fā)
  • 瀏覽器渲染原理
  • 瀏覽器內(nèi)核
  • requestAnimationFrame
  • DNS、CDN
  • sessionStorage、localStorage
  • 跨頁(yè)簽通信的實(shí)現(xiàn)
  • 網(wǎng)頁(yè)性能優(yōu)化
  • Git
  • Svn
  • Github
  • requestAnimationFrame
  • DNS、CDN
  • css圖層
  • 圖層的合理應(yīng)用
  • ArkUI（鴻蒙）
  • css、js阻塞
  • 重繪重排
  • webpack
  • Grunt
  • Gulp
  • Gulp熱加載
  • linux常見(jiàn)命令
  • React
  • Vue
  • Vue-cli
  • MVVM
  • Mint-UI
  • Redux
  • Vuex
  • Weex
  • Mock
  • Json-server
  • Vue源碼分析
  • Element UI
  • Axios
  • Fetch
  • flyio
  • iView
  • Vue指令
  • 組件化
  • 模塊化
  • 單項(xiàng)數(shù)據(jù)流
  • 雙向數(shù)據(jù)流
  • MVC
  • MVVM
  • 消息訂閱發(fā)布
  • React-router
  • Vue-router
  • Eslint
  • slot
  • keep-alive
  • setter/getter
  • props
  • state
  • refs
  • Vue2
  • Vue3
  • TypeScript
  • 原生小程序
  • 生命周期
  • mpvue
  • 小程序組件
  • 小程序配置
  • 小程序音樂(lè)播放
  • mpvue生命周期
  • cocos creator
  • 小游戲
  • 微前端
  • Flutter

不嘩眾取寵，緊跟市場(chǎng)所需，旨在解決學(xué)員實(shí)際問(wèn)題

階段一：界面布局（HTML + CSS） 收起
掌握的技能
  • 1. HTML和HTML5基礎(chǔ)語(yǔ)法
  • 2. CSS和CSS3的基礎(chǔ)語(yǔ)法
  • 3. 掌握100+個(gè)企業(yè)級(jí)布局設(shè)計(jì)案例
  • 4. 使用藍(lán)湖工具，根據(jù)設(shè)計(jì)稿，實(shí)現(xiàn)完整靜態(tài)頁(yè)面
課程設(shè)計(jì)特色

本階段的課程設(shè)計(jì)注重HTML和CSS核心基礎(chǔ)，覆蓋HTML5、CSS3等新特性及經(jīng)典布局案例。同時(shí)，提供藍(lán)湖工具的實(shí)踐使用，以尚品匯靜態(tài)頁(yè)面為目標(biāo)，讓學(xué)生掌握企業(yè)級(jí)布局設(shè)計(jì)技能。

通過(guò)簡(jiǎn)潔清晰的教學(xué)，幫助學(xué)習(xí)者掌握HTML與HTML5的基本語(yǔ)法、CSS與CSS3的基本語(yǔ)法、并能獨(dú)立完成多種企業(yè)級(jí)布局設(shè)計(jì)任務(wù)，初步構(gòu)建自身的前端開(kāi)發(fā)技術(shù)體系。

關(guān)鍵技術(shù)清單
  • HTML、CSS核心基礎(chǔ)
  • HTML5新特性
  • CSS3新特性
  • CSS過(guò)渡與動(dòng)畫(huà)
  • 彈性盒模型
  • 經(jīng)典布局案例(雙飛翼，
    品字、響應(yīng)式布局)
  • 藍(lán)湖工具使用
  • 項(xiàng)目-尚品匯靜態(tài)頁(yè)面
階段二：與用戶(hù)交互（JavaScript + TypeScript） 點(diǎn)擊展開(kāi)
掌握的技能
  • 1. ES5基礎(chǔ)語(yǔ)法，BOM與DOM的語(yǔ)法使用和案例實(shí)現(xiàn)
  • 2. 封裝工具函數(shù)庫(kù)(節(jié)流、防抖、深淺拷貝、數(shù)組常用方法實(shí)現(xiàn)等)
  • 3. JavaScript作用域、閉包、原型、繼承、內(nèi)存分析、內(nèi)存管理、垃圾回收等深入分析
  • 4. 借助藍(lán)湖工具，根據(jù)設(shè)計(jì)稿，構(gòu)建頁(yè)面，到使用JS全部呈現(xiàn)項(xiàng)目完美流程
  • 5. ES5+與ES6+新語(yǔ)法，TypeScript核心語(yǔ)法
課程設(shè)計(jì)特色

本階段課程主要涉及JavaScript基礎(chǔ)、BOM和DOM、操作DOM、CSS預(yù)編譯器、工具函數(shù)庫(kù)、JavaScript高級(jí)等內(nèi)容。學(xué)生將掌握ES5和ES6+新語(yǔ)法、TypeScript核心語(yǔ)法、封裝工具函數(shù)庫(kù)、JavaScript作用域、閉包、原型、繼承、內(nèi)存分析等知識(shí)。

本階段課程涉及市場(chǎng)主流JavaScript應(yīng)用方案，并講解了從設(shè)計(jì)稿到靜態(tài)頁(yè)面再到動(dòng)態(tài)實(shí)現(xiàn)的流程。通過(guò)本階段的學(xué)習(xí)，提升學(xué)員的編程邏輯思維能力、鍛煉JavaScript原生代碼書(shū)寫(xiě)能力。

關(guān)鍵技術(shù)清單
  • JavaScript基礎(chǔ)
  • BOM與DOM
  • JavaScript面向?qū)ο?JS高級(jí))
  • ES5+與 ES6+
  • less/sass/bootStrap
  • 項(xiàng)目-尚品匯頁(yè)面交互
  • 前端常用工具庫(kù)
  • 手寫(xiě)工具函數(shù)庫(kù)
  • TypeScript核心語(yǔ)法
階段三：前后臺(tái)交互+工程化 點(diǎn)擊展開(kāi)
掌握的技能
  • 1. 掌握分布式版本控制工具Git的綜合使用
  • 2. 了解Node.js基礎(chǔ)，HTTP服務(wù)搭建，接口編寫(xiě)
  • 3. 掌握搭建模擬動(dòng)態(tài)REST風(fēng)格接口的技術(shù)
  • 4. 掌握前后臺(tái)交互技術(shù)AJAX，并封裝AJAX庫(kù)
  • 5. 掌握流行的AJAX庫(kù)axios的使用和二次封裝
  • 6. 掌握基于Webpack的工程化開(kāi)發(fā)，全棧項(xiàng)目開(kāi)發(fā)后臺(tái)
課程設(shè)計(jì)特色

本階段課程主要涵蓋Node.js服務(wù)器、前后臺(tái)交互和工程化技術(shù)，包括常用命令、Git協(xié)同開(kāi)發(fā)、框架、數(shù)據(jù)庫(kù)、HTTP協(xié)議、Node.js搭建真實(shí)接口、MockJS和JSONServer搭建模擬接口、模塊化、構(gòu)建工具和工程化項(xiàng)目等方面。

通過(guò)學(xué)習(xí)這些內(nèi)容，幫助掌握現(xiàn)代Web開(kāi)發(fā)所需的技能，提高團(tuán)隊(duì)協(xié)作效率和項(xiàng)目管理能力。課程設(shè)計(jì)注重實(shí)踐，讓學(xué)員在理論知識(shí)的基礎(chǔ)上獨(dú)立完成項(xiàng)目，并加深對(duì)實(shí)際應(yīng)用的理解。

關(guān)鍵技術(shù)清單
  • NPM與YARN常用命令
  • Git常用命令與協(xié)同開(kāi)發(fā)
  • Node.js & Express框架
  • MongoDB & Mongoose
  • HTTP協(xié)議 & Cookie & Session
  • Ajax（原生、工具庫(kù)、自定義封裝、Axios）
  • Mockjs & JSONServer
  • ESM與ComonJS模塊化
  • Webpack
階段四：Vue項(xiàng)目開(kāi)發(fā) 點(diǎn)擊展開(kāi)
掌握的技能
  • 1. 掌握Vue2的基礎(chǔ)語(yǔ)法和核心擴(kuò)展庫(kù)(Router、Vuex、ElementUI)
  • 2. 掌握Vue3的最新語(yǔ)法和核心插件(Router、Pinia、ElementPlus)
  • 3. 理解Vue2與Vue3的響應(yīng)式和虛擬DOM的原理及其區(qū)別
  • 4. 掌握數(shù)據(jù)可視化技術(shù)及在項(xiàng)目中的應(yīng)用
  • 5. 掌握Vue2+JS 與 Vue3+TS的企業(yè)級(jí)項(xiàng)目開(kāi)發(fā)
課程設(shè)計(jì)特色

本階段課程以Vue技術(shù)棧為主線(xiàn)，深入地探討了Vue的基礎(chǔ)知識(shí)、路由、狀態(tài)管理，以及常用UI庫(kù)的使用。同時(shí)，還涉及到Vue源碼中的重要概念，如數(shù)據(jù)響應(yīng)式和虛擬DOM。此外，本階段還特別介紹了Vue3和TypeScript的綜合應(yīng)用，并附加實(shí)戰(zhàn)項(xiàng)目——大型電商項(xiàng)目尚品匯的前臺(tái)PC頁(yè)面和中臺(tái)Admin頁(yè)面的開(kāi)發(fā)過(guò)程。本階段課程的特色在于結(jié)合實(shí)踐案例講解Vue的核心理念和實(shí)現(xiàn)原理，能夠幫助學(xué)員深入掌握Vue的使用和運(yùn)用。

關(guān)鍵技術(shù)清單
  • Vue2入門(mén)
  • TypeScript
  • Vue3
  • VueRouter
  • Vuex
  • Vue響應(yīng)式原理分析
  • 數(shù)據(jù)可視化
  • VuePC項(xiàng)目-電商前臺(tái)
  • VuePC項(xiàng)目-后臺(tái)管理
階段五：原生小程序+uniapp應(yīng)用開(kāi)發(fā) 點(diǎn)擊展開(kāi)
掌握的技能
  • 1. 掌握原生小程序核心語(yǔ)法，開(kāi)發(fā)原生小程序應(yīng)用
  • 2. 能快速開(kāi)發(fā)基于UniApp的小程序應(yīng)用
  • 3. 掌握項(xiàng)目開(kāi)發(fā)的完整流程與應(yīng)用技巧
課程設(shè)計(jì)特色

第六階段課程聚焦小程序技術(shù)棧，內(nèi)容涵蓋原生小程序核心API、UniApp框架的核心API、uView UI組件庫(kù)以及實(shí)際項(xiàng)目案例慕尚花坊、谷粒微課和硅谷代駕。課程設(shè)計(jì)注重實(shí)踐操作，通過(guò)分步驟的演示和練習(xí)，幫助學(xué)員深刻理解小程序開(kāi)發(fā)的基本流程和技巧。同時(shí)，考慮到小程序在不同平臺(tái)的應(yīng)用場(chǎng)景,課程中既有針對(duì)原生小程序的講解，也有對(duì)于多端統(tǒng)一開(kāi)發(fā)的UniApp框架的介紹。

關(guān)鍵技術(shù)清單
  • 原生小程序核心API
  • 小程序框UniApp的核心API
  • 小程序UI組件庫(kù)uView
  • 慕尚花坊(原生小程序)
  • 谷粒微課(UniApp小程序)
  • 硅谷代駕(UniApp小程序)
階段六：鴻蒙應(yīng)用開(kāi)發(fā) 點(diǎn)擊展開(kāi)
掌握的技能
  • 1.HarmonyOS應(yīng)用開(kāi)發(fā)環(huán)境的搭建
  • 2.ArkTS與ArkUI使用
  • 3.調(diào)用手機(jī)的常用系統(tǒng)服務(wù)：定位、多媒體、電話(huà)、短信等
  • 4.網(wǎng)絡(luò)請(qǐng)求和Web組件使用與后臺(tái)交互
  • 5.萬(wàn)能服務(wù)卡片和應(yīng)用多端適配的實(shí)現(xiàn)
  • 6.對(duì)應(yīng)用性能進(jìn)行優(yōu)化和應(yīng)用快速打包上線(xiàn)
課程設(shè)計(jì)特色

本階段課程主要關(guān)注鴻蒙4.0版本應(yīng)用開(kāi)發(fā)，以項(xiàng)目實(shí)戰(zhàn)為驅(qū)動(dòng)，集成理論講解、測(cè)試編碼與應(yīng)用 實(shí)戰(zhàn)。從基礎(chǔ)的TS、ArkTS和ArkUI學(xué)習(xí)開(kāi)始，一步一步深入學(xué)習(xí)HarmonyOS應(yīng)用開(kāi)發(fā)的各個(gè)方面，包括：多媒體、網(wǎng)絡(luò)、系統(tǒng)服務(wù)、服務(wù)卡片、通知、適配、性能優(yōu)化和打包上線(xiàn)等。

關(guān)鍵技術(shù)清單
  • ArkTS與ArkUI
  • 前后臺(tái)交互請(qǐng)求技術(shù)
  • 系統(tǒng)服務(wù)與服務(wù)卡片API
  • 多媒體音視頻API
  • 異步任務(wù)與通知
  • 性能優(yōu)化與打包上線(xiàn)
  • 多端適配原生App: 硅谷租房
  • 元服務(wù)與多媒體原生App：谷粒隨享
階段七：項(xiàng)目實(shí)訓(xùn)+畢業(yè)精講+就業(yè)指導(dǎo) 點(diǎn)擊展開(kāi)
掌握的技能
  • 1. 掌握基于Vue和React技術(shù)棧的項(xiàng)目開(kāi)發(fā)
  • 2. 掌握基于原生小程序和UniApp小程序的項(xiàng)目開(kāi)發(fā)
  • 3. 掌握多人協(xié)同開(kāi)發(fā)和解決bug的綜合技巧
  • 4. 建立前端技術(shù)體系，搞定高頻的面試題
  • 5. 利用AI輔助項(xiàng)目開(kāi)發(fā)，提升開(kāi)發(fā)效率和項(xiàng)目性能
  • 6. 利用AI輔助優(yōu)化簡(jiǎn)歷和模擬面試
課程設(shè)計(jì)特色

實(shí)戰(zhàn)項(xiàng)目堅(jiān)決按照開(kāi)發(fā)的實(shí)際流程來(lái)實(shí)現(xiàn)，書(shū)寫(xiě)完整的接口文檔。依循企業(yè)的編碼要求，不僅僅講解高頻面試題，還幫助學(xué)員建立系統(tǒng)的前端技術(shù)體系。

關(guān)鍵技術(shù)清單
  • Vue前臺(tái)項(xiàng)目開(kāi)發(fā)實(shí)戰(zhàn)
  • Vue后臺(tái)管理項(xiàng)目開(kāi)發(fā)實(shí)戰(zhàn)
  • 小程序UniApp應(yīng)用開(kāi)發(fā)實(shí)戰(zhàn)
  • 鴻蒙應(yīng)用開(kāi)發(fā)實(shí)戰(zhàn)
  • 前端技術(shù)體系化復(fù)習(xí)總結(jié)
  • 高頻&大廠面試題分析
  • 簡(jiǎn)歷指導(dǎo)、職業(yè)規(guī)劃、簡(jiǎn)歷書(shū)寫(xiě)、模擬面試
附贈(zèng)高級(jí)必備(選學(xué)) 收起
  • React技術(shù)棧
  • React項(xiàng)目
  • Git高級(jí)
  • Webpack高級(jí)
  • 自定義工具庫(kù)
  • 自定義PubSub,EventBus
  • 自定義Promise高級(jí)

新技術(shù)帶來(lái)前端職業(yè)發(fā)展新機(jī)遇

Web
工程師 Node
后臺(tái)開(kāi)發(fā)
工程師 高級(jí)
架構(gòu)師 移動(dòng)端
開(kāi)發(fā)工程師 小程序
工程師 前端開(kāi)發(fā)
工程師 Vue
工程師 資深
架構(gòu)師 React
工程師 全棧
開(kāi)發(fā)工程師 大屏可視化
開(kāi)發(fā)工程師 PC端
開(kāi)發(fā)工程師 CTO 鴻蒙應(yīng)用
開(kāi)發(fā)工程師 React
工程師

豪華講師天團(tuán)全程面授

多年企業(yè)實(shí)戰(zhàn)&授課經(jīng)驗(yàn)

  • 張老師

    偶像級(jí)講師，B站
    Vue+React視頻天花板

  • 熊老師

    多年全棧開(kāi)發(fā)
    工作歷練

  • 賈老師

    多年項(xiàng)目與
    企業(yè)管理經(jīng)驗(yàn)

  • 李老師

    多年開(kāi)發(fā)經(jīng)驗(yàn)
    項(xiàng)目經(jīng)驗(yàn)豐富

  • 閆老師

    精通前端主流框架

  • 劉老師

    精通技術(shù)底層原理
    及使用

  • 張老師

    全技術(shù)棧大咖講師

  • 楊老師

    豐富的前后端
    交互開(kāi)發(fā)經(jīng)驗(yàn)

全程護(hù)航，你們只管乘風(fēng)破浪

從入學(xué)到就業(yè)后，尚硅谷始終在你身邊，助力學(xué)員整個(gè)職業(yè)生涯持續(xù)提升
一站式服務(wù)模式，用更高的效率，更科學(xué)化的方法，提供長(zhǎng)期就業(yè)輔導(dǎo)、推薦和技術(shù)支持

  • web前端培訓(xùn)

    不同于目前培訓(xùn)機(jī)構(gòu)普遍采用的測(cè)試方式，我們對(duì)基礎(chǔ)沒(méi)有硬性要求，我們不會(huì)用提高技術(shù)門(mén)檻的方法來(lái)降低自己培訓(xùn)壓力與風(fēng)險(xiǎn)，只要你是有志青年、 有學(xué)習(xí)潛力、熱愛(ài)編程，尚硅谷就愿意為你提供學(xué)習(xí)平臺(tái)，助你成才。

  • 根據(jù)每個(gè)學(xué)員具體情況制定預(yù)習(xí)方案，幫你提前進(jìn)入狀態(tài)。

  • web前端開(kāi)發(fā)培訓(xùn)

    技術(shù)老師、輔導(dǎo)老師、班主任全程貫穿
    技術(shù)學(xué)習(xí)+項(xiàng)目實(shí)戰(zhàn)+學(xué)習(xí)效果測(cè)評(píng)+輔導(dǎo)答疑+生活幫助

  • 就業(yè)老師1v1面試指導(dǎo)
    職業(yè)素養(yǎng)課+簡(jiǎn)歷指導(dǎo)+模擬面試+面試

  • 前端培訓(xùn)課程

    畢業(yè)后仍可按需學(xué)習(xí)，免費(fèi)充電，持續(xù)提升

  • 扶上馬，再送一程，幫助學(xué)員解決工作中的問(wèn)題。

全國(guó)中心

北京基地
北京前端培訓(xùn) 北京web前端培訓(xùn)
上?；?/h5>

前端培訓(xùn)課程 web前端開(kāi)發(fā)培訓(xùn)
深圳基地
web前端培訓(xùn)機(jī)構(gòu) 前端培訓(xùn)班
武漢基地
web前端培訓(xùn)班

西安基地
前端開(kāi)發(fā)培訓(xùn)
成都基地
前端培訓(xùn)課程