從0開始學web前端

標籤：分頁   文法   製作所   沒有   環境   點擊   開發環境   屬性   入門   

  什麼是web前端   所謂web前端，就是web給使用者展示的東西。 在國內，web前端開發是一個全新的行業，所以國內大學內並沒有成熟的課程體系，所以很多學習的人無非是通過自學，以及培訓這兩種方式。但是自學是很難的，而且現在網上很多的視頻以及學習資料都是到期的。

網頁製作是電腦專業同學在大學期間都會接觸到的一門課程，而學習網頁製作所用的第一個整合式開發環境(IDE)想必大多是Dreamweaver，這種所見即所得 (WYSIWYG)的“吊炸天”IDE為我們製作網頁帶來了極大的方便。入門快、見效快讓我們在不知不覺中已經深深愛上了網頁製作。此時，很多人會陷入一個誤區，那就是既然藉助這麼帥的IDE，通過滑鼠點擊菜單就可以快速方便地製作網頁。那麼我們為什麼還要去學習HTML、CSS、JavaScrpt、jQuery等這些苦逼的代碼呢?這不是舍簡求繁嗎?  但是隨著學習的深入，就會發現我們步入了一種窘境——過分的依賴IDE導致我們不清楚其實現的本質，知其然但不知其所以然。　　因此在頁面效果出現問題時，我們便手足無措，更不用提如何進行頁面最佳化以及完成一些更進階的應用了。其原因是顯而易見的——聰明的IDE成全了我們的惰性，使我們忽略了華麗的網頁背後最本質的內容——code。

 初級前端要學的東西不算難，可以說只要願意去學，人人都能學會（我目前就在這個水平）

下面我就簡單的說下我自己的學習路線吧（僅供參考）:

    初級web前端主要學習：html、css、javascript   jquery bootstrap

1、html&css    這部分總的來說很簡單，網上資料、視頻、書籍等滿天飛。。。css中盒子模型、流動、block、樣式優先順序等等這些自學起來也是很容易，最後再解下瀏覽器安全色性差不多了

2、javascript  痛點，也是重點。要學的東西實在很多，如果沒有其他程式設計語言的基礎的話，學起來可能有些吃力，有很多比較抽象的概念，必須要深入理解。比如閉包、原型、物件導向、封裝等等。要理解透徹，看書也是必不可少的，找一本優秀的js書從頭看到尾，反覆研究學習，第一遍可以快速翻閱，大體知道瞭解概念就行了。第二三遍就需要深入學習了。

3、jquery  這些基礎知識掌握了以後，還需要學習jquery，這是一個非常優秀的javascript庫，大型開發必備。它簡化了javascript的複雜操作，消除了javascript跨平台相容性問題，提供了大量實用的方法，有良好的文檔和協助手冊，是一個很成熟的javascript庫。慕課網上有學習視頻，我把地址掛上 http://www.imooc.com/search/?words=jquery  可以上去看看。學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問查文檔就行。

初級大概就這些了吧。。

下面我說幾個具體的學習內容吧：

HTML文檔結構
段落標籤
文字標籤
圖片標籤
超連結標籤
列表標籤
表格標籤
表單標籤
架構標籤搜尋

CSS文法
CSS選取器 （ID 、類別選取器與複合選取器）
CSS樣式（背景、文本、字型、連結、列表、表格）
盒子模型（邊框、外邊距、內邊距）
CSS定位 （相對定位、絕對位置、浮動）

JavaScript
基本文法
變數
資料類型
函數
運算子
流程式控制制
JS對象
String對象
Array對象
Date對象
window對象
Document對象

jQuery 基礎文法
層次選取器
基本選取器
選取器---過濾選取器
表單選取器
尋找節點
建立節點
DOM操作-------插入節點
刪除節點
複製節點
替換節點
包裹節點
屬性操作
樣式操作
遍曆節點
合成事件
事件綁定
事件--事件冒泡
移除事件
show（）、hide（）
動畫------fadeln（）、fadeOut（）
slideUp（）、slideDown（）
自訂動畫animate（）
動畫回呼函數
停止動畫
表單、表格操作
常用jQuery外掛程式
--------jQuery UI

 

BootStrap
---起步
-柵格系統
-排版
-表格
-表單
-按鈕
--圖片
---模態框、彈出框、警告框
---標籤頁
---下拉式功能表
---按鈕組、按鈕式下拉式功能表
---導航、導航條
---分頁
-
---BootStrap布局執行個體

 

 

 學完這些基本上算是初級了（本人目前也在學,看我的部落格這麼醜就知道）

就這樣吧 

 

 

從0開始學web前端