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

【課程簡(jiǎn)介】

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

【課程大綱】

一、HTML語(yǔ)言

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

PM:網(wǎng)站工程開(kāi)發(fā)流程+HTML入門(mén)知識(shí)+HTML文檔類型

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、JAVASCRIPT基礎(chǔ)

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

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

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

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

11.AM：

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

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

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

PM：JavaScript表單驗(yàn)證+常用JS動(dòng)態(tài)效果案例實(shí)踐

四、JAVASCRIPT進(jìn)階

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

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

14.AM：JavaScript定時(shí)器+BOM模型

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

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

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

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

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

五、HTML5與CSS3語(yǔ)言

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

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

18.AM：HTML5拖放+HTML5表單驗(yàn)證+HTML5 Web存儲(chǔ)

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

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

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

20.AM：CSS3動(dòng)畫(huà)+CSS3過(guò)渡+CSS3多列布局

PM：CSS3字體引用+CSS3案例演示與講解+H5微場(chǎng)景/公眾號(hào)開(kāi)發(fā)

六、響應(yīng)式設(shè)計(jì)與移動(dòng)端開(kāi)發(fā)

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

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

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

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

23.AM：Bootstrap案例實(shí)踐指導(dǎo)+移動(dòng)開(kāi)發(fā)介紹+JQuery mobile框架入門(mén)

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

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

PM：WAP案例演示與講解

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

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

PM：Apache 服務(wù)器、PHP訪問(wèn)數(shù)據(jù)庫(kù)+服務(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ǔ)語(yǔ)法+AnglarJS+MVC編程

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

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

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

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

AM：域名申請(qǐng)+空間購(gòu)買(mǎi)+常用CMS程序介紹安裝和使用

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

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

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

AM：終期考試測(cè)驗(yàn)＋教學(xué)測(cè)評(píng)＋試卷答案講解與分析

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

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

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

【從事職業(yè)】

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

【就職公司】

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

【作品展示】