您當(dāng)前的位置: 首頁 > 西安培訓(xùn)網(wǎng) > 西安優(yōu)就業(yè)IT培訓(xùn)中心 > 西安web前端培訓(xùn) > 西安Web前端學(xué)習(xí)班
課程介紹Course Introduction
關(guān)于我們
優(yōu)就業(yè)是中國IT培訓(xùn)教育事業(yè)的國內(nèi)知名品牌,北京市民辦教育協(xié)會成員(理事)單位。優(yōu)就業(yè)致力于培養(yǎng)面向電商及互聯(lián)網(wǎng)領(lǐng)域的高端人才,是一家集網(wǎng)絡(luò)營銷經(jīng)理、互聯(lián)網(wǎng)產(chǎn)品經(jīng)理、網(wǎng)頁設(shè)計師、Web前端工程師、PHP工程師、Android工程師、IOS工程師、Java工程師、C/C 工程師等課程為一體的專業(yè)培訓(xùn)機(jī)構(gòu)。
優(yōu)就業(yè)是中公教育旗下中公電商學(xué)院和中公網(wǎng)絡(luò)營銷學(xué)院合并后成立的新品牌,先后在北京、青島、黑龍江、江蘇等地區(qū)開班。目前,企業(yè)總部位于北京,在全國31個省市自治區(qū)、近350個地市,擁有470家直營分校和旗艦學(xué)習(xí)中心,全國專用教學(xué)場地超過30萬平米,員工數(shù)量逾10000人,是當(dāng)前國內(nèi)直營分校覆蓋城市較廣、專職教師數(shù)量較多的現(xiàn)代化職業(yè)教育機(jī)構(gòu)。
Web前端學(xué)習(xí)班
HTML5是什么
萬維網(wǎng)的核心語言、超文本標(biāo)記語言(HTML)的第五次重大修改。HTML5已經(jīng)于2014年10月正式定稿。然而,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些HTML5支持。HTML5是web時代*前沿的技術(shù),它特有canvas標(biāo)簽和多種選擇的游戲開發(fā)引擎,讓游戲開發(fā)更便捷。如果說蘋果重新發(fā)明了手機(jī),那么HTML5則重新定義了網(wǎng)絡(luò)。它是鏈接手機(jī)、平板電腦、PC以及其他移動終端的橋梁,可以更豐富地展現(xiàn),讓視頻、音頻、游戲以及其他元素構(gòu)成一場華麗的代碼盛宴。
簡介:本課程學(xué)習(xí),讓你從小白到主管、經(jīng)理或創(chuàng)業(yè)者轉(zhuǎn)變。根據(jù)企業(yè)人才需求,定制研發(fā),三分理論 七分實戰(zhàn)課程體系,超長標(biāo)準(zhǔn)課時,與多元化知識體系、思維模式及實戰(zhàn)類型,更親近 名企高薪。
適合人群:在校學(xué)生、企業(yè)白領(lǐng)、網(wǎng)站美工、其他職業(yè)
學(xué)三月=80%的人2年才能成為WEB工程師的夢想!
**階段:PS/DW
第二階段:頁面架構(gòu)布局:HTML、DIV CSS
第三階段:頁面交互及特效:JavaScript、jQuery
第四階段:移動端頁面布局:HTML5 CSS3
課程模塊 | 課程內(nèi)容 | 培養(yǎng)目標(biāo) |
HTML/CSS | 1、認(rèn)識WEB前端 | 達(dá)到初、中級前端開發(fā)工程師的要求,能夠完成網(wǎng)站頁面的開發(fā)及常用的JS交互效果的編寫 |
WEB前端開發(fā)語言介紹、開發(fā)工具介紹、HTML的構(gòu)成、CSS樣式表、元素和屬性、樣式出現(xiàn)的位置、樣式寫法、ID選擇器、常見樣式—文本設(shè)置、盒模型概念、結(jié)構(gòu)性樣式 | ||
2、常見標(biāo)簽及用途 | ||
常見標(biāo)簽、標(biāo)簽的樣式初始化、塊元素和內(nèi)嵌元素、特殊的inline-block屬性 | ||
3、選擇器及分類 | ||
A的四個偽類、A偽類的應(yīng)用和兼容、選擇器分類、優(yōu)先級 | ||
4、浮動 | ||
如何讓元素水平排列、float浮動/ 文檔流、清除浮動的方法、浮動兼容性問題、vertival-align / img問題 | ||
5、定位 | ||
position定位、定位元素位置控制、z-index:[number]定位層級、定位的兼容性 | ||
6、表格和表單 | ||
表格的用途、表格的相關(guān)標(biāo)簽、合并單元格、表格樣式重置、表單用途、表單元素、鼠標(biāo)聚焦清除、表單兼容性問題 | ||
7、HTML/CSS進(jìn)階 | ||
CSS命名規(guī)則、HTML條件注釋語句、常見網(wǎng)站兼容性問題、CSS hack、PNG24兼容性問題、CSS技術(shù)大雜燴 | ||
8、項目實戰(zhàn) | ||
CSS精靈(css雪碧/css sprites)、CSS精靈的優(yōu)缺點、網(wǎng)站圓角結(jié)構(gòu)、圣杯布局(雙飛翼布局)、等高布局、CSS模塊化開發(fā) | ||
JavaScript | 1、JS入門基礎(chǔ) | |
網(wǎng)頁特效原理分析、編寫JS的流程、編程思路、獲取元素、添加事件、屬性操作和注意事項、if判斷、for循環(huán)、關(guān)鍵字:this、自定義屬性 | ||
2、數(shù)據(jù)類型、運算符 | ||
數(shù)據(jù)類型、數(shù)據(jù)類型轉(zhuǎn)換、檢測數(shù)字的方法、運算符分類、運算符優(yōu)先級 | ||
3、函數(shù)傳參、作用域、流程控制 | ||
函數(shù)括號的作用、函數(shù)傳參實例、作用域概念、JS解析器執(zhí)行方式、作用域應(yīng)用場景、程序流程控制 | ||
4、函數(shù)詳解、定時器、倒計時 | ||
函數(shù)返回值、函數(shù)可變參、封裝函數(shù)、定時器基礎(chǔ)、兩種定時器的區(qū)別、定時器深入應(yīng)用、事件對象實例研究、倒計時 | ||
5、字符串方法、JSON、數(shù)組方法 | ||
獲取類、查找類、JSON與數(shù)組、數(shù)組詳解、數(shù)組方法 | ||
6、數(shù)組排序、Math對象、字符串與數(shù)組方法深入應(yīng)用 | ||
數(shù)組排序方法、數(shù)組排序規(guī)則、Math對象的隨機(jī)函數(shù)、Math對象的常見方法、concat、reverse | ||
7、DOM/BOM | ||
DOM基礎(chǔ)、節(jié)點類型、DOM節(jié)點-子節(jié)點、創(chuàng)建和插入元素、用className選擇元素、表格應(yīng)用、DOM常用屬性、打開/關(guān)閉窗口、窗口尺寸、window對象常用事件 | ||
8、事件基礎(chǔ) | ||
焦點事件、This關(guān)鍵字、Event對象、事件流、鍵盤事件詳解、事件默認(rèn)行為 | ||
9、事件應(yīng)用及cookie | ||
簡易拖拽、碰撞檢測、自定義滾動條、鼠標(biāo)滾輪事件、cookie | ||
10、JS中的運動 | ||
運動框架實例、緩沖運動、多物體運動、任意運動、運動框架、圖片預(yù)加載、延遲加載 | ||
11、面向?qū)ο?/span> | ||
什么是對象、什么是面向?qū)ο蟆ο蟮慕M成、面向?qū)ο缶幊?OOP)的特點、原型:prototype、流行的面向?qū)ο缶帉懛绞?、面向?qū)ο筮x項卡 | ||
HTML5 | 1、初識HTML5 | 達(dá)到中高級前端開發(fā)工程師的要求,能夠獨立完成PC、移動端頂目開發(fā) |
什么是HTML5、HTML5的文檔結(jié)構(gòu)及基礎(chǔ)語法、新的結(jié)構(gòu)化元素、語義化標(biāo)簽、兼容性問題 | ||
2、表單和文件 | ||
表單新的輸入型控件、新的表單特性和函數(shù)、表單驗證、HTML5的文件處理、拖放事件操作、傳遞拖拽數(shù)據(jù) | ||
3、播放多媒體 | ||
HTML5音頻概述、HTML5視頻概述、HTML5支持的音頻和視頻格式、HTML5音頻視頻API | ||
4、使用canvas標(biāo)簽畫圖 | ||
Canvas元素的定義語法、坐標(biāo)與顏色、繪制圖形、描邊、繪制圖像與文字 | ||
5、繪制可伸縮矢量圖形(svg) | ||
svg概述、svg形狀、線條和填充、svg文本與圖片、svg濾鏡、變換坐標(biāo)系 | ||
6、地理信息、本地存儲、離線存儲 | ||
什么是瀏覽器地理位置、獲取地理位置信息、數(shù)據(jù)保護(hù)、本地存儲概述、訪問localstorage對象、訪問sessionstorage對象、websql database api 、HTML5離線web應(yīng)用程序概述、開發(fā)HTML5離線web應(yīng)用程序 | ||
7、支持多線程編程的web workers | ||
什么是線程、什么是html5 web workers、web workers編程 | ||
CSS3 | 1、CSS3簡介 | |
簡介、瀏覽器前綴、兼容情況處理 | ||
2、選擇器介紹 | ||
常見選擇器、新增的選擇器(屬性選擇器,偽類選擇器) | ||
3、字體與文本相關(guān)屬性 | ||
文字陰影、CSS3顏色表示方法、文字描邊、新增的服務(wù)器字體(自定義字體)、定義省略文本的處理方式 | ||
4、背景及邊框相關(guān)屬性 | ||
背景圖片固定、新增背景相關(guān)屬性及多背景設(shè)置、圓角邊框設(shè)置、圖片邊框設(shè)置、漸變邊框 | ||
5、大小,布局及盒模型相關(guān)屬性 | ||
大小相關(guān)屬性(新增box-sizing,resize屬性、布局相關(guān)屬性(浮動布局,定位布局、盒模型和display屬性、對盒設(shè)置陰影、CSS3多欄布局、響應(yīng)式布局 | ||
6、變形與動畫相關(guān)屬性 | ||
CSS3基本變形支持、CSS3 Transition屬性(多個屬性同時漸變)、CSS3 Animation屬性(多個屬性的動畫) | ||
jquery | 1、jQuery基礎(chǔ)知識 | 應(yīng)對各類前端頂目,為你開啟前端技術(shù)總監(jiān)之路 |
認(rèn)識jQuery、搭建jQuery運行環(huán)境、jQuery基礎(chǔ)語法 | ||
2、jQuery選擇器 | ||
jQuery選擇器的優(yōu)勢、jQuery選擇器分類、jQuery選擇器中的一些注意事項 | ||
3、jQuery操作DOM | ||
DOM樹狀模型、元素屬性操作、獲取和設(shè)置元素、元素樣式操作、頁面元素操作 | ||
4、jQuery中的事件和應(yīng)用 | ||
事件機(jī)制、頁面載入事件、綁定事件、切換事件、移除事件、其他事件 | ||
5、jQuery中的動畫與特效 | ||
顯示與隱藏、滑動、淡入淡出、自定義動畫、動畫效果綜述 | ||
Bootstrap | 1、bootstrap基礎(chǔ)知識 | |
Bootstrap是什么、bootstrap的文件結(jié)構(gòu)、基本的HTML模板、默認(rèn)網(wǎng)格系統(tǒng) | ||
2、bootstrap預(yù)定義的CSS樣式 | ||
排版、代碼、表格、表單、按鈕、圖片、圖標(biāo) | ||
3、Bootstrap內(nèi)置的布局組件 | ||
下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航元素、導(dǎo)航條、面包屑式導(dǎo)航、分頁導(dǎo)航、標(biāo)簽、圓標(biāo)簽、排版相關(guān)元素、縮略圖、警示框、進(jìn)度條、媒體對象、其他組件 | ||
4、Bootstrap支持的JavaScript插件 | ||
概述、過渡、模態(tài)框、下拉菜單、滾動監(jiān)控器、可切換的標(biāo)簽頁、提示條、彈出層、警示框、按鈕、折疊框、傳送帶、預(yù)選輸入、粘條 | ||
5、實際使用bootstrap | ||
GitHub項目、定制bootstrap | ||
項目實戰(zhàn) | 門戶類、電商類、企業(yè)類、移動端/響應(yīng)式網(wǎng)站開發(fā),作品整理 |
陳益材 優(yōu)就業(yè)教學(xué)研發(fā)研究院院長
主講: HTML5、CSS、web前端、電商、php
中公教育優(yōu)就業(yè)教學(xué)研發(fā)研究院院長,中國互聯(lián)網(wǎng)信用中心技術(shù)總監(jiān)
工作經(jīng)驗:
互聯(lián)網(wǎng)產(chǎn)品開發(fā)、品牌運營暢銷書作家,出版過超100部IT技術(shù)及網(wǎng)絡(luò)營銷相關(guān)書籍。
10年以上互聯(lián)網(wǎng)技術(shù)開發(fā)實戰(zhàn)專家,精通網(wǎng)站前端布局設(shè)計、HTML5、CSS、PHP、Mysql等多項開發(fā)技術(shù)。
10年以上品牌運營實戰(zhàn)專家,網(wǎng)站策劃、運營、網(wǎng)站建設(shè)、電商運營、網(wǎng)站設(shè)計與應(yīng)用等推廣經(jīng)驗豐富。
創(chuàng)辦環(huán)博文化IT出版品牌,策劃并輔助過近百家企業(yè)網(wǎng)站的建立與營銷推廣。
授課風(fēng)格:作為國內(nèi)知名IT實戰(zhàn)技術(shù)及出版過多部書籍的全能型專家,其授課風(fēng)格獨特、形式靈活、內(nèi)容實用,能結(jié)合教材從日常工作的小案例中,教給學(xué)員*實用的處理方法。10多年來,教授的學(xué)員及出版的書籍遍布互聯(lián)網(wǎng)行業(yè)各個領(lǐng)域,人脈資源遍布全國各地。
暢銷書籍:《PHP MySQL Dreamweaver動態(tài)網(wǎng)站建設(shè)從入門到精通》、《PHP MySQL Dreamweaver動態(tài)網(wǎng)站開發(fā)從入門到精通 第2版》、《Dreamweaver CC ASP動態(tài)網(wǎng)站開發(fā)從入門到精通》、《網(wǎng)頁DIV CSS布局和動畫美化全程實例》、《網(wǎng)頁DIV CSS布局和動畫美化全程實例(第2版)》、《Dreamweaver CS4中文版從入門到精通》、《Dreamweaver CS3 ASP動態(tài)網(wǎng)站開發(fā)從基礎(chǔ)到實踐》、《中學(xué)信息技術(shù)課本》、《北京市民信息化網(wǎng)絡(luò)實用手冊》、《企業(yè)網(wǎng)站完美設(shè)計與應(yīng)用》、《贏在電子商務(wù):網(wǎng)絡(luò)營銷創(chuàng)意與實戰(zhàn)》、《微店運營實用手冊》、《網(wǎng)站建設(shè)從入門到精通》等
:2087746102 :170-5129-0180
學(xué)校介紹University Profile
優(yōu)就業(yè)是中公教育IT培訓(xùn)品牌,致力于培養(yǎng)面向電商及互聯(lián)網(wǎng)領(lǐng)域的高端人才,以學(xué)員就業(yè)為目的,優(yōu)質(zhì)就業(yè)為宗旨,是一家集互聯(lián)網(wǎng)營銷師、SEO優(yōu)化師、SEM競價師、社會化媒體運營師、電商運營師、互聯(lián)網(wǎng)產(chǎn)品經(jīng)理、網(wǎng)頁設(shè)計師、Web前端工程師、PHP工程師、Android工程師、iOS工程師、Java工程師、C/C++工程師、軟件測試工程師等課程為一體的IT培訓(xùn)機(jī)構(gòu)。
優(yōu)就業(yè)為每一位學(xué)員定制個性化求職方案及職業(yè)規(guī)劃,提供一對一修改簡歷、培訓(xùn)面試技巧、模擬真實面試場景、推薦合作企業(yè)就業(yè)等服務(wù)。與眾多高校和知名企業(yè)建立了戰(zhàn)略合作伙伴關(guān)系,為百度、搜狐、騰訊、新浪、阿里巴巴、鳳凰網(wǎng)、360、人民網(wǎng)、中國教育在線、中青在線、網(wǎng)易、蘇寧、滴滴出行、京東、去哪兒、當(dāng)當(dāng)網(wǎng)等知名IT企業(yè)培養(yǎng)輸送了大量的互聯(lián)網(wǎng)人才。
優(yōu)就業(yè)總部位于北京,直營分部覆蓋國內(nèi)眾多城市,在全國31個省市自治區(qū),近350個地市,擁有470家直營分部和旗艦學(xué)習(xí)中心,全國專用教學(xué)場地超過30萬平米。是當(dāng)前國內(nèi)直營分部覆蓋城市廣泛、專職教師數(shù)量眾多的現(xiàn)代化職業(yè)教育機(jī)構(gòu)。
優(yōu)就業(yè)業(yè)務(wù)類型主要包括面授培訓(xùn)、網(wǎng)絡(luò)遠(yuǎn)程教學(xué)培訓(xùn)、網(wǎng)絡(luò)直播課程培訓(xùn)、IT類圖書出版等。優(yōu)就業(yè)為廣大學(xué)員提供更加人性化的選課服務(wù),包括封閉班集訓(xùn)營、周末精講班、在線網(wǎng)課等系列產(chǎn)品。更聯(lián)合高校開設(shè)學(xué)歷班,學(xué)成后將獲得國家承認(rèn)的大專、本科學(xué)歷,滿足廣大學(xué)員對更多技能、更高學(xué)歷的追求。
優(yōu)就業(yè)擁有一支業(yè)內(nèi)人數(shù)眾多、陣容強(qiáng)大的培訓(xùn)團(tuán)隊,強(qiáng)大的師資隊伍現(xiàn)已擁有逾200名專職培訓(xùn)教師,已率先實現(xiàn)了IT行業(yè)師資團(tuán)隊的精細(xì)化、科學(xué)化分工。創(chuàng)立O2O教學(xué)體系,針對全國IT行業(yè)需求、發(fā)展及就業(yè)趨勢,打造從線上到線下的全方位、一體化教學(xué)體系,目前該體系已幫助眾多IT行業(yè)學(xué)子實現(xiàn)高薪就業(yè)夢想。
面授:優(yōu)就業(yè)依托遍布全國的400多家直營分部,在各地市開設(shè)有不同形式、不同層次的輔導(dǎo)課程,滿足學(xué)生的差異化、個性化需求。優(yōu)就業(yè)不斷提高教學(xué)水準(zhǔn),以研發(fā)為核心競爭力,為學(xué)生提供科學(xué)有效的教學(xué)服務(wù)。擁有行業(yè)雄厚師資,打造實力專家團(tuán)隊,以教學(xué)效果為導(dǎo)向,設(shè)置特色化輔導(dǎo)內(nèi)容和教學(xué)方式。
無論你在哪個城市,都能方便就近入學(xué),參與面授培訓(xùn)。與遠(yuǎn)程在線教學(xué)相比,面授課程能夠讓學(xué)員真切感受班集體的學(xué)習(xí)氛圍,更有老師面對面的講授,手把手的教學(xué),保時保量。
實戰(zhàn):優(yōu)就業(yè)與多家企業(yè)實體達(dá)成親密合作關(guān)系,創(chuàng)造“實訓(xùn)教學(xué)”模式,學(xué)員在實訓(xùn)課程中,可以直接進(jìn)入合作企業(yè)研發(fā)團(tuán)隊,親自參與項目的運作,真正做到學(xué)以致用、學(xué)有所成,避免了培訓(xùn)帶來的理論與實踐脫節(jié)的弊端。目前優(yōu)就業(yè)為百度、新浪、搜狐、聯(lián)想、阿里巴巴、中軟、華為、摩托羅拉、IBM等多家知名企業(yè)培養(yǎng)輸送IT人才。
優(yōu)就業(yè)作為IT職業(yè)教育培訓(xùn)機(jī)構(gòu),始終堅持“學(xué)員的事是重要的事”這一辦學(xué)理念,不斷升級軟件、硬件實力,對教學(xué)質(zhì)量負(fù)責(zé),對培訓(xùn)效果負(fù)責(zé),真正地對學(xué)員負(fù)責(zé)。
優(yōu)就業(yè)貼合學(xué)生的親身利益需求,以理念的不斷升級為導(dǎo)向,為學(xué)員提供舒適的學(xué)習(xí)環(huán)境。同時優(yōu)就業(yè)在全國各分部均設(shè)置了學(xué)習(xí)體驗中心,并且擁有自己的培訓(xùn)教學(xué)基地。多媒體教學(xué)設(shè)施先進(jìn),有著豐富的硬件資源。每一位老師、每一位員工都始終堅持企業(yè)的核心教學(xué)理念,在各個崗位上為每一個學(xué)員提供真誠的服務(wù)。
優(yōu)就業(yè)作為一家專注于IT職業(yè)教育培訓(xùn)企業(yè),堅持以“純善”作為企業(yè)發(fā)展的價值觀基石,在創(chuàng)造商業(yè)價值的同時,更加注重對員工、對學(xué)員、對社會的回饋。
自成立以來,不斷慈善捐款、建立社會企業(yè)、資助貧困大學(xué)生、組織公益活動等多種形式履行企業(yè)的社會責(zé)任。優(yōu)就業(yè)始終重視員工基本權(quán)益,為員工提供業(yè)務(wù)水平、管理能力等多層次教育培訓(xùn),真正踐行企業(yè)對員工的關(guān)愛;同時,優(yōu)就業(yè)始終堅持“學(xué)員的事是重要的事”這一服務(wù)理念,不斷提升教學(xué)能力和服務(wù)水準(zhǔn),為學(xué)員提供更完善、更貼心的職業(yè)培訓(xùn)。先后成立社會工作服務(wù)中心;“陽光伴你行”公益項目;西華大學(xué)助學(xué)金項目;汶川、玉樹地震救助及捐款計劃等多種形式履行企業(yè)的社會責(zé)任,成為國內(nèi)較早的救災(zāi)型公益企業(yè)。
優(yōu)就業(yè)的教育成果,以及經(jīng)營模式得到了社會各界的廣泛贊譽,在中國IT教育咨詢培訓(xùn)和職業(yè)教育領(lǐng)域有較強(qiáng)的影響力,近年來榮獲各界機(jī)構(gòu)的認(rèn)可:
2016年1月28日榮獲:大眾點評2015“十佳職業(yè)技術(shù)培訓(xùn)品牌獎”
2016年1月26日榮獲:新京報2015“年度我信賴的培訓(xùn)品牌獎”
2015年12月12日榮獲:中國網(wǎng)2015“廣受學(xué)員好評職業(yè)教育機(jī)構(gòu)獎”
2015年12月1日榮獲:騰訊2015“年度實力教育品牌獎”
2015年11月26日榮獲:新浪2015“中國品牌價值在線教育機(jī)構(gòu)獎”
2015年11月19日榮獲:百度2015“品牌數(shù)字資產(chǎn)榜職業(yè)教育”
2015年1月14日榮獲:百度2014“職業(yè)教育行業(yè)品牌數(shù)字資產(chǎn)卓越獎”
2014年12月22日榮獲:央廣網(wǎng)2014教育盛典“中國教育領(lǐng)軍品牌”
2014年12月3日榮獲:騰訊2014教育盛典“具競爭力職業(yè)教育品牌”
2014年11月27日榮獲:新浪2014教育盛典“具社會影響力教育集團(tuán)”
2014年1月10日榮獲:新京報2013教育行業(yè)金粉筆“我信賴的培訓(xùn)品牌”、“年度愛心公益獎項”
2013年11月28日榮獲:新浪2013教育盛典“品牌價值教育連鎖機(jī)構(gòu)”、“品牌影響力網(wǎng)絡(luò)教育機(jī)構(gòu)”、“具品牌知名度職業(yè)培訓(xùn)機(jī)構(gòu)”、“品牌影響力教育機(jī)構(gòu)”、“綜合實力教育機(jī)構(gòu)”
2013年12月5日榮獲:騰訊2013教育“騰訊網(wǎng)十年價值職業(yè)教育品牌”