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

鴻蒙賦能

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

項目升級

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

低代碼開發(fā)平臺

擁抱市場，重塑課程核心競爭力

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

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

漸進式教學

實力狂飆，每天都有“薪”收獲

大咖面授

名師云集全程帶你從入門到起飛

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

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

大咖帶隊，全程實戰(zhàn)

學員親自上手實操AIGC背景下的前端工作

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

項目展示

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

項目展示

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

項目展示

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

項目展示

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

項目展示

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

項目展示

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

項目展示

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

項目展示

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

項目展示

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

項目展示

風口已來，鴻蒙打開前端學習新紀元

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

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

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

不嘩眾取寵，緊跟市場所需，旨在解決學員實際問題

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

豪華講師天團全程面授

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

  • 張老師

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

  • 熊老師

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

  • 賈老師

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

  • 李老師

    多年開發(fā)經(jīng)驗
    項目經(jīng)驗豐富

  • 閆老師

    精通前端主流框架

  • 劉老師

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

  • 張老師

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

  • 楊老師

    豐富的前后端
    交互開發(fā)經(jīng)驗

全程護航，你們只管乘風破浪

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

  • web前端培訓

    不同于目前培訓機構(gòu)普遍采用的測試方式，我們對基礎(chǔ)沒有硬性要求，我們不會用提高技術(shù)門檻的方法來降低自己培訓壓力與風險，只要你是有志青年、 有學習潛力、熱愛編程，尚硅谷就愿意為你提供學習平臺，助你成才。

  • 根據(jù)每個學員具體情況制定預習方案，幫你提前進入狀態(tài)。

  • web前端開發(fā)培訓

    技術(shù)老師、輔導老師、班主任全程貫穿
    技術(shù)學習+項目實戰(zhàn)+學習效果測評+輔導答疑+生活幫助

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

  • 前端培訓課程

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

  • 扶上馬，再送一程，幫助學員解決工作中的問題。

全國中心

北京基地
北京前端培訓 北京web前端培訓
上海基地

前端培訓課程 web前端開發(fā)培訓
深圳基地
web前端培訓機構(gòu) 前端培訓班
武漢基地
web前端培訓班

西安基地
前端開發(fā)培訓
成都基地
前端培訓課程