人才缺口巨大,待遇水漲船高
  • 前景廣闊

    前端工程師強勢崛起

  • 缺口巨大

    高級前端人才長期缺乏

  • 薪資飆升

    近年前端薪資持續大幅上升

隨著工作經驗的積累,收入水漲船高

薪資穩步增長

以企業需求為導向提供前端解決方案
  • 企業級UI設計圖實現頁面布局

    BootStrap實現響應式頁面

    原生JavaScript實現小游戲開發

    原生Ajax實現前后端通信

    JSONP,CORS實現解決跨域

    Animation實現動畫

    Canvas實現氣泡, 鐘表功能

    jQuery實現備忘錄項目

    ArtTemplate實現模板頁面復用

    Viewport + Rem實現移動端適配

    ViewPort實現1物理像素問題

    原生JavaScript實現無縫滑屏

    zepto實現移動端滑屏

    Stylus/Less實現CSS預編譯

    Express實現服務器端搭建

    Nginx實現服務器反向代理

    ngrok實現內網穿透

    sha1、MD5實現加密隱私數據

    Monggose實現mongoDB數據庫操作

    Echarts實現數據可視化

    Mock、json-server實現模擬數據

    Nodejs實現前后端完全分離

    WebSocket實現實時通信

    企業級UI設計圖實現頁面布局

    BootStrap實現響應式頁面

    原生JavaScript實現小游戲開發

    原生Ajax實現前后端通信

    JSONP,CORS實現解決跨域

    Animation實現動畫

    Canvas實現氣泡, 鐘表功能

    jQuery實現備忘錄項目

    ArtTemplate實現模板頁面復用

    Viewport + Rem實現移動端適配

    ViewPort實現1物理像素問題

    原生JavaScript實現無縫滑屏

    zepto實現移動端滑屏

    Stylus/Less實現CSS預編譯

    Express實現服務器端搭建

    Nginx實現服務器反向代理

    ngrok實現內網穿透

    sha1、MD5實現加密隱私數據

    Monggose實現mongoDB數據庫操作

    Echarts實現數據可視化

    Mock、json-server實現模擬數據

    Nodejs實現前后端完全分離

    WebSocket實現實時通信

    企業級UI設計圖實現頁面布局

    BootStrap實現響應式頁面

    原生JavaScript實現小游戲開發

    原生Ajax實現前后端通信

    JSONP,CORS實現解決跨域

    Animation實現動畫

    Canvas實現氣泡, 鐘表功能

    jQuery實現備忘錄項目

    ArtTemplate實現模板頁面復用

    Viewport + Rem實現移動端適配

    ViewPort實現1物理像素問題

    原生JavaScript實現無縫滑屏

    zepto實現移動端滑屏

    Stylus/Less實現CSS預編譯

    Express實現服務器端搭建

    Nginx實現服務器反向代理

    ngrok實現內網穿透

    sha1、MD5實現加密隱私數據

    Monggose實現mongoDB數據庫操作

    Echarts實現數據可視化

    Mock、json-server實現模擬數據

    Nodejs實現前后端完全分離

    WebSocket實現實時通信

  • promise,async實現解決回調地獄問題

    class實現真正意義的面向對象

    swiper實現各種場景輪播圖

    better-scroll實現滑屏功能

    React-router實現React路由跳轉問題

    Redux實現數據集中管理

    Antd實現ReactUI界面布局

    React實現受控組件

    Vue-router實現基于Vue的SPA應用

    Vuex實現基于Vue的狀態集中管理

    Mint-UI實現基于Vue移動端的UI界面布局

    Element-UI實現基于VuePC端界面UI布局

    微信公眾號實現消息定時推送功能

    微信小程序實現音樂播放功能

    Mpvue實現小程序開發

    Cocos Creator實現小游戲開發

    函數防抖節流實現提高JavaScript性能問題

    開啟圖層實現減少重繪重排性能優化問題

    Gulp實現項目文件合并打包

    Webpack實現項目工程化,項目熱加載

    ES6, Commonjs實現模塊化開發

    SVN,GIT實現項目版本管理

    JavaScript實現數據深度克隆

    promise,async實現解決回調地獄問題

    class實現真正意義的面向對象

    swiper實現各種場景輪播圖

    better-scroll實現滑屏功能

    React-router實現React路由跳轉問題

    Redux實現數據集中管理

    Antd實現ReactUI界面布局

    React實現受控組件

    Vue-router實現基于Vue的SPA應用

    Vuex實現基于Vue的狀態集中管理

    Mint-UI實現基于Vue移動端的UI界面布局

    Element-UI實現基于VuePC端界面UI布局

    微信公眾號實現消息定時推送功能

    微信小程序實現音樂播放功能

    Mpvue實現小程序開發

    Cocos Creator實現小游戲開發

    函數防抖節流實現提高JavaScript性能問題

    開啟圖層實現減少重繪重排性能優化問題

    Gulp實現項目文件合并打包

    Webpack實現項目工程化,項目熱加載

    ES6, Commonjs實現模塊化開發

    SVN,GIT實現項目版本管理

    JavaScript實現數據深度克隆

    promise,async實現解決回調地獄問題

    class實現真正意義的面向對象

    swiper實現各種場景輪播圖

    better-scroll實現滑屏功能

    React-router實現React路由跳轉問題

    Redux實現數據集中管理

    Antd實現ReactUI界面布局

    React實現受控組件

    Vue-router實現基于Vue的SPA應用

    Vuex實現基于Vue的狀態集中管理

    Mint-UI實現基于Vue移動端的UI界面布局

    Element-UI實現基于VuePC端界面UI布局

    微信公眾號實現消息定時推送功能

    微信小程序實現音樂播放功能

    Mpvue實現小程序開發

    Cocos Creator實現小游戲開發

    函數防抖節流實現提高JavaScript性能問題

    開啟圖層實現減少重繪重排性能優化問題

    Gulp實現項目文件合并打包

    Webpack實現項目工程化,項目熱加載

    ES6, Commonjs實現模塊化開發

    SVN,GIT實現項目版本管理

    JavaScript實現數據深度克隆

