辽宁35选7走势图综合版:辽宁35选7历史数据

2019年前端與移動開發學科課程大綱

辽宁35选7历史数据 www.lpptl.com 目前課程版本:6.5   升級時間:2019.06.01   查看詳細

前端與移動開發課程設計理念

  •  

    前沿應用型技術

    課程設計之初就對目前企業中最流行的技術及知識點進行過多次調研,整套課程設計完成后,又進一步對課程中的技術點進行了100+項的增加與優化,全面覆蓋以 React.js、Vue.js 和 Angular 為首的三大框架,最新的數據流方案、服務端渲染方案,當下非常熱門的移動端開發技術:Flutter、React Native、微信小程序,讓學員能夠輕松應對前端在不同領域、不同行業的技術難題。

  •  

    真實企業級項目庫

    學員的最終訴求就是能夠靈活運用所學知識進行企業項目開發,所以真實的企業級項目是傳統培訓中最最稀缺的。此次課程核心定位更接近真實企業需求,所以我們從項目選題開始全部以真實就業情況為出發點,橫跨電商、金融、在線教育、社交、租房、旅游六大行業,構建真實企業級項目庫,,通過超長的項目課程培養學員在真實工作場景中攻克技術難題的的技術實戰能力,以及從容應對不同企業需求的業務能力。

  •  

    超全的解決方案庫

    企業對于人才最核心的需求并不是對單純掌握某種應用型技術,而是希望開發者能夠通過自己的經驗幫助企業解決項目中隨時出現的問題。所以本次課程除了升級應用型技術的相關課程,更多的還是提供海量商業項目解決方案,構建超全的解決方案庫,讓學員在日后的項目中可以靈活復用,做到企業有問題,我們有方案。

  •  

    商業項目團隊實戰

    新增了學員自主團隊開發的階段,完全模擬企業中的真實開發場景,從交互稿、設計稿、接口文檔,到項目打包工具,源代碼管理工具,在項目經理的帶領下完成真實企業級項目的繼續開發,讓學員真正體驗并掌握從需求到開發再到上線的方方面面,無需過渡期直接適應真正的企業開發。

前端與移動開發基礎班課程大綱

學習對象

1.0基礎0經驗的小白人員,想轉型到高薪編程行業或對此行業有濃厚興趣的人員;
2.在校大學生,希望充實自身技能,畢業后能順利就業并有更強的市場競爭力;
3.不滿足目前工作現狀,想要得到更好的發展空間。

注:獲取更多免費學習視頻+資料+筆記,請加QQ:2632311208。

上課方式

全日制脫產,每周5天上課(實際培訓時間可能因法定節假日等因素發生變化)

培訓時間

部分校區可能會根據實際情況有所調整,詳情可詢咨詢老師   點擊咨詢


培訓要求

自帶筆記本

 

前端與移動開發基礎班課程大綱
所處階段主講內容技術要點學習目標
第一階段:
HTML5 + CSS3
HTML51、 瀏覽器與瀏覽器內核2、語法及使用、3、 常用標簽4. 語義化5、 表單元素6、 HTML 、7 新增標簽可掌握的核心能力:

掌握 HTML5 常用標簽;
掌握 CSS 語法及使用技巧;
掌握CSS3新增選擇器;
掌握CSS3新增樣式屬性;
掌握 DIV+CSS 布局方式;
掌握常見網頁布局技巧;
掌握企業級、電商級網頁開發基本的流程、規范;
掌握語義化、??榛?、兼容性的PC端網頁開發;
掌握 Photoshop 切圖以及插件切圖;
熟練使用調試工具進行頁面調試;
掌握基本的動畫效果。


可解決的現實問題:

能夠獨立把美工提供的PSD效果圖還原成PC端靜態代碼頁面。

市場價值:

