課程介紹Course Introduction

Web前端學習班

HTML5是什么

萬維網的核心語言、超文本標記語言（HTML）的第五次重大修改。HTML5已經于2014年10月正式定稿。然而，大部分現代瀏覽器已經具備了某些HTML5支持。HTML5是web時代*前沿的技術，它特有canvas標簽和多種選擇的游戲開發引擎，讓游戲開發更便捷。如果說蘋果重新發明了手機，那么HTML5則重新定義了網絡。它是鏈接手機、平板電腦、PC以及其他移動終端的橋梁，可以更豐富地展現，讓視頻、音頻、游戲以及其他元素構成一場華麗的代碼盛宴。

簡介：本課程學習，讓你從小白到主管、經理或創業者轉變。根據企業人才需求，定制研發，三分理論 七分實戰課程體系，超長標準課時，與多元化知識體系、思維模式及實戰類型，更親近 名企高薪。

適合人群：在校學生、企業白領、網站美工、其他職業

學三月=80%的人2年才能成為WEB工程師的夢想！

**階段：PS/DW

第二階段：頁面架構布局：HTML、DIV CSS

第三階段：頁面交互及特效：JavaScript、jQuery

第四階段：移動端頁面布局：HTML5 CSS3

課程模塊 課程內容 培養目標 HTML/CSS 1、認識WEB前端 達到初、中級前端開發工程師的要求，能夠完成網站頁面的開發及常用的JS交互效果的編寫 WEB前端開發語言介紹、開發工具介紹、HTML的構成、CSS樣式表、元素和屬性、樣式出現的位置、樣式寫法、ID選擇器、常見樣式—文本設置、盒模型概念、結構性樣式 2、常見標簽及用途 常見標簽、標簽的樣式初始化、塊元素和內嵌元素、特殊的inline-block屬性 3、選擇器及分類 A的四個偽類、A偽類的應用和兼容、選擇器分類、優先級 4、浮動 如何讓元素水平排列、float浮動/ 文檔流、清除浮動的方法、浮動兼容性問題、vertival-align / img問題 5、定位 position定位、定位元素位置控制、z-index:[number]定位層級、定位的兼容性 6、表格和表單 表格的用途、表格的相關標簽、合并單元格、表格樣式重置、表單用途、表單元素、鼠標聚焦清除、表單兼容性問題 7、HTML/CSS進階 CSS命名規則、HTML條件注釋語句、常見網站兼容性問題、CSS hack、PNG24兼容性問題、CSS技術大雜燴 8、項目實戰 CSS精靈（css雪碧/css sprites）、CSS精靈的優缺點、網站圓角結構、圣杯布局（雙飛翼布局）、等高布局、CSS模塊化開發 JavaScript 1、JS入門基礎 網頁特效原理分析、編寫JS的流程、編程思路、獲取元素、添加事件、屬性操作和注意事項、if判斷、for循環、關鍵字：this、自定義屬性 2、數據類型、運算符 數據類型、數據類型轉換、檢測數字的方法、運算符分類、運算符優先級 3、函數傳參、作用域、流程控制 函數括號的作用、函數傳參實例、作用域概念、JS解析器執行方式、作用域應用場景、程序流程控制 4、函數詳解、定時器、倒計時 函數返回值、函數可變參、封裝函數、定時器基礎、兩種定時器的區別、定時器深入應用、事件對象實例研究、倒計時 5、字符串方法、JSON、數組方法 獲取類、查找類、JSON與數組、數組詳解、數組方法 6、數組排序、Math對象、字符串與數組方法深入應用 數組排序方法、數組排序規則、Math對象的隨機函數、Math對象的常見方法、concat、reverse 7、DOM/BOM DOM基礎、節點類型、DOM節點-子節點、創建和插入元素、用className選擇元素、表格應用、DOM常用屬性、打開/關閉窗口、窗口尺寸、window對象常用事件 8、事件基礎 焦點事件、This關鍵字、Event對象、事件流、鍵盤事件詳解、事件默認行為 9、事件應用及cookie 簡易拖拽、碰撞檢測、自定義滾動條、鼠標滾輪事件、cookie 10、JS中的運動 運動框架實例、緩沖運動、多物體運動、任意運動、運動框架、圖片預加載、延遲加載 11、面向對象 什么是對象、什么是面向對象、對象的組成、面向對象編程(OOP)的特點、原型：prototype、流行的面向對象編寫方式、面向對象選項卡 HTML5 1、初識HTML5 達到中高級前端開發工程師的要求，能夠獨立完成PC、移動端頂目開發 什么是HTML5、HTML5的文檔結構及基礎語法、新的結構化元素、語義化標簽、兼容性問題 2、表單和文件 表單新的輸入型控件、新的表單特性和函數、表單驗證、HTML5的文件處理、拖放事件操作、傳遞拖拽數據 3、播放多媒體 HTML5音頻概述、HTML5視頻概述、HTML5支持的音頻和視頻格式、HTML5音頻視頻API 4、使用canvas標簽畫圖 Canvas元素的定義語法、坐標與顏色、繪制圖形、描邊、繪制圖像與文字 5、繪制可伸縮矢量圖形（svg） svg概述、svg形狀、線條和填充、svg文本與圖片、svg濾鏡、變換坐標系 6、地理信息、本地存儲、離線存儲 什么是瀏覽器地理位置、獲取地理位置信息、數據保護、本地存儲概述、訪問localstorage對象、訪問sessionstorage對象、websql database api 、HTML5離線web應用程序概述、開發HTML5離線web應用程序 7、支持多線程編程的web workers 什么是線程、什么是html5 web workers、web workers編程 CSS3 1、CSS3簡介 簡介、瀏覽器前綴、兼容情況處理 2、選擇器介紹 常見選擇器、新增的選擇器（屬性選擇器，偽類選擇器） 3、字體與文本相關屬性 文字陰影、CSS3顏色表示方法、文字描邊、新增的服務器字體（自定義字體）、定義省略文本的處理方式 4、背景及邊框相關屬性 背景圖片固定、新增背景相關屬性及多背景設置、圓角邊框設置、圖片邊框設置、漸變邊框 5、大小，布局及盒模型相關屬性 大小相關屬性（新增box-sizing，resize屬性、布局相關屬性（浮動布局，定位布局、盒模型和display屬性、對盒設置陰影、CSS3多欄布局、響應式布局 6、變形與動畫相關屬性 CSS3基本變形支持、CSS3 Transition屬性（多個屬性同時漸變）、CSS3 Animation屬性（多個屬性的動畫） jquery 1、jQuery基礎知識 應對各類前端頂目，為你開啟前端技術總監之路 認識jQuery、搭建jQuery運行環境、jQuery基礎語法 2、jQuery選擇器 jQuery選擇器的優勢、jQuery選擇器分類、jQuery選擇器中的一些注意事項 3、jQuery操作DOM DOM樹狀模型、元素屬性操作、獲取和設置元素、元素樣式操作、頁面元素操作 4、jQuery中的事件和應用 事件機制、頁面載入事件、綁定事件、切換事件、移除事件、其他事件 5、jQuery中的動畫與特效 顯示與隱藏、滑動、淡入淡出、自定義動畫、動畫效果綜述 Bootstrap 1、bootstrap基礎知識 Bootstrap是什么、bootstrap的文件結構、基本的HTML模板、默認網格系統 2、bootstrap預定義的CSS樣式 排版、代碼、表格、表單、按鈕、圖片、圖標 3、Bootstrap內置的布局組件 下拉菜單、按鈕組、按鈕下拉菜單、導航元素、導航條、面包屑式導航、分頁導航、標簽、圓標簽、排版相關元素、縮略圖、警示框、進度條、媒體對象、其他組件 4、Bootstrap支持的JavaScript插件 概述、過渡、模態框、下拉菜單、滾動監控器、可切換的標簽頁、提示條、彈出層、警示框、按鈕、折疊框、傳送帶、預選輸入、粘條 5、實際使用bootstrap GitHub項目、定制bootstrap 項目實戰 門戶類、電商類、企業類、移動端/響應式網站開發，作品整理