持續自我迭代,始終緊跟企業實際技術選型

多年來我們一直被模仿,期待被超越!

40天項目實戰   超100個企業技能點   超真實企業項目還原
  • 硅谷商城
  • 硅谷外賣
  • 硅谷直聘
  • 谷粒后臺
  • 谷粒音樂
  • E寵商城
  • 網易嚴選
  • 到位
  • 硅谷商城

    該項目是基于Vue技術棧的電商項目, 是一個前后臺分離的全棧PC端Web SPA,基本包含了經典電商項目的所有核心功能, 如商品, 購物車, 訂單, 支付等模塊

    項目架構

    前臺: Vue + Vuex + Vue-Router + ES6 + Axios

    后臺: Node + Express + MongoDB + Mongoose

    功能模塊

    用戶注冊/登陸, 個人中心, 商城首頁, 商品秒殺

    商品搜索,商品詳情, 購物車, 訂單, 支付等模塊

    技術點

    Vue, Vue-Router, Vuex, Element, Swiper, mockjs,Postman, Axios, JSONP,

    localStorage,ES6, Babel, webpack, Vue-Cli, ESlint, stylus,Token令牌

  • 硅谷外賣

    基于Vue全家桶的在線外賣移動端 Web SPA, 實現了外賣應用的幾大核心模塊, 采用模塊化、組件化、工程化的模式開發

    項目架構

    前臺: Vue全家桶 + ES6 + webpack

    后臺: Node + Express + MongoDB + Mongoose

    功能模塊

    導航頁,商家列表主頁面, 商家信息, 商品列表, 評論列表, 購物車

    搜索頁, 訂單頁, 個人中心與登陸注冊頁

    技術點

    Vue, Vue-Router, Vuex, Mint-UI, vue-lazyload,better-scroll, Swiper, mockjs,

    Postman, Axios,ES6, Babel, webpack, Vue-Cli, ESlint, stylus

  • 硅谷直聘

    該項目是基于新版本 React 的全棧項目,此項目為一個前后臺分離的招聘的移動端Web SPA, 包括前端應用和后端應用,功能類似于BOSS直聘

    項目架構

    前臺: React全家桶 + ES6 + webpack

    后臺: Node + Express + MongoDB + SocketIO

    功能模塊

    用戶注冊/登陸, 用戶中心, 用戶信息完善

    Boss列表, 牛人列表界面, 實時聊天等功能模塊

    技術點

    React, React-Router-DOM, Redux, antd-mobile, Axios,Postman, webpack

    ESlint,create-react-app,Babel, MD5, js-cookie, socket-io

  • 谷粒后臺

    該項目是基于新版本 React 全家桶的后臺管理項目,包括前端PC應用和后端應用,采用模塊化、組件化、工程化的模式開發

    項目架構

    前臺: React + Redux + React-Router + Axios + webpack

    后臺: Node + Express + MongoDB + Mongoose

    功能模塊

    用戶登陸, 后臺首頁, 用戶管理, 商品分類管理, 商品管理

    權限管理, 圖表數據處理等功能模塊

    技術點

    React, React-Router-DOM, Redux, React-Redux, Ant Design, Axios, JSONP,

    Postman,webpack, ESlint, create-react-app, Babel, Draft-js, ECharts, react-for-echarts

  • 谷粒音樂

    該項目是一個原生項目,類似于市場上音樂播放軟件,主要是給用戶提供觀看視頻,搜索音樂功能

    項目架構

    原生JS + Less布局 + rem適配 + 自定義滾動條 + 移動端防抖動 + 即點即停

    功能模塊

    導航頁,無縫滑屏,tab選項卡,豎向滑屏,自定義滾動條

    技術點

    絕對定位模擬固定定位,橫向滑屏,橡皮筋效果,加速效果

    無縫滑屏運用防抖動邏輯,豎向滑屏實現即點即停

  • E寵商城

    該項目是一個關于寵物的線上電商項目,功能完善,技術點豐富,通過實戰百分百還原真實開發場景,讓每一個學員提前適應企業開發

    項目架構

    前后端完全分離: Vue全家桶 + NodeJs + MockJs

    功能模塊

    主頁,分類,識物,購物車,個人中心,

    搜索,登錄,注冊

    技術點

    Vue,Vue-router,Vuex,Axios,NodeJs,MockJs,組件通信,事件處理,封裝組件

    Swiper,下拉刷新,上拉加載,模糊匹配

  • 網易嚴選

    該項目依托網易嚴選項目,是一個前后端分離的大型電商項目,業務完善、技術全面,讓學員可以更完善其全棧技能

    項目架構

    前后端完全分離: React全家桶 + NodeJs + MockJs

    功能模塊

    主頁,分類,發現,甑選家,購物車,個人中心,

    搜索,登錄,注冊

    技術點

    React,React-router,Redux,Fetch,MockJs,NodeJs,

    Swiper,better-scroll,封裝Ajax類庫,正則驗證

  • 到位

    該項目是一個PC端線上商城項目,主要運用技術jQuery、Ajax、Node.js等,通過實戰演練,大大鞏固每個學員的jQuery技術棧,讓所學知識更加得心應手。

    項目架構

    前后端完全分離: jQuery + Swiper + json-server + Nodejs

    功能模塊

    主頁,列表頁,詳情頁,評論模塊

    技術點

    jQuery, $.ajax, Swiper, MockJs,Nodejs,

    Animate,jQuery事件委托

