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

    前端工程師強勢崛起

  • 缺口巨大

    高級前端人才長期缺乏

  • 薪資飆升

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

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

薪資穩步增長

快: 可以迅速找到工作

準: 所學技術正是企業急需,學員offer收到手軟

狠: 工作起薪高、待遇好、受重視、職業發展長遠

我們統計的,僅是學員畢業后首份工作的基本薪資,且不包含績效、獎金、補助等各項福利
工作2~3年后,他們的月薪普遍超過2萬,成長為技術大牛、CTO、成功創業等的尚硅谷學長,層出不窮
以企業需求為導向提供前端解決方案
  • 企業級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實現??榛?/p>

    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實現??榛?/p>

    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實現??榛?/p>

    SVN,GIT實現項目版本管理

    JavaScript實現數據深度克隆

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

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

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

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

    項目架構

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

    后臺: Node + Express + MongoDB + Mongoose

    功能???/p>

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

    商品搜索,商品詳情, 購物車, 訂單, 支付等???/p>

    技術點

    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

    功能???/p>

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

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

    技術點

    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

    功能???/p>

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

    Boss列表, 牛人列表界面, 實時聊天等功能???/p>

    技術點

    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

    功能???/p>

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

    權限管理, 圖表數據處理等功能???/p>

    技術點

    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適配 + 自定義滾動條 + 移動端防抖動 + 即點即停

    功能???/p>

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

    技術點

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

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

  • E寵商城

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

    項目架構

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

    功能???/p>

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

    搜索,登錄,注冊

    技術點

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

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

  • 網易嚴選

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

    項目架構

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

    功能???/p>

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

    搜索,登錄,注冊

    技術點

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

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

  • 到位

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

    項目架構

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

    功能???/p>

    主頁,列表頁,詳情頁,評論???/p>

    技術點

    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跨域
    功能???
    首頁???/dd>
    搜索???/dd>
    詳情???/dd>
    視頻播放???/dd>
    評論管理???/dd>
    后臺服務器???/dd>
    后臺服務器數據管理???/dd>
    微信硅谷電影頻道
    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使用、使用路由中間件
    功能???
    導航???/dd>
    主頁???/dd>
    列表頁???/dd>
    詳情頁???/dd>
    搜索圖書???/dd>
    個人中心???/dd>
    掃碼看書???/dd>
    個人收藏???/dd>
    擴展技術
    豆瓣圖書開放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管理??樗得?/li>
  • 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??榛?
    • ??榛?/li>
    • ??榛枷?/li>
    • ??榛湃鋇?/li>
    • ??榛娣督檣?/li>
    • CommonJs服務器端??榛?/li>
    • CommonJs瀏覽器端??榛?/li>
    • AMD??榛?/li>
    • CMD??榛?/li>
    • ES6??榛直鴇┞?/li>
    • ES6??榛騁槐┞?/li>
    • ES6??榛媳┞?/li>
    • ??榛┞兜謀局?/li>
    • 如何引入???/li>
    • ??榛ハ嘁?/li>
    • 如何合理使用??榛?/li>
    • 構建工具介紹
    • ??榛菇üぞ叩吶浜鮮褂?/li>
  • 04項目構建工具
    • Grunt的插件和API
    • Grunt打包各種資源
    • Grunt檢查編碼規范
    • Grunt自動化構建
    • Gulp相關插件和API
    • Gulp自動化構建
    • Webpack的工作原理
    • Webpack四個核心概念
    • Webpack的loader與plugin
    • webpack打包各種資源
    • webpack開發環境打包
    • webpack生產環境打包
    • Webpack??槿忍婊?/li>
    • webpack tree shaking
    • webpack代碼分離
    • webpack懶加載
    • DIY webpack配置環境
    • webpack打包優化
階段7.高級框架
  • 01React框架基本使用
    • React的基本認識
    • React的基本使用
    • React JSX
    • ??橛肽?榛妥榧胱榧?/li>
    • 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等后端技術;對前后端主流框架的理論與實際應用均有深入研究。

不論是0基礎小白,還是進階、轉行,都能從這里高起點入行大前端

