長(zhǎng)沙綜合UI+web前端開(kāi)發(fā)培訓(xùn)課程

HTML5無(wú)處不在

HTML5WEB前端技術(shù)興起，前端開(kāi)發(fā)的大潮已經(jīng)襲來(lái)！

互聯(lián)網(wǎng)行業(yè)新貴

8年前，隨著iPhone的興起iOS開(kāi)發(fā)火爆中國(guó)。

當(dāng)年的行動(dòng)者，如今已經(jīng)成為百萬(wàn)富翁！

今天，隨著HTML5等WEB前端技術(shù)興起，前端開(kāi)發(fā)的大潮已經(jīng)襲來(lái)！

趕快行動(dòng)！讓青春不留遺憾！

【就業(yè)前景】

前端工程師要做什么？

如今，前端開(kāi)發(fā)工程師的職責(zé)，不是只有切圖、制作網(wǎng)頁(yè)這么簡(jiǎn)單哦！

前端開(kāi)發(fā)工程師，會(huì)熟練使用時(shí)下流行的HTML5，CSS3技術(shù)，架構(gòu)炫酷的頁(yè)面，3D、旋轉(zhuǎn)、粒子效果，頁(yè)面變得越來(lái)越炫，對(duì)人才的要求也越來(lái)越高。

前端開(kāi)發(fā)工程師，會(huì)全面掌握PC、手機(jī)、iPad等多種設(shè)備的網(wǎng)頁(yè)呈遞解決方案，響應(yīng)式技術(shù)，那可是看家本領(lǐng)

前端開(kāi)發(fā)工程師，會(huì)開(kāi)發(fā)微信小游戲，這可是時(shí)下全新的，別說(shuō)【2048】【圍住神經(jīng)貓】你沒(méi)有玩過(guò)！

前端開(kāi)發(fā)工程師，會(huì)掌握Ajax技術(shù)，頁(yè)面不刷新，就能獲得數(shù)據(jù)庫(kù)中的全新數(shù)據(jù)，呈遞給用戶(hù)！多么棒的用戶(hù)體驗(yàn)！

程序書(shū)寫(xiě)技術(shù)，做大項(xiàng)目的時(shí)候，這些技術(shù)，能夠讓你的項(xiàng)目結(jié)構(gòu)清晰，易于維護(hù)！
前端開(kāi)發(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)站布局

前端開(kāi)發(fā)環(huán)境介紹（DreamWeaver、 Notepad++、HBuilder)

HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性

CSS樣式層疊，繼承，盒模型

容器，溢出及元素類(lèi)型

瀏覽器兼容與寬高自適應(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)畫(huà)

- CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動(dòng)畫(huà)

- 彈性盒模型

- 媒體查詢(xún)

- 響應(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交互功能開(kāi)發(fā)

- 循環(huán)語(yǔ)句

- 函數(shù)與數(shù)組

- String與 Date

- BOM與 DOM

- 事件

-- 拖拽效果

- cookie存儲(chǔ)

- 正則表達(dá)式

- Ajax

- 面向?qū)ο蠡A(chǔ)

- 運(yùn)動(dòng)與游戲開(kāi)發(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)門(mén)

- 焦點(diǎn)圖輪播

- 導(dǎo)航條菜單效果

- 瀑布流

- 彈出層效果

- 倒計(jì)時(shí)效果

- 抽獎(jiǎng)效果

03

階段PC端全棧項(xiàng)目開(kāi)發(fā)

01HTTP協(xié)議、Ajax進(jìn)階與后端

- Java的發(fā)展歷史

- Java的應(yīng)用領(lǐng)域

- Java語(yǔ)言的特性

- Java面向?qū)ο?/p>

- Java性能分類(lèi)

- 搭建Java環(huán)境

- Java工作原理

02前端工程化與模塊化應(yīng)用

-Gulp

- Webpack

- Git/SVN

- CommonJS

- AMD

- CMD

- ES6模塊化

03PC端網(wǎng)站開(kāi)發(fā)

- 大首頁(yè)、列表頁(yè)與詳情頁(yè)

- 展示與交互

- 搜索

- 登錄與注冊(cè)

- 購(gòu)物車(chē)

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ǔ)法，安全的依賴(lài)注入方法）

- 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開(kāi)發(fā)經(jīng)驗(yàn)，你還在等什么？Come on !

足不出戶(hù)挑工作，學(xué)員、企業(yè)零距離尚學(xué)堂在全國(guó)各大城市長(zhǎng)期合作企業(yè)超10000多家，每月有超過(guò)50家名企上門(mén)招募尚學(xué)堂人才。

每周10家企業(yè)上門(mén)招聘，解決學(xué)員自己獨(dú)立出去找工作的麻煩很多學(xué)員未畢業(yè)就已獲得高薪Offer！

這些企業(yè)選擇了尚學(xué)堂學(xué)員尚學(xué)堂人才專(zhuān)屬合作全程服務(wù)打造高端移動(dòng)開(kāi)發(fā)人才服務(wù)平臺(tái)！企業(yè)的信任和支持，是我們前行的動(dòng)力！