HTML5無(wú)處不在
HTML5WEB前端技術(shù)興起,前端開發(fā)的大潮已經(jīng)襲來(lái)!
互聯(lián)網(wǎng)行業(yè)新貴
8年前,隨著iPhone的興起iOS開發(fā)火爆中國(guó)。
當(dāng)年的行動(dòng)者,如今已經(jīng)成為百萬(wàn)富翁!
今天,隨著HTML5等WEB前端技術(shù)興起,前端開發(fā)的大潮已經(jīng)襲來(lái)!
趕快行動(dòng)!讓青春不留遺憾!
【就業(yè)前景】
前端工程師要做什么?
如今,前端開發(fā)工程師的職責(zé),不是只有切圖、制作網(wǎng)頁(yè)這么簡(jiǎn)單哦!
前端開發(fā)工程師,會(huì)熟練使用時(shí)下流行的HTML5,CSS3技術(shù),架構(gòu)炫酷的頁(yè)面,3D、旋轉(zhuǎn)、粒子效果,頁(yè)面變得越來(lái)越炫,對(duì)人才的要求也越來(lái)越高。
前端開發(fā)工程師,會(huì)全面掌握PC、手機(jī)、iPad等多種設(shè)備的網(wǎng)頁(yè)呈遞解決方案,響應(yīng)式技術(shù),那可是看家本領(lǐng)
前端開發(fā)工程師,會(huì)開發(fā)微信小游戲,這可是時(shí)下全新的,別說(shuō)【2048】【圍住神經(jīng)貓】你沒有玩過(guò)!
前端開發(fā)工程師,會(huì)掌握Ajax技術(shù),頁(yè)面不刷新,就能獲得數(shù)據(jù)庫(kù)中的全新數(shù)據(jù),呈遞給用戶!多么棒的用戶體驗(yàn)!
程序書寫技術(shù),做大項(xiàng)目的時(shí)候,這些技術(shù),能夠讓你的項(xiàng)目結(jié)構(gòu)清晰,易于維護(hù)!
前端開發(fā)工程師,還會(huì)大數(shù)據(jù)前端可視化,前端測(cè)試,版本控制系統(tǒng),團(tuán)隊(duì)合作,低版本瀏覽器的兼容等等...
【課程體系】
以下只是前端部分課程體系,課程詳情請(qǐng)進(jìn)入長(zhǎng)沙尚學(xué)堂官網(wǎng)查看!
01
階段前端頁(yè)面重構(gòu)
01PC端網(wǎng)站布局
前端開發(fā)環(huán)境介紹(DreamWeaver、 Notepad++、HBuilder)
HTML基礎(chǔ),CSS基礎(chǔ),CSS核心屬性
CSS樣式層疊,繼承,盒模型
容器,溢出及元素類型
瀏覽器兼容與寬高自適應(yīng)
- 定位,錨點(diǎn)與透明
- 圖片整合
- 表格,CSS屬性與濾鏡
- CSS優(yōu)化
02HTML5+CSS3基礎(chǔ)
- HTML5新增的元素與屬性
- 表單域增強(qiáng)元素
- CSS3選擇器
- 文字字體相關(guān)樣式
- CSS3位移與變形處理
- CSS3 2D轉(zhuǎn)換與過(guò)度動(dòng)畫
- CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動(dòng)畫
- 彈性盒模型
- 媒體查詢
- 響應(yīng)式設(shè)計(jì)
03WebApp頁(yè)面布局
- 移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范
- 移動(dòng)端切圖
- 文字流式/控件彈性/圖片等比例/特殊設(shè)計(jì)的布局
- 等比縮放布局
- viewport/meta
- rem/vw的使用
- flexbox詳解
- 移動(dòng) web特別樣式處理(reset, 1px border, 高清圖片)
04Java流程控制
- 復(fù)合語(yǔ)句
- 條件語(yǔ)句
- if條件語(yǔ)句
- switch多分支語(yǔ)句
- while循環(huán)語(yǔ)句
- do…while循環(huán)語(yǔ)句
- for循環(huán)語(yǔ)句
02
階段JavaScript程序設(shè)計(jì)
01原生 JavaScript交互功能開發(fā)
- 循環(huán)語(yǔ)句
- 函數(shù)與數(shù)組
- String與 Date
- BOM與 DOM
- 事件
-- 拖拽效果
- cookie存儲(chǔ)
- 正則表達(dá)式
- Ajax
- 面向?qū)ο蠡A(chǔ)
- 運(yùn)動(dòng)與游戲開發(fā)
02面向?qū)ο筮M(jìn)階與 ES5/ES6應(yīng)用
- Promise/A+
- 設(shè)計(jì)模式(觀察者模式等)
- 原型鏈
- 構(gòu)造函數(shù)
- 執(zhí)行上下文棧與執(zhí)行上下文
- 變量對(duì)象與活動(dòng)對(duì)象
- 閉包
- this
- ES5
- ES6
0306JavaScript工具庫(kù)自主研發(fā)
- DOM庫(kù)
- 事件庫(kù)
- AJAX庫(kù)
- 原型和繼承庫(kù)
04Java流程控制
- jQuery框架介紹
- jQuery插件擴(kuò)展原理及自定制設(shè)計(jì)
- 時(shí)間軸
- tab頁(yè)面切換效果
- 網(wǎng)頁(yè)定位導(dǎo)航
- 滑動(dòng)門
- 焦點(diǎn)圖輪播
- 導(dǎo)航條菜單效果
- 瀑布流
- 彈出層效果
- 倒計(jì)時(shí)效果
- 抽獎(jiǎng)效果
03
階段PC端全棧項(xiàng)目開發(fā)
01HTTP協(xié)議、Ajax進(jìn)階與后端
- Java的發(fā)展歷史
- Java的應(yīng)用領(lǐng)域
- Java語(yǔ)言的特性
- Java面向?qū)ο?/p>
- Java性能分類
- 搭建Java環(huán)境
- Java工作原理
02前端工程化與模塊化應(yīng)用
-Gulp
- Webpack
- Git/SVN
- CommonJS
- AMD
- CMD
- ES6模塊化
03PC端網(wǎng)站開發(fā)
- 大首頁(yè)、列表頁(yè)與詳情頁(yè)
- 展示與交互
- 搜索
- 登錄與注冊(cè)
- 購(gòu)物車
04AngularJS
- 基礎(chǔ)知識(shí)(ng-app,Modules,Controller,$apply,$watch)
- 指令(ng-repeat,ng-class,ng-show,ng-hide)
- 過(guò)濾器(date,limitTo,filter)
- 表單(NgModelController,表單驗(yàn)證)
- 服務(wù)(自定義服務(wù),Angular提供的服務(wù):$log,$timeout,$q,$http)
- 其他(Controller as 語(yǔ)法,安全的依賴注入方法)
- directive(指令,組件)
- ng-router
- 標(biāo)準(zhǔn)項(xiàng)目結(jié)構(gòu)設(shè)計(jì)
【教學(xué)優(yōu)勢(shì)】
長(zhǎng)沙尚學(xué)堂web前端+UI課程的優(yōu)勢(shì)在哪里?
經(jīng)過(guò)在尚學(xué)堂 WEB/HTML5前端工程師培訓(xùn),相當(dāng)于1~2年的HTML5開發(fā)經(jīng)驗(yàn),你還在等什么?Come on !
足不出戶挑工作,學(xué)員、企業(yè)零距離尚學(xué)堂在全國(guó)各大城市長(zhǎng)期合作企業(yè)超10000多家,每月有超過(guò)50家名企上門招募尚學(xué)堂人才。
每周10家企業(yè)上門招聘,解決學(xué)員自己獨(dú)立出去找工作的麻煩很多學(xué)員未畢業(yè)就已獲得高薪Offer!
這些企業(yè)選擇了尚學(xué)堂學(xué)員尚學(xué)堂人才專屬合作全程服務(wù)打造高端移動(dòng)開發(fā)人才服務(wù)平臺(tái)!企業(yè)的信任和支持,是我們前行的動(dòng)力!
100%滿意度
長(zhǎng)沙尚學(xué)堂培訓(xùn)學(xué)校
綜合
環(huán)境 : 5.0師資 : 5.0教學(xué) : 5.0