上海前端開(kāi)發(fā)培訓(xùn)班

小班詳詢

課程優(yōu)勢(shì)：深入學(xué)習(xí)HTML5新特性、css3特性（動(dòng)畫(huà)、媒體查詢）、響應(yīng)式框架、移動(dòng)端布局；框架類：ES6/ES7/react/vue等，為后臺(tái)程序開(kāi)發(fā)或App開(kāi)發(fā)打下基礎(chǔ)

上課方式：直播,面授

上課時(shí)段：全日制,周末班

￥ 9800

預(yù)約試聽(tīng) 在線咨詢

課程詳情教學(xué)點(diǎn) 教學(xué)環(huán)境學(xué)員評(píng)論

上海前端開(kāi)發(fā)培訓(xùn)班，采取理解結(jié)合實(shí)踐的教學(xué)模式，課程緊跟趨勢(shì)，同時(shí)具備靠譜的師資力量，只為讓你學(xué)得好。

01 課程適合學(xué)習(xí)人群

在讀學(xué)生 .
在讀學(xué)生擁有實(shí)訓(xùn)經(jīng)驗(yàn)，更具競(jìng)爭(zhēng)。
在職人員icon
在職人員提升工作能力，成為斜杠青年。
待業(yè)青年icon
不想浪費(fèi)時(shí)間打算學(xué)一門技術(shù)提升自我。
提升IT技能人士 icon
希望獲得穩(wěn)定并高速職業(yè)發(fā)展的人群。

02 學(xué)習(xí)哪些課程內(nèi)容

