完美契合企業(yè)需求 嚴謹定制科學課程
階段(4周)
前端頁面重構(gòu)
PC端網(wǎng)站布局
課程內(nèi)容:
◆ HTML基礎(chǔ),CSS基礎(chǔ),CSS核心屬性 ◆ CSS樣式層疊,繼承,盒模型 ◆ 容器,溢出及元素類型 ◆ 瀏覽器兼容與寬高自適應 ◆ 定位,錨點與透明 ◆ 圖片整合 ◆ 表格,CSS屬性與濾鏡"
課程項目:
◆《世紀佳緣用戶注冊頁布局》 ◆《臥龍控股網(wǎng)站項目布局》 ◆《華帥燈飾網(wǎng)站項目布局》 ◆《千鋒互聯(lián)網(wǎng)站項目布局》 ◆《京東首頁布局》 ◆《騰訊游戲首頁布局》 ◆《BOSS直聘布局》 ◆《麥田國際項目布局》
第二階段(8周)
JavaScript高級程序設(shè)計
原生JavaScript交互功能開發(fā)
課程內(nèi)容:
◆ 基本語法 ◆ 循環(huán)語句 ◆ 函數(shù)與數(shù)組 ◆ String與Date ◆ BOM與DOM ◆ 事件 ◆ 拖拽效果 ◆ cookie存儲 ◆ 正則表達式 ◆ Ajax ◆ 面向?qū)ο蠡A(chǔ) ◆ 運動與游戲開發(fā)
課程項目:
◆ 蘑菇街瀑布流 ◆ 打磚塊游戲開發(fā) ◆ 淘寶商品查詢 ◆ 飛機大戰(zhàn)游戲開發(fā) ◆ 智能問答機器人
PC端全棧開發(fā)
jQuery經(jīng)典交互特效開發(fā)
課程內(nèi)容:
◆ 時間軸特效 ◆ tab頁面切換效果 ◆ 網(wǎng)頁定位導航特效 ◆ 滑動門特效 ◆ 焦點圖輪播特效 ◆ 導航條菜單效果 ◆ 瀑布流特效 ◆ 彈出層效果 ◆ 倒計時效果 ◆ 抽獎效果
課程項目:
◆ 《天貓首頁交互開發(fā)》
第三階段(8周)
Node.js基礎(chǔ)
課程內(nèi)容:
一、Node.js介紹
◆ 開發(fā)環(huán)境搭建M ◆ 模塊與包管理工具M ◆ CommonJS模塊M ◆ URL解析M ◆ QueryString參數(shù)處理M ◆ HTTP模塊M ◆ HTTP小爬蟲M ◆ request方法M ◆ 事件 events模塊M ◆ 文件 fs模塊M ◆ Stream 流模塊M ◆ 原生路由與參數(shù)接收M ◆ 讀取圖片文件M ◆ npm scriptsM ◆ Yarn 與 PM2M
二、MongoDB
◆ MongoDB介紹與環(huán)境搭建 ◆ 數(shù)據(jù)庫常用命令 ◆ Collection聚集集合 ◆ document文檔操作 ◆ 聚集集合查詢 ◆ NodeJS連接MongoDB
三、GraphGL
◆ GraphQL初探:從REST到GraphQL ◆ GraphGL安裝 ◆ 準備數(shù)據(jù)源 ◆ 搭建GraphQL服務器 ◆ 數(shù)據(jù)查詢
四、Express
◆ express 介紹 ◆ 安裝和創(chuàng)建基于Express的項目 ◆ Express 4.1x 初始化項目詳解 ◆ 路由簡介 ◆ 模板引擎EJS ◆ 模板引擎Pug(Jade)
五、Koa2
◆ Koa2開始 ◆ 路由 ◆ 請求數(shù)據(jù)獲取 ◆ 靜態(tài)資源加載 ◆ cookie/session ◆ 模板引擎 ◆ 文件上傳 ◆ 數(shù)據(jù)庫MySQL ◆ JSONP實現(xiàn) ◆ 測試與debug
六、測試框架mocha
◆ 搭建框架 ◆ 斷言assert ◆ 項目測試 ◆ 運行多個測試
七、socket 即時通信項目
◆ Socket簡介和通訊流程 ◆ 基于net模塊實現(xiàn)socket ◆ WebSocket ◆ Socket.io
課程項目:
◆ 《Node.js基礎(chǔ)案例.》
Node.js高級全棧項目
課程內(nèi)容:
◆ 基于M站+Node.js+MongoDB高級全棧項目開發(fā)
課程項目:
◆《打造仿拉勾網(wǎng)M站》 ◆《打造拉勾網(wǎng)后臺管理系統(tǒng)》
Vue.js前端框架
Vue.js開發(fā)基礎(chǔ)
課程內(nèi)容:
◆ WebApp開發(fā)基礎(chǔ)(Webstorage,移動端事件,UI組件, Zepto, IScroll, Swiper) ◆ MVVM模式 ◆ 前端組件化 ◆ 單文件組件 ◆ 組件間傳值 ◆ Vue實例 ◆ E19Vue實例生命周期 ◆ Vue的模版語法 ◆ 計算屬性,方法與偵聽器 ◆ 計算屬性的 getter 和 setter ◆ Vue中的樣式綁定 ◆ Vue中的條件渲染 ◆ Vue中的列表渲染 ◆ Vue中的set方法 ◆ 父子組件間的數(shù)據(jù)傳遞 ◆ 組件參數(shù)校驗與非 props 特性 ◆ 給組件綁定原生事件 ◆ 非父子組件間的傳值 ◆ 在Vue中使用插槽 ◆ 作用域插槽 ◆ 動態(tài)組件與 v-once 指令 ◆ Vue動畫
課程項目:
◆ 《Vue.js基礎(chǔ)案例.》
應用Vue.js開發(fā)WebApp項目
課程內(nèi)容:
◆ 環(huán)境配置 ◆ 項目代碼介紹 ◆ 單文件組件與Vue中的路由 ◆ 單頁應用VS多頁應用 ◆ Mint UI ◆ Element UI ◆ 項目的聯(lián)調(diào),測試與發(fā)布上線
課程項目:
◆《打造仿賣座網(wǎng)移動端網(wǎng)站》
React前端框架
React 開發(fā)基礎(chǔ)
課程內(nèi)容:
◆ React簡介 ◆ React開發(fā)環(huán)境準備 ◆ React中的組件 ◆ JSX語法 ◆ 拆分組件與組件之間的傳值 ◆ React developer tools 安裝及使用 ◆ PropTypes 與 DefaultProps 的應用 ◆ props,state 與 render 函數(shù)的關(guān)系 ◆ 深入了解React虛擬DOM ◆ 虛擬 DOM 中的 Diff 算法 ◆ React 中 ref 的使用 ◆ React的生命周期函數(shù)及使用場景 ◆ 使用Charles實現(xiàn)本地數(shù)據(jù)mock ◆ React 中實現(xiàn) CSS 動畫效果 ◆ react-transition-group 實現(xiàn)動畫 ◆ Redux 概念簡述和工作流程 ◆ Action 和 Reducer 的編寫 ◆ ActionTypes 的拆分 ◆ 使用 actionCreator 統(tǒng)一創(chuàng)建 action ◆ UI組件和、容器組件及無狀態(tài)組件 ◆ 使用Redux-thunk 中間件實現(xiàn)ajax數(shù)據(jù)請求 ◆ Redux-saga 中間件使用 ◆ React-redux 中間件使用
課程項目:
◆ 《React基礎(chǔ)案例》
React Native
課程內(nèi)容:
◆ React Native初探 ◆ React Native 項目導航 ◆ React Native 項目文本框 ◆ React Native 項目滾動分頁 ◆ React Native 其他組件
課程項目:
◆《React Native豆瓣電影APP》
應用React開發(fā)WebApp項目
課程內(nèi)容:
◆ Ant Design組件庫 ◆ React Router 4 路由 ◆ 項目組件編寫 ◆ 使用 Immutable.js 來管理store中的數(shù)據(jù) ◆ 項目的聯(lián)調(diào)、測試與發(fā)布上線
課程項目:
◆《打造在線英文教育網(wǎng)》
混合開發(fā)(Hybrid,RN)
公眾號開發(fā)
課程內(nèi)容:
◆ 初識公眾號 ◆ 訂閱號的基本功能 ◆ 使用百度BAE實現(xiàn)代碼的快速上線 ◆ 使用Git完成線上代碼部署 ◆ 公眾號開發(fā)權(quán)限及功能接入 ◆ JSSDK接口API ◆ 場景項目開發(fā)與接入
課程項目:
◆ 《賣座電影項目接入》
小程序開發(fā)
課程內(nèi)容:
◆ 小程序初探 ◆ 小程序入門必學 ◆ 小程序組件體驗 ◆ 小程序大功能 ◆ 項目實戰(zhàn)帶你征服小程序
課程項目:
◆《造萌寵交易平臺》
Angular6基礎(chǔ)
課程內(nèi)容:
◆ TypeScript 基礎(chǔ)與進階 ◆ 開發(fā)環(huán)境配置 ◆ Hello World ◆ 架構(gòu)、模塊與組件 ◆ 模板 ◆ 元數(shù)據(jù)、數(shù)據(jù)綁定與數(shù)據(jù)顯示 ◆ 表單 ◆ 服務與指令 ◆ 依賴注入 ◆ 路由 ◆ Ionic 3 框架
課程項目:
◆ 《直播課管理系統(tǒng)》 ◆ 《跨平臺手機APP》
大數(shù)據(jù)可視化基礎(chǔ)與實戰(zhàn)
課程內(nèi)容:
◆ 數(shù)據(jù)可視化基礎(chǔ) ◆ Echars、Hignchars ◆ D3.js 入門 ◆ D3.js 進階 ◆ D3.js 選擇集與數(shù)據(jù) ◆ D3.js 高級應用 ◆ D3.js 應用工具:NVD3、n3-charts
課程項目:
◆ 《公安警情可視化系統(tǒng)》