深圳Web前端就業(yè)學(xué)習(xí)班

【課程簡介】

一、什么是Web前端

萬維網(wǎng)的核心語言、超文本標(biāo)記語言（HTML）的第五次重大修改。

1、Web前端 已經(jīng)于2014年10月正式定稿。

2、Web前端是web時代前沿的技術(shù)，它特有canvas標(biāo)簽和多種選擇的游戲開發(fā)引擎，讓游戲開發(fā)更便捷。

3、如果說蘋果重新發(fā)明了手機(jī)，那么Web前端則重新定義了網(wǎng)絡(luò)。

4、它是鏈接手機(jī)、平板電腦、PC以及其他移動終端的橋梁，可以更豐富地展現(xiàn)頁面，讓視頻、音頻、游戲以及其他元素構(gòu)成一場華麗的代碼盛宴。

二、Web前端發(fā)展前景

1.Web前端是WEB的未來，不僅在電腦端，而且在移動端也一定會得到廣泛的應(yīng)用。

2.據(jù)統(tǒng)計2013年全球?qū)⒂?span>10億手機(jī)瀏覽器支持Web前端，同時HTML Web開發(fā)者數(shù)量將達(dá)到200萬。

3.毫無疑問，Web前端將成為未來5-10年內(nèi)，移動互聯(lián)網(wǎng)領(lǐng)域的主宰者。

4. 據(jù)IDC的調(diào)查報告統(tǒng)計，截至2012年5月，有79%的移動開發(fā)商已經(jīng)決定要在其應(yīng)有程序中整合Web前端技術(shù)。

5、 WEB技術(shù)發(fā)展越來越迅速，Web前端的到來更是把WEB技術(shù)推向了，目前Web前端技術(shù)已經(jīng)日趨成熟，Web前端的未來十分光明，值得我們?nèi)W(xué)習(xí)。

三、Web前端可以做什么

除了實現(xiàn)之前HTML可以實現(xiàn)的功能外,Web前端做以下特別的事情：

1、本地存儲 基于Web前端開發(fā)的網(wǎng)頁APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度，這些全得益于Web前端 APP Cache，以及本地存儲功能。

2、實現(xiàn)多媒體更加簡單 利用Web前端的video和audio非常方便的在網(wǎng)頁上添加視頻和音頻，不需要很復(fù)雜的代碼，就能打造一款功能齊全的Web前端播放器。

3、三維圖形和動畫 Web前端的3D引擎卻可以更方便的實現(xiàn)3D效果，而且更加逼真。

4、CSS3的運用 CSS3提供更多的CSS屬性，可以做更豐富的渲染效果。

四、Web前端的優(yōu)勢

1.一次編寫，隨處部署--HTMl5可以在多種設(shè)備上運行，這是其他方式都無法做到的。

2.在互聯(lián)網(wǎng)中分享--Web前端應(yīng)用都有一個URL，因此它可以在互聯(lián)網(wǎng)中被隨意分享，并且在搜索時即可被找到。

3.多廠商標(biāo)準(zhǔn)，建立在協(xié)議之上--Web前端是眾多公司努力的結(jié)果，沒有一家廠商可以左右它的方向。

4.適用于多種環(huán)境--Web前端應(yīng)用可以使用交互式設(shè)計來提供佳體驗，而不需要更改代碼。你可以從桌面到手機(jī)到平板電腦無縫進(jìn)行切換，而無需重復(fù)安裝不同的應(yīng)用。

【課程內(nèi)容】

一、設(shè)計基礎(chǔ)

1、photoshop應(yīng)用

基本的使用方法和技巧，及新增功能、圖層的基本概念與應(yīng)用、圖像的各種選擇應(yīng)用及操作技巧。

2、illustrator應(yīng)用

內(nèi)容包括Illustrator概念，繪圖與著色，畫筆和符號，文本和漸變、漸變網(wǎng)格和混合，透明度、外觀屬性、圖層與蒙版等工具運用，著重講解一些常用的應(yīng)用技巧。

3、多種風(fēng)格界面設(shè)計

WEB界面設(shè)計的內(nèi)容和規(guī)范。