具備PC端靜態網頁開發的能力,還達不到企業用人標準。為后面學習網頁編程階段打下堅實基礎。
CSS3基礎1、CSS基本語法規范2、 常用的選擇器用法與技巧 3、復合選擇器使用4、 數值與單位5、文字文本樣式 6、 CSS3新增選擇器
CSS3進階1、 CSS盒子模型 2、 CSS背景技巧 3、 圓角/陰影/過渡  4、 定位和浮動 5、 偽類和偽元素  6、chrome調試工具  7、CSS高級技巧(精靈圖、CSS三角、圖標字體等)8、. CSS常見布局技巧大全 9、 網頁開發規范以及流程 10、CSS企業級網頁開發 11、網頁開發常見問題以及解決方案 12、 CSS常見兼容性問題以及解決方案   13、CSS3新增屬性 14、 Photoshop 切圖 15、cutterman插件一鍵切圖
電商項目1、代碼組織原則 2、項目開發實戰流程 3、 電商類復雜頁面布局規范 4、CSS初始化技術選擇(Normalize.css使用)5、 CSS字體圖標使用 6、CSS 屬性書寫順序規范7、完整的多頁面開發 8、 網頁語義化設計 9、 CSS頁面??榛?nbsp;10、favicon圖標制作 11、復雜網頁結構排版技巧 12、 常見動畫過渡特效 13、電商類常見布局問題解決方案 14. 將電商項目部署到web服務器

前端與移動開發就業班課程大綱

學習對象

本課程適合于計算機專業,有一定css+div基礎、通過入學考核的未就業人士。

上課方式

培訓時間及周期:全日制脫產,每周5天上課(實際培訓時間可能因法定節假日等因素發生變化)

培訓要求

自帶筆記本

培訓時間

部分校區可能會根據實際情況有所調整,詳情可詢咨詢老師   點擊咨詢


 

前端與移動開發就業班課程大綱
所處階段主講內容技術要點學習目標
第二階段:
移動Web網頁開發
CSS3動畫1、CSS3的2D和3D變換2、animation動畫3、炫酷頁面開發(地圖大數據熱點圖、大風車、旋轉木馬輪播圖等)學員能力體現:


掌握CSS32D、3D變換、動畫效果;
了解移動端屏幕、移動端瀏覽器、操作系統的不同;
掌握主流移動端調試方法;
掌握常用移動端適配方案(流式布局、flex布局、rem適配);
掌握主流移動端頁面開發技術選型與解決方案;
掌握CSS預處理器less的使用;
掌握常用移動端框架使用方法;
掌握常見移動端頁面開發流程與規范;
掌握響應式布局開發;
掌握Bootstrap開發響應式頁面;
掌握適配不同終端的移動端頁面開發。

可解決的現實問題:

能夠獨立開發移動端頁面,并適配不同移動端終端。

市場價值:

具備移動端頁面開發,但是還不能達到企業的用人標準。為后面學習網頁編程階段打下堅實基礎。
移動端頁面開發1、傳統布局的局限性2、移動端屏幕介紹3、移動端瀏覽器介紹4、物理像素&物理像素比5、真機調試、6、viewport視口、7、移動端技術選型、8、移動端主流適配解決方案、9、移動端特殊樣式、10、百分比布局&流失布局、11、Flex布局優勢、12、盒子父級常見屬性設置、13、盒子子級常見屬性設置、14、攜程網Flex移動端頁面開發、15、rem單位使用、16、rem適配、17、預處理器less、18、media媒體查詢、19、淘寶flexible.js移動端適配、20、cssrem插件使用、21、cutterman二倍圖三倍圖切圖、22、移動端頁面開發流程與規范、23、京東移動端首頁開發
Bootstrap1、傳統布局的局限性2、移動端屏幕介紹3、移動端瀏覽器介紹4、物理像素&物理像素比5、真機調試6、viewport視口7、移動端技術選型8、移動端主流適配解決方案9、移動端特殊樣式10、百分比布局&流失布局11、Flex布局優勢12、盒子父級常見屬性設置13、盒子子級常見屬性設置14、攜程網Flex移動端頁面開發15、rem單位使用16、rem適配17、預處理器less18、media媒體查詢19、淘寶flexible.js移動端適配20、cssrem插件使用21、cutterman二倍圖三倍圖切圖22、移動端頁面開發流程與規范23、京東移動端首頁開發
第三階段:
JavaScript網頁編程
JavaScript基礎1、基本輸入輸出方法2、變量3、數據類型4、類型轉換5、運算符6、流程控制語句7、數組8、函數9、自定義對象10、內置對象和常用方法11、網頁版小娜小項目學員能力體現:

能夠掌握JavaScript基本語法;
掌握常見JavaScript算法;
掌握DOM的各種操作;
熟練使用面向對象思想進行DOM編程;
掌握JavaScript的高級語法;
熟練使用jQuery操作DOM;
熟練使用和編寫jQuery插件;
獨立完成電商網站的頁面搭建(包括HTML結構、CSS樣式、JavaScript特效);
掌握應對業務編程的能力;
掌握JavaScript常見兼容性方案;
掌握團隊合作開發流程。

可解決的現實問題:

能夠使用JavaScript/jQuery開發網頁特效/網頁應用。

市場價值:

具備網頁開發的基礎能力(網頁布局和網頁應用開發),但是無法和服務器交互,還達不到企業用人的標準。
WebAPIs編程1、獲取頁面元素的常用方法2、頁面中的事件和事件機制3、操作元素的樣式和屬性4、新增元素和移除元素5、BOM操作大全
網頁應用/網頁特效1、輪播圖2、頁面放大鏡3、待辦事項列表4、購物車5、tabs6、JSON7、其它常用網頁特效
jQuery快速開發1、jQuery的優勢2、jQuery選擇器3、jQuery中的動畫4、jQuery中的DOM操作5、鏈式編程和隱式迭代6、插件使用和制作7、常見網頁特效制作大全
面向對象編程1、面向對象思想、2、創建對象、3、JavaScript中的對象深入理解、4、閉包原理以及使用場景、5、原型以及原型鏈深入剖析、6、作用域鏈深入分析、7、函數的調用方式及this指向總結、8、Class類、constructor、super
第四階段:
Node.js與AJAX
AJAX編程1、AJAX的作用2、原生AJAX3、同步與異步4、http協議5、AJAX的封裝6、jQuery的AJAX7、緩存問題及解決方案8、跨域請求及解決方案9、前端模板引擎學員能力體現:

能夠建立客戶端服務器交互模型,熟悉網絡通信相關概念;
能夠使用Node.js進行Web服務端開發;
能夠掌握JavaScript異步編程模型;
能夠掌握JavaScript??榛喑譚絞?;
能夠使用Node.js操作MySQL數據庫;
能夠理解HTTP協議;
熟悉原生Ajax請求流程與細節,并掌握常見跨域技巧;
能夠基于jQuery的Ajax相關API熟練開發常見的前端功能;
能夠獨立開發基于后臺接口的動態網站、Ajax數據交互的項目;
能夠獨立完成企業網站從前臺到后臺的基本開發工作。

可解決的現實問題:

能夠具備開發具有簡單交互能力的網站,能夠使用源代碼管理工具。

市場價值:

具備基本的網站開發能力,滿足企業對初級前端開發的要求。
git1、git歷史2、git與svn3、git基本使用4、git分支5、git遠程倉庫6、git沖突及解決方案
綜合項目:
阿里百秀
1、項目初始化2、前后端分離開發3、Postman工具使用4、用戶注冊/登錄/退出5、文章管理???、評論管理???、用戶中心???、項目部署與發布
ES61、es6簡介2、新增語法3、內置對象擴展4、Promise5、Async函數6、解構7.展開運算
Node.js基礎1、node.js環境安裝2、如何用node.js運行代碼3、Commonjs4、??榛?、??橛氚?、NPM7、CNPM和Yarn8、核心??槭褂?、第三方??槭褂?0、RESTFulAPI
服務端開發(Node.js)1、靜態和動態網站2、http??槭褂?、請求響應原理4、HTTP協議5、處理頁面請求6、處理表單7、會話技術(Cookie、Session)
MySQL1、MySQL的概念2、MySQL安裝3、建庫和建表4、增刪改查語句5、Node.js操縱MySQL
Express1、express的概念2、express的安裝3、后端路由4、靜態資源托管5、中間件的原理6、常用中間件7、模板引擎8、異常處理9、Express常用API10、RESTFulAPI
第五階段:
Vue.js項目實戰
Vue.js基礎1、Vue實例2、文本與屬性綁定3、計算屬性computed4、偵聽器watch5、Class與Style綁定6、條件渲染7、列表渲染8、事件處理9、表單輸入綁定10、Vue實例生命周期11、開發Vue插件和模板過濾器12、自定義指令13、Vue組件系統14、Vue過渡和動畫15、VueRouter路由系統16、組件通信17、axios請求庫18、VueCLI腳手架工具19、VueDevTools調試工具20、在Vue中操作DOM可掌握的核心能力:

能夠掌握使用Vue技術棧進行項目開發;
能夠掌握源代碼管理工具的使用;
能夠熟練掌握前后端分離開發模式;
能夠掌握使用主流框架開發門戶網站、管理系統、移動Web等客戶端;
能夠掌握Webpack項目構建配置流程;
能夠掌握Web項目的部署與發布模式;
能夠掌握常見網站業務??榭?。
掌握使用echarts/d3.js進行大數據可視化交互開發;

可解決的現實問題:

使用Vue技術棧開發企業級項目
掌握前后端分離的開發方式
掌握項目的打包和發布

市場價值:

理解Vue的開發理念、內部運行原理,梳理使用Vue組件開發常見功能。滿足前端開發行業中的常見需求。
社交媒體-
黑馬頭條自媒體管理系統
1、使用VueCLI初始化項目2、使用Git+Github管理項目源代碼3、使用echarts開發數據可視化4、使用axios與服務端交互5、使用VueRouter管理項目中的路由6、使用ElementUI框架7、使用Sass預處理器8、基于JWT的前后端token鑒權9、富文本編輯器解決方案10、項目打包發布上線
webpack1、安裝與基本配置2、打包JavaScript???、打包CSS???、打包圖片和字體文件???、打包less/sass資源???、ES6轉ES57、打包.vue資源???、配置ESLint代碼校驗工具9、使用clean-webpack-plugin插件清除打包結果目錄10、使用HtmlWebpackPlugin打包HTML資源11、處理打包結果的Sourcemaps12、監視打包模式13、使用webpack-dev-server14、??櫬虬雀?5、treeshaking打包優化16、生產環境和開發環境分離打包17、打包優化之CodeSplitting代碼分割18、打包優化之??槔良釉?9、打包優化之緩存
社交媒體-
黑馬頭條
1、使用VueCLI初始化項目2、使用Git+Github管理項目源代碼3、使用axios與服務端交互4、使用VueRouter管理項目中的路由5、使用VantUI框架6、使用Vuex管理組件狀態7、使用Sass預處理器8、基于JWT的前后端token鑒權9、使用Socket.io進行實時通信10、移動端富文本編輯器解決方案11、使用Cordova打包移動App12、項目打包發布上線
Vue進階1、組件封裝進階2、MVVM數據綁定原理3、Render方法原理4、$nextTick方法的使用5、發布訂閱模式
服務端渲染1、SSR核心概念2、SSR基本用法3、編寫通用代碼4、路由和代碼分割5、構建配置6、Nuxt.js
大數據可視化1、數據庫可視化基礎2、echarts/d3.js入門3、其它可視化庫4、大數據可視化實戰項目:組件開發
第六階段:
微信小程序
小程序基礎1、小程序注冊2、小程序開發者工具使用教程3、小程序配置文件4、小程序常用組件5、小程序的模板語法6、小程序中的樣式編寫7、小程序中的JavaScript8、小程序應用及頁的生命周期9、小程序常用API10、小程序中的自定組件11、小程序插件開發12、小程序分包加載13、小程序基礎庫版及兼容處理14、小程序運行機制15、小程序性能分析及優化16、小程序云開發、云函數、云數據庫17、小程序上線和發布可掌握的核心能力:

能夠掌握小程序的開發基??;
能夠獨立開發小程序項目;
能夠掌握小程序的部署與發布;
能夠掌握微信支付的使用;
能夠掌握小程序開發框架的使用;
掌握第三方AI平臺的使用。