11.12億的微信用戶資源,是無數企業的必爭之地

深度剖析多場景小程序核心功能,手把手教你開發微信公眾號

  • 微信公眾號
  • 微信小程序
  • 微信公眾號
    獲取access_token全局唯一憑據
    自動回復用戶消息
    上傳/下載多媒體素材
    自定義菜單
    用戶管理
    群發消息
    Express框架使用
    自定義中間件
    后臺數據
    Express框架使用
    Mongoose使用
    Puppeteer爬蟲使用
    qiniu云服務器使用
    nanoid使用
    promise進階用法
    async和await用法
    微信JS-SDK
    獲取jsapi_ticket全局唯一票據
    微信/QQ自定義分享
    上傳/下載多媒體素材
    語音識別
    rem適配
    Zepto使用
    異步發送Ajax請求
    JSONP跨域
    功能模塊
    首頁模塊
    搜索模塊
    詳情模塊
    視頻播放模塊
    評論管理模塊
    后臺服務器模塊
    后臺服務器數據管理模塊
    微信硅谷電影頻道
    rem適配
    flex布局
    Zepto使用
    Bootstrap使用
    DPlayer使用
    EJS使用
    彈幕前后臺交互功能
    擴展技術
    豆瓣開放API
    Puppeteer
    qiniu
    DPlayer
    Express框架源碼分析
    Nodejs進階技術
    微信公眾號支付流程說明
    微信公眾號分享流程說明
  • 原生小程序
    組件化
    wx.request網絡請求
    wx.setStorage/wx.getStorage本地存儲
    wx.navigateTo路由跳轉
    wx.playBackgroundAudio背景音樂播放
    小程序生命周期
    小程序綁定事件
    小程序遍歷數據
    小程序模板使用
    適配方案
    布局視口
    視覺視口
    px,em, rem,rpx說明
    dpr, ppi, dpi對比
    視網膜屏幕
    物理像素
    css像素/獨立設備像素
    Mpvue
    Mpvue簡介
    Mpvue核心思想說明
    Mpvue特點
    Mpvue同Vue的相同點和不同點
    模塊化,組件化,工程化開發
    Mpvue生命周期VS原生小程序生命周期
    flyio使用
    Ajax請求類庫封裝
    前后端完全分離應用
    中間層
    Nodejs服務器搭建
    Koa框架使用
    KoaRouter應用
    注冊路由
    async異步處理函數
    工具類庫封裝
    axios使用、使用路由中間件
    功能模塊
    導航模塊
    主頁模塊
    列表頁模塊
    詳情頁模塊
    搜索圖書模塊
    個人中心模塊
    掃碼看書模塊
    個人收藏模塊
    擴展技術
    豆瓣圖書開放API
    flyio
    Koa框架
    KoaRouter
    小程序支付流程說明
    小程序分享功能說明
    阿里小程序介紹、釘釘應用開發介紹

以就業為目標,用實力說話

