北京職業(yè)Web前端設(shè)計師全能課程

【課程簡介】

職業(yè)網(wǎng)站全能設(shè)計師共分為16個階段：HTML5結(jié)構(gòu)化語義的理解與應(yīng)用知識傳授+CSS3表現(xiàn)核心知識+快速理解設(shè)計師意圖
進(jìn)階WEB流動布局的HTML5代碼編寫，熟練手寫標(biāo)準(zhǔn)CSS3樣式構(gòu)建+JS動態(tài)效果的操作+兼容電腦和手機(jī)+性能優(yōu)化和速度優(yōu)化

【課程大綱】

一、HTML語言

1.AM:前端開發(fā)準(zhǔn)備+Web前端開發(fā)的現(xiàn)狀與未來+課程安排＋教學(xué)效果演示

PM:網(wǎng)站工程開發(fā)流程+HTML入門知識+HTML文檔類型

2.HTML塊級標(biāo)簽+HTML行內(nèi)標(biāo)簽+HTML文本標(biāo)簽

TML表格+HTML列表+HTML圖像知識+講解與練習(xí)

3.HTML表單+HTML框架+Chrome控制臺詳解+疑難解答輔導(dǎo)

HTML標(biāo)簽語義性+HTML元素通用屬性+案例講解與練習(xí)

4.企業(yè)網(wǎng)站布局解析+網(wǎng)站結(jié)構(gòu)講解+網(wǎng)站布局制作過程演示講解

網(wǎng)站布局制作過程演示講解+網(wǎng)站布局練習(xí)+疑難解答與輔導(dǎo)

二、CSS語言+網(wǎng)頁設(shè)計規(guī)范

5.作業(yè)答疑+CSS創(chuàng)建+CSS基礎(chǔ)語法+CSS選擇器

PM：CSS背景+CSS文本+CSS字體+案例練習(xí)與輔導(dǎo)

6.AM：CSS框模型+CSS偽類+CSS偽元素+作業(yè)答疑

PM：CSS表格+網(wǎng)頁層結(jié)構(gòu)+CSS浮動

7.AM：CSS定位+瀏覽器兼容性調(diào)試+作業(yè)答疑

PM：Photoshop設(shè)計工具+網(wǎng)頁設(shè)計中的版式+網(wǎng)頁風(fēng)格賞析

8.AM：Web頁面設(shè)計規(guī)范及設(shè)計禁忌+用戶體驗+網(wǎng)頁布局剖析與制作

PM：綜合案例演示講解+網(wǎng)頁布局綜合練習(xí)

三、JAVASCRIPT基礎(chǔ)

9.AM：JavaScript入門+JavaScript基礎(chǔ)語法+數(shù)據(jù)輸出與程序調(diào)試+注釋

PM：JavaScript變量定義和類型+JavaScript變量操作（增刪改查）

10.AM：JavaScript變量運(yùn)算+JavaScript運(yùn)算符+JavaScript數(shù)組

PM：JavaScript對象+JavaScript函數(shù)+JavaScript流程控制與比較

11.AM：

Axure實現(xiàn)基本交互設(shè)計＋交互邏輯講解＋Axure實現(xiàn)交互的演示與講解

PM：Axure軟件實現(xiàn)app交互設(shè)計＋交互設(shè)計思路與邏輯講解＋交互實現(xiàn)操作演示

12.AM：JavaScript日期+JavaScript算數(shù)+JavaScript事件與回調(diào)+JS邏輯

PM：JavaScript表單驗證+常用JS動態(tài)效果案例實踐

四、JAVASCRIPT進(jìn)階

13.AM：正則表達(dá)式+JavaScript常用內(nèi)置對象

PM：作用域鏈+面向?qū)ο缶幊?閉包+ECMAScript5/6 新特性+案例實踐

14.AM：JavaScript定時器+BOM模型

PM：HTML DOM編程+常用JS動態(tài)效果案例實踐

15.AM：JQuery概述+JQuery選擇器+JQuery DOM 操作

PM：JQuery事件+JQuery案例演示與講解