掌握各類網(wǎng)站的網(wǎng)頁特點認(rèn)知，了解流行的設(shè)計風(fēng)格，根據(jù)不同特點進(jìn)行頁面視覺設(shè)計，達(dá)到建站目標(biāo)。

4、蘋果與安卓移動界面設(shè)計

了解安卓與蘋果不同的規(guī)范原則，針對與不同的平臺要求進(jìn)行設(shè)計。

二、WEB前端基礎(chǔ)

1、HTML基礎(chǔ)

前端開發(fā)環(huán)境配置（DreamWeaver、Notepad++、HBuilder、PhpStorm），HTML快速入門，熟悉文本、圖像、鏈接、表格、列表、表單等標(biāo)簽使用方法。

2、CSS詳解

CSS的基礎(chǔ)和入門。了解CSS的使用方式及優(yōu)先級。熟悉CSS字體樣式、段落樣式、背景樣式、布局樣式設(shè)置、常用樣式在不同瀏覽器的兼容解決方案和CSS優(yōu)化。

3、靜態(tài)網(wǎng)頁實現(xiàn)實戰(zhàn)

學(xué)員在講師的專業(yè)指導(dǎo)下，規(guī)范的將階段設(shè)計的WEB界面從零開始，實現(xiàn)成靜態(tài)網(wǎng)頁作品。充分了解和熟悉網(wǎng)頁布局的常用結(jié)構(gòu)、常用樣式處理和兼容方案。

4、HTML5和CSS3核心

熟悉HTML5新特性，新標(biāo)簽如audio、video、svg、canvas的使用。

熟悉CSS3新增選擇器、特性、動畫的應(yīng)用，以及結(jié)合SVG制作常見動畫、動效豐富頁面體驗。

熟悉背景圖合并技術(shù)、常用布局技術(shù)、結(jié)構(gòu)優(yōu)化技巧等。

5、HTML5和CSS3應(yīng)用實戰(zhàn)

JavaScript的基本數(shù)據(jù)類型、常量、變量、運算符、數(shù)組、流程控制語句。 熟悉JavaScript中的對象、函數(shù)，類和面向?qū)ο蠼Y(jié)構(gòu)的編程。 了解Document對象、節(jié)點樹模型，節(jié)點操作、文檔操作、Window對象、Screen對象、定時器、Location對象、History對象等。

6、JavaScript語言和面向?qū)ο?/span>

充分運用HTML5中的新特性構(gòu)建修改頁面內(nèi)容，融入豐富的CSS3動畫、動效，來理解和掌握用戶體驗的重要性以及如何通過細(xì)節(jié)來提高用戶體驗決定一個作品的成敗。

7、正則表達(dá)式

熟悉JavaScript中RegExp對象的使用，常用的方法、場景，以及技巧練習(xí)，能書寫常見表達(dá)式如“用戶名格式、郵箱格式、日期格式、網(wǎng)址格式”等。

8、DOM編程和AJAX

Bitmap 熟悉文檔結(jié)構(gòu)中的節(jié)點增、刪、改操作，document、window、form、table對象的深入了解和使用。熟悉HTML文檔流中的事件機(jī)制及使用方法、技巧，以及事件冒泡、阻止，瀏覽器兼容等。

9、異步加載項目實戰(zhàn)

通過異步刷新機(jī)制，實現(xiàn)大批量內(nèi)容（以圖片瀑布流為例）的延遲加載，從而優(yōu)化頁面性能，進(jìn)一步優(yōu)化提高用戶體驗。

三、WEB前端框架

1、jQuery框架

了解jQuery的基本語法，鏈?zhǔn)讲僮?、隱式迭代的特性，jQuery選擇器、屬性樣式、HTML操作、事件、動畫、AJAX等。熟悉jQuery的插件擴(kuò)展機(jī)制，了解第三方插件的使用和常用設(shè)計方法。熟悉自定義插件設(shè)計，以及常見的問題和注意事項。

2、jquery實戰(zhàn)

結(jié)合運用HTML5、CSS3、JavaScript、JQuery知識模擬實現(xiàn)window桌面操作系統(tǒng)，如window窗口、桌面圖標(biāo)、雙擊打開應(yīng)用、任務(wù)欄、時間日期等操作系統(tǒng)元素。