階段1.前端核心基礎
  • 01HTML +_CSS核心基礎
    • DIV + CSS布局
    • CSS文本屬性
    • CSS基本選擇器
    • CSS復合選擇器
    • 盒子模型原理
    • 盒模型內邊距
    • 盒模型外邊距
    • 盒模型外邊距合并
    • 盒模型外邊距塌陷
    • 浮動布局
    • 清除浮動的幾種方式
    • 相對定位布局
    • 絕對定位布局
    • 固定定位布局
    • 圖標字體的下載和應用
    • PhotoShop的使用及切圖
    • icon圖標制作及使用
  • 02JavaScript基礎語法
    • JavaScript簡介
    • 變量的聲明與使用
    • 變量和內存的關系
    • 變量內存空間分配與原理
    • 變量的數據類型
    • 數據類型之間的轉換
    • 流程控制語句
    • if 分支結構
    • switch 選擇結構與相關規則
    • 循環結構語句
    • for 循環
    • while 循環
    • do-while 循環語句
    • 函數的聲明與使用
    • 函數調用的過程分析
    • 參數的值傳遞
    • 函數的返回值
    • 函數的幾種定義方式
    • 數組及數組的幾種定義方式
  • 03JavaScript面向對象
    • JavaScript面向對象說明
    • 初識對象
    • 對象的屬性和方法
    • 創建對象的幾種方式
    • 構造函數
    • 原型和原型對象
    • 原型鏈
    • 作用域
    • 變量提升
    • 函數提升
    • 作用域鏈
    • js內置對象
    • Date對象
    • Array對象
    • String對象
    • Boolean對象
    • Number對象
    • Math對象
    • this的指向講解
    • call和apply函數
  • 04JavaScript DOM和BOM編程
    • javascript DOM和BOM編程
    • DOM概念
    • 獲取DOM的幾種方式
    • 事件原理及執行過程
    • 排它操作
    • 事件類型
    • 操作DOM對象的屬性,內容,樣式
    • 節點的概念
    • 獲取節點的幾種方式
    • 封裝兼容所有瀏覽器函數
    • 創建節點的幾種方式
    • 常用節點操作屬性
    • 事件的三個階段
    • 事件冒泡原理
    • 事件委派
    • BOM概念
    • window對象
    • 定時器的應用
  • 05jQuery框架
    • jQuery發展史
    • jQuery的優勢
    • jQuery設計模式
    • 選擇器分步講解
    • 鏈式編程
    • 動畫函數
    • 事件委托
    • 過濾和查找
    • 隱式迭代
    • 網頁常見動效案例
    • 插件的制作和使用
    • jQuery中Ajax使用
    • jQuery解決跨域
    • jQuery中get和post區別
    • jQuery案例演練
    • artTemplate模板使用
    • js動效綜合案例
    • 正則表達式
階段2.HTML5 + CSS3 + 移動端核心
  • 01HTML5新特性
    • 語義化標簽
    • 語義化標簽布局
    • 狀態標簽
    • 列表標簽
    • 注釋標簽
    • 標記標簽
    • input新屬性
    • placeholder
    • autocomplete
    • autofocus
    • required
    • video
    • audio
    • source
    • 音階導航
    • 自定義播放器
    • 響應式布局
    • 媒體選擇器
    • 子元素選擇器
    • 相鄰兄弟選擇器
    • 通用兄弟選擇器
    • 伸縮盒模型新版本
    • 伸縮盒模型老版本
    • 伸縮盒模型布局
    • 多列布局
    • 粘連布局
    • 圣杯布局
    • 雙飛翼布局
    • 偽等高布局
    • bfc兩列布局
  • 02Canvas專列
    • Canvas基本使用
    • Canvas繪制矩形
    • Canvas橡皮擦
    • Canvas線段
    • Canvas三角形
    • Canvas五角星
    • Canvas簽名
    • Canvas圓形
    • Canvas圓弧
    • Canvas位移
    • Canvas縮放
    • Canvas旋轉
    • Canvas變換基點兩種形式
    • Canvas時鐘效果
    • Canvas加載圖片
    • Canvas飛鳥效果
    • Canvas線性漸變
    • Canvas徑向漸變
    • Canvas填充文字
    • Canvas鏤空字
    • Canvas文字水平垂直居中
    • Canvas文字陰影
    • Canvas和陰影
    • Canvas圖片合成
    • Canvas刮刮卡
    • Canvas讀取像素
    • Canvas寫入像素
    • Canvas創建像素對象
    • Canvas操作單個像素
    • Canvas馬賽克效果
  • 03CSS3新特性
    • 群組選擇器
    • 交集選擇器
    • 基本屬性選擇器
    • 包含屬性選擇器
    • 錨點偽類
    • 用戶行為偽類
    • 目標偽類
    • 目標偽類實現圖片切換
    • checked狀態偽類
    • 自定義單選按鈕
    • CSS3結構類
    • CSS3結構類實現尺子效果
    • 否定選擇器
    • 偽元素::first-line
    • 偽元素::first-letter
    • 偽元素::before
    • 偽元素::after
    • 偽元素::selection
    • 偽元素實現文章列表
    • 使用純css制作三角形
    • 子元素選擇器
    • 相鄰兄弟選擇器
    • 通用兄弟選擇器
    • 群組選擇器
    • 交集選擇器
    • 基本屬性選擇器
    • 包含屬性選擇器
    • 錨點偽類
    • 用戶行為偽類
    • 目標偽類
  • 04 CSS3進階
    • 目標偽類實現圖片切換
    • checked狀態偽類
    • 自定義單選按鈕
    • CSS3結構類
    • CSS3結構類實現尺子效果
    • 否定選擇器
    • 偽元素::first-line
    • 偽元素::first-letter
    • 偽元素::before
    • 偽元素::after
    • 偽元素::selection
    • 偽元素實現文章列表
    • transition-property
    • transition-duration
    • transition-timing-function
    • transition-delay
    • 2d變換旋轉
    • 2d變換平移
    • 2d變換縮放
    • 2d變換扭曲
    • 2d變換基點
    • 綜合2d變換
    • transform-style
    • animation綜合使用
    • less使用
    • less變量
    • less延遲加載
    • less混合
    • less外部使用
    • less嵌套
  • 05CSS3實例演練
    • 使用純css制作三角形
    • 圓角邊框的使用
    • 實現圓形
    • 實現橢圓形
    • 實現扇形
    • 太極圖效果實現
    • 風車效果實現
    • 文字陰影,模糊,背景,排版,描邊
    • 浮雕文字
    • 標準盒子模型與怪異盒子模型
    • 盒陰影使用
    • 模糊盒陰影
    • 立體球效果
    • 倒影效果
    • 盒子大小調節效果
    • 背景裁剪
    • 背景模糊
    • 線性漸變基本使用
    • 重復線性漸變
    • 發廊燈效果
    • 馬賽克地磚
    • 光斑動畫
    • 徑向漸變基本使用
    • 重復徑向漸變
    • 3d變換旋轉
    • 3d變換位移
    • 3d變換縮放
    • 3d變換基點
    • 綜合3d變換
    • 景深