課程階段	課程描述
第一階段 HTML5+CSS3前端靜態(tài)開(kāi)發(fā)	1、HTML5基礎(chǔ)：HTML5是什么、構(gòu)成HTML5的元素、網(wǎng)站開(kāi)發(fā)流程詳解、WEB前端開(kāi)發(fā)課程及目標(biāo)、文本、圖像、鏈接、表格、列表、表單、框架等標(biāo)簽詳解。2、CSS3基礎(chǔ)：Css3是什么、Css引入方式、css選擇器基礎(chǔ)(通用選擇器、元素選擇器、id和class選擇器、后代選擇器、偽類選擇器等)、框模型與背景、文本格式化、表格、顯示css樣式的基礎(chǔ)使用。
第二階段 JS開(kāi)發(fā)實(shí)戰(zhàn)	JS入門，變量遮蔽，函數(shù)返回值，DOM操作基礎(chǔ)，BOM基礎(chǔ)，BOM應(yīng)用，事件對(duì)象
第三階段 JS高級(jí)+項(xiàng)目實(shí)戰(zhàn)	批量設(shè)置樣式，Date對(duì)象應(yīng)用，ajax無(wú)刷新數(shù)據(jù)加載，DOM應(yīng)用，操作屬性的第三種方式、自定義屬性的獲取、src的相對(duì)路徑 ajax制作簡(jiǎn)易新浪微博，其他常見(jiàn)數(shù)據(jù)格式及用法，JS中的異常，JS性能優(yōu)化——健壯性、維護(hù)性、性能的平衡，性能瓶頸的識(shí)別——性能檢測(cè)工具的使用，JS阻塞加載、圖片延遲加載、網(wǎng)絡(luò)性能優(yōu)化、壓縮、CDN的使用，JS執(zhí)行性能優(yōu)化，正則表達(dá)式，正則應(yīng)用，表格操作，DOM文本節(jié)點(diǎn)，運(yùn)動(dòng)高級(jí)，彈性應(yīng)用
第四階段（選修） JS面向?qū)ο?/td>	面向?qū)ο蠡仡櫍S方式構(gòu)造對(duì)象、原型（prototype）、混合法構(gòu)造JS對(duì)象，JS算法基礎(chǔ)，數(shù)據(jù)結(jié)構(gòu)基礎(chǔ)，線性表和排序，樹(shù)和排序，散列，圖，模塊的規(guī)劃、接口，MVC基礎(chǔ)，設(shè)計(jì)模式，自定義事件、事件隊(duì)列管理、事件的傳遞、事件對(duì)象和參數(shù)、監(jiān)聽(tīng)模式的問(wèn)題，數(shù)據(jù)隊(duì)列的管理、反向監(jiān)聽(tīng)和解耦合、模塊獨(dú)立性
第五階段 JQuery	JQuery基礎(chǔ)，JQuery的選擇器，樣式和屬性操作，JQuery特效， JQuery動(dòng)畫(huà)，JQuery的DOM操作， JQuery的事件操作，JQuery中的大小、位置，JQuery中的其他操作，JQuery工具，JQuery的Ajax，JQuery插件的使用，編寫(xiě)JQuery插件
第六階段主流WEB核心技術(shù)和AJAX	1、了解 WEB開(kāi)發(fā)技術(shù)的核心知識(shí)，JSP或PHP、ASP.NET。2、AJAX詳解： AJAX的基本原理講解、XHR對(duì)象的基本知識(shí)、JSON與XML的辨析。3、同步加載與異步加載、AJAX在不同瀏覽器中的兼容問(wèn)題、原生AJAX實(shí)例講解與應(yīng)用、加載方式、jQuery中AJAX的使用、利用jQuery實(shí)現(xiàn)AJAX的效果開(kāi)發(fā)
第七階段 H5高級(jí)整合	一、多媒體處理：音頻和視頻處理、表單處理、表單驗(yàn)證、Geolocation API、Forms API、HTML5 拖放、Web Storage AP, 離線 Web 應(yīng)用、Canvas、SVG、Chart.js 框架、Two.js 框架。二、Bootstrap框架詳解：響應(yīng)式網(wǎng)頁(yè)、Bootstrap 基礎(chǔ)、CSS 樣式、組件、插件、BS Grid、BS Forms、BS Inputs、LESS、Bootstrap 定制。三、web APP開(kāi)發(fā)：兼容的觸屏事件與手勢(shì)事件、webAPP的新增meta屬性、各平臺(tái)實(shí)用私有屬性、webAPP渲染加速技術(shù)
選修單元客戶端緩存	1桌面通知基礎(chǔ)：webkitNotifications對(duì)象的使用 createNotification()方法的參數(shù)，設(shè)定通知圖標(biāo)，設(shè)置標(biāo)題和內(nèi)容用checkPermission()檢查用戶授權(quán)，requestPermission()請(qǐng)求權(quán)限
選修單元 webGL	1、webGL基礎(chǔ)。2、webGL效果演示。 3、webGL的基本組成：場(chǎng)景、渲染器、光源、攝像機(jī)、物體。 4、webGL應(yīng)用。5、平面體的使用
選修單元 Angular 2實(shí)戰(zhàn)	1.掌握Angular的基礎(chǔ)知識(shí)。2.理解Angular 1.X的不足和Angular 2的變化和優(yōu)勢(shì)。3.掌握使用Angular 2結(jié)合Ionic框架進(jìn)行項(xiàng)目開(kāi)發(fā)。4.掌握前端自動(dòng)化開(kāi)發(fā)工具Grunt環(huán)境的搭建及其對(duì)插件的管理應(yīng)用
選修單元 Vue.js全家桶實(shí)戰(zhàn)	1、Vue.js入門。2、Vue.js類、樣式、表單和事件綁定。3、Vue.js組件開(kāi)發(fā)
選修單元 React實(shí)戰(zhàn)	1、掌握框架和庫(kù)：react 、redux、react-router。2、掌握構(gòu)建工具：npm、webpack。3、腳手架的使用：create-react-app。4、掌握 React 項(xiàng)目當(dāng)中CSS的開(kāi)發(fā)：CSS Modules、Sass、PostCSS、CSS in JS。5、編輯器相關(guān)：Codepen、VS Code

03 前端開(kāi)發(fā)培訓(xùn)班相關(guān)信息

課程特色
深入學(xué)習(xí)HTML5新特性、css3特性（動(dòng)畫(huà)、媒體查詢）、響應(yīng)式框架、移動(dòng)端布局；框架類：ES6/ES7/react/vue等，為后臺(tái)程序開(kāi)發(fā)或App開(kāi)發(fā)打下基礎(chǔ)。
培訓(xùn)目標(biāo)
本課程屬于Web前端開(kāi)發(fā)入門到進(jìn)階，針對(duì)有學(xué)員進(jìn)行進(jìn)階培訓(xùn)，Web技術(shù)+框架技術(shù)，培養(yǎng)中Web前端開(kāi)發(fā)工程師，使學(xué)員具備兩年的web前端開(kāi)發(fā)工作經(jīng)驗(yàn)。