Web前端開(kāi)發工(gōng)程師入門(mén)所需的技能(néng)，成都網站(zhàn)建設

成都Web前端開(kāi)發工(gōng)程師，主要職責是利用(yòng)HTML、XHTML、CSS、JAVAScript、FLASH等各種Web前端技術進行客戶端産品的開(kāi)發。完成客戶端程序（也(yě)就是浏覽器端）的開(kāi)發，開(kāi)發JavaScript以及Flash模塊，同時(shí)結合後台開(kāi)發技術模拟整體效果，進行豐富互聯網的Web前端開(kāi)發，緻力于通過技術改善用(yòng)戶體驗。

web前端

第一階段：頁面制作(zuò)基礎

從(cóng)這(zhè)一基礎階段開(kāi)始，正式學習Web前端開(kāi)發需要的編程語言HTML,CSS和(hé)JavaScript。HTML和(hé)CSS用(yòng)于Web靜态内容的展示，JavaScript用(yòng)于Web動态交互。完成這(zhè)一階段前端開(kāi)發的學習，你(nǐ)就可以獨立實現(xiàn)一個動靜結合的Web前端項目啦！

第二階段：主流框架應用(yòng)

優秀的Web前端開(kāi)發工(gōng)程師一定都是追求高(gāo)效率的”懶人“。這(zhè)一框架階段就是教你(nǐ)如何使用(yòng)當今流行的Web前端框架，包括bootstrap、Angularjs等，來(lái)提高(gāo)前端開(kāi)發效率。在學習前端框架本身的同時(shí)，也(yě)希望你(nǐ)能(néng)掌握任意一種快(kuài)速上(shàng)手的web前端框架的方法！?

第三階段：前端技術進階

web前端開(kāi)發進階階段的學習，主要是讓大(dà)家快(kuài)速掌握當今流行、實用(yòng)、最新的技術，比如：less、sass、json、ajax等，并将這(zhè)些(xiē)前端技術快(kuài)速用(yòng)于實踐，開(kāi)發出更加符合客戶體驗度的web前端頁面。

第四階段：前端技術拓展

web前端技術發展日新月異，因此前端技術的拓展學習及實踐對(duì)于web前端工(gōng)程師來(lái)說非常重要。本階段就是基于、Backbone、bootstrap等技術的拓展學習和(hé)web前端項目的實戰開(kāi)發演練。

課程包含部分：

第一部分 html與css入門(mén) 共100課時(shí)

課時(shí) 名稱

1 html簡介

2 html骨架

3 元标簽-編碼

4 元标簽-關鍵字與描述

5 标簽空(kōng)白(bái)符

6 标題标簽

7 段落标簽

8 注釋

9 塊元素與行内元素

10 超鏈接

11 圖片标簽

12 絕對(duì)路徑與相對(duì)路徑

13 無序列表

14 有序列表

15 列表嵌套

16 定義列表

17 表格

18 單元格拆分與合并

19 表格頭尾

20 表單元素

21 下(xià)拉框與文(wén)本輸入框

22 表單分組

23 常見字符實體

24 文(wén)字标簽

25 語義化标簽

26 廢棄标簽

27 css簡介

28 css三種書寫方式

29 css常見選擇器

30 id選擇器與類選擇器注意事(shì)項

31 選擇器組合

32 後代選擇器

33 交集選擇器與并集選擇器

34 選擇器通配符

35 騰訊新聞列表

36 選擇器權重

37 就近原則

38 樣式引入方式權重比較

39 權重計(jì)算(suàn)練習

40 important提升權重

41 盒模型

42 IE盒模型

43 内邊距與外(wài)邊距

44 邊框屬性

45 盒子居中

46 外(wài)邊距重計(jì)算(suàn)盒子寬度

47 文(wén)字屬性

48 css常見單位

49 文(wén)字修飾屬性

50 文(wén)字屬性繼承性

51 文(wén)字水(shuǐ)平居中與垂直居中

52 圖片元素排版

53 超鏈接标簽默認樣式

54 騰訊體育

55 超鏈接标簽僞類

56 僞元素

57 背景樣式與圖片

58 背景平鋪與背景位置

59 背景在SEO中的應用(yòng)

60 塊元素設置背景

61 行内元素設置背景

62 僞元素設置背景

63 水(shuǐ)平精靈圖

64 垂直精靈圖

65 定點精靈圖

66 hao123

67 四種箭頭

68 hao123箭頭

69 css繪制集合圖形

70 塊元素與行内元素特性

71 塊元素與行内元素轉化

72 浮動元素

73 浮動元素與文(wén)檔流

74 浮動元素特性

75 浮動元素與邊距

76 浮動元素父元素高(gāo)度丢失

77 清除浮動

78 清除浮動的7中方式

79 新浪布局

80 列表布局

81 雙飛(fēi)翼布局

82 聖杯布局

83 排查錯誤

84 相對(duì)定位

85 表單對(duì)齊

86 新浪tab欄

87 絕對(duì)定位

88 子絕父相

89 jd輪播圖

90 文(wén)本居中，行内元素居中與塊元素居中

91 優酷

92 固定定位

93 遮蓋

94 拼爹

95 html 注釋 hack

96 css屬性hack

97 IE6-交集選擇器與DTD内減盒模型

98 IE6-最小(xiǎo)高(gāo)度與盒子位置

99 IE6-overflow與透明(míng)度

100 IE6-雙倍margin與3像素bug