階段3.移動端
  • 01移動端核心
    • 屏幕尺寸
    • 屏幕分辨率
    • 屏幕像素密度
    • 物理像素
    • CSS像素
    • CSS像素與物理像素的關系
    • 設備獨立像素
    • 位圖像素
    • 像素比
    • pc視口
    • 布局視口
    • 視覺視口
    • 理想視口
    • meta標簽
  • 02移動端適配
    • pc縮放
    • 移動端用戶縮放
    • 移動端系統縮放
    • 移動端基礎事件
    • 移動端手指列表
    • 移動端點透事件
    • 移動端取消瀏覽器默認行為
    • rem與em區別
    • rem適配
    • viewport適配
    • 1物理像素
    • 實現1物理像素邊框的多種方案
  • 03移動端特效
    • 橫向滑屏(定位版)
    • 橫向滑屏(2d變換版)
    • 橫向滑屏(封裝自定義組件版)
    • 橡皮筋效果
    • 絕對定位模擬固定定位
    • 加速效果
    • 即點即停
    • 自定義滾動條
    • 防抖動
    • 誤觸效果
    • 多指事件
    • 多指放大
    • 多指旋轉
    • 無縫滑屏
階段4.服務器端
  • 01服務器端開發
    • Node優勢及發展趨勢
    • Node中的時間輪詢機制
    • npm、cnpm、yarn包管理器
    • Node.js核心基礎
    • Buffer緩沖器
    • Node文件系統(簡單、流式文件操作)
    • 原生Node搭建服務器
    • Express搭建服務器
    • ejs模板渲染
    • cookie、session的使用
  • 02數據庫操作
    • HTTP協議與報文
    • 基于Express的路由、中間件
    • MongoDB數據庫基礎
    • 數據庫搭建
    • 數據庫建表
    • 數據庫增刪改查
    • mongoose的使用
    • 非關系型數據庫特點
    • 服務器同數據庫交互
    • sha1、MD5加密隱私數據
  • 03前后端交互核心
    • 原生Ajax
    • 基于框架的Ajax
    • JSON/XML
    • 跨域問題
    • JSONP解決跨域問題
    • JSONP底層原理深入剖析
    • CORS解決跨域問題
    • nginx的簡單使用
    • GET,POST請求區別
  • 04微信公眾號開發
    • 校驗服務器有效性
    • 服務端獲取用戶消息
    • 回復微信服務器消息
    • 接口管理
    • 用戶管理
    • 獲取用戶基本信息
    • 群發消息
    • 獲取全局接口調用憑據(ticket)
    • signature值的計算
    • 語音查電影功能
    • 爬蟲