16.AM：JQuery動畫+JQuery擴(kuò)展+案例講解

PM：JQuery案例演示與講解+JQuery案例實踐與指導(dǎo)

五、HTML5與CSS3語言

17.AM：HTML5語義性標(biāo)簽+HTML5 Canvas繪圖+HTML5 SVG

PM：音頻與視頻嵌入+H5案例演示與講解

18.AM：HTML5拖放+HTML5表單驗證+HTML5 Web存儲

PM：HTML5 Web Workers+離線Web應(yīng)用+H5案例演示與講解

19.AM：HTML5地理定位+HTML5媒體查詢+CSS3邊框與背景

PM：CSS3文本效果+CSS3 2D、3D轉(zhuǎn)換+CSS3案例演示與講解

20.AM：CSS3動畫+CSS3過渡+CSS3多列布局

PM：CSS3字體引用+CSS3案例演示與講解+H5微場景/公眾號開發(fā)

六、響應(yīng)式設(shè)計與移動端開發(fā)

21.AM：CSS3媒體查詢+響應(yīng)式網(wǎng)頁布局+響應(yīng)式網(wǎng)站案例解析+柵格與排版

PM：移動端用戶體驗+設(shè)備尺寸+響應(yīng)式網(wǎng)案例實踐與輔導(dǎo)

22.AM：Bootstrap可視化布局、網(wǎng)格系統(tǒng)+Bootstrap組件

PM：Bootstrap定制+Bootstrap導(dǎo)航、與插件+案例演示與講解

23.AM：Bootstrap案例實踐指導(dǎo)+移動開發(fā)介紹+JQuery mobile框架入門

PM：JQuery mobile頁面與過渡+按鈕與圖標(biāo)+JQuery mobile表單與網(wǎng)格

24.AM：JQuery mobile事件+WAP案例演示與講解

PM：WAP案例演示與講解

七、JS編程+服務(wù)器操作

25.本地WEB服務(wù)器環(huán)境搭建與調(diào)試+服務(wù)器端技術(shù)簡介+PHP語法基礎(chǔ)

PM：Apache 服務(wù)器、PHP訪問數(shù)據(jù)庫+服務(wù)器端組件原理+HTTP協(xié)議

AM：XML與JSON + PHP操作JSON與XML + JS操作JSON與XML

PM：PHP與HTML混合編程+AJAX原理與應(yīng)用+經(jīng)典案例+JS原生AJAX

AM：JQuery AJAX + SQL基礎(chǔ)語法+AnglarJS+MVC編程

PM：AnglarJS指令和表達(dá)式+AnglarJS控制器

AM：AnglarJS模塊化+AnglarJS路由+AnglarJS事件綁定

PM：AnglarJS項目實戰(zhàn)+如何創(chuàng)建個人網(wǎng)站+個人網(wǎng)站案例剖析

八、綜合指導(dǎo)+網(wǎng)站實現(xiàn)

AM：域名申請+空間購買+常用CMS程序介紹安裝和使用

PM：數(shù)據(jù)備份與恢復(fù)+FTP上傳+個人網(wǎng)站制作輔導(dǎo)

AM：SEO、SEM推廣+微博、微信綜合推廣

PM：前端代碼優(yōu)化+個人網(wǎng)站制作輔導(dǎo)

AM：終期考試測驗＋教學(xué)測評＋試卷答案講解與分析

PM：個人網(wǎng)站制作輔導(dǎo)

AM：就業(yè)指導(dǎo)＋面試技巧要點＋面試注意事項＋思路方法

PM：疑難問題分析＋個人網(wǎng)站制作輔導(dǎo)

【從事職業(yè)】

網(wǎng)頁設(shè)計師、H5頁面工程師、網(wǎng)絡(luò)架構(gòu)師、網(wǎng)站前端工程師、網(wǎng)頁設(shè)計師、前端開發(fā)工程師

【就職公司】

IT公司、設(shè)計公司、甲方公司、開發(fā)公司、互聯(lián)網(wǎng)公司

【作品展示】