html簡單先學這個；http://codingdict.com/article/6095

JavaScript是一種輕量級的解釋型程式語言。它旨在建立以網路為中心的應用程式。它與Java互補並整合在一起。JavaScript很容易實現，因為它與HTML整合在一起。它是開放和跨平臺的。

適合人群

本教程是為JavaScript初學者準備的，旨在幫助他們理解JavaScript的基本功能，以構建動態網頁和Web應用程式。

預備知識

JavaScript：http://codingdict.com/article/3131

先分享個故事，我把號稱“HTML5會令以後的移動開發者都要失業了”文章轉給我在騰訊做Android開發的同學，並且大方的表示，以後混不下了，可以來投奔我，姐帶你寫java。

結果我的同學一臉淡定的表示，所謂的HTML5取代前端開發語言不過是扯淡，就算它能嵌入在native或者webview裡使用，前端語言也是不可替代的。

那麼為什麼相關從業者會這麼肯定的說呢。

JavaScript語言是目前很多框架的基礎，比如jQuery，React，Vue等等，而JS本身就是一種直譯式的指令碼語言，作為前端語言的三駕馬車，擁有不可撼動的歷史地位。

此外，其他的前端語言，如nodejs，其語法與js也是十分相似，因此如果有JS語言的基礎，對於學習其他前端語言以及框架，將是一個非常好的輔助。

HTML5是一種超文字標記語言，從本質上，它就與js不屬於同一戰場。

HTML5用於在編寫手機版頁面，最大的優勢是可以在網頁上直接除錯和修改，這大大的減少了開發人員的工作量，提高了他們的工作效率。與傳統的使用JavaScript引擎比起來，雖然HTML5初期不穩定，但是很多程式設計師還是願意去嘗試。

從以上的描述，我想我已經可以給出結論了，我的建議是先學習基礎的HTML以及JavaScript，在學有餘力的情況下， 再去考慮HTML5。

畢竟HTML5出道沒有JavaScript久，對於一個連JS都不熟悉的人來說，學習HTML5的過程中會趟過太多未知的地雷，不妨在穩定的大後方先認真琢磨前輩們已經探好的土地，等前方平坦了，或者自己的掃雷能力足夠強了，再去征服前方那片海洋。

先學html吧，Js是控制html做頁面特效，互動的，先有頁面後才互動，推薦個計算機原版書籍下載網站給你，儘量全面點好http://www.xen123.cn/

個人建議先學容易的後學複雜的。毫無疑問，HTML語言會比JavaScript容易上手。

HTML語言與css一般一起學，是用於畫網頁的語言工具，HTML好玩之處在於讓你馬上感受到程式設計的樂趣，可能有人說這語言算程式設計？其實程式設計沒有這麼難，你把程式碼輸完然後可以馬上出效果，這就是HTML，程式碼就是磚塊，HTML就是磚塊的原料，最後的網頁產品就是被磚塊造好的房子。

JavaScript別看它是個指令碼語言，如今的使用度已經遙遙領先很多語言，甚至一度被評為最受歡迎的語言。JavaScript的寫法非常精煉，而且用它確實是能感受到程式設計的厚重感，很多如今的前端框架基本上都是JavaScript為基礎，也就是說你如果想搞前端，學JavaScript是必不可少的。

從HTML5開始學起，當你可以寫出幾個醜陋的網頁後，你發現你不得去不學習CSS3，然後好不容易將網頁打扮漂亮後，你會發現它和PDF文件沒多大區別，於是你就不得不開始學習JavaScript，又經過一番折騰，網頁終於和你有了互動，但你發現它無法記錄使用者輸入的資料，經過一凡研究後，你才知道，僅靠客戶端是無法完成這種要求的，於是你不得不轉向伺服器端，由於NodeJS使用的也是JavaScript語言，於是你選擇了它，經過又一番折騰，你終於有了一個可簡單互動的網站。為了增強網站的互動性，你不得不開始選擇使用前段框架：AngularJS4，VUE，React，經過一番思考，你選擇了AngularJS4，恭喜你，你又可以學一門新的語言TypeScript，你很快喜歡上了這個新語言，不久之後，你甚至開始用它代替JavaScript來開發NodeJS，至此你雖然表面上完全拋開了JavaScript，但JavaScript已經深入你的骨髓。最後，隨著網站應用擴大，你發現NodeJS有點力不從心，於是你最終開啟了Java 上 的 Spring 之旅...

HTML5和JS先學哪個比較好？這是許多初次接觸Web前端的新人常常會提出的疑問，我們要知道HTML是描述網頁結構的，CSS是增加視覺效果的，JS是做UI互動的。學習的順序明顯是HTML和CSS優先，這兩個肯定是一起學的，沒先後。然後才是JS。但實際上HTML5就是JavaScript。

因為從專業的程式語言角度來看HTML5實際上並沒有多少與HTML有關，它其實就是JavaScript。HTML本身有的變化就是一些新的標籤，HTML5能夠做到讓我們用JavaScript來建立這些標籤。假如沒有後臺程式碼透過Canvas來建立動畫、遊戲，或者透過它來實現一些資料的視覺化，這個標籤也沒有大用處。

由此可見，HTML5的實質就是賦予JavaScript更強大的能力。WebGL庫支援在HTML5的畫布中繪製實時的3D圖形。HTML5的地理位置支援在瀏覽器中實現LBS應用——這都是手機的基本配置。而持久儲存以及離線功能則為開發能與桌面應用媲美，但卻在瀏覽器中執行的全功能應用奠定了基礎。目前，就連增加多點觸控事件的實驗性的庫也已經出現了。凡此種種，無一不是實實在在的JavaScript特性。HTML5只是為這些高階功能的發揮提供了舞臺。

