北京 切換校區

全國24小時免費熱線

400-009-1906

前端+移動端

幫你狂、助你拽,讓你酷炫又瀟灑、筐筐賺大錢!

前端加移動端課程 零元入學高薪就業

前端課程體系大綱
階段名稱 技術名稱 技術內容 學習目標
WEB基礎階段 HTML基礎
1.安裝webstorm
2.設置webstorm
3.HTML介紹
4.HTML屬性和值
5.HTML注釋
6.HTML基本結構
7.標題標簽h1-h6
8.段落標記p
9.強制換行br
10.水平線hr及其屬性
11.圖片img
12.超鏈接a
13.address和pre標簽
14.文本格式化標簽b,i,u,em等
15.無序列表
16.有序列表
17.自定義列表
18.表格
19.實體字符
20.內聯框架iframe
21.form表單及其action、method、name屬性
22.input
23.input常用屬性value,checked,readonly,disabled
24.下拉列表
25.多行文本框textarea
26.HTML5新增input類型
27.HTML5新增屬性
28.HTML5新增結構標簽
29.視頻和音頻
1.掌握WebStorm的使用
2.了解HTML對于網頁的意義
3.掌握HTML標簽與屬性
4.掌握常用標簽
5.掌握無序列表、有序列表和自定義列表
6.掌握表單的使用
7.掌握div與標簽的嵌套規則
8.掌握行內元素與塊元素的使用
9.掌握實體字符
10.掌握HTML5新增標簽與屬性
CSS基礎
1.css介紹和基礎語法
2.引入css的方式
3.link和@import的區別
4.css基本選擇器
5.背景屬性
6.字體屬性
7.文本屬性
8.列表屬性
9.關系選擇器
10.屬性選擇器
11.偽類選擇器
12.偽對象選擇器
13.css hack
14.標準盒子模型 border、margin、padding屬性
15.IE和模型
16.box-sizing屬性
17.彈性盒
18.瀏覽器內核及廠商前綴
19.浮動及其原理
20.清除浮動的方法
21.display屬性
22.position定位
23.z-index屬性
24.圓角
25.陰影
26.漸變
27.轉換
28.過渡
29.動畫
30.繪制三角形、梯形、圓形
31.媒體查詢
32.多列
32.滑動門
34.雪碧圖
1.掌握CSS基礎
2.掌握CSS引入方式
3.掌握選擇器的使用
4.掌握CSS盒子模型
5.掌握CSS彈性盒子模型
6.掌握浮動與定位
7.掌握字體常見屬性
8.掌握雪碧圖優化站點
9.掌握滑動門展示形式
10.掌握特殊圖形繪制
11.掌握CSS3過渡與動畫
12.掌握CSS3的媒體查詢
小米官網實戰 首先選擇小米官網為第一個實戰案例,是因為剛開始入門,有個參考點,另外站點比較偏向目前的卡片式設計,實現常見效果。目的為學者練習編寫小米官網,熟悉div+css布局。
迅雷官網 此站點特效較多,所以通過練習編寫次站點,學生可以更多練習CSS3的新特性過渡與動畫的實現,并且可以很好的練習div+css布局。
課程類網 此站點為響應式站點,在目前常見站點中,響應式設計類站點是非常多的,而且大部分公司的站點都需要支持響應式,所以,通過練習次站點,學者可以熟悉響應式這點的設計流程和實現方式。
JavaScript階段 JavaScript基礎語法
1.JavaScript簡介
2.JavaScript變量
3.JavaScript變量類型
4.JavaScript類型轉換
5.JavaScript運算符
6.JavaScript條件分支語句
7.JavaScript循環語句
1.熟知JavaScript介紹
2.掌握JavaScript變量聲明
3.掌握JavaScript變量類型與轉換
4.掌握JavaScript運算符操作
5.掌握JavaScript條件分支語句
6.掌握JavaScript循環語句
數組與對象
1.數組定義
2.數組的本質
3.數組屬性與運算符
4.數組的循環遍歷
5.數組靜態方法
6.數組的實例方法
7.對象概述
8.對象屬性操作
9.對象的靜態方法
10.對象的實例方法
1.掌握數組定義
2.掌握數字的應用
3.掌握數組的屬性和方法
4.掌握對象的概念
5.掌握對象的屬性和方法
6.熟練應用對象
函數及相關
1.函數的概念
2.函數的聲明
3.函數的屬性和方法
4.函數作用域
5.函數參數
6.函數返回值
7.閉包基本概念
8.閉包實現
9.閉包應用場景
10.自執行函數
1.了解函數概念
2.掌握函數的聲明
3.掌握函數的屬性和方法
4.掌握JavaScript中的作用域
5.掌握函數的參數與返回值
6.掌握閉包的應用場景
7.熟練使用閉包
JavaScript標準庫
1.包裝對象
2.Number對象
3.String對象
4.Math對象
5.Date對象
6.JSON對象
7.RegExp對象
8.console對象
9.屬性描述對象
1.掌握包裝對象
2.掌握Number對象
3.掌握String對象
4.掌握Math對象
5.掌握Date對象
6.掌握JSON對象
7.掌握正則對象
8.熟悉console對象
DOM模型與事件
1.DOM概述
2.Doucment節點
3.Element節點
4.屬性的操作
5.Text節點
6.DoucmentFragment節點
7.事件模型
8.事件類型
9.事件代理
10.CSS操作
11.自定義事件
12.this關鍵字
13.Event對象
14.移動端事件類型
15.事件實例操作
16.三級聯動
1.掌握JavaScript DOM操作
2.掌握JavaScript 節點操作
3.掌握事件模型
4.掌握事件操作
5.掌握this關鍵字
5.掌握Event對象
6.熟練編寫自定義事件
7.理解三級聯動邏輯
網絡請求與專題
1.定時器
2.BOM對象
3.瀏覽器類型區分
4.網絡請求基礎
5.HTTP協議
6.XHR對象
7.XHR實例屬性
8.XHR實例方法
9.XHR實例事件
10.文件上傳
11.封裝網絡請求
12.異步操作
13.錯誤處理機制
14.編程風格
15.跨域處理
16.本地存儲Cookie
17.本地存儲WebStorage
18.Window對象
19.History對象
1.掌握定時器使用
2.掌握BOM對象
3.掌握HTTP協議
4.掌握XHR對象
5.掌握Ajax
6.能夠獨立封裝Ajax網絡請求
7.了解錯誤處理機制
8.建立良好的編程風格
9.掌握本地存儲
10.了解Window對象
面向對象
1.對象簡介
2.構造函數
3.new 關鍵字
4.實例對象創建
5.Prototype對象
6.原型與原型鏈
7.instanceof運算符
8.對象與繼承
9.對象操作與拷貝
10.多重繼承
11.模塊與封裝
12.設計模式簡介
13.工廠模式
14.觀察者模式
15.單例模式
16.MVC與MVVM
1.了解面向對象
2.熟悉構造函數
3.掌握new關鍵字
4.掌握原型與原型鏈的使用
5.掌握對象和常見操作
6.掌握繼承與封裝
7.掌握基本設計模式原理
8.掌握觀察者模式
9.掌握MVC和MVVM
jQuery階段 jQuery
1.jQuery簡介
2.jQuery DOM操作
3.jQuery事件
4.jQuery表單
5.jQuery CSS操作
6.jQuery核心API
7.jQuery特效
8.jQuery尺寸
9.jQuery內部函數
10.jQuery選擇器
11.jQuery遍歷操作
12.jQuery數據操作
13.jQuery Ajax
14.jQuery雜項
15.jQuery實戰練習
1.熟悉jQuery常見操作
2.熟悉jQuery DOM操作
3.掌握jQuery 核心API
4.掌握jQuery Ajax操作
5.掌握jQuery 選擇器
6.掌握jQuery特效
7.掌握jQuery實戰練習
第三方UI組件庫
1.BootStrap介紹
2.BootStrap引入
3.BootStrap柵格系統
4.BootStrap全局CSS樣式
5.BootStrap組件應用
6.BootStrap JavaScript插件
7.BootStrap定制需求
9.BootStrap實例操作
10.Swiper3.x應用
11.Swiper4.x應用
12.Echarts圖表應用
13.REM移動端適配
14.BootStrap 柵格系統原理響應式設計
1.掌握BootStrap使用
2.掌握BootStrap柵格系統
3.掌握BootStrap全局樣式
4.掌握BootStrap組件應用
5.掌握BootStrap插件應用
6.掌握BootStrap定制需求
7.掌握Swiper的應用
8.掌握REM移動端適配
9.掌握Echarts圖表
PHP與數據庫
1.PHP基礎語法
2.PHP類與繼承
3.PHP中理解面向對象
4.MySQL基礎
5.MySQL數據庫操作
6.MySQL Form表單
7.PDO鏈接數據庫
8.事務處理與時間戳
9.PHP+MySQL創建接口
10.前后端交互處理
11.Get與POST請求
12.前后端實戰練習
1.掌握PHP基礎語法
2.掌握PHP類與繼承
3.掌握MySQL操作
4.掌握PHP鏈接MySQL
5.熟悉PDO鏈接數據庫
6.熟悉前后端交互
7.掌握get和post請求
8.理解前后端交互過程
Ajax實戰項目-藍莓派
1.藍莓派項目設計
2.藍莓派環境構建
3.藍莓派頁面登錄Ajax
4.藍莓派頁面登錄與PHP與MySQL
5.藍莓派網絡請求封裝
6.藍莓派頁面加載
7.藍莓派模態框處理
8.藍莓派分頁器實現
9.藍莓派瀑布流效果實現
10.藍莓派動態加載數據
11.藍莓派音頻控制
12.藍莓派業務邏輯實現
13.藍莓派進度條實現
14.藍莓派第三方UI庫引入
15.藍莓派項目優化
本項目名稱為藍莓派,主要為音樂社區類型。包含較多的交互功能,例如滑動門,雪碧圖使用,模態框,瀑布流和焦點輪播圖等效果。當然,前后端交互也是不可少的,主要理解前后端交互流程與練習各種交互實現。
HTML5新特性 HTML5新特性
1.HTML5語義化標簽
2.HTML5本地存儲
3.HTML5離線Web應用
4.HTML5連貫性
5.HTML5多媒體
6.HTML5性能提升
7.HTML5調用原生API
8.HTML5 Canvas
9.HTML5 Canvas應用
10.HTML5 Canvas游戲-連連看
11.HTML5 Canvas游戲-消消樂
1.掌握HTML5新特性有哪些
2.掌握HTML5的語義化標簽實現方式
3.掌握HTML5的本地存儲方式
4.掌握HTML5提供的多媒體使用
5.掌握HTML5 Canvas標簽應用
高級框架階段 模塊化
1.作用域回顧
2.模塊
3.私有屬性與公有屬性
4.模塊擴展
5.Commonjs規范
6.Requirejs引入
7.Requirejs的使用
8.Requirejs的shim模塊
9.Requirejs應用-音樂列表播放
1.掌握作用域
2.掌握模塊的定義規范與使用
3.了解私有與公有概念
4.掌握Commonjs規范
5.掌握Requirejs的應用
Nodejs與Express
1.安裝Node于CMD命令
2.Node創建服務器
3.Node相關操作
4.Commonjs規范
5.Express安裝
6.Server基本操作
7.Express路由基礎
8.Express路由配置
9.Express路由應用
10.實現前后端交互
11.Post參數請求
12.Get參數請求
13.JSONP跨域處理
14.過濾數據
15.Nodejs鏈接數據庫
16.Server增刪改查
1.了解Nodejs
2.獨立安裝Nodejs環境
3.熟悉CMD命令行操作
4.掌握Express安裝
5.掌握Express路由的應用
6.掌握請求方式POST與GET
7.掌握JSONP的使用
8.掌握數據過濾
9.掌握數據庫基本操作
10.掌握鏈接數據
11.掌握服務器端搭建
ECMAScript6
1.babel轉換器
2.Let和Const命令
3.字符串擴展
4.解構賦值
5.Object擴展
6.Array擴展
7.Function擴展
8.Class類
9.類的繼承Extends
10.Promise
11.Module模塊
12.Proxy
13.Generator
14.Generator
1.掌握ES6與ES5的區別
2.掌握babel轉換器的使用
3.掌握ES6聲明新特性
5.掌握數組,對象,字符串函數的擴展
6.掌握箭頭函數的應用
7.掌握Class類的聲明
8.掌握繼承的實現
9.掌握Promise的使用
10.掌握Module模塊的使用
CSS預處理語言Less
1.Less環境搭建與編譯
2.Less服務器端渲染
3.Sublime Text安裝插件
4.Less語法-變量、混合、嵌套
5.Less語法-計算、函數
6.Less語法-繼承、引導判斷
7.Sass使用
1.了解CSS預處理語言的優勢
2.掌握Less環境搭建
3.了解Less的服務器端渲染
4.掌握Less的使用語法
5.掌握Sass的基本使用
構建工具之Gulp
1.Gulp環境搭建
2.Gulp壓縮JavaScript
3.Gulp壓縮CSS
4.Gulp壓縮HTML
5.Gulp壓縮Image
6.Gulp壓縮合并重命名
7.Gulp監聽
8.Gulp打包處理
9.Gulp熱更新
1.掌握構建工具的作用
2.了解工程化概念
3.掌握Gulp的環境搭建
4.掌握Gulp的壓縮操作(js、css、html、image)
5.掌握壓縮合并重命名系列操作
6.掌握Gulp監聽提高工作效率
7.掌握熱更新提升開發者體驗
構建工具之Webpack
1.Webpack3.x安裝
2.Webpack config配置文件
3.Webpack服務器搭建
4.Webpack Loaders配置
5.Webpack構建React環境
6.Webpack處理CSS和圖片
7.Webpack Less-loader添加
8.Webpack插件添加
9.Webpack生產環境
10.Webpack4.x版本升級
1.掌握目前前端工程化方式
2.掌握Webpack3.x環境搭建
3.掌握Webpack配置文件編寫
4.掌握Webpack Loaders的配置
5.掌握Webpack獨立構建React環境
6.掌握Webpack的配置文件修改
7.掌握Webpack插件的添加
8.掌握Webpack生產環境
9.掌握Webpack4.x版本迭代升級
React
1.Hello React基礎
2.JSX語法解析
3.React基礎組件
4.React組件嵌套
5.組件數據交互Props
6.樣式添加與事件
7.React State狀態
8.State和Props
9.組件生命周期函數
10.Form表單和ref
11.Fetch網絡請求
12.封裝Http網絡請求
13.Mock數據模擬Node服務器
14.網絡請求跨域代理配置
15.引入Antd UI框架
16.Antd樣式應用
17.Antd樣式修改
18.Router3.x引入
19.Router3.x路由嵌套
20.Router3.x路由參數傳遞
21.Router4.x路由升級
22.React腳手架
23.React修改腳手架配置
24.React引入字體圖標
1.掌握React基礎語法
2.了解React的優勢
3.掌握React的組件交互
4.掌握React組件的的生命周期
5.掌握React的網絡請求fetch
6.掌握數據模擬方式Mock
7.掌握React路由的應用
8.掌握Antd UI組件的使用
9.掌握React腳手架的使用
React項目實戰-新聞類型
1.News-環境搭建
2.News-響應式設計
3.News-路由配置
4.News-引入Antd樣式
5.News-適配移動端
6.News-登錄UI實現
7.News-登錄接口實現
8.News-登錄功能實現
9.News-本地存儲
10.News-功能模塊實現
本項目根據新聞類接口實現新聞類站點與APP的常見形式展示,項目專注于練習React基礎的應用,組件的創建分離與嵌套,實現登錄注冊等功能。同時針對移動端和PC端實現響應式設計。
React-Redux
1.Redux基礎
2.Redux原理
3.React-Redux引入
4.React-Redux共享數據
5.React-Redux應用場景
1.掌握React-Redux應用場景
2.掌握React-Redux的實現
3.掌握React-Redux的原理
React項目實戰-O2O類
1.環境搭建-添加Less環境
2.環境搭建-路由功能實現
3.環境搭建-全局樣式與字體圖標
4.首頁-頭部實現
5.首頁-輪播導航實現
6.首頁-超值特惠廣告服務器端實現
7.首頁-超值特惠前端訪問實現
8.首頁-超值特惠前端UI實現
9.首頁-推薦列表數據獲取
10.首頁-推薦列表數據加載
11.首頁-推薦列表加載更多數據
12.首頁-推薦列表加載更多實現
13.首頁-推薦列表滾動加載
14.首頁-底部導航
15.城市-路由配置
16.城市-Header
17.城市-當前城市
18.城市-城市信息Redux添加
19.城市-Redux數據共享
20.城市-城市選擇
21.城市-城市修改
22.城市-城市本地存儲
23.城市-根據城市適配數據
24.搜索-路由配置
25.搜索-服務器模擬數據
26.搜索-SearchHeader組件
27.搜索-搜索數據獲取
28.搜索-搜索頁面UI適配
29.搜索-重復搜索處理
30.詳情-路由配置
31.詳情-服務器端數據適配
32.詳情-詳情數據適配
33.詳情-添加星星
34.詳情-商品評論
35.登錄-路由配置
36.登錄-判斷用戶登錄
37.登錄-登錄實現
38.登錄-登錄驗證
39.購買與收藏-購買功能
40.購買與收藏-解決路由參數問題
41.購買與收藏-收藏按鈕添加
42.購買與收藏-Store添加Redux
43.購買與收藏-收藏功能實現
44.用戶中心-個人信息加載
45.用戶中心-訂單加載
46.用戶中心-訂單信息優化
47.評論-添加評論狀態
48.評論-添加完整流程
49.評論-評論提交
本項目為目前常見O2O類項目的展示形式與功能,項目主要包含功能有首頁展示,城市切換,搜索實現,詳情展示,登錄與注冊,購買與收藏業務,用戶中心和評論等功能。主要針對學者練習React基礎應用和React高級組件的創建,React中使用Redux掌握應用場景,并且熟悉項目業務邏輯的實現,更快更合適宜的接入企業級項目。
Dva
1. dva介紹與環境搭建
2. dva中引入antd
3. dva路由配置
4. dva了解路由原理
5. dva編寫UI Component組件
6. dva Model創建
7. dva 路由跳轉
8. dva Model異步處理
9. dva Mock數據處理
10. dva 網絡請求
11. dva Model API
12. dva redux-actions
dva 首先是一個基于 redux 和 redux-saga 的數據流方案,然后為了簡化開發體驗,dva 還額外內置了 react-router 和 fetch,所以也可以理解為一個輕量級的應用框架。易學易用,僅有 6 個 api,對 redux 用戶尤其友好,配合 umi 使用后更是降低為 0 API,elm 概念,通過 reducers, effects 和 subscriptions 組織 model,插件機制,比如 dva-loading 可以自動處理 loading 狀態,不用一遍遍地寫 showLoading 和 hideLoading,支持 HMR,基于 babel-plugin-dva-hmr 實現 components、routes 和 models 的 HMR。
Vue
1.Vue環境搭建
2.Vue基本指令
3.Vue事件處理
4.Vue計算屬性
5.Vue的Class與Style樣式
6.Vue的表單與偵聽器
7.Vue的基本組件
8.Vue的組件之間數據交互
9.Vue組件加載的keep-alive
10.Vue的Props驗證
11.Vue組件深入
12.Vue 插槽
13.Vue實例生命周期
14.Vue過渡與動畫
15.Vue自定義指令
16.Vue過濾
17.Vue網絡請求Axios
18.Vue Axios請求應用
19.Vue Axios常用配置
20.Vue 跨域處理
21.Vue路由基礎
22.Vue路由跳轉
23.Vue路由嵌套
24.Vue編程式導航
25.Vue路由參數傳遞
26.Vue路由雜項
27.Vue路由高亮
28.Vue路由實例
29.Vue Element UI組件
30.Swiper組件應用
31.VueX引入
32.Vue-VueX-創建Store倉庫
33.Vue-VueX-狀態更改
34.Vue-VueX-getters過濾
35.Vue-VueX-Actions異步處理
36.Vue-VueX-Module
1.掌握Vue環境搭建
2.掌握Vue框架的優點
3.掌握Vue基礎語法
4.掌握Vue常見API
5.掌握Vue組件的使用
6.掌握Vue組件的生命周期
7.掌握Vue網絡請求Axios
8.掌握Vue的路由使用
9.掌握Vue中常見第三方組件使用
10.掌握VueX的引入
11.了解VueX的應用長江
12.掌握VueX在項目中的實現
Vue實戰項目-移動端-VueMusic
1.VueMusic-首頁-路由配置
2.VueMusic-今日推薦-數據獲取
3.VueMusic-今日推薦-視圖適配
4.VueMusic-首頁-視圖適配
5.VueMusic-首頁-音樂榜單
6.VueMusic-首頁-熱門榜單
7.VueMusic-更多-數據適配
8.VueMusic-更多-下拉刷新
9.VueMusic-播放-路由配置
10.VueMusic-播放-播放功能
11.VueMusic-播放-歌詞加載
12.VueMusic-播放-歌詞適配
13.VueMusic-播放-歌詞滾動
14.VueMusic-歌手-歌手列表
15.VueMusic-搜索-搜索實現
16.VueMusic-測試-真機測試
本項目為音樂類項目,主要實現音樂首頁展示,今日推薦類別,歌曲列表,歌曲播放及歌手列表和搜索功能。主要練習Vue的基礎應用和組件如何設計。項目如何構架與測試。通過本項目可以讓學者更快的熟悉Vue框架的使用。并且熟練的構建整個項目需求的架構。
Vue實戰項目-PC
1.Vue-VuePC-環境搭建
2.Vue-VuePC-導航實現
3.Vue-VuePC-登陸注冊接口編寫
4.Vue-VuePC-封裝Axios與API
5.Vue-VuePC-登陸注冊接口實現
6.Vue-VuePC-Token驗證
7.Vue-VuePC-調試路由驗證登陸流程
8.Vue-VuePC-Vuex引入
9.Vue-VuePC-Vuex與本地存儲保存token
10.Vue-VuePC-3.x命令行工具引入Element
11.Vue-VuePC-導航效果優化
12.Vue-VuePC-引入Echarts與封裝
13.Vue-VuePC-Echarts地圖加載與參數調試
14.Vue-VuePC-Echarts網絡數據適配與參數調試
15.Vue-VuePC-封裝SVG加載進度條
16.Vue-VuePC-Mock數據處理
17.Vue-VuePC-輪播圖添加
18.Vue-VuePC-列表數據
19.Vue-VuePC-詳情頁
20.Vue-VuePC-自定義組件
21.Vue-VuePC-訂單詳情
22.Vue-VuePC-Vuex訂單共享
23.Vue-VuePC-Element組件修改樣式
24.Vue-VuePC-打包環境
本項目與上面的移動端項目類似,但是針對的是PC端類展示產品,包含功能有導航,輪播圖,數據列表,詳情頁,訂單頁和購買功能。通過本項目讓學者快速掌握此類項目的常見功能和功能的業務邏輯實現
微信小程序 微信小程序-實戰講解-影評類
1.微信小程序開發工具
2.小程序WXSS后綴
3.小程序事件
4.小程序頁面跳轉
5.小程序數據綁定
6.小程序輪播圖
7.小程序編輯視圖
8.小程序數據適配
9.小程序循環加載視圖
10.小程序Template模板
11.小程序跳轉參數攜帶
12.小程序詳情頁實現
13.小程序本地存儲
14.小程序提示框
15.小程序音頻播放
16.小程序Tabbar
17.小程序網絡請求
18.小程序模板嵌套
19.小程序視圖適配
20.小程序評價業務邏輯
21.小程序列表上拉加載
22.小程序列表下拉刷新
23.小程序電影頁適配
24.小程序搜索頁面適配
25.小程序第三方接口
此階段的內容為微信小程序開發,本階段并非以基礎知識點開始入手講解,基于學者經歷過以上的學習,在此時已經掌握項目框架,包含常見的一些實現規范,所以,這里我們將直接講解項目,根據項目需求的效果使用微信小程序技術實現對應功能。
版本控制器 Git實戰應用
1.SVN介紹
2.SVN客戶端與服務器端搭建
3.SVN關聯倉庫
4.SVN客戶端提交與更新
5.SVN沖突解決
6.Git介紹
7.GIt創建倉庫
8.Git版本回退管理
9.Git分支管理
10.Git沖突解決
11.Git關聯Github
12.Git關聯Gitee
本階段主要掌握SVN和Git的應用,在工作中,團隊協作,代管管理,版本控制全部依賴于這兩個工具,尤其是Git更為主要掌握工具。課程同樣偏向Git的應用,同時關聯遠程倉庫。
TypeScript 核心概念
1.TypeScript介紹
2.TypeScript基本類型
3.TypeScript變量聲明
4.TypeScript接口
5.TypeScript類
6.TypeScript泛型
7.TypeScript類型推斷
8.TypeScript模塊
9.TypeScript命名空間
10.Gulp解析TypeScript
11.Webpack解析TypeScript
TypeScript的有點不言而喻,到目前為止,TypeScript被使用的頻率越來越高,而且我們知道的時候,Vue即將發布的3.0版本就是修改為TypeScript來實現
TypeScript&React
1.TS&React 項目創建
2.TS&React React引入
3.TS&React 組件創建
4.TS&React 數據傳遞
5.TS&React 狀態管理
6.TS&React 事件處理
7.TS&React 條件與列表
8.TS&React 第三方UI組件
9.TS&React 路由
10.TS&React Redux
使用TypeScript編寫React程序是非常方便的,靜態類型檢查給我們編程帶來了非常大的優勢。一次性編寫400行代碼,編譯通過!!!
TypeScript&Vue
1.TS&Vue環境搭建
2.TS&Vue組件引入
3.TS&Vue Data變化
4.TS&Vue Props變化
5.TS&Vue 事件
6.TS&Vue 生命周期
7.TS&Vue 計算屬性
8.TS&Vue 集成Axios
9.TS&Vue集成 Element-UI
10.TS&Vue集成Vuex
使用TypeScript編寫Vue程序是非常方便的,靜態類型檢查給我們編程帶來了非常大的優勢。一次性編寫400行代碼,編譯通過!!!
服務器端渲染 Vue服務器端渲染:NuxtJS
1.環境搭建
2.項目目錄結構介紹
3.路由配置
4.視圖修改
5.異步數據
6.資源文件管理
7.插件處理
8.模塊處理
9.Vuex狀態樹
10.TypeScript支持
前后端拆分,后端專注于數據接口服務,前端專注接口調用,頁面渲染,雙劍合璧,相得益彰。這時,使用vue框架之后,SEO優化變成了很重要的問題,所以,此時要引入服務器端渲染來解決SEO和首屏加載問題是非常合理的。
MPVue 微信小程序:Mpvue
1.MPVue介紹
2.MPVue環境搭建
3.初始化項目
4.頂部導航
5.底部導航TabBar
6.焦點輪播圖
7.搜索實現
8.小程序定位
9.騰訊地圖lbs獲取地理位置
10.搜索結果列表渲染
11.上拉加載
12.下拉刷新
13.詳情處理
14.個人信息
小程序目前越來越火爆,而且我們知道目前存在了“微信小程序”,“支付寶小程序”,“百度小程序”,“頭條小程序”非常多,為了兼容所有小程序,MPVue的出現,應運而生,可以一套代碼實現多個平臺。