陳益材 優就業教學研發研究院院長

主講： HTML5、CSS、web前端、電商、php

中公教育優就業教學研發研究院院長，中國互聯網信用中心技術總監

工作經驗：

互聯網產品開發、品牌運營暢銷書作家，出版過超100部IT技術及網絡營銷相關書籍。

10年以上互聯網技術開發實戰專家，精通網站前端布局設計、HTML5、CSS、PHP、Mysql等多項開發技術。

10年以上品牌運營實戰專家，網站策劃、運營、網站建設、電商運營、網站設計與應用等推廣經驗豐富。

創辦環博文化IT出版品牌，策劃并輔助過近百家企業網站的建立與營銷推廣。

授課風格：作為國內知名IT實戰技術及出版過多部書籍的全能型專家，其授課風格獨特、形式靈活、內容實用，能結合教材從日常工作的小案例中，教給學員*實用的處理方法。10多年來，教授的學員及出版的書籍遍布互聯網行業各個領域，人脈資源遍布全國各地。

暢銷書籍：《PHP MySQL Dreamweaver動態網站建設從入門到精通》、《PHP MySQL Dreamweaver動態網站開發從入門到精通 第2版》、《Dreamweaver CC ASP動態網站開發從入門到精通》、《網頁DIV CSS布局和動畫美化全程實例》、《網頁DIV CSS布局和動畫美化全程實例(第2版)》、《Dreamweaver CS4中文版從入門到精通》、《Dreamweaver CS3 ASP動態網站開發從基礎到實踐》、《中學信息技術課本》、《北京市民信息化網絡實用手冊》、《企業網站完美設計與應用》、《贏在電子商務：網絡營銷創意與實戰》、《微店運營實用手冊》、《網站建設從入門到精通》等