程式語言中JavaScript一直都是在HTML中實現動態效果的不二之選。可兩個問題遲遲得不到解決：一是瀏覽器相容性問題，二是直接操作DOM太麻煩。jQuery將這兩個問題迅速解決，這個庫已經成為現代基於瀏覽器的客戶端開發的基本配置。

JavaScript在程式設計領域中的應用

當前流行的NoSQL運動的三隻領頭羊：CouchDB、MongoDB和Riak，都是“文件資料庫”。這幾個資料庫的“文件”，其實就是JSON文件，而不是Word或Excel。JSON已經成為一種被廣泛採用的資料交換格式（所有現代的程式語言幾乎全都有解析JSON的庫），而JSON實際上就是一種序列化JavaScript物件的格式。JSON 這個格式成為一種跨語言的標準，而不是Python、Ruby或Java等語言的序列化格式，這個事實本身足以說明JavaScript將在更加廣闊的舞臺上大顯身手。

JavaScript時代的大幕才剛剛拉開。Google在“編譯生成JavaScript程式碼”方面是首開先河者。GWT應該是透過編譯（從Java程式碼）生成JavaScript程式碼的第一個框架。

綜上所述，學習Web前端開發工程師的第一步就會先學會HTML和CSS，之後就是學習和HTML5和JS，這兩者可以理解為一種語言，因此在學習中沒有先後順序的區分。

前端這個崗位也是最近幾年才火起來的，以前前端的工作都是後端開發人員完成的，隨著網際網路產品對效能、速度的要求，一個人已經不可能完全精通前後端了，才會有現在前後端分離之說，所謂的前端具體的工作說通俗點就是完成產品使使用者能夠直觀感受的內容，比如產品介面直觀的感受，在介面上填寫表單點選按鈕等等。要完成這些工作，你的學習步驟應該是這樣，但是有個前提你必須對這行有興趣，因為這行更新實在太快，沒有興趣是很難保持激情去不斷學習的：

你需要先從基礎的HTML、CSS、JavaScript學起。

學完後在去學習JQuery、BootStrap這樣的指令碼庫進行前端專案的練手。

然後去學習前端相關的框架Vue、React、Angular任選一種即可。

最後學完框架再去選型興趣方向，專注動畫、基礎業務應用、手機端、小程式、WebGL、後端NodeJS等。

前端最基礎的內容，莫過於 HTML、CSS、JavaScript 這三樣技術，首先我們來看下面的幾張圖片，現有個直觀的認識：

1、HTML就如同網頁的骨架和結構，設計之前，我們先打草稿

2、CSS就好比上色器，對草稿進行完善和上色，讓其更加美觀

3、JavaScript 主要用於和使用者進行互動的，比如使用者在電商網站上進行購買商品

透過以上三張圖，大家是否搞明白了三者之間的區別和關係了呢，如果還沒弄明白，我再說的直白點，就拿我們買房子來說，新房大部分都是毛坯房，毛坯房就好比剛才提及的HTML，買完房子，你肯定不會直接住毛坯房吧，你肯定需要對房子進行裝修和添置傢俱、電器了吧，這就好比剛才提及到的CSS 。如果你想再讓房子更“潮些”，你也許會引入“智慧裝置”，讓你隨時掌控房子的一切，這就好比剛才提及到的JavaScript 。

本文開頭，我已經提及了學習順序，這裡再強調下，就好比建房子，連磚頭都沒成房子的形狀，你怎麼裝修和添置傢俱呢，不言而喻，我們首先要學習HTML標記語言，然後在學習CSS、JavaScript。

學習 HTML 可以先把基本的標籤弄明白是什麼意思，然後在理解怎麼沒有引入CSS的情況下，完成網頁基本結構的佈局。

如果前面的內容都掌握了，就要學習CSS了，學習CSS建議看書和影片結合的形式，這樣比較直觀。透過學習你要搞清楚常用的CSS的屬性（字型、單位、引入規則、浮動、背景等內容）、佈局用的盒子模型、flex彈性佈局，然後嘗試做簡單的網頁，你可以先從簡單的企業站模仿做起，理解HTML、CSS這兩者是如何結合在一起使用的。

前端的基礎學完了，在考慮學習JavaScript，建議看書，比較推薦的是前端入門聖經紅皮書或那本犀牛封面的書籍。不要一上來就看影片，要不基礎知識太薄弱，後面學習框架就會有莫名其妙的問題，找問題就十分費勁。

學完這些後，就要動手實踐做前端專案了，建議學習JQuery這個JS庫，基於這個JS庫，能幫助你很快上手前端專案，儘早熟悉前端程式設計思維，快速積累經驗。

先學html，js需要程式設計

HTML教程：http://codingdict.com/article/6063

js教程：http://codingdict.com/article/3131

html5是html的一個最新版本，多了很多特性。這些特性很大一部分要結合JS來用。所以不是先學哪個後學哪個，而是應該同步進行。實際上如果你不知道HTML和css，那應該先學這兩個。然後結合起來再仔細看看JS，然後再研究html5。

肯定是html5了

JS主要用來操作DOM（html），如果沒有html，JS沒有用武之地了，我的觀點僅限於此情此景 （JS用來做邏輯層和資料處理除外）

這個問題，首先要看你自身以前是否有程式設計基礎，如果沒有基礎的話，可以先從HTML+css開始接觸起來，當自己能寫一些靜態頁面的時候，就可以開始學習js,另外HTML5是一種技術標準，是許多技術的合集，裡面包括了JS