上海前端開發(fā)培訓班

小班詳詢

課程優(yōu)勢：深入學習HTML5新特性、css3特性（動畫、媒體查詢）、響應式框架、移動端布局；框架類：ES6/ES7/react/vue等，為后臺程序開發(fā)或App開發(fā)打下基礎(chǔ)

上課方式：直播,面授

上課時段：全日制,周末班

￥ 9800

預約試聽在線咨詢

課程詳情教學點教學環(huán)境學員評論相關(guān)推薦

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

01 課程適合學習人群

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

02 學習哪些課程內(nèi)容

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

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

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