前端開發初識
一，前端開發的概念
Web前端開發是從網頁制作演變而來（以前稱為網頁制作），名稱上有很明顯的時代特征。在互聯網的演化進程中，網頁制作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。
1.1 web1.0時代的網頁制作
web1.0時代是一個群雄並起，逐鹿網絡的時代，雖然各個網站采用的手段和方法不同，但第一代互聯網有諸多共同的特征，表現在技術創新主導模式、基於點擊流量的盈利共通點、門戶合流、明晰的主營兼營產業結構、動態網站。在WEB1.0上做出巨大貢獻的公司有Netscape，Yahoo和Google。 Netscape研發出第一個大規模商用的瀏覽器，Yahoo的楊致遠提出了互聯網黃頁， 而Google後來居上，推出了大受歡迎的搜索服務。
網頁制作是web1.0時代的產物，那個時候的網頁主要是靜態網頁，所謂的靜態網頁就是沒有與用戶進行交互而僅僅供讀者瀏覽的網頁，我們當時稱為“牛皮癬”網頁。例如一篇QQ日誌、一篇博文等展示性文章。在web1.0時代，用戶能做的唯一事情就是瀏覽這個網站的文字圖片內容，這時用戶也不能像現在在大多數網站都可以評論交流（缺乏交互性）。相信可能大多數人都聽過“網頁三劍客 Dreamweaver+Fireworks+Flash”吧，這個組合就是web1.0時代額產物
1.2 web2.0時代的網頁制作
“前端開發”是從“網頁制作”演變而來的。
從2005年開始，互聯網進入web 2.0時代，由單一的文字和圖片組成的靜態網頁已經不能滿足用戶的需求，用戶需要更好的體驗。在web 2.0時代，網頁有靜態網頁和動態網頁。所謂動態網頁，就是用戶不僅僅可以瀏覽網頁，還可以與服務器進行交互。舉個例子，你登陸新浪微博，要輸入賬號密碼，這個時候就需要服務器對你的賬號和密碼進行驗證通過才行。web2.0時代的網頁不僅包含炫麗的動畫、音頻和視頻，還可以讓用戶在網頁中進行評論交流、上傳和下載文件等（交互性）。這個時代的網頁，如果是用“網頁三劍客Dreamweaver+Fireworks+Flash”制作的，那是遠遠不能滿足需求。現在網站開發無論是開發難度，還是開發方式上，都更接近傳統的網站後臺開發，所以現在不再叫“網頁制作”，而是叫“web前端開發”。
所以，處於web2.0時代的你，如果要學習網站開發技術，就不要再相信所謂的“網頁三劍客Dreamweaver+Fireworks+Flash”，因為這個組合已經是上個互聯網時代的產物。而且這個組合開發出來的網站問題也非常多，例如代碼冗余、網站維護困難（學習到後期，你會知道為什麽不用這個組合了
web2.0的歷史發展
2001年秋天互聯網公司（dot-com)泡沫的破滅是互聯網的一個轉折點。許
多人斷定互聯網被過分炒作，事實上網絡泡沫和相繼而來的股市大衰退看起來
像是所有技術革命的共同特征。股市大衰退通常標誌著蒸蒸日上的技術已經開
始占領中央舞臺。假冒者被驅逐，而真正成功的故事展示了它們的力量，同時
人們開始理解了是什麽將一個故事同另外一個區分開來。
“Web 2.0”的概念2004年始於出版社經營者O‘Reilly和MediaLive International
之間的一場頭腦風暴論壇。身為互聯網先驅和O‘Reilly副總裁，Dale Dougherty
指出，伴隨著令人激動的新程序和新網站間驚人的規律性，互聯網不僅遠沒有“崩潰”，
甚至比以往更重要。更進一步說，那些得以活過泡沫破裂的公司之間似乎擁有某種相
同點。難道是互聯網泡沫破裂標誌著互聯網的一個轉折點，因而導致了諸如“Web 2.0”
這種運動？我們同意這種說法，“Web 2.0”的概念由此誕生了。Web2.0 則更註重用戶
的交互作用，用戶既是網站內容的瀏覽者，也是網站內容的制造者。所謂網站內容的制
造者是說互聯網上的每一個用戶不再僅僅是互聯網的讀者，同時也成為互聯網的作者；
不再僅僅是在互聯網上沖浪，同時也成為波浪制造者；在模式上由單純的“讀”向“寫”以
及“共同建設”發展；由被動地接收互聯網信息向主動創造互聯網信息發展，從而更加人
性化。
在那個會議之後的一年半的時間裏，“Web 2.0”一詞已經深入人心，從Google
上可以搜索到4.7億以上的鏈接。但是，至今關於Web 2.0的含義仍存在極大的分
歧，一些人將Web 2.0貶低為毫無意義的一個行銷炒作口號，而其他一些人則將之
理解為一種新的傳統理念
二，前端開發的發展歷程
2005年以後，互聯網進入Web2.0時代，各種類似桌面軟件的Web應用大量湧現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基於前端技術實現的。以前會Photoshop和Dreamweaver就可以制作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁制作都更接近傳統的網站後臺開發，所以現在不再叫網頁制作，而是叫Web前端開發。Web前端開發在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好，這方面的專業人才近幾年來備受青睞。Web前端開發是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術，又有抽象的理念。簡單地說，它的主要職能就是把網站的界面更好地呈現給用戶。
三，web前端能做什麽？
公司官網（在PC通過瀏覽器來訪問公司網站）移動端網頁（在手機上來瀏覽公司信息、小遊戲等）移動端APP（例如：淘寶、去哪兒旅遊、攜程等）微信小程序（微信最新推出的功能，隨用隨裝，不占用手機空間）皮皮蝦我們走可樂在廚房 紅牛在冰箱66666。前端開發所學技術由簡單到難，所以在很多網站上你會看到“七天入門前端”的視頻博客等等，也就是說一星期就學會了HTML+CSS。那麽最基本的頁面你就可以書寫了。
3.1 web前端開發的職責是什麽？
- 1、使用Div+css並結合Javascript負責產品的前端開發和頁面制作；
- 2、熟悉W3C標準和各主流瀏覽器在前端開發中的差異，能熟練運用DIV+CSS，提供針對不同瀏覽器的前端頁面解決方案；
- 3、負責相關產品的需求以及前端程序的實現，提供合理的前端架構；
- 4、與產品、後臺開發人員保持良好溝通，能快速理解、消化各方需求，並落實為具體的開發工作；
- 5、了解服務器端的相關工作，在交互體驗、產品設計等方面有自己的見解。
四，前端開發都有哪些內容
我們知道，用所謂的網頁三劍客已經不能滿足需求了，那前端開發究竟要學習什麽技術呢？網頁最主要由3部分組成：結構、表現和行為。網頁現在新的標準是W3C，目前模式是HTML、CSS和JavaScript。
掌握HTML是網頁的核心，是一種制作萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。因此，它是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言，學好HTML是成為Web開發人員的基本條件。 學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。 學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發人員的個人技能。 了解Unix和Linux的基本知識雖然這兩點很基礎，但是開發人員了解Unix和Linux的基本知識是有益無害的。 了解Web服務器當你對Apache的基本配置，htaccess配置技巧有一些掌握的話，將來必定受益，而且這方面的知識學起來也相對容易。4.1 需要熟練掌握的技能
熟悉版本控制系統的用法熟悉使用一種優秀的版本控制系統，你在實際工作中就會發現精通一種版本控制系統是很幸福的事情。 學好Web框架當你掌握了HTML，服務器端腳本語言，CSS和JavaScript後，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間，如果你使用PHP，可選的框架有CakePHP，CodeIgniter，Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員喜歡使用RoR。 對於初學開發人員來說，以上知識是不是看起來很復雜，其實，當你一步步學習並為企業開發成功案例時，你會發現一切都是有意義的付出。4.2 較強的視覺設計
前端技術包括4個部分：前端美工、瀏覽器兼容、CSS、HTML“傳統”技術與Adobe AIR、Google Gears,以及概念性較強的交互式設計,藝術性較強的視覺設計等等. 根據該詞可以做這樣的理解,用互聯網來做比喻,凡是通過瀏覽器到用戶端計算機的統稱為前端技術.相反存貯於服務器端的統稱為後端技術.4.3 HTML是什麽？
HTML，全稱“Hyper Text Markup Language（超文本標記語言）” 簡單來說，網頁就是用HTML語言制作的。HTML是一門描述性語言，是一門非常容易入門的語言。
4.4 CSS
CSS，全稱“（層疊樣式表）”。以後我們在別的地方看到“層疊樣式表”、“CSS樣式”，指的就是CSS。
4.5 JavaScript
JavaScript是一門腳本語言。
4.6 HTML、CSS和JavaScript的區別 我們都知道前端技術最核心的是HTML、CSS和JavaScript這三種。但是這三者究竟是幹嘛的呢？
“HTML是網頁的結構，CSS是網頁的外觀，而JavaScript是頁面的行為
前端開發初識