web前端新入培訓

新人培訓計劃

 

第一週html+css

1.從零開始學習(HTML+CSS基礎)http://www.imooc.com/learn/9

1.1 Html介紹(什麼是html,html與css樣式的關係,html語法,html結構)
1.2 認識標籤(認識標籤理解各各標籤的作用以及用途)
1.3 認識css樣式(什麼是css樣式,css樣式的語法,css樣式有什麼用途)
1.4 CSS選擇器(有哪些,有什麼區別)
1.5 CSS的特性(繼承、層疊、優先級、重要性)
1.6 CSS基本排版
1.7 CSS理解盒子模型(寬高,內外補丁)
1.8 CSS理解佈局模型()
這個上次忘記跟你講了,你對着課程看。
1.8.1 流動模型(Flow) 是默認的網頁佈局模式
1.8.2 浮動模型 (Float) 可以讓一些元素向一個方向堆放 (如:float:left時都向左堆放,左到右一直堆放,放不下自動換行繼續堆放,float:right是同理)這個多做實例深入理解
1.8.3 層模型(Layer) 注重理解,絕對定位(position: absolute)、相對定位(position: relative)、固定定位(position: fixed)
1.9.瞭解相關技術 (css hack 樣式打補丁、css sprite、如何寫出較優的css)

1.10實練 http://sc.68design.net/mb/23654.html (下載這個ps文件做出效果)

 

第二週實踐

1.在學習js之前,一定要打好html+css基礎!
(1)要理解透標籤、css屬性的含義(如:h1 標題標籤、p 段落標籤(可以被搜索引擎收到的常用標籤)等等),還有標籤的屬性有哪些不同標籤有不一樣的屬性,常用的要去理解,css式樣也有屬性(如:background:no-repeat;這個是背景屬性的一個 不重複背景屬性.等等)
(2)一定要熟悉能默寫出來,實際使用觀察不同場景的不同變化。(這是就是所謂的瀏覽器兼容性)
(3)看到效果圖時不要心急寫代碼,認真分析需求最後達到的效果。分析出效果的大至結構,找出頁面共有的模塊(如:顏色,展示相近的模塊)要寫出來以便後面複用。
(4)做過程中注意優化 html結構(簡)、css(sprite,hack css)、 圖片(壓縮)

你在做三個練習:(下載下來做)
http://sc.68design.net/mb/23655.html
http://sc.68design.net/mb/23653.html

 

 

第三週初入javascript 

1.分析研究網站Html+css http://91mb.com.cn/met093/342/ 
2.初入javascript 帶上問題什麼是javascript,有什麼用途?
3.瞭解javascript 與 瀏覽器的關係,與 html元系的關係 ,javascript的歷史
4.熟練EMACScript 語法
5.什麼是dom操作,什麼是bom操作
6.進入javascript初級學習網 http://www.imooc.com/learn/36

 

 

第四周JavaScript進階並熟悉開發環境

 

在學習JavaScript進階前,你要先去了解一下開發調試工具,主流瀏覽器 IE、Firefox、Google 一般都是按F12就可以打開調試工具。

1.瞭解熟悉 IE、Firefox、Google調試工具 【Firefox】http://www.imooc.com/view/137

2.在第1步瞭解完後,進入JavaScript進階【重點】

這裏要主重學習,javascript事件,它是怎麼觸發,是什麼樣的順序,怎麼去阻止事件的觸發。認清事件http://www.imooc.com/view/138

3.瞭解javascript 內置對象、瀏覽器對象

4.熟練DOM對象,控制HTML元素 【重點】

 

 

第五週 javascript 面向對象

 

1.瞭解基本類型,【原始類型】【引用類型】 (第二章的ECMAScript基礎)

2.理解函數
1.無重載
2.arguments 對象
3.Function類
4.閉包

3.對象基礎
1.什麼是面向對象
2.對象的構成
3.對象應用
4.對象類型
5.作用域
6.定義類或對象
7.修改對象
4.繼承

目標,你舉例寫出相關的類應用!寫出以人類爲主的相關類的運用!

 

 

第六週  理解協議 異步 熟悉javascript類庫

1.理解http協議
2.理解ajax請求
3.熟悉javascript類庫
1)什麼是類庫
2)瞭解常用的類庫有(jquery、prototype.js、mootools等)
3)學習熟悉 jquery 框架
4.瞭解javascript框架
1)jquerymobile
2)KISSY
3) YUI
4)Ext 
5)Dojo

 

 

 

第七週  熟悉web開發相關知識點

1.瞭解主流的web開發語言
1)語言優缺點
2)常見的類庫框架
2.瞭解主流的web服務器(apache、tomcat、IIS)
1)基本工作原理
3.瞭解sql 基本知識(創建,刪除,更新,查詢)
4.總結web開發所涉及到的知識

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章