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

課程目錄：

 

頁面制作

 

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

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

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

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

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

5.修改、維護 圖片的修改與維護方式

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

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

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

2.標簽 介紹標簽語法、各類標簽及語義化

3.實體字符 介紹常用實體字符

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

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

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

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

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

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

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

8.動畫 過渡動畫、幀動畫

 

 

 

JavaScript程序設(shè)計

 

單元（章） 課題（節(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為例子，詳細展示、展示面板作用、查找要調(diào)試的文件、設(shè)置斷點，debugger、展示4個按鈕，并展示響應(yīng)的堆棧變化，watch

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

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

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

6.語句 語句、條件（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（下標）、indexOf、lastIndexOf、search、match、replace、substring、slice、substr、split、toLowerCase、toUpperCase、連接、轉(zhuǎn)字符串（+、String()）、轉(zhuǎn)義

9.對象 定義、創(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ù)表達式、函數(shù)參數(shù)、return)、函數(shù)調(diào)用、arguments、作用域、對象方法、構(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.進階篇 1.類型進階 參數(shù)識別應(yīng)用場景（字符串和數(shù)組的例子）、類型識別方法：typeof，constructor,Object.prototype.toString,instanceof和其他（Array.isArray, isNaN)、類型轉(zhuǎn)換（所有的方法+隱式轉(zhuǎn)換）

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

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

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

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

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