上海前端開發(fā)培訓(xùn)班
【所屬機(jī)構(gòu):上?;酃嚷殬I(yè)技能培訓(xùn)】

上海前端開發(fā)培訓(xùn)班,采取理解結(jié)合實(shí)踐的教學(xué)模式,課程緊跟趨勢,同時具備靠譜的師資力量,只為讓你學(xué)得好。
01 課程適合學(xué)習(xí)人群
在讀學(xué)生 .
在讀學(xué)生擁有實(shí)訓(xùn)經(jīng)驗(yàn),更具競爭。
在職人員icon
在職人員提升工作能力,成為斜杠青年。
待業(yè)青年icon
不想浪費(fèi)時間打算學(xué)一門技術(shù)提升自我。
提升IT技能人士 icon
希望獲得穩(wěn)定并高速職業(yè)發(fā)展的人群。
02 學(xué)習(xí)哪些課程內(nèi)容
課程階段 | 課程描述 |
第一階段 HTML5+CSS3前端靜態(tài)開發(fā) | 1、HTML5基礎(chǔ):HTML5是什么、構(gòu)成HTML5的元素、網(wǎng)站開發(fā)流程詳解、WEB前端開發(fā)課程及目標(biāo)、文本、圖像、鏈接、表格、列表、表單、框架等標(biāo)簽詳解。2、CSS3基礎(chǔ):Css3是什么、Css引入方式、css選擇器基礎(chǔ)(通用選擇器、元素選擇器、id和class選擇器、后代選擇器、偽類選擇器等)、框模型與背景、文本格式化、表格、顯示css樣式的基礎(chǔ)使用。 |
第二階段 JS開發(fā)實(shí)戰(zhàn) | JS入門,變量遮蔽 ,函數(shù)返回值 ,DOM操作基礎(chǔ),BOM基礎(chǔ),BOM應(yīng)用,事件對象 |
第三階段 JS高級+項(xiàng)目實(shí)戰(zhàn) | 批量設(shè)置樣式,Date對象應(yīng)用,ajax無刷新數(shù)據(jù)加載,DOM應(yīng)用,操作屬性的第三種方式、自定義屬性的獲取、src的相對路徑 ajax制作簡易新浪微博,其他常見數(shù)據(jù)格式及用法,JS中的異常,JS性能優(yōu)化——健壯性、維護(hù)性、性能的平衡,性能瓶頸的識別——性能檢測工具的使用,JS阻塞加載、圖片延遲加載、網(wǎng)絡(luò)性能優(yōu)化、壓縮、CDN的使用,JS執(zhí)行性能優(yōu)化,正則表達(dá)式,正則應(yīng)用,表格操作,DOM文本節(jié)點(diǎn),運(yùn)動高級,彈性應(yīng)用 |
第四階段 (選修) JS面向?qū)ο?/td> | 面向?qū)ο蠡仡?,工廠方式構(gòu)造對象、原型(prototype)、混合法構(gòu)造JS對象,JS算法基礎(chǔ),數(shù)據(jù)結(jié)構(gòu)基礎(chǔ),線性表和排序,樹和排序,散列,圖,模塊的規(guī)劃、接口,MVC基礎(chǔ),設(shè)計(jì)模式,自定義事件、事件隊(duì)列管理、事件的傳遞、事件對象和參數(shù)、監(jiān)聽模式的問題,數(shù)據(jù)隊(duì)列的管理、反向監(jiān)聽和解耦合、模塊獨(dú)立性 |
第五階段 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實(shí)例講解與應(yīng)用、加載方式、jQuery中AJAX的使用、利用jQuery實(shí)現(xiàn)AJAX的效果開發(fā) |
第七階段 H5高級整合 | 一、多媒體處理:音頻和視頻處理、表單處理、表單驗(yàn)證、Geolocation API、Forms API、HTML5 拖放、Web Storage AP, 離線 Web 應(yīng)用、Canvas、SVG、Chart.js 框架、Two.js 框架。二、Bootstrap框架詳解:響應(yīng)式網(wǎng)頁、Bootstrap 基礎(chǔ)、CSS 樣式、組件、插件、BS Grid、BS Forms、BS Inputs、LESS、Bootstrap 定制。三、web APP開發(fā):兼容的觸屏事件與手勢事件、webAPP的新增meta屬性、各平臺實(shí)用私有屬性、webAPP渲染加速技術(shù) |
選修單元 客戶端緩存 | 1桌面通知基礎(chǔ):webkitNotifications對象的使用 createNotification()方法的參數(shù),設(shè)定通知圖標(biāo),設(shè)置標(biāo)題和內(nèi)容用checkPermission()檢查用戶授權(quán),requestPermission()請求權(quán)限 |
選修單元 webGL | 1、webGL基礎(chǔ)。2、webGL效果演示。 3、webGL的基本組成:場景、渲染器、光源、攝像機(jī)、物體。 4、webGL應(yīng)用。5、平面體的使用 |
選修單元 Angular 2實(shí)戰(zhàn) | 1.掌握Angular的基礎(chǔ)知識。2.理解Angular 1.X的不足和Angular 2的變化和優(yōu)勢。3.掌握使用Angular 2結(jié)合Ionic框架進(jìn)行項(xiàng)目開發(fā)。4.掌握前端自動化開發(fā)工具Grunt環(huán)境的搭建及其對插件的管理應(yīng)用 |
選修單元 Vue.js全家桶實(shí)戰(zhàn) | 1、Vue.js入門。2、Vue.js類、樣式、表單和事件綁定。3、Vue.js組件開發(fā) |
選修單元 React實(shí)戰(zhàn) | 1、掌握框架和庫:react 、redux、react-router。2、掌握構(gòu)建工具:npm、webpack。3、腳手架的使用:create-react-app。4、掌握 React 項(xiàng)目當(dāng)中CSS的開發(fā):CSS Modules、Sass、PostCSS、CSS in JS。5、編輯器相關(guān):Codepen、VS Code |
03 前端開發(fā)培訓(xùn)班相關(guān)信息
04 通過你的努力,學(xué)完有什么收獲
- 1
產(chǎn)品架構(gòu)與團(tuán)隊(duì)協(xié)作的宏觀視野和能力
- 2
成為炙手可熱的優(yōu)質(zhì)前端人才
- 3
獲得招聘網(wǎng)站的熱烈推薦
- 4
優(yōu)質(zhì)畢業(yè)生課獲得網(wǎng)易實(shí)習(xí)的綠色通道
熱門課程更多+