階段5.JavaScript高級
  • 01JavaScript基礎深入剖析
    • 基礎深入: 數據類型及判斷
    • 基礎深入: 數據, 變量與內存
    • 基礎深入: 對象
    • 基礎深入: 函數
    • 斷點調試
    • debugger調試
    • JS線程機制: 進程與線程
    • JS線程機制: 單線程JS
    • JS線程機制: 多線程JS
    • JS事件循環機制: 再看定時器
    • JS事件循環機制: 模型分析
    • 原型/鏈: prototype
    • 原型/鏈: __proto__
    • 原型/鏈: 內存結構分析
  • 02JavaScript面向對象深入講解
    • 執行上下文/棧: 變量/函數提升
    • 執行上下文/棧: 執行上下文
    • 執行上下文/棧: 執行上下文棧
    • 作用域/鏈: 作用域
    • 作用域/鏈: 作用域鏈
    • 閉包: 閉包是什么
    • 閉包: 產生閉包的條件
    • 閉包: 閉包的生命周期
    • 閉包: 閉包的應用
    • 閉包: 閉包的缺點及解決
    • 數組與對象
    • 隊列
    • 編程模擬進出棧
    • 編程模擬隊列
  • 03JavaScript異步編程
    • 同步與異步
    • 回調函數
    • Promise
    • Generator
    • async與await
    • 宏隊列與微隊列
    • 宏任務和微任務
    • JS事件循環機制: 再看定時器
    • JS事件循環機制: 模型分析
    • 同步異步的優缺點
    • JS編程環境和模型
    • JS事件隊列
    • JS管理模塊說明
  • 04JavaScript函數式編程
    • 各種編程范式
    • 基本理解和使用
    • 高階函數
    • 純函數
    • 函數柯里化
    • 代碼組合
    • 函數化封裝
    • 如何使用好函數
    • 鏈表
    • 常用排序算法1: 冒泡
    • 常用排序算法1: 選擇
    • 常用排序算法1: 插入
  • 05JavaScript設計模式
    • 面向對象編程
    • 常用模式介紹
    • 單例模式
    • 工廠模式
    • 建造者模式
    • 原型模式
    • 代理模式
    • 繼承模式1: 原型鏈
    • 繼承模式2: 借用構造函數
    • 繼承模式3: 組合式
    • 繼承模式4: 原型式
    • 繼承模式5: 寄生式
    • 繼承模式6: 寄生組合式
階段6.前端必備
  • 01性能優化
    • 瀏覽器渲染原理
    • 瀏覽器內核簡介
    • css圖層
    • 圖層的合理應用
    • css、js阻塞
    • 重繪重排
    • 函數防抖
    • 函數節流
    • 函數防抖,節流應用
    • requestAnimationFrame
    • DNS、CDN
    • sessionStorage、localStorage
    • 跨頁簽通信的實現
    • 網頁性能優化大全
    • 再談ajax請求優化
    • 封裝Ajax請求工具庫
  • 02版本控制工具
    • SVN版本管理工具
    • git版本管理工具
    • SVN服務端常見操作
    • linux常見命令
    • 創建本地倉庫
    • 檢出、克隆本地倉庫
    • 拉取遠程代碼
    • 分支的操作
    • 處理沖突實戰
    • svn與git對比
    • git中差異對比
    • git中版本回退
    • github的使用
    • github創建組織
    • github的pullRequest操作
    • github的issues
    • githubPages的使用
  • 03模塊化
    • 模塊化進化史
    • 模塊化思想
    • 模塊化優缺點
    • 模塊化規范介紹
    • CommonJs服務器端模塊化
    • CommonJs瀏覽器端模塊化
    • AMD模塊化
    • CMD模塊化
    • ES6模塊化分別暴露
    • ES6模塊化統一暴露
    • ES6模塊化默認暴露
    • 模塊化暴露的本質
    • 如何引入模塊
    • 模塊互相引用
    • 如何合理使用模塊化
    • 構建工具介紹
    • 模塊化同構建工具的配合使用
  • 04項目構建工具
    • Grunt的插件和API
    • Grunt打包各種資源
    • Grunt檢查編碼規范
    • Grunt自動化構建
    • Gulp相關插件和API
    • Gulp自動化構建
    • Webpack的工作原理
    • Webpack四個核心概念
    • Webpack的loader與plugin
    • webpack打包各種資源
    • webpack開發環境打包
    • webpack生產環境打包
    • Webpack模塊熱替換
    • webpack tree shaking
    • webpack代碼分離
    • webpack懶加載
    • DIY webpack配置環境
    • webpack打包優化
