Web前端學(xué)習(xí)班

HTML5是什么

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

簡介：本課程學(xué)習(xí)，讓你從小白到主管、經(jīng)理或創(chuàng)業(yè)者轉(zhuǎn)變。根據(jù)企業(yè)人才需求，定制研發(fā)，三分理論 七分實(shí)戰(zhàn)課程體系，超長標(biāo)準(zhǔn)課時(shí)，與多元化知識(shí)體系、思維模式及實(shí)戰(zhàn)類型，更親近 名企高薪。

適合人群：在校學(xué)生、企業(yè)白領(lǐng)、網(wǎng)站美工、其他職業(yè)

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

**階段：PS/DW

第二階段：頁面架構(gòu)布局：HTML、DIV CSS

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

第四階段：移動(dòng)端頁面布局：HTML5 CSS3

課程模塊 課程內(nèi)容 培養(yǎng)目標(biāo) HTML/CSS 1、認(rèn)識(shí)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的四個(gè)偽類、A偽類的應(yīng)用和兼容、選擇器分類、優(yōu)先級 4、浮動(dòng) 如何讓元素水平排列、float浮動(dòng)/ 文檔流、清除浮動(dòng)的方法、浮動(dòng)兼容性問題、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、項(xiàng)目實(shí)戰(zhàn) CSS精靈（css雪碧/css sprites）、CSS精靈的優(yōu)缺點(diǎn)、網(wǎng)站圓角結(jié)構(gòu)、圣杯布局（雙飛翼布局）、等高布局、CSS模塊化開發(fā) JavaScript 1、JS入門基礎(chǔ) 網(wǎng)頁特效原理分析、編寫JS的流程、編程思路、獲取元素、添加事件、屬性操作和注意事項(xiàng)、if判斷、for循環(huán)、關(guān)鍵字：this、自定義屬性 2、數(shù)據(jù)類型、運(yùn)算符 數(shù)據(jù)類型、數(shù)據(jù)類型轉(zhuǎn)換、檢測數(shù)字的方法、運(yùn)算符分類、運(yùn)算符優(yōu)先級 3、函數(shù)傳參、作用域、流程控制 函數(shù)括號(hào)的作用、函數(shù)傳參實(shí)例、作用域概念、JS解析器執(zhí)行方式、作用域應(yīng)用場景、程序流程控制 4、函數(shù)詳解、定時(shí)器、倒計(jì)時(shí) 函數(shù)返回值、函數(shù)可變參、封裝函數(shù)、定時(shí)器基礎(chǔ)、兩種定時(shí)器的區(qū)別、定時(shí)器深入應(yīng)用、事件對象實(shí)例研究、倒計(jì)時(shí) 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é)點(diǎn)類型、DOM節(jié)點(diǎn)-子節(jié)點(diǎn)、創(chuàng)建和插入元素、用className選擇元素、表格應(yīng)用、DOM常用屬性、打開/關(guān)閉窗口、窗口尺寸、window對象常用事件 8、事件基礎(chǔ) 焦點(diǎn)事件、This關(guān)鍵字、Event對象、事件流、鍵盤事件詳解、事件默認(rèn)行為 9、事件應(yīng)用及cookie 簡易拖拽、碰撞檢測、自定義滾動(dòng)條、鼠標(biāo)滾輪事件、cookie 10、JS中的運(yùn)動(dòng) 運(yùn)動(dòng)框架實(shí)例、緩沖運(yùn)動(dòng)、多物體運(yùn)動(dòng)、任意運(yùn)動(dòng)、運(yùn)動(dòng)框架、圖片預(yù)加載、延遲加載 11、面向?qū)ο?什么是對象、什么是面向?qū)ο蟆ο蟮慕M成、面向?qū)ο缶幊?OOP)的特點(diǎn)、原型：prototype、流行的面向?qū)ο缶帉懛绞健⒚嫦驅(qū)ο筮x項(xiàng)卡 HTML5 1、初識(shí)HTML5 達(dá)到中高級前端開發(fā)工程師的要求，能夠獨(dú)立完成PC、移動(dòng)端頂目開發(fā) 什么是HTML5、HTML5的文檔結(jié)構(gòu)及基礎(chǔ)語法、新的結(jié)構(gòu)化元素、語義化標(biāo)簽、兼容性問題 2、表單和文件 表單新的輸入型控件、新的表單特性和函數(shù)、表單驗(yàn)證、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、地理信息、本地存儲(chǔ)、離線存儲(chǔ) 什么是瀏覽器地理位置、獲取地理位置信息、數(shù)據(jù)保護(hù)、本地存儲(chǔ)概述、訪問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)屬性（浮動(dòng)布局，定位布局、盒模型和display屬性、對盒設(shè)置陰影、CSS3多欄布局、響應(yīng)式布局 6、變形與動(dòng)畫相關(guān)屬性 CSS3基本變形支持、CSS3 Transition屬性（多個(gè)屬性同時(shí)漸變）、CSS3 Animation屬性（多個(gè)屬性的動(dòng)畫） jquery 1、jQuery基礎(chǔ)知識(shí) 應(yīng)對各類前端頂目，為你開啟前端技術(shù)總監(jiān)之路 認(rèn)識(shí)jQuery、搭建jQuery運(yùn)行環(huán)境、jQuery基礎(chǔ)語法 2、jQuery選擇器 jQuery選擇器的優(yōu)勢、jQuery選擇器分類、jQuery選擇器中的一些注意事項(xiàng) 3、jQuery操作DOM DOM樹狀模型、元素屬性操作、獲取和設(shè)置元素、元素樣式操作、頁面元素操作 4、jQuery中的事件和應(yīng)用 事件機(jī)制、頁面載入事件、綁定事件、切換事件、移除事件、其他事件 5、jQuery中的動(dòng)畫與特效 顯示與隱藏、滑動(dòng)、淡入淡出、自定義動(dòng)畫、動(dòng)畫效果綜述 Bootstrap 1、bootstrap基礎(chǔ)知識(shí) 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)框、下拉菜單、滾動(dòng)監(jiān)控器、可切換的標(biāo)簽頁、提示條、彈出層、警示框、按鈕、折疊框、傳送帶、預(yù)選輸入、粘條 5、實(shí)際使用bootstrap GitHub項(xiàng)目、定制bootstrap 項(xiàng)目實(shí)戰(zhàn) 門戶類、電商類、企業(yè)類、移動(dòng)端/響應(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)驗(yàn)：