可解決的現實問題:

掌握整個小程序開發和傳統web開發的區別;
掌握企業小程序開發、發布和上線的整體流程;
擁有解決和實現市場上主流小程序的功能需求。

市場價值:

掌握前端行業的小程序發展趨勢,熟悉小程序項目的整體運作流程,并且具備獨立開發企業級小程序的能力,既可以使用原生小程序也可以使用小程序框架來完成項目。
小程序項目:
黑馬優購商城
1、原生框架的搭建2、商品首頁???、分類商品???、商品列表???、商品詳情???、支付和登錄???、收藏???、購物車???、訂單???0、搜索頁面???1、個人中心???2、意見反饋???3、項目的優化和發布上線
第七階段:
React.js項目實戰
React.js基礎1、create-react-app腳手架工具2、JSX語法3、條件渲染4、列表渲染和key5、React組件系統6、PureComponent7、setState()8、事件處理9、表單處理10、組件通訊11、render-props12、高階組件13、虛擬DOM和Diff算法14、ReactRouter路由系統15、Redux狀態管理架構16、axios請求庫17、AntDesign組件框架、18、CSSModules可掌握的核心能力:

能夠理解React的開發理念;
能夠掌握React的基本使用;
能夠理解React的內部原理;
能夠使用React及其常用組件庫進行項目開發;
能夠使用React封裝項目中用到組件實現復用;
能夠掌握React項目中常見問題的解決方案;
能夠掌握React-Redux進行狀態管理;
能夠掌握聲明式編程的思想;
能夠掌握組件化開發的思想;
能夠掌握React項目優化、部署。

可解決的現實問題:

具備使用React開發能力,配合React內部原理,增強解決項目中復雜業務問題的能力,從項目搭建到項目開發再到項目部署上線,讓學員可以完成常見企業級項目的開發。

市場價值:

理解React的開發理念、內部運行原理,熟練運用React組件完成項目常見功能開發,配合常用組件庫解決項目中的一些共性問題,滿足前端開發行業中的常見需求。
好客租房
PC端項目
1、項目初始化2、管理員登錄退出3、用戶管理4、用戶已發布房源查看5、房源列表6、房源列表檢索等功能7、使用redux進行狀態管理
好客租房
移動Web項目
1、項目初始化2、首頁搭建3、地理定位4、城市選擇5、地圖找房6、房源搜索7、關鍵詞搜索8、房源詳情9、個人中心10、用戶登錄/注冊/退出11、房源收藏12、查看用戶收藏房源列表13、房源發布14、已發布房源列表查看15、權限路由組件封裝16、移動端長列表性能優化17、React復雜表單處理18、React動畫等常見解決方案

前端與移動開發在職加薪課程大綱

學習對象

初入前端開發行業的初級、中級前端開發者。

注:獲取更多免費學習視頻+資料+筆記,請加QQ:2632311208。

上課方式

在線學習

培訓時間

隨到隨學,詳情可詢咨詢老師   點擊咨詢



前端與移動開發在職加薪班課程大綱
所處階段主講內容技術要點學習目標
第八階段:
框架原理與進階
前端工程化工程化概念、??榛⒓俺S霉ぞ擼╓ebpack4、Parcel、Rollup)、項目規范化及常用工具(ESLint、StyleLint)、前端自動化及常用工具、自動化測試及常用工具(istanbul、jest、benchmark)
學員能力體現:
- 能夠輕松運用目前市場主流工具應對工程化項目需求;
- 能夠基于無服務端平臺快速開發應用并了解國內主流的平臺服務;
- 能夠使用靜態站點構建方案快速開發企業站;
- 能夠使用 Flow、TypeScript 完成復雜應用業務代碼的編寫;
- 能夠掌握使用 Angular 技術棧進行項目開發;
- 能夠理解 React.js / Vue.js 一類的 MVVM 框架的實現原理;
- 能夠使用不同的數據流框架應對不同技術棧在大型項目中的數據狀態管理;
- 能夠使用服務端渲染解決方案解決 React.js / Vue.js / Angular 框架在 SEO 方面的問題;
- 能夠掌握不同框架的服務端渲染的實現及運用;
- 能夠使用 React16 + Redux4 + ReactRouter4 + Next.js 完成社交類項目的開發。