階段7.高級框架
  • 01React框架基本使用
    • React的基本認識
    • React的基本使用
    • React JSX
    • 模塊與模塊化和組件與組件化
    • React組件的基本使用
    • 組件三大屬性1: state
    • 組件三大屬性2: props
    • 組件三大屬性3: refs
    • React事件處理
    • React組件的組合使用
    • React受控與非受控組件
    • 組件生命周期
    • React腳手架的使用
    • 項目的打包與發布
    • React DEMO: 評論管理
    • 組件間通信1: props
    • 組件間通信2: 消息訂閱與發布
  • 02React框架進階
    • React ajax之axios
    • React ajax之fetch
    • React DEMO: github users
    • React Router4基本路由
    • React Router4嵌套路由
    • React Router4向路由組件傳遞數據
    • React Router4編程式路由導航
    • ReactUI組件庫之material-ui
    • ReactUI組件庫之ant-design
    • redux庫: 管理組件狀態
    • react-redux庫: 簡化使用
    • redux-thunk庫: redux異步
    • redux調用插件
    • 自定義redux: createStore
    • 自定義redux: combineReducers
    • 自定義react-redux:Provider
    • 自定義react-redux:connect
  • 03Vue框架基本使用
    • Vue的基本認識與使用
    • 模板語法
    • 計算屬性和監視
    • class與style綁定
    • 條件渲染與列表渲染
    • 事件處理與表單數據收集
    • Vue實例生命周期
    • 過渡與動畫
    • 自定義過濾器
    • 內置指令與自定義指令
    • 自定義Vue插件
    • 使用vue-cli創建模板項目
    • eslint編碼規范檢查
    • 組件定義與使用
    • 組件間通信1: props
    • 組件間通信2: vue自定義事件
  • 04Vue框架進階
    • 組件間通信3: 消息訂閱與發布
    • 組件間通信1: props
    • 組件間通信4: slot
    • Vue ajax: axios與vue-resource
    • Vue DEMO: todo list
    • Vue DEMO: user search
    • Vue UI組件庫: mint-ui
    • vue-router: 基本路由
    • vue-router: 嵌套路由
    • vue-router: 向路由組件傳遞數據
    • vue-router: 緩存路由組件
    • vue-router: 編程式路由導航
    • vuex: 理解與基本使用
    • vuex: 相關API與結構分析
    • vuex: 計數器應用
    • vuex: todo list應用
  • 05Vue源碼分析
    • vue源碼分析: 數據代理
    • vue源碼分析: 數據劫持
    • vue源碼分析: setter,getter分析
    • vue源碼分析: Object.defineProperty
    • vue源碼分析: 斷點調試
    • vue源碼分析: 數據劫持
    • vue源碼分析: 插值解析
    • vue源碼分析: 指令解析
    • vue源碼分析: 單向數據綁定
    • vue源碼分析: 雙向數據綁定
    • vue源碼分析: MVVM原理圖
    • MVC和MVVM區別
階段8.小程序
  • 01原生小程序入門
    • 小程序介紹
    • 小程序優缺點
    • 小程序語法介紹
    • 組件化思想
    • 小程序開發工具使用
    • 小程序開發工具管理項目
    • 小程序開發工具調試
    • 小程序適配方案
    • px, em, rem, rpx對比
    • 全局配置文件
    • 注冊小程序應用
  • 02原生小程序API使用
    • 局部頁面配置
    • 注冊小程序頁面
    • 小程序生命周期函數
    • 小程序路由跳轉
    • 窗口配置
    • 原生小程序組件使用: view, text,button
    • 原生小程序API使用: wx.navigateTo/wx.showToast
    • 本地數據存儲
    • 小程序前后端交互
    • 背景音樂播放
    • 小程序事件應用
  • 03小程序框架Mpvue
    • Mpvue簡介
    • Mpvue特點
    • Mpvue同原生小程序區別
    • Mpvue VS Vue
    • Mpvue基本使用
    • Mpvue注意事項
    • Mpvue中處理原生小程序事件
    • flyio應用
    • Node.js中間層實現前后端完全分離
    • Mpvue組件通信
    • Mpvue中兼容原生小程序生命周期及處理方式