互聯(lián)網(wǎng)產(chǎn)品開發(fā)、品牌運(yùn)營暢銷書作家，出版過超100部IT技術(shù)及網(wǎng)絡(luò)營銷相關(guān)書籍。

10年以上互聯(lián)網(wǎng)技術(shù)開發(fā)實(shí)戰(zhàn)專家，精通網(wǎng)站前端布局設(shè)計(jì)、HTML5、CSS、PHP、Mysql等多項(xiàng)開發(fā)技術(shù)。

10年以上品牌運(yùn)營實(shí)戰(zhàn)專家，網(wǎng)站策劃、運(yùn)營、網(wǎng)站建設(shè)、電商運(yùn)營、網(wǎng)站設(shè)計(jì)與應(yīng)用等推廣經(jīng)驗(yàn)豐富。

創(chuàng)辦環(huán)博文化IT出版品牌，策劃并輔助過近百家企業(yè)網(wǎng)站的建立與營銷推廣。

授課風(fēng)格：作為國內(nèi)知名IT實(shí)戰(zhàn)技術(shù)及出版過多部書籍的全能型專家，其授課風(fēng)格獨(dú)特、形式靈活、內(nèi)容實(shí)用，能結(jié)合教材從日常工作的小案例中，教給學(xué)員*實(shí)用的處理方法。10多年來，教授的學(xué)員及出版的書籍遍布互聯(lián)網(wǎng)行業(yè)各個(gè)領(lǐng)域，人脈資源遍布全國各地。

暢銷書籍：《PHP MySQL Dreamweaver動(dòng)態(tài)網(wǎng)站建設(shè)從入門到精通》、《PHP MySQL Dreamweaver動(dòng)態(tài)網(wǎng)站開發(fā)從入門到精通 第2版》、《Dreamweaver CC ASP動(dòng)態(tài)網(wǎng)站開發(fā)從入門到精通》、《網(wǎng)頁DIV CSS布局和動(dòng)畫美化全程實(shí)例》、《網(wǎng)頁DIV CSS布局和動(dòng)畫美化全程實(shí)例(第2版)》、《Dreamweaver CS4中文版從入門到精通》、《Dreamweaver CS3 ASP動(dòng)態(tài)網(wǎng)站開發(fā)從基礎(chǔ)到實(shí)踐》、《中學(xué)信息技術(shù)課本》、《北京市民信息化網(wǎng)絡(luò)實(shí)用手冊》、《企業(yè)網(wǎng)站完美設(shè)計(jì)與應(yīng)用》、《贏在電子商務(wù)：網(wǎng)絡(luò)營銷創(chuàng)意與實(shí)戰(zhàn)》、《微店運(yùn)營實(shí)用手冊》、《網(wǎng)站建設(shè)從入門到精通》等

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