新紀錄

尚硅谷大前端連續6期

全班高薪高速就業名單

0715班平均月薪

11400元

平均年薪13.7萬

姓名 就職企業 月薪 年薪 福利待遇 就業地
  • 黃** **集團有限公司? 13000 156000 五險一金 深圳
  • **月**信息技術(深圳)有限公司14000168000五險一金深圳
  • 黃****科技服務有限公司12300147600五險一金深圳
  • **鑫 **科軟件有限公司 10000 120000 五險一金 成都
  • 李**深圳博**科技有限公司14000168000五險一金深圳
  • 吳**深圳和****控制股份有限公司16000192000五險一金深圳
  • **林深圳**訊信息技術有限公司15000180000五險一金深圳
  • 周**深**云信息技術有限公司12000144000五險一金深圳
  • **偉深圳市**軟件有限公司14500174000五險一金深圳
  • 張****(深圳?)科技有限公司13000156000五險一金深圳
  • 陳****科技股份有限公司13000156000五險一金深圳
  • 冉****連鎖有限公司650078000五險一金貴陽
  • 田****聯(深圳)科技有限公司12000144000五險一金深圳
  • 周**北京和******限公司廣州分公司10000120000五險一金廣州
  • 李****(深圳?)科技有限公司11000132000五險一金深圳
  • 楊**深圳**亮科技股份有限公司?11000132000五險一金深圳
  • **瓊湖南立**技術有限公司??800096000五險一金長沙
  • **娟**運集團有限公司?12000144000五險一金深圳
  • **波深圳**下科技有限公司?13000156000五險一金深圳
  • 陳****??萍跡ㄉ鉦冢┯邢薰?11000132000五險一金深圳
  • **珍深圳馬**科技有限公司9500114000五險一金深圳
  • 王**宇****技術有限公司廣州分公司11500138000五險一金深圳
  • **華深圳云**技開發有限公司?12000144000五險一金13薪季度獎深圳
  • **南廣州**文化傳播有限公司12000156000五險一金深圳
  • 盧**北京****有限公司廣州分公司10000120000五險一金廣州
  • 龔**深圳**天科技發展有限公司9000108000五險一金深圳
  • 張**深圳**派科技有限公司11000132000五險一金深圳
  • 黃**深圳**信息技術有限公司8500102000五險一金深圳
  • **華中**電子商務股份公司10000120000五險一金房補年終獎深圳
  • 孫**深圳**金投資信息咨詢有限公司12000147600五險一金包吃房補300深圳
  • 趙**深圳信**文化科技有限公司10000120000五險一金深圳
  • 范**中****經營服務有限公司800096000五險一金包住深圳
  • 王**公司保密800096000五險一金深圳
  • 劉**信**息技術有限公司14000168000五險一金深圳
  • 龔**深圳**天科技發展有限公司9000108000五險一金深圳
  • **麗億**技術(深圳)有限公司14000168000五險一金深圳
  • **玲深圳云**技開發有限公司12000144000五險一金深圳

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

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

入學測試

科學量化開發潛力,

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

大廠入門必備

完善的HTML + CSS + JavaScript

+JQuery知識體系

企業項目UI布局實戰

移動端開發

ES6全新語法

互聯網前沿技術棧點

NodeJS服務端

微信公眾號

微信小程序

升職加薪課

React框架深入講解

React企業級管理項目開發

Vue框架深入講解

Vue企業級電商項目開發

企業項目遷移課堂

釘釘E應用開發實戰

React企業級項目實戰

Vue企業級項目實戰

職場禮儀

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

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

就業追蹤指導

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

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

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

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

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

mg游戏官网网址 山东时时是什么东西 北京pk10新一代计划表 众彩网安然七星彩预测 幸运飞艇9码在线计划 福彩3d6码复式多少钱 北京pk是最稳全天计划 pk10每天赚百分之5 最新3d技巧 抢庄牌九游戏 pk10人工计划在线计划准 龙虎纸牌游戏 重庆时时彩开奖网站 七乐彩开奖公告结果 电子鸡怎么玩 时时彩大小单双2期计划