北京、上海、深圳三大校區統一師資 全程面授
  • 張老師

    技術棧全面、前后臺兼備專家講師

    張老師

    多年前后臺軟件開發和教學經驗,先后主持開發藍訊 ERP、遼寧省公共汽車監控系統、沈陽市道路管理系統。深入理解后臺主流技術和框架。 深入研究了前臺HTML5、CSS3、ES6、NodeJS等核心技術, 以及jQuery、Angular、React、Vue等前端流行框架, 曾帶領學員完成多款外包Web app。擅長結合實際中的例子來講授抽象的編程技

  • 閆老師

    精通主流框架,深入淺出寓教于樂

    閆老師

    有著豐富的開發和教學經驗,曾就職于陽光集團旗下陽光保險公司,愛虎居電商平臺。曾參與大型電商項目虎居商城,陽光保險官網,陽光保險理財項目開發工作,負責前端開發工作。精通html,css,js等編程語言和數據庫系統,對前端主流框架Angular、React、Vue及原生js有著深入的研究,熱衷于教學,激情派講師,癡迷于新技術的推廣與教學。

  • 沈老師

    全棧型技術講師,一線互聯網出身

    沈老師

    南京師范大學理學學士。曾先后就職于搜狐北京研發中心,景蓮科技、軟智金融。關注區塊鏈應用,擅長分布式系統、密碼學。對Go語言有深入的見解與運用。擅長Vue、Node、RN組合的JS全棧技術方案。曾參與搜狐大數據平臺的開發維護,交通銀行531項目,揚州農商銀行填報系統,啟東農商銀行不良資產管理系統。授課風趣幽默,熱衷于新技術的研究。

  • 熊老師

    對技術難點“吹毛求疵”的實力派

    熊老師

    曾就職于盈富斯科技,任項目經理。參與開發面向拉美國家的電商項目、360團購等。熱衷于前端開發,熟練H5、CSS3、JS等前端開發技術,前后端交互流程、NodeJS、Koa、MongoDB等服務端和數據庫技術進行全棧開發;對React、Vue等各種前端主流框架有深入研究及豐富的實踐;授課認真負責,對技術難點吹毛求疵,同時授課融入最新技術點和面試題,讓學生學以致用。

  • 劉老師

    實戰經驗豐富的魅力派講師

    劉老師

    畢業于北京工業大學,曾從事軟件開發多年,對于web前端和服務器端有較深刻的理解,曾參與中國建設招標網,國家標準物質資源共享平臺,醫學頻道網,36度代駕app項目的開發。近些年投身IT教育領域,多年授課經驗,擅于用引導的方式和生動的例子教學,授課思路清晰幽默。

  • 李老師

    學生最喜愛的尚硅谷講師之一

    李老師

    有多年軟件開發及架構經驗。熟悉 Java、JavaScript、Oracle、MySQL、DB2、HTML5、前端、Python等編程語言和數據庫,對主流框架Spring、Hibernate、MyBatis、SpringMVC、jQuery、Ajax、Activiti、JBPM 等有豐富使用經驗和獨到理解,對工作流引擎有深入研究。曾參與開發了中石化KMS系統、中國航空研究院工作審批系統等。

  • 劉老師

    千余課堂經驗,技術講解一針見血

    劉老師

    精通C/C++、HTML、CSS、JavaScript、Python等語言,擁有多年Python全棧開發經驗。曾主導或參與國家級企業天然氣公司收費系統,新東方旗下某在線教育網站等大型項目等。千余堂課堂經驗,內容充實、簡單明了,能夠把晦澀的知識點轉化為生活當中的實例, 讓學生熱愛編程。

  • 張老師

    全棧型實力派暖男講師

    張老師

    曾就職中興網信,任智慧城市方向研發組長。曾多次參與中國移動ERP系統、萬盛數據可視化、濟寧大數據環境污染物偵測系統、智慧沈河等大型項目的研發工作,擁有豐富的一線開發經驗。熱衷web開發,熟練H5、CSS3、JavaScript、React、Vue等前端技術;熟練Java,MySQL、MongoDB、Express、NodeJS等后端技術;對前后端主流框架的理論與實際應用均有深入研究。

從入學到就業,尚硅谷全程保駕護航免除后顧之憂

硅谷前端,你的職業生涯充電站

入學測試

科學量化開發潛力,

量身打造專屬你的學習計劃

大廠入門必備

完善的HTML + CSS + JavaScript

+JQuery知識體系

企業項目UI布局實戰

移動端開發

ES6全新語法

互聯網前沿技術棧點

NodeJS服務端

微信公眾號

微信小程序

升職加薪課

React框架深入講解

React企業級管理項目開發

Vue框架深入講解

Vue企業級電商項目開發

企業項目遷移課堂

釘釘E應用開發實戰

React企業級項目實戰

Vue企業級項目實戰

職場禮儀

縱向拓展專業技術,橫向拓展綜合實力

擠進尚硅谷,注定你優秀,不只是說說而已!

就業追蹤指導

就業指導手把手教你制作簡歷、技術大牛分享面試題

在尚硅谷,你永遠不是一個人在奮斗

影響力與日俱增,巨頭合作、重磅榮譽紛至沓來,盡顯硅谷實力
  • 北京校區(總)
  • 電話:010-56253825
  • 郵箱:[email protected]
  • 郵編:102209
  • 地址:北京市昌平區宏福科技園綜合樓6層
  • 上海校區
  • 電話:021-57652717
  • 郵箱:[email protected]
  • 郵編:201699
  • 地址:上海市松江區谷陽北路166號大江商廈6層
  • 深圳校區
  • 電話:0755-85293825
  • 郵箱:[email protected]
  • 郵編:518110
  • 地址:深圳市寶安區西部硅谷大廈B座C區一層
尚硅谷web前端培訓學員風采
關于我們
名師團隊
新聞動態
合作企業
資源下載
視頻下載
資料下載
工具下載
加入我們
招聘崗位
崗位介紹
招賢納師
聯系我們
電話:010-56253825
郵箱:[email protected]
地址:北京市昌平區宏福科技園綜合樓6層(北京校區)

 深圳市寶安區西部硅谷大廈B座C區一層(深圳校區)

上海市松江區谷陽北路166號大江商廈6層(上海校區)

北京pk10快乐赛车