如何有效學習html基本語言

時間：2017-09-19 11:45:14 欣怡1112由分享

　　html前端開發(fā)學習過程中，作為一個新手入門級別的菜鳥你，要如何正確有效的學習呢?以下是學習啦小編分享給大家的學習html基本語言的方法，希望可以幫到你!

　　學習html基本語言的方法一

　　桌面腳本

　　想要動手在Windows里或蘋果系統(tǒng)里編程，最簡單的方法是從一種腳本語言或宏語言開始，例如AutoHotkey(Windows) 或Automator(蘋果系統(tǒng))。如今一些硬件程序員沖著他們的屏幕大喊大叫，說AHK和AppleScript并不是“真正”的編程語言。也許他們說的是對的—技術(shù)上，這些種類的語言只能做一些上層的編程。但是對于那些只是想來脫盲、想在他們的電腦里實現(xiàn)一些能自動運行的程序的新手來說，這些語言會是一個絕妙的入門入口—而且你會吃驚于它們豐富的功能。

　　例如，大家都喜愛的Texter就是Adam使用AutoHotkey開發(fā)的能獨立運行的Windows應用程序，所以說這種腳本語言遠不是只能開發(fā)小規(guī)模腳本軟件。如果你想從AutoHotkey入手，可以參考Adam的指導：how to turn any action into a keyboard shortcut using AutoHotkey(然后，你可以下載Texter源代碼看看這個功能齊全的使用AHK開發(fā)的Windows應用程序的內(nèi)部結(jié)構(gòu))。

　　學習html基本語言的方法二

　　Web開發(fā)

　　HTML 和 CSS：開發(fā)網(wǎng)站，你第一件要知道的事情就是HTML(網(wǎng)頁就是由它組成的)和CSS(一種讓外觀更好看的樣式標記)。 HTML 和 CSS 并不是編程語言—它們只是頁面的結(jié)構(gòu)和樣式信息。然而，在開始開發(fā)web應用程序之前你必須要學會如何手工的編寫簡單的HTML和CSS，web頁面是任何webapp的前端顯示部分。這個HTML 指導是你入手的好地方。

　　JavaScript:當你可以通過HTML和CSS構(gòu)建一個靜態(tài)頁面后，事情就開始變得有趣了—因為到了該學JavaScript的時候了。 JavaScript是一種web瀏覽器上的編程語言，它的魔力就是能在頁面里制造一些動態(tài)效果。

　　JavaScript可以做bookmarklets,Greasemonkey腳本, 和Ajax, 所以它是web上各種好東西的關(guān)于因素。學習JavaScript從這里開。

　　學習html基本語言的方法三

　　服務(wù)器端腳本：

　　一旦你學會了網(wǎng)頁里的知識，你就要開始對它添加一些動態(tài)服務(wù)器操作—為了實現(xiàn)這些，你需要把目光轉(zhuǎn)移到服務(wù)器端腳本語言，例如PHP, Python, Perl, 或 Ruby。

　　舉個例子，如果想要制作一個網(wǎng)頁形式的聯(lián)系方式表單，根據(jù)用戶的輸入發(fā)送郵件，你就需要使用服務(wù)器端腳本來實現(xiàn)。像PHP這樣的腳本語言可以讓你跟web服務(wù)器上的數(shù)據(jù)庫進行溝通，所以如果你想搭建一個用戶可以登錄注冊的網(wǎng)站，這樣的語言正是你需要的。

　　學習html基本語言的方法四

　　Web框架：

　　過去數(shù)年里，web開發(fā)人員在開發(fā)動態(tài)網(wǎng)站的過程中不得不一遍又一遍的針對重復遇到的問題寫出重復的代碼。為了避免這種每次開發(fā)一些新網(wǎng)站都會重復勞動一次的問題，一些程序員動手搭建了一些框架，讓框架替我們完成重復性的工作。

　　非常流行的Ruby on Rails框架，作為一個例子，它利用Ruby編程語言，為我們提供了一個專門面向web的架構(gòu)，普通的web應用程序都能使用它來完成。事實上，Adam使用Rails開發(fā)了他的第一個正式的(而且是嘆為觀止的!)web應用程序，MixTape.me。這就是他的如何在沒有任何經(jīng)驗的情況下搭建一個網(wǎng)站。還有一些其他的web開發(fā)框架包括CakePHP(針對 PHP 編程者),Django(針對 Python 編程中), 以及jQuery(針對 JavaScript).

　　學習html基本語言的方法五

　　Web APIs:

　　API (應用層序編程接口)是指不同的軟件之間相互交換的程序途徑。例如，如果你想在你的網(wǎng)站上放一個動態(tài)的地圖，你可以使用Google Map，而不需要開發(fā)自己的地圖。The Google Maps API可以輕松的讓你通過JavaScript在程序中引入一個地圖到你的頁面上。幾乎所有的現(xiàn)代的你所知道的和喜愛的web服務(wù)都提供了API，通過這些API你可以獲取到他們的數(shù)據(jù)和小工具，在你的應用程序里就可以使用這些交互過來的東西了，例如Twitter, Facebook, Google Docs, Google Maps, 這個列表遠不止這些。

　　通過API把其他web應用集成到你的web應用里是現(xiàn)在富web開發(fā)的前沿地帶。每個優(yōu)秀的主流的web服務(wù)API都附帶有完整的文檔和一些快速入手的指導(例如，這個就是Twitter的)。瘋狂吧。

　　學習html基本語言的方法六

　　命令行腳本

　　如果你想開發(fā)一個程序，讓它讀取文字或文件、輸入輸出一些有用的東西，那么，命令行腳本語言將是個不錯的選擇。然而它并不像web應用程序和桌面應用程序那樣有吸引力和好看的外觀，但是作為快速開發(fā)的腳本語言，你卻不能忽視它們。

　　很多的在linux平臺上運行的web腳本同樣能以命令行模式運行，例如Perl，Python和PHP，所以如果你學會了使用它們，你將能在兩種環(huán)境中使用它們。我的學習道路一直沒離開Perl太遠，我自學Python使用的是這本優(yōu)秀的在線免費書Dive into Python。

　　如果成為一個Unix高手也是你學習的目標，那么你絕對要精通bash這個腳本語言。 Bash是Unix和Linux環(huán)境下的一種命令行腳本語言，它能夠為你做所以的事情：從自動備份數(shù)據(jù)庫腳本到功能齊全的用戶交互程序。起初我沒有任何使用bash腳本的經(jīng)驗，但最終我用bash開發(fā)了一個全功能的個人代辦任務(wù)管理器：Todo.txt CLI。

　　學習html基本語言的方法七

　　插件(Add-ons)

　　如今的web應用程序和瀏覽器都可以通過一些擴展軟件來豐富自己的功能。由于一些現(xiàn)有的軟件，例如Firefox、WordPress越來越受到開發(fā)人員的關(guān)注，插件的開發(fā)也日益流行，人們都在說“But if only it could do THIS…”

　　只要你掌握了HTML，JavaScript和CSS，你就可以在任何的瀏覽器里開發(fā)你想要的很多東西。 Bookmarklets,Greasemonkeyuser scripts, 和Stylishuser styles這些軟件都是用的更普通頁面一樣的語言寫成的, 這幾個東西都值得你去研究一些。

　　更高級的瀏覽器擴展程序，例如Firefox的擴展，它們可以幫助你很多。開發(fā)Firefox的擴展.

　　舉個例子，需要你精通JavaScript和XML(一種標記語言，類似HTML，但具有更嚴格的格式)。早在2007年我就寫下來how to build a Firefox extension, 這是我在笨手笨腳的研究網(wǎng)上的一些學習資料后獲得的成果。

　　很多免費的、受歡迎的web應用程序都提供了擴展框架，例如WordPress 和 MediaWiki。這些應用程序都是用PHP寫成的，所以只有對PHP熟悉你才能做這些事情。這個就是如何編寫WordPress插件。而想駕馭Google Wave前沿技術(shù)的開發(fā)人員可以從使用HTML, JavaScript, Java, 和 Python 寫小組件和小工具開始。我寫的第一個Wave bot是跟著這個一個下午時間的快速入門指導開始的。

　　學習html基本語言的方法八

　　開發(fā)桌面上的Web應用程序

　　學習編程最好的結(jié)果是你在一個環(huán)境下學的東西可以應用到另外的環(huán)境中。先學習開發(fā)web應用程序的好處就是我們有一些方法可以讓web應用程序直接在桌面上運行。例如，Adobe AIR是一個跨平臺的即時運行平臺，它能讓你編寫的程序運行在任何裝有AIR的操作系統(tǒng)的桌面上。

　　AIR應用程序都是由HTML, Flash, 或 Flex 寫成的，所以它能讓你的web程序在桌面環(huán)境中運行。 AIR是開發(fā)部署桌面應用程序的一個優(yōu)秀的選擇，就像我們提到過的10個讓你值得去安裝AIR的應用程序。

　　學習html基本語言的方法九

　　移動應用開發(fā)

　　能在iPhone或者Android智能手機上運行的手機應用程序的開發(fā)如今正呈現(xiàn)井噴之勢，所以你也可以夢想一下如何在iTunes應用商店里通過你的天才程序大賺一筆。但是，作為一個編碼新手，直接奔向移動開發(fā)所經(jīng)歷的學習曲線可能會很陡，因為它需要你熟悉高級的編程語言，例如Java和Objective C。

　　然而，你當然應該看看iPhone 和 Android 編程究竟是什么樣子的。閱讀這個簡單的iPhone應用開發(fā)例子可以初步認識一下iPhone程序的開發(fā)過程。 Android 程序都是由Java寫成的，這有一個簡單的視頻教程教你如何開發(fā)第一個”Hello Android“程序(注：可能需要代理才能看這個視頻)。