如需了解更多課程詳情，歡迎我們： ： ：xxt

課程熱線

客服時間：早上9點~下午6點，其他時間請在線報名或留言，謝謝！

申請免費試聽

學校介紹University Profile

優就業是中公教育IT培訓品牌，致力于培養面向電商及互聯網領域的高端人才，以學員就業為目的，優質就業為宗旨，是一家集互聯網營銷師、SEO優化師、SEM競價師、社會化媒體運營師、電商運營師、互聯網產品經理、網頁設計師、Web前端工程師、PHP工程師、Android工程師、iOS工程師、Java工程師、C/C++工程師、軟件測試工程師等課程為一體的IT培訓機構。

優就業為每一位學員定制個性化求職方案及職業規劃，提供一對一修改簡歷、培訓面試技巧、模擬真實面試場景、推薦合作企業就業等服務。與眾多高校和知名企業建立了戰略合作伙伴關系，為百度、搜狐、騰訊、新浪、阿里巴巴、鳳凰網、360、人民網、中國教育在線、中青在線、網易、蘇寧、滴滴出行、京東、去哪兒、當當網等知名IT企業培養輸送了大量的互聯網人才。

優就業總部位于北京，直營分部覆蓋國內眾多城市，在全國31個省市自治區，近350個地市，擁有470家直營分部和旗艦學習中心，全國專用教學場地超過30萬平米。是當前國內直營分部覆蓋城市廣泛、專職教師數量眾多的現代化職業教育機構。

優就業業務類型主要包括面授培訓、網絡遠程教學培訓、網絡直播課程培訓、IT類圖書出版等。優就業為廣大學員提供更加人性化的選課服務，包括封閉班集訓營、周末精講班、在線網課等系列產品。更聯合高校開設學歷班，學成后將獲得國家承認的大專、本科學歷，滿足廣大學員對更多技能、更高學歷的追求。

優就業擁有一支業內人數眾多、陣容強大的培訓團隊，強大的師資隊伍現已擁有逾200名專職培訓教師，已率先實現了IT行業師資團隊的精細化、科學化分工。創立O2O教學體系，針對全國IT行業需求、發展及就業趨勢，打造從線上到線下的全方位、一體化教學體系，目前該體系已幫助眾多IT行業學子實現高薪就業夢想。

優就業·教學理念