關鍵詞:
工程化、自動化、無服務端、Gatsby、TypeScript、Flow、Angular、MVVM 框架原理、Mobx、RxJS、SSR、Next.js、Nuxt.js、Universal
閑云旅游項目無服務端方案(LeanCloud)、靜態站點生成工具(Gatsby、React Static、VuePress)、旅游類項目業務
JavaScript 進階Flow 類型檢查、TypeScript 適應超大型的應用編碼
Angular 實戰開發Angular 組件的定義及使用、Angular 服務、Angular 路由、表單、依賴注入
MVVM 框架進階與實現Vue.js 原理、Vue.js 使用進階、模擬實現 Vue.js 框架
數據流框架的應用Redux、Mobx、Vuex、RxJS、ngrx
服務端渲染 SSR 專題React.js 服務端渲染方案及 Next.js 框架、Vue.js 服務端渲染方案及 Nuxt.js、Angular 服務端渲染方案及 Universal Angular
學成在線項目React16、Redux4、ReactRouter4、Next.js
跨平臺桌面應用開發Electron、Vue.js / React.js 在 Electron 中的使用
第九階段:
移動 App 開發
混合式 App 開發框架Cordova、Phonegap、Ionic
學員能力體現:
- 能夠使用混合式 App 開發框架快速開發移動 App;
- 能夠配合原生應用開發 App 內嵌 H5 頁面并可以通過 JSBridge 調用原生接口;
- 能夠使用 wepy / mpvue 框架開發小程序或快應用項目;
- 能夠使用 taro 多端統一解決方案同時完成移動 App、移動 Web、小程序的開發;
- 能夠獨立使用 React Native 開發原生 App;
- 了解 Weex / Flutter 等其他原生應用的前端技術開發方式。

關鍵詞:
Cordova、Ionic、Webview + H5、JSBridge、mpvue、taro、Weex、Flutter
H5 配合原生開發 AppWebview + H5、JSbridge、NativeScript
黑馬證券 App 項目Vue.js 開發移動H5、配合原生 Webview 構建 App、金融業務項目
小程序/快應用開發框架WEPY、MPVUE、Taro 統一開發解決方案
原生應用開發框架Flutter、React Native、Weex
好客租房 App 項目React Native 構建租房類 App 項目
第十階段:
Node.js 進階
Node.js 網絡通信TCP 協議、net ???、Socket
學員能力體現:
- 能夠基于 net ??榭?nbsp;Socket 應用并深度理解 HTTP 協議;
- 徹底理解 Node.js 中的事件循環特性;
- 能夠使用 Cluster 開發多進程應用充分發揮多核 CPU;
- 能夠操作常見的 NoSQL 數據庫并能夠通過 Node.js 操作;
- 能夠掌握主流的 MVC Web 應用開發框架 Adonis、Egg;
- 能夠升入理解基于 GraphQL 標準開發現代化的應用層接口;
- 能夠掌握 Node.js 中途島在企業級項目中的應用;
- 能夠使用 Node.js 開發基本的網絡爬蟲應用。

關鍵詞:
Socket、EventLoop、Cluster、Redis、MongoDB、Memcached、Adonis.js、Egg.js、GraphQL、微服務、Nightmare、Puppeteer
Node.js 事件循環與多進程EventLoop、Cluster
NoSQL 數據庫Redis / MongoDB / Memcached 基本使用及如何通過 Node.js 操作
Web 應用開發框架Adonis.js、Egg.js、Koa
BaaS 接口標準GraphQL
十次方項目Node.js 中間層、社交類業務項目
網絡爬蟲開發Cheerio、Nightmare、Puppeteer
第十一階段:
可視化與游戲
網頁游戲開發基礎Canvas
學員能力體現:

- 能夠使用 HTML5 技術開發網頁游戲;
- 能夠使用 WebGL 技術完成炫酷 3D 類圖形效果;
- 能夠掌握常用的可視化庫的應用;
- 能夠使用 Three.js 開發簡單的 3D 網頁游戲;
- 能夠使用 HTML5 游戲引擎開發網頁游戲。

