Верный826
作為一名前端老（資深）程序員，我來說一說。
HTML
HTML是網頁的框架，稱為超文本標記語言，是一種標識性的語言。它包括一系列標籤，也許你也見過，如p，li，boday，u，a表情等等。通過這些標籤可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。但是html只是讓瀏覽器認識你寫的語言是什麼，網頁排版他不負責。
CSS
css層疊樣式表，CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。說通俗一點，就是負責網頁排班佈局。
要求：用Html+css佈局寫出靜態頁面，這是學習開發的最基礎最基礎的，必須掌握。
JavaScript
簡稱js，是一種具有函數優先的輕量級，解釋型或即時編譯型的編程語言。JavaScript 基於原型編程、多範式的動態腳本語言，並且支持面向對象、命令式和聲明式（如函數式編程）風格。只會佈局和框架是不行的，需要js實現頁面的動態互動。
要求：能夠寫出簡單的交互，聯調數據。js特別重要，基礎一定要打好，真是項目實踐中，很久接口文檔調用API等
jQuery
完全自己寫js工作量有點大，並且寫的不一定漂亮，所以有了jQuery，jQuery快速、簡潔。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。簡單說，就是很多js腳本已經給你寫好了，拿來直接用就可以。
要求：能夠寫出簡單的交互，聯調數據。
Bootstrap框架
Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷。使得開發更迅速，代碼質量更高。
要求：熟練掌握，後期會經常用到。
Node.js框架
Node.js是一個應用程序框架，有時也被稱為運行環境（runtime），通過它，應用程序可使用JavaScript編程語言來構建。 Node.js以其速度而聞名，因為它是非阻塞的。非阻塞意味著一個請求不會等待另一個請求結束（也就是異步的）。異步這一特性使Node.js成為當前吞吐量最大的框架，而Java應用服務器通常阻塞每個綁定到線程的請求，只要沒有更多線程可用，服務器會停止接收請求
要求：熟練應用。
先寫這些，以上內容掌握了，寫前端開發基本沒問題了。前端還有許多知識，需要在學習中不斷完善，例如：JSON，XML，SASS，LESS，如果在學習一些後臺開發知識，就如同如虎添翼，一起加油。
科技無敵猿
隨著移動互聯網的迅猛發展，Web前端工程師開始嶄露頭角。隨著JS和XHTML應用程序的普及，越來越多的Web界面應用程序技術出現在網站上。有很多人想要從事Web前端，卻又不知道學什麼，如果你想學好Web前端開發，可以多方面瞭解需要掌握的技術及工具。
常用的Web前端開發技術
1)HTML。HTML是網頁的核心，是一種製作萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言。它是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言，學好HTML是成為Web開發人員的基本條件。
2)CSS。學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。
3)JavaScript。學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發人員的個人技能。
4)jQuery。jQuery是相當於把JS封裝了一套的一個JS插件，目的就是操作起來更方便，代碼寫的更少。
5)操作系統。瞭解Unix和Linux的基本知識，對於開發人員有益無害。
6)網絡服務器。瞭解Web服務器，包括對Apache的基本配置，htaccess配置技巧的掌握等。
7)最好會點後臺語言,比如Java、PHP,前端人員瞭解後臺代碼,就會知道怎麼跟後臺交互數據是最好的, 這樣既節約時間,也可以讓前端代碼更規範。
常用的Web前端開發工具
1)Bootstrap。Bootstrap是快速開發Web應用程序的前端工具包。它是一個CSS和HTML的集合，使用了最新的瀏覽器技術，給Web開發提供了時尚的版式、表單、buttons、表格、網格系統等。
2)Foundation。Foundation是一個易用、強大而且靈活的框架，用於構建基於任何設備上的Web應用。提供多種Web上的UI組件，如表單、按鈕、Tabs等。
3)Notepad++。Notepad++是一款非常有特色的編輯器，是開源軟件，可以免費使用，支持的語言: C、C++、 Java、C#、XML、HTML、PHP、Javascript。
4)Visual Studio Code。Visual Studio Code是一個運行於OS X、Windows和Linux之上的，針對於編寫現代Web和雲應用的跨平臺編輯器。
想要成為一個高薪Web前端工程師，你要紮實的掌握Web前端開發的各種技術，還要熟練使用各種前端開發工具。如果你想要快速成為企業需要的高薪高職人才，可以選擇去專業學習一下。
鄭州小千
如今學習web前端的人越來越多，作為一個初入行的新手，一定要想清楚為什麼要學習web前端，出於一種什麼樣的心態去學習，然後給自己做好定位。下面，千鋒杭州web前端培訓小編就給大家總結一下，零基礎新手在學習web前端時應該掌握哪些知識點。
1、HTML學習
超文本標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。因此，我們必須掌握HTML的基本結構和常用標記及屬性。
2、CSS學習
CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以複用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。
3、JavaScript學習
JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，藉助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那麼呆板。
4、jQuery學習
jQuery 是一個免費、開源的輕量級的JavaScript庫，並且兼容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持)，同時現在有很多基於jQuery的插件可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其 write less,do more的核心宗旨
5、bootstrap
Bootstrap是Twitter推出的一個開源的用於前端開發的工具包，是一個CSS/HTML框架，並且支持響應式佈局。一經推出後頗受歡迎，一直是GitHub上的熱門開源項目。
6、實戰
人生學習的態度是：不急不躁，不快不慢。持之以恆，相信自己。不求能改變世界，但求能改變自己的生活。我們學習web前端最終的目的是為了找到一份滿意的高薪工作，那麼實戰經驗對於我們就至關重要，所以，在學習的過程中除了學習各種基礎知識，我們還應該積累自己的實戰項目經驗。
零基礎新手想要快速學成web前端，參加培訓班無疑時最高效快捷的方式。千鋒杭州web前端培訓以實戰項目驅動教學，除了培養學員的開發技術，覆蓋熱門大數據可視化內容，深度貫穿前端後端開發，緊貼主流企業一線需求，助力千鋒學員畢業即高薪就業。
杭州千鋒
先從前端知識開始學起
html和css其實不難，就是幾個簡單的標籤和屬性。難的就是我們如何運用所學的知識寫出一個比較穩定，接受度高的頁面。簡單地說，HTML就是一堆非常簡單的標籤，而CSS則是把你畫畫的流程用代碼按一定的格式寫出來。然後你需要理解常用HTML標籤的意思，學會各種CSS的屬性，還有CSS的盒模型、優先級、選擇器……
你要是想在網頁上實現交互效果，比如輪播圖、點擊按鈕後播放動畫等等，那麼就必須學會JavaScript.JavaScript是一門完整、強大、熱門的編程語言，瀏覽器的各種交互效果都由它來做到的。你先要了解一些基礎的JavaScript概念(變量、函數、基本類型)後，然後學習jQuery(JavaScript代碼庫的一種)，並且通過jQuery繼續使用CSS的選擇器。
隨著社會的發展，js顯得越來越重要了，而我們所瞭解的知識只是其中的冰山一角。當我們看到寫出來的頁面既美觀有可愛、即好玩又時尚的時候，那裡面其實不知道包含著多少js的兼容問題，為這個兼容性就是我們在平時工作中的生存之道。所以，我們要不斷的摸索、不斷的學習，像寶劍一樣越磨越利，才能是我們沉澱更多，工作中才會得心應手。
前端就業好，但是不能盲目的學習，要了解前景，就業，比如你想在哪個城市就業，看下就業的基本要求。
祝學好
千鋒哈爾濱
零基礎並不是問題，重要的是持之以恆，有強大的信念和執行力。這樣才能支撐你在整個過程學習中，不感到疲憊和睏倦。才能熱情滿滿地寫 Bug ，改 Bug 。
如果想要學習，那麼先要了解一些基礎的東西是必要的。可以到「菜鳥教程」https://m.runoob.com/，先學習一些基本的概念，比如 HTML，CSS 和 JavaScript 。
HTML 為超文本標記語言， 標準通用標記語言下的一個應用。 “超文本”就是指頁面內可以包含圖片、 鏈接，甚至音樂、 程序等非文字元素；CSS 是一種用來表現 HTML 文件樣式的計算機語言；JavaScript 是一種高級編程語言，通過解釋執行，是一門動態類型，面向對象的直譯語言。
瞭解了上邊三種語言後，基本就算入了門。這時候，就要靠大量的實戰項目進行鞏固學習和提升。可以動手做點小項目進行練練手，如果不知道有什麼項目，可以到「實驗樓」https://www.shiyanlou.com/，看看上邊的小項目，並跟著做就得了。當然，上邊有一些項目是需要錢的，但有一個小方法可以不浪費錢，那就是利用搜索引擎，直接搜索實驗樓上邊項目的名稱，一般別人都會分享有的。
最後，說了那麼多，學習最主要的還是靠自我驅動，只有堅持不懈的專研，你才能有所進步。也祝大家能學有所成。
韌桂影視
大多數人在學習新技能的時候都是零基礎的，這個不需要擔心，只要自己感興趣，堅持下去，著手去做就好，一定要記住，如果確定學了，不要半途而廢，只有這樣，你才能看到自己努力的成果，當你感覺到非常困難的時候，你正在走上坡路。
學習前端路線
推薦網站，w3school或者菜鳥教程都可以，按照上面的路線圖，先把html,css基礎打好了，後面的一些技術都是用基礎知識封裝的，學習的時候，一定要多加練習，只有實踐才能檢驗自己學的效果如何，實踐中才能讓自己發現更多的錯誤，是提升最快的時候。加油！！！
