三個(gè)月從入門成為前端開(kāi)發(fā)工程師系列學(xué)習(xí)視頻教程

課程目錄：

 

頁(yè)面制作

 

單元（章） 課題（節(jié)） 內(nèi)容

1.Photoshop切圖 1.工具、面板、視圖 介紹切圖概念、PS軟件、PS的面板+常用工具+輔助視圖。

2.測(cè)量、取色 介紹并演示獲取信息的方法：測(cè)量與取色

3.切圖 切圖及切圖的各種操作：隱藏文字（獨(dú)立圖層和非獨(dú)立圖層的不同操作方法）、png8和png24格式的切圖方式、可平鋪背景的切圖方式及活動(dòng)頁(yè)的切圖方式。

4.保存 保存圖片的操作，圖片的幾種保存格式（png8\png24\jpg）

5.修改、維護(hù) 圖片的修改與維護(hù)方式

6.圖片優(yōu)化與合并 圖片的使用方法，圖片的優(yōu)化合并方案（包括圖片合并的排列方式及分類合并方案），圖片兼容方案。

2.開(kāi)發(fā)、調(diào)試工具 1.開(kāi)發(fā)、調(diào)試工具 常用開(kāi)發(fā)工具和調(diào)試工具的功能介紹與使用方法

3.HTML 1.HTML簡(jiǎn)介 簡(jiǎn)要介紹HTML發(fā)展歷史、基本概念和文檔聲明等

2.標(biāo)簽 介紹標(biāo)簽語(yǔ)法、各類標(biāo)簽及語(yǔ)義化

3.實(shí)體字符 介紹常用實(shí)體字符

4.CSS 1.CSS簡(jiǎn)介 簡(jiǎn)要介紹CSS發(fā)展歷史和基本概念、引入、基本語(yǔ)法

2.選擇器 基本選擇器、屬性選擇器、偽類選擇器、偽元素選擇器、組合選擇器、分組選擇器、優(yōu)先級(jí)、層疊、繼承、!important

3.文本 字體的基本設(shè)置、對(duì)齊方式、格式處理、高級(jí)設(shè)置等

4.盒模型 盒模型概念、width、height、padding、margin(水平居中)、border、border-radius、overflow、box-sizing、box-shadow、outline

5.背景 background基本屬性、線性漸變、徑向漸變

6.布局 布局簡(jiǎn)介、display(水平居中、居中導(dǎo)航)、position(輪播頭圖、固定頂欄、遮罩、三行自適應(yīng)布局)、float(兩列布局)、flex(三行兩列自適應(yīng))

7.變形 2d變形方法、3d變形方法

8.動(dòng)畫 過(guò)渡動(dòng)畫、幀動(dòng)畫

 

 

 

JavaScript程序設(shè)計(jì)

 

單元（章） 課題（節(jié)） 內(nèi)容

1.基礎(chǔ)篇 1.JS介紹 html、css --> js、hello  world、js特性、js&DOM、js歷史

2.JS調(diào)試 alert、console、展示chrome,ff,ie   調(diào)試器界面、以Chrome為例子，詳細(xì)展示、展示面板作用、查找要調(diào)試的文件、設(shè)置斷點(diǎn)，debugger、展示4個(gè)按鈕，并展示響應(yīng)的堆棧變化，watch

3.基本語(yǔ)法 標(biāo)識(shí)符、變量、直接量、關(guān)鍵字和保留字、語(yǔ)句、區(qū)分大小寫、注釋

4.基本類型 Number（Interger, Float, NaN,Infinity）、String("",’’)、Boolean(true,false)、undefined(什么情況下為undefined)、null、Object({})、原始類型和引用類型的區(qū)別、typeof

5.運(yùn)算符與表達(dá)式 表達(dá)式、運(yùn)算符、一元操作符(++,--, +,-)、算術(shù)運(yùn)算(+、-、*、/、%)、關(guān)系運(yùn)算(>、<、== 、!=、>=、<=、===、!==)、邏輯運(yùn)算(！、&&、 ||)、位運(yùn)算(&、|、^、~、<<、>>,>>>)、賦值運(yùn)算(=)、條件運(yùn)算(?:)、逗號(hào)運(yùn)算(,)、對(duì)象運(yùn)算符(new delete . [] instanceof)、運(yùn)算符的優(yōu)先級(jí)

6.語(yǔ)句 語(yǔ)句、條件（if,swich）、循環(huán)（for/for in/ while/ do-while） lable break continue、異常 (try catch finally)、with、label

7.數(shù)值 Math（abs、round、ceil、floor、max、min、random、其他）、parseInt、parseFloat、Number、NaN、toFixed

8.字符串 定義、length、charAt（下標(biāo)）、indexOf、lastIndexOf、search、match、replace、substring、slice、substr、split、toLowerCase、toUpperCase、連接、轉(zhuǎn)字符串（+、String()）、轉(zhuǎn)義

9.對(duì)象 定義、創(chuàng)建（new、直接量）、屬性、方法、constructor、toString、valueOf、hasOwnproperty

10.數(shù)組 定義、創(chuàng)建（new、直接量）、length、indexOf、forEach、【（reverse、sort）、（push、unshift）、（shift、pop）、splice】、【slice、concat、join、reduce】

11.函數(shù) 函數(shù)定義(函數(shù)聲明、函數(shù)表達(dá)式、函數(shù)參數(shù)、return)、函數(shù)調(diào)用、arguments、作用域、對(duì)象方法、構(gòu)造函數(shù)、function.prototype

12.Date new Date(), Date.getXXXX(),格式化, Date.setXXX(),求天數(shù), Date.getTime()

13.RegExp 字符類、元字符、量詞、多選分支、轉(zhuǎn)義、捕獲、匹配模式

14.JSON 定義，JSON.parse(),JSON.stringify

2.進(jìn)階篇 1.類型進(jìn)階 參數(shù)識(shí)別應(yīng)用場(chǎng)景（字符串和數(shù)組的例子）、類型識(shí)別方法：typeof，constructor,Object.prototype.toString,instanceof和其他（Array.isArray, isNaN)、類型轉(zhuǎn)換（所有的方法+隱式轉(zhuǎn)換）

2.函數(shù)進(jìn)階 函數(shù)定義（函數(shù)聲明、函數(shù)表達(dá)式、new Function）、arguments（callee、轉(zhuǎn)數(shù)組）、apply、call、bind、高階函數(shù)（AOP、curry、記憶函數(shù)）

3.原型 原型（概念）、構(gòu)造函數(shù)、原型鏈（原型鏈,原型鏈查找,原型鏈修改,原型鏈刪除,Function.prototype,Object.prototype）、原型繼承

4.變量作用域 動(dòng)態(tài)作用域和靜態(tài)作用域，詞法環(huán)境（函數(shù)作用域），作用域鏈，with/catch

5.閉包 閉包舉例、閉包原理、閉包應(yīng)用

6.面向?qū)ο?span style="white-space:pre"> JS面向?qū)ο?/div>

158資源整合網(wǎng)：提供各類學(xué)習(xí)資源，名師講座視頻，培訓(xùn)課程視頻，音頻，文檔等···各類教程下載觀看。

好消息：為了回饋廣大用戶能學(xué)習(xí)更多知識(shí)。

現(xiàn)只需98開(kāi)通終身VIP會(huì)員

就可以終身免費(fèi)下載所有資源！

機(jī)會(huì)難得 錯(cuò)過(guò)就沒(méi)有了

提示：在電腦上打開(kāi)本站 yuandun520.cn 下載更方便。