關鍵詞:
WebGL、Three.js、H5 游戲、游戲引擎、Cocos2d-x、Egret
網頁高性能圖形編程WebGL
圖形化開發庫Three.js、D3.js
HTML5 游戲引擎Cocos2d-x、Egret
第十二階段:
架構與運維
前端性能優化JSPerf、YSlow、PageSpeed
學員能力體現:

- 能夠通過不同的工具發現 Web 項目的性能瓶頸并加以解決;
- 能夠掌握使用不同的工具和平臺對項目及代碼進行質量監測;
- 能夠使用不同的自動化測試框架完成項目的單元測試和集成測試;
- 能夠使用 Jenkins、TravisCI 等工具對項目進行持續集成和持續部署;
- 能夠掌握基本的 Linux 服務器操作與維護;
- 能夠掌握 Nginx Web 服務器的搭建與配置;
- 了解 Docker 容器化平臺的基本操作。

關鍵詞:
JSPerf、YSlow、PageSpeed、E2E、QA、Jest、AVA、Nightmare、持續集成、持續部署、Jenkins、Nginx、Docker
項目質量監測Lint、e2e test、codecov、Benchmark
自動化測試Mocha、Jest、AVA、Karma、Nightmare
持續集成與持續部署Jenkins、TravisCI、CircleCI
Linux 服務器Nginx、HTTP(s)、ECS、RDS、SLB 云服務
容器化運維操作Docker 操作、部署、運維

備注:該課程大綱僅供參考,實際課程內容可能在授課過程中發生更新或變化,具體授課內容最終以各班級課表為準。

基礎差? 可免費學基礎班

申請試讀名額

基礎過關? 可直接就讀就業班

基礎測試

