WEB前端開發學習過程中，作爲一個新手入門級別的菜鳥你，要如何系統的學習HTML語言呢 ?下面一張知識構架圖，幫你梳理前端開發的學習路線。
新手們有一個常見的錯誤就是猶豫於判斷哪種編程語言是做好的、最該先學的。我們有很多的選擇，但你不能說那種語言“最好”。 我們應該理解：說到底，什麼語言並不重要。 重要的是理解數據結構、控制邏輯和設計模式。
任何一種語言—甚至一種簡單的腳本語言—都會具有所有編程語言都共有的各種特徵，也就是說各種語言是貫通的。 我編程使用Pascal，彙編，和C語言，事實上我從來沒有把它當成職業以求獲得回報。 我一直在自學編程，工作上用不到它，我使用現有的知識，參考各種文檔和書本，學習它們的用法。 因此，不要急於選擇何種編程語言。 找出你想要開發的東西，使用一種能夠完成這項任務的語言，這就可以了。
根據各種開發平臺的不同，有很多不同的軟件開發形式可供你選擇：從網站應用到桌面軟件到智能手機軟件到命令行腳本工具。 我先假設你是一個悟性很強的讀者，但對於新手，當我談論程序代碼時還是要按照入門級的水平。 因爲即使是你自己看一篇編程入門手冊，如果發現都能理解時，心情自然會很高興，這樣利於你進一步學習。
桌面腳本
想要動手在Windows裏或蘋果系統裏編程，最簡單的方法是從一種腳本語言或宏語言開始，例如AutoHotkey(Windows) 或Automator(蘋果系統)。 如今一些硬件程序員衝着他們的屏幕大喊大叫，說AHK和AppleScript並不是“真正”的編程語言。 也許他們說的是對的—技術上，這些種類的語言只能做一些上層的編程。 但是對於那些只是想來脫盲、想在他們的電腦裏實現一些能自動運行的程序的新手來說，這些語言會是一個絕妙的入門入口—而且你會吃驚於它們豐富的功能。例如，大家都喜愛的Texter就是Adam使用AutoHotkey開發的能獨立運行的Windows應用程序，所以說這種腳本語言遠不是隻能開發小規模腳本軟件。 如果你想從AutoHotkey入手，可以參考Adam的指導：how to turn any action into a keyboard shortcut using AutoHotkey(然後，你可以下載Texter源代碼看看這個功能齊全的使用AHK開發的Windows應用程序的內部結構)。
Web開發
HTML 和 CSS：開發網站，你第一件要知道的事情就是HTML(網頁就是由它組成的)和CSS(一種讓外觀更好看的樣式標記)。 HTML 和 CSS 並不是編程語言—它們只是頁面的結構和樣式信息。
在開始開發web應用程序之前你必須要學會如何手工的編寫簡單的HTML和CSS，web頁面是任何webapp的前端顯示部分。 這個HTML 指導是你入手的好地方。
JavaScript:當你可以通過HTML和CSS構建一個靜態頁面後，事情就開始變得有趣了—因爲到了該學JavaScript的時候了。 JavaScript是一種web瀏覽器上的編程語言，它的魔力就是能在頁面裏製造一些動態效果。 JavaScript可以做bookmarklets,Greasemonkey腳本, 和Ajax, 所以它是web上各種好東西的關於因素。學習JavaScript從這裏開。
服務器端腳本：一旦你學會了網頁裏的知識，你就要開始對它添加一些動態服務器操作—爲了實現這些，你需要把目光轉移到服務器端腳本語言，例如PHP, Python, Perl, 或 Ruby。 舉個例子，如果想要製作一個網頁形式的聯繫方式表單，根據用戶的輸入發送郵件，你就需要使用服務器端腳本來實現。 像PHP這樣的腳本語言可以讓你跟web服務器上的數據庫進行溝通，所以如果你想搭建一個用戶可以登錄註冊的網站，這樣的語言正是你需要的。
Webmonkey是一個優秀的web開發資源網站，裏面有大量的各種web編程語言的指導手冊。 閱讀一下他們的PHP 初學者指南。 當你感覺差不多了的時候，看看WebMonkey’s PHP and MySQL tutorial學習如何使用PHP跟數據庫交互。 網上最好的要數PHP語言官方的在線文檔和函數參考了。 每個知識點上 (例如strlen function這個)都在後面列出來用戶的評論註釋，這些對於文檔的本身是非常有價值的。
Web框架：過去數年裏，web開發人員在開發動態網站的過程中不得不一遍又一遍的針對重複遇到的問題寫出重複的代碼。 爲了避免這種每次開發一些新網站都會重複勞動一次的問題，一些程序員動手搭建了一些框架，讓框架替我們完成重複性的工作。 非常流行的Ruby on Rails框架，作爲一個例子，它利用Ruby編程語言，爲我們提供了一個專門面向web的架構，普通的web應用程序都能使用它來完成。
事實上，Adam使用Rails開發了他的第一個正式的(而且是歎爲觀止的!)web應用程序，。這就是他的如何在沒有任何經驗的情況下搭建一個網站。還有一些其他的web開發框架包括CakePHP(針對 PHP 編程者),Django(針對 Python 編程中), 以及jQuery(針對 JavaScript) APIs:API (應用層序編程接口)是指不同的軟件之間相互交換的程序途徑。
例如，如果你想在你的網站上放一個動態的地圖，你可以使用Google Map，而不需要開發自己的地圖。The Google Maps API可以輕鬆的讓你通過JavaScript在程序中引入一個地圖到你的頁面上。
幾乎所有的現代的你所知道的和喜愛的web服務都提供了API，通過這些API你可以獲取到他們的數據和小工具，在你的'應用程序裏就可以使用這些交互過來的東西了，例如Twitter, Facebook, Google Docs, Google Maps, 這個列表遠不止這些。 通過API把其他web應用集成到你的web應用裏是現在富web開發的前沿地帶。 每個優秀的主流的web服務API都附帶有完整的文檔和一些快速入手的指導(例如，這個就是Twitter的)。 瘋狂吧。
命令行腳本
如果你想開發一個程序，讓它讀取文字或文件、輸入輸出一些有用的東西，那麼，命令行腳本語言將是個不錯的選擇。 然而它並不像web應用程序和桌面應用程序那樣有吸引力和好看的外觀，但是作爲快速開發的腳本語言，你卻不能忽視它們。很多的在linux平臺上運行的web腳本同樣能以命令行模式運行，例如Perl，Python和PHP，所以如果你學會了使用它們，你將能在兩種環境中使用它們。 我的學習道路一直沒離開Perl太遠，我自學Python使用的是這本優秀的在線免費書Dive into Python。如果成爲一個Unix高手也是你學習的目標，那麼你絕對要精通bash這個腳本語言。 Bash是Unix和Linux環境下的一種命令行腳本語言，它能夠爲你做所以的事情：從自動備份數據庫腳本到功能齊全的用戶交互程序。 起初我沒有任何使用bash腳本的經驗，但最終我用bash開發了一個全功能的個人代辦任務管理器： CLI。
插件(Add-ons)
如今的web應用程序和瀏覽器都可以通過一些擴展軟件來豐富自己的功能。 由於一些現有的軟件，例如Firefox、WordPress越來越受到開發人員的關注，插件的開發也日益流行，人們都在說“But if only it could do THIS…”只要你掌握了HTML，JavaScript和CSS，你就可以在任何的瀏覽器裏開發你想要的很多東西。 Bookmarklets,Greasemonkeyuser scripts, 和Stylishuser styles這些軟件都是用的更普通頁面一樣的語言寫成的, 這幾個東西都值得你去研究一些。更高級的瀏覽器擴展程序，例如Firefox的擴展，它們可以幫助你很多。 開發Firefox的擴展.
舉個例子，需要你精通JavaScript和XML(一種標記語言，類似HTML，但具有更嚴格的格式)。 早在2007年我就寫下來how to build a Firefox extension, 這是我在笨手笨腳的研究網上的一些學習資料後獲得的成果。很多免費的、受歡迎的web應用程序都提供了擴展框架，例如WordPress 和 MediaWiki。 這些應用程序都是用PHP寫成的，所以只有對PHP熟悉你才能做這些事情。 這個就是如何編寫WordPress插件。 而想駕馭Google Wave前沿技術的開發人員可以從使用HTML, JavaScript, Java, 和 Python 寫小組件和小工具開始。 我寫的第一個Wave bot是跟着這個一個下午時間的快速入門指導開始的。
開發桌面上的Web應用程序
學習編程最好的結果是你在一個環境下學的東西可以應用到另外的環境中。 先學習開發web應用程序的好處就是我們有一些方法可以讓web應用程序直接在桌面上運行。 例如，Adobe AIR是一個跨平臺的即時運行平臺，它能讓你編寫的程序運行在任何裝有AIR的操作系統的桌面上。
AIR應用程序都是由HTML, Flash, 或 Flex 寫成的，所以它能讓你的web程序在桌面環境中運行。 AIR是開發部署桌面應用程序的一個優秀的選擇，就像我們提到過的10個讓你值得去安裝AIR的應用程序。
移動應用開發
能在iPhone或者Android智能手機上運行的手機應用程序的開發如今正呈現井噴之勢，所以你也可以夢想一下如何在iTunes應用商店裏通過你的天才程序大賺一筆。 但是，作爲一個編碼新手，直接奔向移動開發所經歷的學習曲線可能會很陡，因爲它需要你熟悉高級的編程語言，例如Java和Objective C。
然而，你當然應該看看iPhone 和 Android 編程究竟是什麼樣子的。 閱讀這個簡單的iPhone應用開發例子可以初步認識一下iPhone程序的開發過程。 Android 程序都是由Java寫成的，這有一個簡單的視頻教程教你如何開發第一個”Hello Android“程序(注：可能需要代理才能看這個視頻)。
耐心，刻苦，嘗試，失敗
好的程序員都有一個不達目的誓不罷休的品質，他們會驚喜於通過長期推敲和失敗換來的一點成績。 學會編程會有很好的回報的，但是學習的過程可能會是飽受挫折和孤獨的。 如果有可能，最好找個伴一起陪你做這件事。 想精通編程，這和其他事情一樣，需要堅持，反覆嘗試，獲得更多的經驗。
