Web前端開發(fā)工程師
時間：2023-05-27 01:03:02 | 來源：網(wǎng)站運營
時間：2023-05-27 01:03:02 來源：網(wǎng)站運營
Web前端開發(fā)工程師：
Web前端開發(fā)工程師，主要職責是利用HTML、XHTML、CSS、JAVAScript、FLASH等各種Web前端技術進行客戶端產(chǎn)品的開發(fā)。完成客戶端程序（也就是瀏覽器端）的開發(fā)，開發(fā)JavaScript以及Flash模塊，同時結合后臺開發(fā)技術模擬整體效果，進行豐富互聯(lián)網(wǎng)的Web前端開發(fā)，致力于通過技術改善用戶體驗。第一階段：頁面制作基礎從這一基礎階段開始，正式學習Web前端開發(fā)需要的編程語言HTML,CSS和JavaScript。HTML和CSS用于Web靜態(tài)內容的展示，JavaScript用于Web動態(tài)交互。完成這一階段前端開發(fā)的學習，你就可以獨立實現(xiàn)一個動靜結合的Web前端項目啦！ 第二階段：主流框架應用優(yōu)秀的Web前端開發(fā)工程師一定都是追求高效率的”懶人“。這一框架階段就是教你如何使用當今流行的Web前端框架，包括bootstrap、Angularjs等，來提高前端開發(fā)效率。在學習前端框架本身的同時，也希望你能掌握任意一種快速上手的web前端框架的方法！?第三階段：前端技術進階web前端開發(fā)進階階段的學習，主要是讓大家快速掌握當今流行、實用、最新的技術，比如：less、sass、json、ajax等，并將這些前端技術快速用于實踐，開發(fā)出更加符合客戶體驗度的web前端頁面。第四階段：前端技術拓展web前端技術發(fā)展日新月異，因此前端技術的拓展學習及實踐對于web前端工程師來說非常重要。本階段就是基于、Backbone、bootstrap等技術的拓展學習和web前端項目的實戰(zhàn)開發(fā)演練。課程包含部分：第一部分 html與css入門 共100課時 課時 名稱1html簡介2html骨架3 元標簽-編碼4 元標簽-關鍵字與描述5 標簽空白符6 標題標簽7 段落標簽8 注釋9 塊元素與行內元素10 超鏈接11 圖片標簽12 絕對路徑與相對路徑13 無序列表14 有序列表15 列表嵌套16 定義列表17 表格18 單元格拆分與合并19 表格頭尾20 表單元素21 下拉框與文本輸入框22 表單分組23 常見字符實體24 文字標簽25 語義化標簽26 廢棄標簽27css簡介28css三種書寫方式29css常見選擇器30id選擇器與類選擇器注意事項31 選擇器組合32 后代選擇器33 交集選擇器與并集選擇器34 選擇器通配符35 騰訊新聞列表36 選擇器權重37 就近原則38 樣式引入方式權重比較39 權重計算練習40important提升權重41 盒模型42IE盒模型43 內邊距與外邊距44 邊框屬性45 盒子居中46 外邊距重計算盒子寬度47 文字屬性48css常見單位49 文字修飾屬性50 文字屬性繼承性51 文字水平居中與垂直居中52 圖片元素排版53 超鏈接標簽默認樣式54 騰訊體育55 超鏈接標簽偽類56 偽元素57 背景樣式與圖片58 背景平鋪與背景位置59 背景在SEO中的應用60 塊元素設置背景61 行內元素設置背景62 偽元素設置背景63 水平精靈圖64 垂直精靈圖65 定點精靈圖66hao12367 四種箭頭68hao123箭頭69css繪制集合圖形70 塊元素與行內元素特性71 塊元素與行內元素轉化72 浮動元素73 浮動元素與文檔流74 浮動元素特性75 浮動元素與邊距76 浮動元素父元素高度丟失77 清除浮動78 清除浮動的7中方式79 新浪布局80 列表布局81 雙飛翼布局82 圣杯布局83 排查錯誤84 相對定位85 表單對齊86 新浪tab欄87 絕對定位88 子絕父相89jd輪播圖90 文本居中，行內元素居中與塊元素居中91 優(yōu)酷92 固定定位93 遮蓋94 拼爹95html 注釋 hack96css屬性hack97IE6-交集選擇器與DTD內減盒模型98IE6-最小高度與盒子位置99IE6-overflow與透明度100IE6-雙倍margin與3像素bug第二部分 源生javascript 共150課時 課時 名稱1 前端輸出語句2javascript的三種引入方式3javascript注釋4 數(shù)字5 字符串6 變量定義與變量提升7 數(shù)據(jù)類型8 加法運算與字符串拼接9 數(shù)據(jù)類型轉換10 算術運算符11 算術一元運算符12 賦值運算符13 比較運算符14 邏輯運算符15 三元運算符16 其他運算符17 運算符優(yōu)先級18if條件語句19switch多分支判斷語句20for循環(huán)語句21 繪制九九乘法表22 棋盤與大米23 尋找質數(shù)24 尋找水仙花數(shù)25 數(shù)7游戲26 循環(huán)關鍵字27while循環(huán)28do while循環(huán)29 猜數(shù)字30 定義函數(shù)的兩種方式31 函數(shù)參數(shù)32 函數(shù)返回值33 尋找約數(shù)34 哥德巴赫猜想35 斐波那契數(shù)列36 遞歸37 函數(shù)聲明提升38 函數(shù)引用類型39 函數(shù)作用域40 函數(shù)內部作用域與變量41 閉包42 閉包與作用域43 循環(huán)中的閉包44 數(shù)組類型與屬性45 遍歷數(shù)組46 解析數(shù)組pop與push方法47 解析數(shù)組shift與unshift方法48 解析數(shù)組concat與reverse方法49 解析數(shù)組slice與splice方法50 解析數(shù)組join與sort方法51 字符串屬性與轉化方法52 解析獲取子字符串方法indexOf與lastIndexOf53 解析截取子字符串的三個方法slice，substring，substr54 冒泡排序算法與快速排序算法55 解析數(shù)組sort方法56 解析拼接字符串與大小寫轉化方法57 獲取字符位置charAt與charCodeAt方法與比較方法localCompare58 正則表達式與創(chuàng)建方式59 字符串截取轉化數(shù)組方法split60 檢索字符串方法search61 匹配字符串方法match62 替換字符串方法replace63 正則匹配方法exec64 正則檢測方法test65 正則表達式-特殊字符66 正則表達式-預定義特殊字符67 正則表達式-字符集68 正則表達式-分界69 正則表達式-預定義類70 正則表達式-量詞71 正則表達式-修飾符72 正則表達式-其他73 正則表達式-分組74 正則表達式-驗證手機號75 正則表達式-驗證郵箱76arguments與函數(shù)重載77IIFE即時執(zhí)行方法78document對象79 獲取元素的幾種方法80 元素類名與id設置81 元素屬性設置82 修改或者獲取元素內容83 元素類型84 創(chuàng)建元素85 元素添加子節(jié)點86 刪除元素87 復制元素88 獲取css樣式89 設置css樣式90 事件流91html處理程序92 傳統(tǒng)事件處理程序93HTML與DOM0級事件94 DOM2級事件處理程序95IE事件處理程序添加與移出96 跨瀏覽器事件處理程序封裝97 事件對象98 事件類型與目標元素99 阻止默認行為與阻止事件冒泡100 跨瀏覽器事件對象101UI事件102UI事件實戰(zhàn)103 鍵盤事件104 鍵盤事件實戰(zhàn)105 焦點事件106 焦點事件實戰(zhàn)107 鼠標事件108 鼠標事件實戰(zhàn)109 滾輪事件110 滾輪事件實戰(zhàn)111javascript獲取盒子位置112javascript獲取盒子寬高113 定時器與異步操作114 計時器115 簡單動畫116 動畫啟?？刂?/b>
117 輪播圖連續(xù)動畫
118 多屬性變化
119 運動框架
120 運動框架實戰(zhàn)
121 緩沖函數(shù)
122 緩存函數(shù)公告切換
123 緩存函數(shù)表單滾動
124 緩存函數(shù)輪播圖
125JSON對象
126JSON對字符串解析
127JSON對對象反解析
128JSON對象遍歷
129 更改函數(shù)作用域
130call與apply區(qū)別
131 對象
132 日期對象
133 日立
134 時鐘
135 數(shù)字對象
136 最大值與最小值
137 數(shù)字四舍五入
138 數(shù)字對象其他方法介紹
139 求幾何形狀面積
140 類的創(chuàng)建
141 類的屬性以及方法
142 閉包類
143 繪制圖形
144 構造函數(shù)式繼承
145 類式繼承
146 組合繼承
147 寄生式繼承
148 寄生組合式繼承
149 繼承實戰(zhàn)一
150 繼承實戰(zhàn)二
第三部分 jquery與bootstrap 共60課時
課時 名稱
1jQuery對象
2 id選擇器效率
3tagName選擇器效率
4class選擇器效率
5 常規(guī)篩選
6 層級篩選
7 基本篩選
8 內容篩選
9 可見篩選
10 屬性篩選
11 子元素篩選
12 表單篩選
13 屬性獲取與設置
14 表單元素值
15css樣式方法
16 判斷，添加與刪除類
17 寬高獲取
18 獲取坐標方法offset
19 獲取坐標方法position
20 滾動條方法
21 元素屬性數(shù)據(jù)方法
22 事件綁定
23 事件對象，默認行為與冒泡
24 節(jié)點拷貝方法clone
25 父節(jié)點與子節(jié)點
26 兄弟節(jié)點
27 內部插入節(jié)點
28 外部插入節(jié)點
29 節(jié)點刪除
30animate方法
31 篩選子元素方法eq與get
32 獲取子元素索引方法index
33 遍歷方法each
34jquery實例化對象size方法與length
35 元素顯隱方法show，hide，toggle
36 上拉下拉顯隱動畫slideDown，slideUp
37 漸變動畫fadeIn，fadeOut
38 動畫隊列方法stop與finish
39 動畫延遲方法delay
40 元素判定方法is
41bootstrap體驗
42 字體圖標
43 按鈕組
44 柵格布局
45 代碼樣式
46 工具類
47 按鈕與圖片
48 排版
49 表單
50 表格
51 導航與路徑導航
52 分頁，標簽與徽章
53 縮略圖，警告框，進度條
54 模態(tài)框
55 下拉菜單
56 滾動監(jiān)聽
57 標簽頁
58 輪播圖
59 工具條與彈出框
60 警告框與按鈕
第四部分 HTML5 CSS3與移動端開發(fā) 共50課時
課時 名稱
1HTML5新增標簽與語義化標簽
2HTML5對表單元素拓展
3HTML5制作鋼琴
4HTML5播放視頻
5CSS3關系選擇器與屬性選擇器
6CSS3偽類選擇器與偽對象選擇器
7CSS3色彩與尺寸拓展
8CSS3邊框拓展
9CSS3圓角拓展
10CSS3背景拓展
11CSS3漸變拓展
12CSS3文本特效
13CSS3字體
14CSS3多列
15CSS3用戶界面
16CSS3盒模型
17CSS3彈性盒子
18CSS3響應式與媒體查詢
19CSS3響應式與媒體查詢實戰(zhàn)
20CSS3過渡
21CSS3 2d變換
22CSS3 3d變換
23CSS3動畫
24CSS3 3d動畫
25CSS3 3d輪播圖一
26CSS3 3d輪播圖二
27CSS3 3d輪播圖三
28CSS3 動畫事件
29 百分比布局
30HTML5頁面布局
31 移動端響應式
32 移動端em與rem布局
33 移動端觸屏事件
34 移動端拖拽
35 移動端手指滑動輪播圖
36 移動端 zepto體驗
37 移動端 zepto觸屏事件
38 移動端項目實戰(zhàn)一
39 移動端項目實戰(zhàn)二
40HTML5-上傳圖片
41HTML5-Cookie
42HTML5-sessionStorage
43HTML5-localStorage
44HTML5-websql
45 HTML5-EventSource
46HTML5-web worker
47HTML5-地圖定位
48HTML5-拖拽
49HTML5-拖拽插件
50HTML5-拖拽實戰(zhàn)
第五部分 canvas游戲開發(fā) 共30課時
課時 名稱
1canvas檢測
2canvas繪制矩形與描邊矩形
3canvas繪制路徑
4canvas繪制文字
5canvas移動繪制點
6canvas webgl
7canvas旋轉
8canvas方法
9canvas歷史記錄
10canvas繪制時鐘
11canvas擲骰子游戲
12canvas運動小球與邊界檢測
13canvas繪制混沌的宇宙
14canvas游戲運動框架
15canvas憤怒的小鳥一
16canvas憤怒的小鳥二
17canvas自由落體欲動與拋物線運動
18canvas力
19canvas碰撞檢測
20canvas憤怒的小鳥
21canvas躲避小行星
22canvas投影
23canvas漸變
24canvas模式與刮刮樂
25canvas圖像數(shù)據(jù)
26canvas濾鏡
27 canvas透明度與三原色
28canvas彈性碰撞與能量守恒
29canvas臺球游戲一
30canvas臺球游戲二
第六部分 微信與百度地圖 共30課時
課時 名稱
1 成為微信開發(fā)者
2 創(chuàng)建菜單
3 菜單查詢
4 刪除菜單
5 菜單事件
6 接收消息
7 消息事件
8 被動回復
9 客服消息
10 群發(fā)消息
11 模板消息
12 網(wǎng)站開發(fā)
13 設置元素類型
14 按鈕
15 列表
16 對話框
17 進度條
18 信息頁與消息提示
19 文章與按鈕
20 添加素材
21 刪除素材
22 用戶管理
23 獲取用戶信息
24 獲取用戶列表
25 成為百度地圖開發(fā)者
26 控件
27 覆蓋物
28 事件
29 地圖圖層
30 工具
第七部分 nodejs 共80課時
課時 名稱
1 安裝使用nodejs
2REPL模式
3 全局對象
4util模塊
5url模塊
6querystring模塊
7 事件模塊
8 事件對象
9 os模塊
10net模塊
11DNS模塊
12Domain模塊
13domain模塊綁定
14 引入path模塊
15 引入自定義模塊
16buffer對象
17stream流
18npm介紹
19 安裝外部模塊
20 使用外部模塊
21 搭建服務器
22 單線程應用
23 非堵塞應用
24 非堵塞應用
25 請求對象
26 解析請求
27get請求與post請求
28 響應對象
29 響應狀態(tài)碼
30 設置響應頭
31 設置響應數(shù)據(jù)
32 配置路由
33 同步，異步判斷文件存在
34 同步，異步讀文件
35 同步，異步寫文件
36 同步，異步追加文件內容
37 同步，異步修改文件名
38 文件上傳
39 對上傳文件處理
40 對上傳文件處理
41expres運行原理
42express-中間件
43express-use方法
44express-set與get方法
45express-response對象
46express-requst對象
47express-配置路由
48express-靜態(tài)文件
49express-模板
50express-cookie
51express-session
52express-上傳文件
53express-實戰(zhàn)一
54express-實戰(zhàn)二
55express-實戰(zhàn)三
56 安裝mongoDB
57mongoDB-庫操作
58mongoDB-寫入數(shù)據(jù)
59mongoDB-查詢數(shù)據(jù)
60mongoDB-修改數(shù)據(jù)
61mongoDB-刪除數(shù)據(jù)
62mongoose安裝
63mongoose-模型
64mongoose-插入操作
65mongoose-更新操作
66mongoose-刪除操作
67mongoose-查詢操作一
68mongoose-查詢操作二
69 項目實戰(zhàn)一
70 項目實戰(zhàn)二
71 項目實戰(zhàn)三
72 項目實戰(zhàn)四
73 項目實戰(zhàn)五
74 項目實戰(zhàn)六
75 項目實戰(zhàn)七
76 項目實戰(zhàn)八
77 項目實戰(zhàn)九
78 項目實戰(zhàn)十
79 項目實戰(zhàn)十一
80 項目實戰(zhàn)十二
第八部分 設計模式 共80課時
課時 名稱
1 設計模式概論
2 工廠模式-簡單工廠模式
3 工廠模式-工廠模式
4 工廠模式-寄生增強工廠
5 工廠模式-安全工廠模式
在線咨詢