前端與移動開發學科項目介紹

  • 京東項目

    項目簡介:

    京東項目是通過電子商務模式為主導開展起來的項目。該項目涵蓋了基本的DOM操作、面向對象思想和事件處理及特效內容。

    項目特色:

    項目基于HTML+CSS+JavaScript搭建動態頁面實現,包含網頁布局,網頁特效,瀏覽器兼容性處理。其中包括JavaScript基本操作和DOM基本元素操作及常見事件處理,涵蓋頁面常見效果輪播圖、放大鏡、tab欄切換等基本特效實現,完成此項目基本可以獨立

  • 博學谷后臺管理系統

    項目簡介:

    該項目主要實現在線教育平臺相關資源數據的管理功能,主要實現講師、課程等數據資源的增刪改查等相關操作。

    項目特色:

    該項目緊密聯系實際工作場景,整合了很多常用的前端插件,融入真實的業務場景,并且包含了前端相關的jQuery、Ajax,文件上傳、后臺接口對接等大量的知識點,可以在強化知識點掌握的同時進一步培養實踐能力

  • 移動端宣傳頁

    項目簡介:

    如何快速抓住用戶眼球:二維碼掃描->跳轉,朋友圈分享->跳轉。移動設備這類操作在頻繁不過了.跳轉之后看到的都是一個酷炫的宣傳頁面,有聲音,有動畫,可能還會有定位等功能,那么這個頁面在移動端如何通過HTML5 & CSS3等技術去實現呢

    項目特色:

    使用HTML5原生技術實現媒體播放功能,結合第三方地圖API實現定位及地圖繪制,使用CSS3實現酷炫的過渡,動畫效果,運用動畫框架來制作一些更有靈性的動畫;頁面之間的滑動切換效果,原生跟框架的實現方式,咱們都來一遍,讓大伙真實體驗到公司中此類頁面的開發“姿勢”

  • 樂乎(輕博客)

    項目簡介:

    人們溝通的方式增多了,但是如何找到志同道合的人呢,輕博客正越來越受到咱們年輕人的歡迎,可以分享生活,分享心得,通過發現以及創建圈子快速找到感興趣的話題.如果不想分享內容,也可以做一個安靜的觀眾,靜靜地看著他人分享的精彩生活;無論哪種方式都能夠讓你收獲精彩的內容.

    項目特色:

    :體驗移動端webAPP的開發方式,掌握如何在種類繁多的屏幕中實現顯示效果統一,如何在不同的移動操作系統下處理諸如字體設置,圖片設置等問題.喜歡原生,沒問題,我們一起來手寫頁面;想要快速開發,沒問題,我們一同體驗框架開發的簡單與高效。CSS代碼增多,維護與編寫成本增加,我們有CSS預處理程序來幫忙。多角度,多方向讓大伙感受移動端webAPP的開發"姿勢"

  • 電商項目

    項目簡介:

    該項目是基于鞋類的垂直電商平臺,改項目包含整個電商核心???,用戶???,購物車???,分類???,商品???,產品???。報表???. 系統前臺是面向網站用戶訪問的,用戶可以通過移動端進行注冊,修改個人的一些信息,商品搜索,把商品保存到自己的購物車。系統后臺是面向電商后臺管理人員使用的,主要功能包含用戶管理,分類管理,品牌管理,商品管理,報表統計等功能。

    項目特色:

    1:該項目移動端采用當前流行的mui移動框架搭建而成,使移動端的開發變得簡單高效;2:獨立頁面里面采用流式布局,rem,以及伸縮布局來搭建內層網頁;3:該項目所有的交互都采用前后端分離,移動端使用各種交互特效,下拉刷新,滾動加載等特效; 4:后臺采用bootstrap 進行頁面布局,后臺開發迅速方便維護,使用bootstrap 的常見的插件;5:后臺使用jQuery fileupload 上傳組件,支持多文件上傳,以及預覽的功能;6:使用echart 技術做相關的報表統計技術"

  • cms系統

    項目簡介:

    整個項目使用webpack打包工具集合Vue.js框架完成一個移動版的webapp,整個項目完全從0起步一步步帶領學員完成腳手架的搭建,單頁程序的架構以及新聞資訊,圖片分享,商品購買,購物車,登錄等功能,并且整個項目開發流程完全模擬團隊協作,使用git進行版本管理

    項目特色:

    純手工實現一個個功能,主要邏輯拒絕拷貝代碼。以真實項目作為原型來實現其中的一部分功能,業務都是公司常用的。教會學員如何去查找開源組件,并且用在項目中滿足業務的開發,授人以魚不如授人以漁。項目的講解過程幾乎接近于公司真實項目的開發和協作流程,例如:交互稿,UI設計稿都有

 

前端與移動開發面授視頻試聽

  • 二維碼圖片的方式(上)

  • 二維碼圖片的方式(下)

  • ifelse和代碼的調試

  • 表單元素(一)

  • 表單元素(二)

  • 數組

申請免費線下基礎班試聽名額

教學服務

  • 每日測評

    每晚對學員當天知識的吸收程度、老師授課內容難易程度進行評分,老師會根據學員反饋進行分析,對學員吸收情況調整授課內容、課程節奏,最終讓每位學員都可以跟上班級學習的整體節奏。

  • 技術輔導

    為每個就業班都安排了一名優秀的技術指導老師,不管是白天還是晚自習時間,隨時解答學員問題,進一步鞏固和加強課上知識。

  • 學習系統

    為了能輔助學員掌握所學知識,黑馬程序員自主研發了6大學習系統,包括教學反饋系統、學習難易和吸收分析系統、學習測試系統、在線作業系統、學習任務手冊、學員綜合能力評定分析等。

  • 末位輔導

    末位輔導隊列的學員,將會得到重點關心。技術輔導老師會在學員休息時間,針對學員的疑惑進行知識點梳理、答疑、輔導。以確保知識點掌握上沒有一個學員掉隊,真正落實不拋棄,不放棄任何一個學員。

  • 生活關懷

    從學員學習中的心態調整,到生活中的困難協助,從課上班級氛圍塑造到課下多彩的班級活動,班主任360度暖心鼓勵相伴。

  • 就業輔導

    小到五險一金的解釋、面試禮儀的培訓;大到500強企業面試實訓及如何針對性地制定復習計劃,幫助學員拿到高薪Offer。