面授：優就業依托遍布全國的400多家直營分部，在各地市開設有不同形式、不同層次的輔導課程，滿足學生的差異化、個性化需求。優就業不斷提高教學水準，以研發為核心競爭力，為學生提供科學有效的教學服務。擁有行業雄厚師資，打造實力專家團隊，以**教學效果為導向，設置特色化輔導內容和教學方式。

無論你在哪個城市，都能方便就近入學，參與面授培訓。與遠程在線教學相比，面授課程能夠讓學員真切感受班集體的學習氛圍，更有老師面對面的講授，手把手的教學，保時保量。

實戰：優就業與多家企業實體達成親密合作關系，創造“實訓教學”模式，學員在實訓課程中，可以直接進入合作企業研發團隊，親自參與項目的運作，真正做到學以致用、學有所成，避免了培訓帶來的理論與實踐脫節的弊端。目前優就業為百度、新浪、搜狐、聯想、阿里巴巴、中軟、華為、摩托羅拉、IBM等多家知名企業培養輸送IT人才。

優就業·培養目標

優就業作為IT職業教育培訓機構，始終堅持“學員的事是重要的事”這一辦學理念，不斷升級軟件、硬件實力，對教學質量負責，對培訓效果負責，真正地對學員負責。

優就業貼合學生的親身利益需求，以理念的不斷升級為導向，為學員提供舒適的學習環境。同時優就業在全國各分部均設置了學習體驗中心，并且擁有自己的培訓教學基地。多媒體教學設施先進，有著豐富的硬件資源。每一位老師、每一位員工都始終堅持企業的核心教學理念，在各個崗位上為每一個學員提供真誠的服務。

優就業·企業責任

優就業作為一家專注于IT職業教育培訓企業，堅持以“純善”作為企業發展的價值觀基石，在創造商業價值的同時，更加注重對員工、對學員、對社會的回饋。

自成立以來，不斷**慈善捐款、建立社會企業、資助貧困大學生、組織公益活動等多種形式履行企業的社會責任。優就業始終重視**員工基本權益，為員工提供業務水平、管理能力等多層次教育培訓，真正踐行企業對員工的關愛;同時，優就業始終堅持“學員的事是重要的事”這一服務理念，不斷提升教學能力和服務水準，為學員提供更完善、更貼心的職業培訓。先后**成立社會工作服務中心;“陽光伴你行”公益項目;西華大學助學金項目;汶川、玉樹地震救助及捐款計劃等多種形式履行企業的社會責任，成為國內較早的救災型公益企業。

優就業·獲得榮譽

優就業的教育成果，以及經營模式得到了社會各界的廣泛贊譽，在中國IT教育培訓和職業教育領域有較強的影響力，近年來榮獲各界機構的認可：

2016年1月28日榮獲：大眾點評2015“十佳職業技術培訓品牌獎”

2016年1月26日榮獲：新京報2015“年度我信賴的培訓品牌獎”

2015年12月12日榮獲：中國網2015“廣受學員好評職業教育機構獎”

2015年12月1日榮獲：騰訊2015“年度實力教育品牌獎”

2015年11月26日榮獲：新浪2015“中國品牌價值在線教育機構獎”

2015年11月19日榮獲：百度2015“品牌數字資產榜職業教育**”

2015年1月14日榮獲：百度2014“職業教育行業品牌數字資產卓越獎”

2014年12月22日榮獲：央廣網2014教育盛典“中國教育領軍品牌”

2014年12月3日榮獲：騰訊2014教育盛典“*具競爭力職業教育品牌”

2014年11月27日榮獲：新浪2014教育盛典“*具社會影響力教育集團”

2014年1月10日榮獲：新京報2013教育行業金粉筆“我*信賴的培訓品牌”、“年度愛心公益獎項”

2013年11月28日榮獲：新浪2013教育盛典“*具品牌價值教育連鎖機構”、“*具品牌影響力網絡教育機構”、“*具品牌知名度職業培訓機構”、“*具品牌影響力教育機構”、“*具綜合實力教育機構”

2013年12月5日榮獲：騰訊2013教育“騰訊網十年*具價值職業教育品牌”

優就業·總部大廈

員工生活

教學環境 上課環境 實訓環境 休息區域