如何有效學(xué)習(xí)html基本語言
html前端開發(fā)學(xué)習(xí)過程中,作為一個(gè)新手入門級別的菜鳥你,要如何正確有效的學(xué)習(xí)呢?以下是學(xué)習(xí)啦小編分享給大家的學(xué)習(xí)html基本語言的方法,希望可以幫到你!
學(xué)習(xí)html基本語言的方法一
桌面腳本
想要?jiǎng)邮衷赪indows里或蘋果系統(tǒng)里編程,最簡單的方法是從一種腳本語言或宏語言開始,例如AutoHotkey(Windows) 或Automator(蘋果系統(tǒng))。 如今一些硬件程序員沖著他們的屏幕大喊大叫,說AHK和AppleScript并不是“真正”的編程語言。 也許他們說的是對的—技術(shù)上,這些種類的語言只能做一些上層的編程。 但是對于那些只是想來脫盲、想在他們的電腦里實(shí)現(xiàn)一些能自動(dòng)運(yùn)行的程序的新手來說,這些語言會(huì)是一個(gè)絕妙的入門入口—而且你會(huì)吃驚于它們豐富的功能。
例如,大家都喜愛的Texter就是Adam使用AutoHotkey開發(fā)的能獨(dú)立運(yùn)行的Windows應(yīng)用程序,所以說這種腳本語言遠(yuǎn)不是只能開發(fā)小規(guī)模腳本軟件。 如果你想從AutoHotkey入手,可以參考Adam的指導(dǎo):how to turn any action into a keyboard shortcut using AutoHotkey(然后,你可以下載Texter源代碼看看這個(gè)功能齊全的使用AHK開發(fā)的Windows應(yīng)用程序的內(nèi)部結(jié)構(gòu))。
學(xué)習(xí)html基本語言的方法二
Web開發(fā)
HTML 和 CSS:開發(fā)網(wǎng)站,你第一件要知道的事情就是HTML(網(wǎng)頁就是由它組成的)和CSS(一種讓外觀更好看的樣式標(biāo)記)。 HTML 和 CSS 并不是編程語言—它們只是頁面的結(jié)構(gòu)和樣式信息。 然而,在開始開發(fā)web應(yīng)用程序之前你必須要學(xué)會(huì)如何手工的編寫簡單的HTML和CSS,web頁面是任何webapp的前端顯示部分。 這個(gè)HTML 指導(dǎo)是你入手的好地方。
JavaScript:當(dāng)你可以通過HTML和CSS構(gòu)建一個(gè)靜態(tài)頁面后,事情就開始變得有趣了—因?yàn)榈搅嗽搶W(xué)JavaScript的時(shí)候了。 JavaScript是一種web瀏覽器上的編程語言,它的魔力就是能在頁面里制造一些動(dòng)態(tài)效果。
JavaScript可以做bookmarklets,Greasemonkey腳本, 和Ajax, 所以它是web上各種好東西的關(guān)于因素。學(xué)習(xí)JavaScript從這里開。
學(xué)習(xí)html基本語言的方法三
服務(wù)器端腳本:
一旦你學(xué)會(huì)了網(wǎng)頁里的知識(shí),你就要開始對它添加一些動(dòng)態(tài)服務(wù)器操作—為了實(shí)現(xiàn)這些,你需要把目光轉(zhuǎn)移到服務(wù)器端腳本語言,例如PHP, Python, Perl, 或 Ruby。
舉個(gè)例子,如果想要制作一個(gè)網(wǎng)頁形式的聯(lián)系方式表單,根據(jù)用戶的輸入發(fā)送郵件,你就需要使用服務(wù)器端腳本來實(shí)現(xiàn)。 像PHP這樣的腳本語言可以讓你跟web服務(wù)器上的數(shù)據(jù)庫進(jìn)行溝通,所以如果你想搭建一個(gè)用戶可以登錄注冊的網(wǎng)站,這樣的語言正是你需要的。
學(xué)習(xí)html基本語言的方法四
Web框架:
過去數(shù)年里,web開發(fā)人員在開發(fā)動(dòng)態(tài)網(wǎng)站的過程中不得不一遍又一遍的針對重復(fù)遇到的問題寫出重復(fù)的代碼。 為了避免這種每次開發(fā)一些新網(wǎng)站都會(huì)重復(fù)勞動(dòng)一次的問題,一些程序員動(dòng)手搭建了一些框架,讓框架替我們完成重復(fù)性的工作。
非常流行的Ruby on Rails框架,作為一個(gè)例子,它利用Ruby編程語言,為我們提供了一個(gè)專門面向web的架構(gòu),普通的web應(yīng)用程序都能使用它來完成。 事實(shí)上,Adam使用Rails開發(fā)了他的第一個(gè)正式的(而且是嘆為觀止的!)web應(yīng)用程序,MixTape.me。這就是他的如何在沒有任何經(jīng)驗(yàn)的情況下搭建一個(gè)網(wǎng)站。還有一些其他的web開發(fā)框架包括CakePHP(針對 PHP 編程者),Django(針對 Python 編程中), 以及jQuery(針對 JavaScript).
學(xué)習(xí)html基本語言的方法五
Web APIs:
API (應(yīng)用層序編程接口)是指不同的軟件之間相互交換的程序途徑。 例如,如果你想在你的網(wǎng)站上放一個(gè)動(dòng)態(tài)的地圖,你可以使用Google Map,而不需要開發(fā)自己的地圖。The Google Maps API可以輕松的讓你通過JavaScript在程序中引入一個(gè)地圖到你的頁面上。 幾乎所有的現(xiàn)代的你所知道的和喜愛的web服務(wù)都提供了API,通過這些API你可以獲取到他們的數(shù)據(jù)和小工具,在你的應(yīng)用程序里就可以使用這些交互過來的東西了,例如Twitter, Facebook, Google Docs, Google Maps, 這個(gè)列表遠(yuǎn)不止這些。
通過API把其他web應(yīng)用集成到你的web應(yīng)用里是現(xiàn)在富web開發(fā)的前沿地帶。 每個(gè)優(yōu)秀的主流的web服務(wù)API都附帶有完整的文檔和一些快速入手的指導(dǎo)(例如,這個(gè)就是Twitter的)。 瘋狂吧。
學(xué)習(xí)html基本語言的方法六
命令行腳本
如果你想開發(fā)一個(gè)程序,讓它讀取文字或文件、輸入輸出一些有用的東西,那么,命令行腳本語言將是個(gè)不錯(cuò)的選擇。 然而它并不像web應(yīng)用程序和桌面應(yīng)用程序那樣有吸引力和好看的外觀,但是作為快速開發(fā)的腳本語言,你卻不能忽視它們。
很多的在linux平臺(tái)上運(yùn)行的web腳本同樣能以命令行模式運(yùn)行,例如Perl,Python和PHP,所以如果你學(xué)會(huì)了使用它們,你將能在兩種環(huán)境中使用它們。 我的學(xué)習(xí)道路一直沒離開Perl太遠(yuǎn),我自學(xué)Python使用的是這本優(yōu)秀的在線免費(fèi)書Dive into Python。
如果成為一個(gè)Unix高手也是你學(xué)習(xí)的目標(biāo),那么你絕對要精通bash這個(gè)腳本語言。 Bash是Unix和Linux環(huán)境下的一種命令行腳本語言,它能夠?yàn)槟阕鏊缘氖虑椋簭淖詣?dòng)備份數(shù)據(jù)庫腳本到功能齊全的用戶交互程序。 起初我沒有任何使用bash腳本的經(jīng)驗(yàn),但最終我用bash開發(fā)了一個(gè)全功能的個(gè)人代辦任務(wù)管理器:Todo.txt CLI。
學(xué)習(xí)html基本語言的方法七
插件(Add-ons)
如今的web應(yīng)用程序和瀏覽器都可以通過一些擴(kuò)展軟件來豐富自己的功能。 由于一些現(xiàn)有的軟件,例如Firefox、WordPress越來越受到開發(fā)人員的關(guān)注,插件的開發(fā)也日益流行,人們都在說“But if only it could do THIS…”
只要你掌握了HTML,JavaScript和CSS,你就可以在任何的瀏覽器里開發(fā)你想要的很多東西。 Bookmarklets,Greasemonkeyuser scripts, 和Stylishuser styles這些軟件都是用的更普通頁面一樣的語言寫成的, 這幾個(gè)東西都值得你去研究一些。
更高級的瀏覽器擴(kuò)展程序,例如Firefox的擴(kuò)展,它們可以幫助你很多。 開發(fā)Firefox的擴(kuò)展.
舉個(gè)例子,需要你精通JavaScript和XML(一種標(biāo)記語言,類似HTML,但具有更嚴(yán)格的格式)。 早在2007年我就寫下來how to build a Firefox extension, 這是我在笨手笨腳的研究網(wǎng)上的一些學(xué)習(xí)資料后獲得的成果。
很多免費(fèi)的、受歡迎的web應(yīng)用程序都提供了擴(kuò)展框架,例如WordPress 和 MediaWiki。 這些應(yīng)用程序都是用PHP寫成的,所以只有對PHP熟悉你才能做這些事情。 這個(gè)就是如何編寫WordPress插件。 而想駕馭Google Wave前沿技術(shù)的開發(fā)人員可以從使用HTML, JavaScript, Java, 和 Python 寫小組件和小工具開始。 我寫的第一個(gè)Wave bot是跟著這個(gè)一個(gè)下午時(shí)間的快速入門指導(dǎo)開始的。
學(xué)習(xí)html基本語言的方法八
開發(fā)桌面上的Web應(yīng)用程序
學(xué)習(xí)編程最好的結(jié)果是你在一個(gè)環(huán)境下學(xué)的東西可以應(yīng)用到另外的環(huán)境中。 先學(xué)習(xí)開發(fā)web應(yīng)用程序的好處就是我們有一些方法可以讓web應(yīng)用程序直接在桌面上運(yùn)行。 例如,Adobe AIR是一個(gè)跨平臺(tái)的即時(shí)運(yùn)行平臺(tái),它能讓你編寫的程序運(yùn)行在任何裝有AIR的操作系統(tǒng)的桌面上。
AIR應(yīng)用程序都是由HTML, Flash, 或 Flex 寫成的,所以它能讓你的web程序在桌面環(huán)境中運(yùn)行。 AIR是開發(fā)部署桌面應(yīng)用程序的一個(gè)優(yōu)秀的選擇,就像我們提到過的10個(gè)讓你值得去安裝AIR的應(yīng)用程序。
學(xué)習(xí)html基本語言的方法九
移動(dòng)應(yīng)用開發(fā)
能在iPhone或者Android智能手機(jī)上運(yùn)行的手機(jī)應(yīng)用程序的開發(fā)如今正呈現(xiàn)井噴之勢,所以你也可以夢想一下如何在iTunes應(yīng)用商店里通過你的天才程序大賺一筆。 但是,作為一個(gè)編碼新手,直接奔向移動(dòng)開發(fā)所經(jīng)歷的學(xué)習(xí)曲線可能會(huì)很陡,因?yàn)樗枰闶煜じ呒壍木幊陶Z言,例如Java和Objective C。
然而,你當(dāng)然應(yīng)該看看iPhone 和 Android 編程究竟是什么樣子的。 閱讀這個(gè)簡單的iPhone應(yīng)用開發(fā)例子可以初步認(rèn)識(shí)一下iPhone程序的開發(fā)過程。 Android 程序都是由Java寫成的,這有一個(gè)簡單的視頻教程教你如何開發(fā)第一個(gè)”Hello Android“程序(注:可能需要代理才能看這個(gè)視頻)。
學(xué)習(xí)html基本語言的方法十
耐心,刻苦,嘗試,失敗
好的程序員都有一個(gè)不達(dá)目的誓不罷休的品質(zhì),他們會(huì)驚喜于通過長期推敲和失敗換來的一點(diǎn)成績。 學(xué)會(huì)編程會(huì)有很好的回報(bào)的,但是學(xué)習(xí)的過程可能會(huì)是飽受挫折和孤獨(dú)的。 如果有可能,最好找個(gè)伴一起陪你做這件事。 想精通編程,這和其他事情一樣,需要堅(jiān)持,反復(fù)嘗試,獲得更多的經(jīng)驗(yàn)。
猜你喜歡: