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