11大企業實戰項目案例 5W+行代碼量

  • 小米官網
  • 迅雷官網
  • Ghost中文網
  • 你的運勢
  • 藍莓派
  • Love
  • 期貨交易
  • O2O海代
  • 音樂播放器
  • 安心食療
  • 微信小程序
  • 小米官網:

    項目描述

    首先選擇小米官網為第一個實戰案例,是因為剛開始入門,有個參考點,另外站點比較偏向目前的卡片式設計,實現常見效果。目的為學者練習編寫小米官網,熟悉div+css布局。

    項目技術:

    HTML+CSS+Div布局
  • 迅雷官網:

    項目描述

    此站點特效較多,所以通過練習編寫次站點,學生可以更多練習CSS3的新特性過渡與動畫的實現,并且可以很好的練習div+css布局。

    項目技術:

    HTML5+CSS3新特性
  • Ghost中文網:

    項目描述

    此站點為響應式站點,在目前常見站點中,響應式設計類站點是非常多的,而且大部分公司的站點都需要支持響應式,所以,通過練習次站點,學者可以熟悉響應式這點的設計流程和實現方式。

    項目技術:

    HTML5+CSS3新特性+媒體查詢+響應式站點
  • 你的運勢:

    項目描述

    這是一款測試類產品,用戶輸入名稱可以根據用戶名名稱進行分析,給出不同的運勢結果,并且項目是嵌套在app中的,通過iOS和Android的webview進行加載

    項目技術:

    Swiper+jQuery+REM+Less
  • 藍莓派:

    項目描述

    本項目名稱為藍莓派,主要為音樂社區類型。包含較多的交互功能,例如滑動門,雪碧圖使用,模態框,瀑布流和焦點輪播圖等效果。當然,前后端交互也是不可少的,主要理解前后端交互流程與練習各種交互實現。

    項目技術:

    JavaScript+jQuery+REM+響應式
  • Love:

    項目描述

    這是一款為女性專門打造的App,推薦更好的產品,產品包含化妝用品,護理用品,穿戴用品。功能包含瀏覽,推薦,活動,購物車與購買功能

    項目技術:

    HTML+CSS+JavaScript+第三方框架
  • 期貨交易:

    項目描述

    輪播圖使用淡入淡出效果,通過接口讀取數據,交易日期顯示當前日期

    項目技術:

    HTML5+CSS3布局+jQuery類庫+swiper+Ajax+heighchats圖表插件
  • O2O海代:

    項目描述

    本項目為目前常見O2O類項目的展示形式與功能,項目主要包含功能有首頁展示,城市切換,搜索實現,詳情展示,登錄與注冊,購買與收藏業務,用戶中心和評論等功能。主要針對學者練習React基礎應用和React高級組件的創建,React中使用Redux掌握應用場景,并且熟悉項目業務邏輯的實現,更快更合適宜的接入企業級項目。

    項目技術:

    React+React-Redux+Flex+React-Router4.0+Webpack+ES6
  • 音樂播放器:

    項目描述

    本項目為音樂類項目,主要實現音樂首頁展示,今日推薦類別,歌曲列表,歌曲播放及歌手列表和搜索功能。主要練習Vue的基礎應用和組件如何設計。項目如何構架與測試。通過本項目可以讓學者更快的熟悉Vue框架的使用。并且熟練的構建整個項目需求的架構。

    項目技術:

    Vue+Flex+Vue-Router+Webpack+ES6
  • 安心食療:

    項目描述

    這是一款樣式產品,項目包含養生相關內容,如何定制屬于屬于自己的專門的食療產品,個人中心,展品瀏覽與訂購。

    項目技術:

    React+React-router+Webpack+ES6+AntD
  • 微信小程序:

    項目描述

    此階段的內容為微信小程序開發,本階段并非以基礎知識點開始入手講解,基于學者經歷過以上的學習,在此時已經掌握項目框架,包含常見的一些實現規范,所以,這里我們將直接講解項目,根據項目需求的效果使用微信小程序技術實現對應功能。

    項目技術:

    微信小程序
  • 北京校區
  • 山西校區
  • 鄭州校區
  • 武漢校區
  • 四川校區
  • 長沙校區
  • 深圳校區
  • 上海校區
  • 廣州校區
  • 保定招生辦

