• QQ咨詢:4001806960
  • 咨詢熱線:400-180-6960

課程大綱

Ajax課程體系

  • • 前後端交互開發深入解讀
  • • HTTP事物及HTTP報文
  • • AJAX基礎知識
    • GET系列請求和POST系列請求的對比
    • AJAX狀態碼分析
    • 網絡狀態碼分析:200、301、302、304、404、500…
    • AJAX中的同步和異步
    • AJAX兼容處理
    • URL解析及常用的編碼方式
  • • AJAX庫的封裝和JQ中的AJAX解讀
  • • JSONP非同源策略處理及更多的跨域方式
  • • 百度模糊搜索案例開發
  • • NODE簡單基礎
    • 常用內置模塊:HTTP、FS、URL...
    • 簡單的NPM操作
    • 靜態資源文件的請求處理
    • API接口的請求處理
  • • 綜合全棧案例開發:CRM客戶管理系統

NODE基礎

• Node概述、非阻塞IO及事件環原理

• Node安裝、版本切換、開發環境和調試技巧

• Node應用的編寫與啓動運行

• 控制台的log、error、dir、time和timeEnd等方法

• Node中的全局作用域

• 講解filename變量和dirname變量

• 事件處理機制及事件環機制

• 定時器的基礎知識:setTimeout、setInterval...

• 在Node中操作文件和文件流

NODE服務器開發

• 創建和使用http和https服務器

• 獲取客戶端請求中的參數如查詢字符串、請求頭和請求體

• 使用http客戶端向Web服務器請求資源

NODE快速開發框架Express

• 路由控制以及路由原理

• 獲取請求的方法、查詢字符串、請求頭和請求體等參數

• Node中間件的原理和常用中間件的使用

• 通過send和sendFile發送響應

• 如何在Express中使用ejs和jade模板以及模板的原理實現

• 如何使用靜態文件中間件

• 通過重定向實現頁面跳轉

• 用戶管理系統的項目實戰

• cookie和session原理以及在項目中的應用

ES6深入知識

  • • 什麽是ES6
  • • 箭頭函數的定義和用途
  • • 類的定義和繼承
  • • 對象和繼承
  • • 模板字符串的原理和用法
  • • 解構賦值
  • • 默認、其余和展開參數
  • • let和const定義變量
  • • 模塊的定義和使用

babel­強大的編譯器

  • • babel介紹
  • • 如何在babel中使用預設
  • • 如何使用babel插件
  • • 如何使用babel轉換react語法
  • • 如何在webpack中使用babel

Vue課程體系

快速上手vue

  • • 了解漸進式框架vue
  • • 了解vue中的基礎指令v-­model,v­-for,v-­on,v-­bind...

vue中的數據交互

  • • 使用第三方模塊vue­resource、axios實現數據交互
  • • 使用nodejs+vue實現珠峰留言板
  • • jsonp跨域實現完整百度搜索框案例

vue進階

  • • 了解vue的生命周期(beforeCreate,created,beforeMount,mounted…)
  • • vue中自定義指令,通過自定義指令實現拖拽,擴展功能
  • • vue中自定義過濾器,創建日期過濾器、數據過濾等
  • • vue中創建組件
  • • 父子組件的數據傳遞

vue全家桶

  • • 使用vue­router搭建單頁應用
  • • 應用webpack手動搭建vue項目並使用vue­loader
  • • vue­cli快速生成項目,並集成vue­router,vue­resource
  • • 使用vuex實現數據狀態的統一管理
  • • 應用mintUI elementUI

webpack課程體系

  • • webpack介紹
  • • 創建項目目錄
  • • 使用webpack跑通基本開發環境
  • • 支持es6語法
  • • 自動産出html文件
  • • 在本地啓動服務
  • • 支持react
  • • 使用css樣式
  • • 使用karma­mocha搭建測試環境
  • • 使用chai測試框架
  • • 使用eslint進行代碼檢查
  • • 打包完成後自動打開浏覽器
  • • 使用uglify­js進行代碼壓縮
  • • 自動插入banner
  • • 將css單獨加載
  • • 爲文件添加hash值

React課程體系

  • • React基礎
  • • JSX語法
  • • 如何給組件添加樣式
  • • 如何添加自定義組件
  • • 創建無狀態組件
  • • 學習render方法
  • • 組件的屬性
  • • 組件的狀態
  • • 理解react中的this
  • • 使用refs操作DOM元素
  • • 子組件children屬性
  • • 組件的生命周期之創建
  • • 組件的生命周期之銷毀
  • • 高階組件

使用React­-router玩轉路由管理

  • • react路由介紹
  • • 跑通基本的開發環境
  • • 跑通基本路由
  • • 使用Link組件進行導航切換
  • • 路由的嵌套使用
  • • 設置路由激活狀態
  • • 路由參數
  • • 默認路由
  • • indexlink
  • • 路由重定向
  • • browser history
  • • webpack後端服務器
  • • 路由切換
  • • 鈎子函數

深入淺出redux應用

  • • Redux課程介紹
  • • 什麽是Redux
  • • 搭建開發環境
  • • 理解action­store­reducer
  • • 理解dispatch
  • • subscribe訂閱
  • • action­creator
  • • react­redux介紹
  • • 實現計數器應用
  • • Redux中間件
  • • logger中間件
  • • thunk中間件實現異步action
  • • 超棒的調試工具
  • • 區分開發和生産環境
  • • react­-router­-redux
  • • 中間件優化

珠峰書店

這部分我們會使用vue、vue-router、axios、node等制作一個功能完整的珠峰書店,包括商品添加、商品修改、商品浏覽、商品查看、商品查看等功能

珠峰課堂

本項目使用目前最先進的react+react-router+redux+react-router-dom+react-router-redux技術棧開發一個包含首頁、輪播圖、課程列表、詳情頁、用戶注冊、用戶登錄、用戶退出等完整功能的移動端項目。

珠峰早鳥

本項目是由美團的高級前端工程師使用目前最先進的react+react-router+redux+react-router-dom+react-router-redux技術棧開發一個包含首頁、今日列表、新建打卡頁面、個人中心、排行榜等功能完整功能的移動端項目。

微信小程序准備工作

  • • 小程序開發與普通網頁開發的區別
  • • 注冊小程序賬號
  • • 小程序開發工具的安裝及介紹
  • • 小程序的開發流程介紹

小程序基礎

  • • 如何創建一個小程序項目
  • • 小程序的目錄結構
  • • 小程序的4種文件類型
  • • 小程序的尺寸單位及導入樣式方法
  • • 配置導航及tabBar
  • • 數據綁定
  • • 條件渲染
  • • 列表渲染
  • • 頁面生命周期

小程序進階

  • • 獲取用戶信息
  • • 封裝http-promise
  • • 自定義組件
  • • wxs的應用
  • • 小程序animation動畫
  • • 獲取地理位置

項目實戰

  • • 下拉刷新
  • • 封裝http-promise
  • • 上拉加載更多
  • • 上傳圖片
  • • 五星評分

課程價格

課程 Node主體課程、Vue、React框架
課程周期 八周
面向人群 有一定的JS和移動端開發經驗,尤其是需要掌握原生JS
學習目標 你將接觸到前端最前沿的技術框架,深入了解後台編程等內容, 做一個合格的全棧開發工程師
課程費用 實體周末班: 6700元
實體全日制班: 8400元
在線班 : 5900元

前端框架視頻

常見問題

珠峰培訓,不僅僅是傳授技術,更是引路人,是發現你的伯樂!