東營(yíng)Web前端學(xué)習(xí)班哪里有
￥詳詢
班制：其它
山東東營(yíng)中公教育
東營(yíng)Web前端學(xué)習(xí)班
HTML5是什么
萬(wàn)維網(wǎng)的核心語(yǔ)言、超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改。HTML5已經(jīng)于2014年10月正式定稿。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些HTML5支持。HTML5是web時(shí)代*前沿的技術(shù)，它特有canvas標(biāo)簽和多種選擇的游戲開(kāi)發(fā)引擎，讓游戲開(kāi)發(fā)更便捷。如果說(shuō)蘋(píng)果重新發(fā)明了手機(jī)，那么HTML5則重新定義了網(wǎng)絡(luò)。它是鏈接手機(jī)、平板電腦、PC以及其他移動(dòng)終端的橋梁，可以更豐富地展現(xiàn)，讓視頻、音頻、游戲以及其他元素構(gòu)成一場(chǎng)華麗的代碼盛宴。
簡(jiǎn)介：本課程學(xué)習(xí)，讓你從小白到主管、經(jīng)理或創(chuàng)業(yè)者轉(zhuǎn)變。根據(jù)企業(yè)人才需求，定制研發(fā)，三分理論 七分實(shí)戰(zhàn)課程體系，超長(zhǎng)標(biāo)準(zhǔn)課時(shí)，與多元化知識(shí)體系、思維模式及實(shí)戰(zhàn)類(lèi)型，更親近 名企高薪。
適合人群：在校學(xué)生、企業(yè)白領(lǐng)、網(wǎng)站美工、其他職業(yè)
學(xué)三月=80%的人2年才能成為WEB工程師的夢(mèng)想！
**階段：PS/DW
第二階段：頁(yè)面架構(gòu)布局：HTML、DIV CSS
第三階段：頁(yè)面交互及特效：JavaScript、jQuery
第四階段：移動(dòng)端頁(yè)面布局：HTML5 CSS3
| 課程模塊 | 課程內(nèi)容 | 培養(yǎng)目標(biāo) |
| HTML/CSS | 1、認(rèn)識(shí)WEB前端 | 達(dá)到初、中級(jí)前端開(kāi)發(fā)工程師的要求，能夠完成網(wǎng)站頁(yè)面的開(kāi)發(fā)及常用的JS交互效果的編寫(xiě) |
| WEB前端開(kāi)發(fā)語(yǔ)言介紹、開(kāi)發(fā)工具介紹、HTML的構(gòu)成、CSS樣式表、元素和屬性、樣式出現(xiàn)的位置、樣式寫(xiě)法、ID選擇器、常見(jiàn)樣式—文本設(shè)置、盒模型概念、結(jié)構(gòu)性樣式 | ||
| 2、常見(jiàn)標(biāo)簽及用途 | ||
| 常見(jiàn)標(biāo)簽、標(biāo)簽的樣式初始化、塊元素和內(nèi)嵌元素、特殊的inline-block屬性 | ||
| 3、選擇器及分類(lèi) | ||
| A的四個(gè)偽類(lèi)、A偽類(lèi)的應(yīng)用和兼容、選擇器分類(lèi)、優(yōu)先級(jí) | ||
| 4、浮動(dòng) | ||
| 如何讓元素水平排列、float浮動(dòng)/ 文檔流、清除浮動(dòng)的方法、浮動(dòng)兼容性問(wèn)題、vertival-align / img問(wèn)題 | ||
| 5、定位 | ||
| position定位、定位元素位置控制、z-index:[number]定位層級(jí)、定位的兼容性 | ||
| 6、表格和表單 | ||
| 表格的用途、表格的相關(guān)標(biāo)簽、合并單元格、表格樣式重置、表單用途、表單元素、鼠標(biāo)聚焦清除、表單兼容性問(wèn)題 | ||
| 7、HTML/CSS進(jìn)階 | ||
| CSS命名規(guī)則、HTML條件注釋語(yǔ)句、常見(jiàn)網(wǎng)站兼容性問(wèn)題、CSS hack、PNG24兼容性問(wèn)題、CSS技術(shù)大雜燴 | ||
| 8、項(xiàng)目實(shí)戰(zhàn) | ||
| CSS精靈（css雪碧/css sprites）、CSS精靈的優(yōu)缺點(diǎn)、網(wǎng)站圓角結(jié)構(gòu)、圣杯布局（雙飛翼布局）、等高布局、CSS模塊化開(kāi)發(fā) | ||
| JavaScript | 1、JS入門(mén)基礎(chǔ) | |
| 網(wǎng)頁(yè)特效原理分析、編寫(xiě)JS的流程、編程思路、獲取元素、添加事件、屬性操作和注意事項(xiàng)、if判斷、for循環(huán)、關(guān)鍵字：this、自定義屬性 | ||
| 2、數(shù)據(jù)類(lèi)型、運(yùn)算符 | ||
| 數(shù)據(jù)類(lèi)型、數(shù)據(jù)類(lèi)型轉(zhuǎn)換、檢測(cè)數(shù)字的方法、運(yùn)算符分類(lèi)、運(yùn)算符優(yōu)先級(jí) | ||
| 3、函數(shù)傳參、作用域、流程控制 | ||
| 函數(shù)括號(hào)的作用、函數(shù)傳參實(shí)例、作用域概念、JS解析器執(zhí)行方式、作用域應(yīng)用場(chǎng)景、程序流程控制 | ||
| 4、函數(shù)詳解、定時(shí)器、倒計(jì)時(shí) | ||
| 函數(shù)返回值、函數(shù)可變參、封裝函數(shù)、定時(shí)器基礎(chǔ)、兩種定時(shí)器的區(qū)別、定時(shí)器深入應(yīng)用、事件對(duì)象實(shí)例研究、倒計(jì)時(shí) | ||
| 5、字符串方法、JSON、數(shù)組方法 | ||
| 獲取類(lèi)、查找類(lèi)、JSON與數(shù)組、數(shù)組詳解、數(shù)組方法 | ||
| 6、數(shù)組排序、Math對(duì)象、字符串與數(shù)組方法深入應(yīng)用 | ||
| 數(shù)組排序方法、數(shù)組排序規(guī)則、Math對(duì)象的隨機(jī)函數(shù)、Math對(duì)象的常見(jiàn)方法、concat、reverse | ||
| 7、DOM/BOM | ||
| DOM基礎(chǔ)、節(jié)點(diǎn)類(lèi)型、DOM節(jié)點(diǎn)-子節(jié)點(diǎn)、創(chuàng)建和插入元素、用className選擇元素、表格應(yīng)用、DOM常用屬性、打開(kāi)/關(guān)閉窗口、窗口尺寸、window對(duì)象常用事件 | ||
| 8、事件基礎(chǔ) | ||
| 焦點(diǎn)事件、This關(guān)鍵字、Event對(duì)象、事件流、鍵盤(pán)事件詳解、事件默認(rèn)行為 | ||
| 9、事件應(yīng)用及cookie | ||
| 簡(jiǎn)易拖拽、碰撞檢測(cè)、自定義滾動(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ū)ο?/span> | ||
| 什么是對(duì)象、什么是面向?qū)ο?、?duì)象的組成、面向?qū)ο缶幊?OOP)的特點(diǎn)、原型：prototype、流行的面向?qū)ο缶帉?xiě)方式、面向?qū)ο筮x項(xiàng)卡 | ||
| HTML5 | 1、初識(shí)HTML5 | 達(dá)到中高級(jí)前端開(kāi)發(fā)工程師的要求，能夠獨(dú)立完成PC、移動(dòng)端頂目開(kāi)發(fā) |
| 什么是HTML5、HTML5的文檔結(jié)構(gòu)及基礎(chǔ)語(yǔ)法、新的結(jié)構(gòu)化元素、語(yǔ)義化標(biāo)簽、兼容性問(wèn)題 | ||
| 2、表單和文件 | ||
| 表單新的輸入型控件、新的表單特性和函數(shù)、表單驗(yàn)證、HTML5的文件處理、拖放事件操作、傳遞拖拽數(shù)據(jù) | ||
| 3、播放多媒體 | ||
| HTML5音頻概述、HTML5視頻概述、HTML5支持的音頻和視頻格式、HTML5音頻視頻API | ||
| 4、使用canvas標(biāo)簽畫(huà)圖 | ||
| Canvas元素的定義語(yǔ)法、坐標(biāo)與顏色、繪制圖形、描邊、繪制圖像與文字 | ||
| 5、繪制可伸縮矢量圖形（svg） | ||
| svg概述、svg形狀、線條和填充、svg文本與圖片、svg濾鏡、變換坐標(biāo)系 | ||
| 6、地理信息、本地存儲(chǔ)、離線存儲(chǔ) | ||
| 什么是瀏覽器地理位置、獲取地理位置信息、數(shù)據(jù)保護(hù)、本地存儲(chǔ)概述、訪問(wèn)localstorage對(duì)象、訪問(wèn)sessionstorage對(duì)象、websql database api 、HTML5離線web應(yīng)用程序概述、開(kāi)發(fā)HTML5離線web應(yīng)用程序 | ||
| 7、支持多線程編程的web workers | ||
| 什么是線程、什么是html5 web workers、web workers編程 | ||
| CSS3 | 1、CSS3簡(jiǎn)介 | |
| 簡(jiǎn)介、瀏覽器前綴、兼容情況處理 | ||
| 2、選擇器介紹 | ||
| 常見(jiàn)選擇器、新增的選擇器（屬性選擇器，偽類(lèi)選擇器） | ||
| 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屬性、對(duì)盒設(shè)置陰影、CSS3多欄布局、響應(yīng)式布局 | ||
| 6、變形與動(dòng)畫(huà)相關(guān)屬性 | ||
| CSS3基本變形支持、CSS3 Transition屬性（多個(gè)屬性同時(shí)漸變）、CSS3 Animation屬性（多個(gè)屬性的動(dòng)畫(huà)） | ||
| jquery | 1、jQuery基礎(chǔ)知識(shí) | 應(yīng)對(duì)各類(lèi)前端頂目，為你開(kāi)啟前端技術(shù)總監(jiān)之路 |
| 認(rèn)識(shí)jQuery、搭建jQuery運(yùn)行環(huán)境、jQuery基礎(chǔ)語(yǔ)法 | ||
| 2、jQuery選擇器 | ||
| jQuery選擇器的優(yōu)勢(shì)、jQuery選擇器分類(lèi)、jQuery選擇器中的一些注意事項(xiàng) | ||
| 3、jQuery操作DOM | ||
| DOM樹(shù)狀模型、元素屬性操作、獲取和設(shè)置元素、元素樣式操作、頁(yè)面元素操作 | ||
| 4、jQuery中的事件和應(yīng)用 | ||
| 事件機(jī)制、頁(yè)面載入事件、綁定事件、切換事件、移除事件、其他事件 | ||
| 5、jQuery中的動(dòng)畫(huà)與特效 | ||
| 顯示與隱藏、滑動(dòng)、淡入淡出、自定義動(dòng)畫(huà)、動(dòng)畫(huà)效果綜述 | ||
| 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)航、分頁(yè)導(dǎo)航、標(biāo)簽、圓標(biāo)簽、排版相關(guān)元素、縮略圖、警示框、進(jìn)度條、媒體對(duì)象、其他組件 | ||
| 4、Bootstrap支持的JavaScript插件 | ||
| 概述、過(guò)渡、模態(tài)框、下拉菜單、滾動(dòng)監(jiān)控器、可切換的標(biāo)簽頁(yè)、提示條、彈出層、警示框、按鈕、折疊框、傳送帶、預(yù)選輸入、粘條 | ||
| 5、實(shí)際使用bootstrap | ||
| GitHub項(xiàng)目、定制bootstrap | ||
| 項(xiàng)目實(shí)戰(zhàn) | 門(mén)戶類(lèi)、電商類(lèi)、企業(yè)類(lèi)、移動(dòng)端/響應(yīng)式網(wǎng)站開(kāi)發(fā)，作品整理 |
陳益材 優(yōu)就業(yè)教學(xué)研發(fā)研究院院長(zhǎng)
主講： HTML5、CSS、web前端、電商、php
中公教育優(yōu)就業(yè)教學(xué)研發(fā)研究院院長(zhǎng)，中國(guó)互聯(lián)網(wǎng)信用中心技術(shù)總監(jiān)
工作經(jīng)驗(yàn)：
互聯(lián)網(wǎng)產(chǎn)品開(kāi)發(fā)、品牌運(yùn)營(yíng)暢銷(xiāo)書(shū)作家，出版過(guò)超100部IT技術(shù)及網(wǎng)絡(luò)營(yíng)銷(xiāo)相關(guān)書(shū)籍。
10年以上互聯(lián)網(wǎng)技術(shù)開(kāi)發(fā)實(shí)戰(zhàn)專(zhuān)家，精通網(wǎng)站前端布局設(shè)計(jì)、HTML5、CSS、PHP、Mysql等多項(xiàng)開(kāi)發(fā)技術(shù)。
10年以上品牌運(yùn)營(yíng)實(shí)戰(zhàn)專(zhuān)家，網(wǎng)站策劃、運(yùn)營(yíng)、網(wǎng)站建設(shè)、電商運(yùn)營(yíng)、網(wǎng)站設(shè)計(jì)與應(yīng)用等推廣經(jīng)驗(yàn)豐富。
創(chuàng)辦環(huán)博文化IT出版品牌，策劃并輔助過(guò)近百家企業(yè)網(wǎng)站的建立與營(yíng)銷(xiāo)推廣。
授課風(fēng)格：作為國(guó)內(nèi)知名IT實(shí)戰(zhàn)技術(shù)及出版過(guò)多部書(shū)籍的全能型專(zhuān)家，其授課風(fēng)格獨(dú)特、形式靈活、內(nèi)容實(shí)用，能結(jié)合教材從日常工作的小案例中，教給學(xué)員*實(shí)用的處理方法。10多年來(lái)，教授的學(xué)員及出版的書(shū)籍遍布互聯(lián)網(wǎng)行業(yè)各個(gè)領(lǐng)域，人脈資源遍布全國(guó)各地。
暢銷(xiāo)書(shū)籍：《PHP MySQL Dreamweaver動(dòng)態(tài)網(wǎng)站建設(shè)從入門(mén)到精通》、《PHP MySQL Dreamweaver動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)從入門(mén)到精通 第2版》、《Dreamweaver CC ASP動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)從入門(mén)到精通》、《網(wǎng)頁(yè)DIV CSS布局和動(dòng)畫(huà)美化全程實(shí)例》、《網(wǎng)頁(yè)DIV CSS布局和動(dòng)畫(huà)美化全程實(shí)例(第2版)》、《Dreamweaver CS4中文版從入門(mén)到精通》、《Dreamweaver CS3 ASP動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)從基礎(chǔ)到實(shí)踐》、《中學(xué)信息技術(shù)課本》、《北京市民信息化網(wǎng)絡(luò)實(shí)用手冊(cè)》、《企業(yè)網(wǎng)站完美設(shè)計(jì)與應(yīng)用》、《贏在電子商務(wù)：網(wǎng)絡(luò)營(yíng)銷(xiāo)創(chuàng)意與實(shí)戰(zhàn)》、《微店運(yùn)營(yíng)實(shí)用手冊(cè)》、《網(wǎng)站建設(shè)從入門(mén)到精通》等
免費(fèi)體驗(yàn)課開(kāi)班倒計(jì)時(shí)
稍后會(huì)有專(zhuān)業(yè)老師給您回電，請(qǐng)保持電話暢通
個(gè)試聽(tīng)名額