3、LESS樣式預(yù)處

熟悉CSS預(yù)處理語言的設(shè)計、編譯和運用技巧，以及配置LESS的開發(fā)環(huán)境。熟悉LESS變量、混合、嵌套、運算、函數(shù)、作用域、注釋、import。

4、樣式實戰(zhàn)

在學(xué)習(xí)Bootstrap之前，先行分析、實現(xiàn)按鈕組、輸入框組、選項卡等常見布局組件，為后面的課程提供知識儲備和指導(dǎo)

5、Bootstrap框架

基礎(chǔ)模板的使用，可視化布局工具使用，字體圖標(biāo)、表格、表單、Tab選項卡等。網(wǎng)格系統(tǒng)和布局、響應(yīng)式布局，常用排版技巧，以及按鈕組、輸入框組、導(dǎo)航欄、頁標(biāo)題、縮略圖、列表組、面板和JavaScript插件使用技巧。

6、vue框架

vue事件和控件的使用，指令及過濾器的實現(xiàn)，vue核心組件的使用，自定義組件及常用插件開發(fā)，通過過渡動畫提升用戶體驗，大型應(yīng)用的開發(fā)規(guī)范和技術(shù)。

四、后端開發(fā)

1、PHP語言后端開發(fā)

熟悉PHP語言基礎(chǔ)， 表單的驗證及處理，文件上傳，Cookies和Seesions的使用，異步AJAX數(shù)據(jù)傳輸，數(shù)據(jù)交互及API接口開發(fā)等。

2、NodeJS后端

理解這門神奇的服務(wù)端“JavaScript”語言，及其非阻塞式特性，模塊化和npm包管理器使用，事件、路由、數(shù)據(jù)交互方法等。

五、項目實戰(zhàn)

1、移動項目實戰(zhàn)

移動端微閱讀網(wǎng)站整站項目實戰(zhàn)，綜合運用前端框架、AJAX數(shù)據(jù)交互、移動UI組件技巧，按照企業(yè)標(biāo)準(zhǔn)流程進(jìn)行需求分析、項目構(gòu)建、頁面設(shè)計，框架運用等，終實現(xiàn)整體項目的開發(fā)。

2、游戲?qū)ｎ}實戰(zhàn)

移動端廚藝類網(wǎng)站整站項目實戰(zhàn)，熟練常用組件的開發(fā)原理和技巧，如評論版塊、下拉菜單、邊欄菜單、分享版塊、導(dǎo)航欄、滑塊按鈕、下拉刷新等。

3、攝影網(wǎng)站實戰(zhàn)

婚紗攝影主題網(wǎng)站首頁制作實戰(zhàn)，結(jié)合運用新框架解決網(wǎng)站兼容性問題。

【行業(yè)分析】

1、人才需求量大

近期調(diào)差發(fā)現(xiàn)，全國IT類職能網(wǎng)上發(fā)布職位數(shù)有67萬余個，較年初相比增長幅度為19%和2014年同年相比漲幅達(dá)29%，其中軟件工程、網(wǎng)絡(luò)工程、信息管理與網(wǎng)絡(luò)營銷等緊缺型IT技術(shù)人才的需求占70%以上。

2、就業(yè)薪水高

目前IT業(yè)從業(yè)人員平均年薪已逾十萬元，有經(jīng)驗的IT工程師平均年薪一般在12萬元以上。據(jù)調(diào)差顯示，十大高薪行業(yè)方面，互聯(lián)網(wǎng)/電子商務(wù)行業(yè)以8626元的月薪高居榜首。

3、發(fā)展?jié)摿Υ?/p>

據(jù)CNN調(diào)差顯示，在具潛力的薪酬職業(yè)中，前二十位里有5個職業(yè)屬于IT行業(yè)，而前五十個中有14個屬于IT行業(yè)。

【學(xué)校**】

1、先學(xué)習(xí)，后付款，我們提供0元入學(xué)；

2、旗下12人力招聘就業(yè)平臺，為您提供就業(yè)**；

3、完善成熟的就業(yè)體系，讓你學(xué)習(xí)無憂。