北京海淀區校區(總部):北京市海淀區西三旗街道建材城西路中騰建華商務大廈東側二層尚學堂
北京京南校區:北京亦莊經濟開發區科創十四街6號院1號樓 賽蒂國際工業園
咨詢電話:400-009-1906 / 010-56233821
面授課程:?JavaEE+微服務+大數據? ???大數據+機器學習+平臺架構?????Python+數據分析+機器學習??人工智能+模式識別+強化學習???WEB前端+移動端+服務端渲染

 

山西學區地址:山西省晉中市榆次區大學城大學生活廣場萬科商業A1座702

鄭州學區地址:河南電子商務產業園6號樓4層407
咨詢電話:0371-55177956

武漢學區地址:武漢市東湖高新區光谷金融港B22棟11樓
咨詢電話:027-87989193

四川學區地址:成都市高新區錦暉西一街99號布魯明頓大廈2棟1003室
咨詢電話:028-65176856 / 13880900114

網址:http://www.cssxt.com/
咨詢電話:0731-83072091

深圳校區地址:深圳市寶安區航城街道航城大道航城創新創業園A4棟210(固戍地鐵站C出口)
咨詢電話:0755-23061965 / 18898413781

上海尚學堂松江校區地址:上海市松江區榮樂東路2369弄45號綠地伯頓大廈2層
咨詢電話:021-67690939

廣州校區地址:廣州市天河區元崗橫路31號慧通產業廣場B區B1棟6樓尚學堂(地鐵3號線或6號線到“天河客運站”D出口,右拐直走約800米)
咨詢電話:020-2989 6995

保定招生辦公室

地址:河北省保定市競秀區朝陽南大街777號鴻悅國際1101室

電話:15132423123

Copyright 2006-2019 北京尚學堂科技有限公司  京ICP備13018289號-19  京公網安備11010802015183  
媒體聯系:18610174079 閆老師  

Java基礎班,免費試學三周

足彩进球彩推荐