怎樣自學web前端開發？

1、首先，得學習一下html，主要是學習一下html標簽的使用方法。推薦一個學習平臺，W3C 菜鳥教程。這個教程簡單易用，適用于初學入門者，能比較完善的學習html是怎么使用的。（如果感興趣，學完后可以接著學一下html5，這個是目前*版本的html，也比較簡單的。）

2、學完了html，接著當然是學習css。html的作用是填充網頁內容，css作用就是為內容加上外衣，讓它看起來富有色彩，更好看。推薦同樣在W3C 菜鳥教程上面去學習css，很簡單，大概兩三天的學習周期，這些內容需要強記一下，記下了多用就熟了，沒有什么難度。（學完css，可以接著學習css3，目前*版本的css，這個有興趣就學，一般的話css3用的不是很多，個人覺得）

3、學完了html,css，接下來是重頭戲，輪到了我們的，業界簡稱js。很多程序員說js的難度超過了java， 我想說的是，簡單易學的入門，深究可能就要費腦子了，當然大家不要怕，企業應用級別的js也是很簡單的，吧W3C 菜鳥教程中的文檔看完完熟了，也就了解了js的使用方法了，哈哈。

4、學完了上述的html,css,js后，咱們就可以成為一名合格的web前端程序員了。但是光合格還是不夠的，技術要拿得出手，工作中才能輕松勝任，學習咱們搞編程是不能停止學習步伐的，繼續出發！學什么呢，學完js后，首先要學的是jQuery框架，說它的大名鼎鼎是一點都不為過，不知道jquery是什么的程序員我就不想說什么了，你現在知道它的重要性了嗎，這個一定得好好學習。

5、接下來我想推薦另外兩個現在非常熱門的比較新的框架，它們未來會成為主流前端框架，一個叫angularjs，目前*版本的是angular4，另外一個是vue.js，大家感興趣可以學習學習。

web前端怎么自學，有什么好的網站，或者資料推薦嗎？

基礎性的學習網站：

w3school：

w3cplus：www.w3cplus.com

MDN網站 ：

菜鳥教程網：

易百教程：

腳本之家：

視頻類的學習網站：

尚學堂：

慕課網：

扣丁課堂：

極客：

騰訊課堂：

個人博客類的學習網站：

張鑫旭：

阮一峰：

廖雪峰：

辰辰：

軒楓閣：

社區類的學習網站：

：

掘金：

簡書：

WEB前端-伯樂在線：

Stack Overflow:

CSDN：

博客園：

開發者頭條：

*階段：專業核心基礎

階段目標：

1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。

2. 熟練運用HTML+CSS特性完成頁面布局。

4. 熟練應用CSS3技術，動畫、彈性盒模型設計。

5. 熟練完成移動端頁面的設計。

6. 熟練運用所學知識仿制任意Web網站。

7. 能綜合運用所學知識完成網頁設計實戰。

知識點：

1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿制任意網站的前端頁面實現。

2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。

3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握*階段html、css的內容、完成PC端頁面設計和移動端頁面設計。

第二階段：Web后臺技術

階段目標:

1. 了解的發展歷史、掌握Node環境搭建及npm使用。

2. 熟練掌握的基本數據類型和變量的概念。

3. 熟練掌握中的運算符使用。

4. 深入理解分之結構語句和循環語句。

5. 熟練使用數組來完成各種練習。

6.熟悉es6的語法、熟練掌握面向對象編程。

7.DOM和BOM實戰練習和H5新特性和協議的學習。

知識點：

1、軟件開發流程、算法、變量、數據類型、分之語句、循環語句、數組和函數。熟練運用的知識完成各種練習。

2、面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握面向對象的開發以及掌握es6中的重要內容。

3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。

4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。

第三階段：數據庫和框架實戰

階段目標：

1. 綜合運用Web前端技術進行頁面布局與美化。

2. 綜合運用Web前端開發框架進行Web系統開發。

3. 熟練掌握Mysql、Mongodb數據庫的發開。

4. 熟練掌握vue.js、webpack、elementui等前端框技術。

5. 熟練運用Node.js開發后臺應用程序。

6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。

知識點：

1、數據庫知識，范式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb數據庫。深入理解數據庫管理系統通用知識及MySQL數據庫的使用與管理，為Node.js后臺開發打下堅實基礎。

2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL數據庫處理，，文件上傳等。熟練運用Node.js運行環境和后臺開發框架完成Web系統的后臺開發。

3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。

4、需求分析，數據庫設計，后臺開發，使用vue、node完成pc和移動端整站開發。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能并上線發布。

第四階段：移動端和微信實戰

階段目標：

1.熟練掌握React.js框架，熟練使用React.js完成開發。

2.掌握移動端開發原理，理解原生開發和混合開發。

3.熟練使用react-native和Flutter框架完成移動端開發。

4.掌握微信小程序以及了解支付寶小程序的開發。

5.完成大型電商項目開發。

知識點：

1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Redux基本概念。練使用react完成項目開發、掌握Redux中的異步解決方案Saga。

2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網絡請求、打包。練掌握react-native和Flutter框架，并分別使用react-native和Flutter分別能開發移動端項目。

3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。

4、大型購物網站實戰，整個項目前后端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、后臺管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、。

web前端學習路線思維導圖

自學web前端，應該從哪些知識入門呢？

介紹一下Web前端學習路線，幫助零基礎的小伙伴更好的學習。
1、前端頁面重構。主要內容為PC端網站布局、HTML5+CSS3基礎、WebApp頁面布局。學習目標是完成PC端網站布局，WebApp頁面布局，還要可以通過HTML5+CSS3的2D、3D等屬性實現一些精美的動畫效果。
2、高級課程、PC端全棧項目開發。主要內容為原生、面向對象進階與ES5/ES6應用、工具庫自主研發、JQuery經典交互特效開發、HTTP協議、Ajax進階與后端開發、前端工程化與模塊化應用以及AngularJS等。學習目標是可以通過原生開發交互功能，實現網站上的交互效果，以及模塊化應用等，實現完整的前端工程。
3、Web前端框架、混合開發(Hybrid，RN)、大數據可視化。主要內容為Node.js后端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid，RN)、Angular前端框架、大數據可視化等。學習目標是可以獨立完成相應的項目，如場景，應用Vue.js/Ionic/React.js等框架開發WebApp，小程序項目開發，以及各類混合應用項目開發等。
以上就是為大家規劃的學習路線，相信學完該課程即使是零基礎的小白，也能熟練掌握移動Web網頁開發、網頁編程、前后端交互、小程序項目開發，以及各類混合應用項目開發等核心技能，勝任前端開發工程師的崗位。

我想問一下學習web前端可以自學不，需要怎么自學，學起來辛不辛苦，跟C語言有沒有關聯，需不需要買書

web前端相對Java來說是算簡單的，比較適合零基礎的小白學習。但能不能學會web前端，主要看你的學習方式。一般有兩種學習方式，自學和培訓。想要自學學會web前端時間非常難的事，自學消耗時間長，至少需要一年的時間，并且學的不全面，還有項目給你練手，*能否學會也是問題。培訓一般是5個月的時間，有專業的人教你，學的更系統全面，還有一群志同道合的小伙伴跟你一起學，學習效率更高。真實的項目給你練手，對日后找工作幫助很大的。【點擊測試我適不適合學設計】
IT培訓選擇教育。是一家擁有核心教研能力以及校企合作能力的職業教育培訓企業，2011年成立于北京，秉承“初心至善匠心育人”的核心價值觀，以堅持面授的泛IT職業教育培訓為根基，發展至今已布局教育培訓、高校服務、企業服務三大業務版塊，旗下擁有教育、好程序員、小獅視覺、扣丁學堂、鋒云智慧、鋒企優聯、鋒友學盟、鋒益等多個子品牌，截止目前已在北京、深圳、上海、廣州、鄭州、大連等20余個核心城市建立直營校區，服務近20萬學員、近千所高校和數萬家企業。

有哪個網站可以自學web前端？

我也在W3Cschool學過HTML，總感覺缺了點什么，然后就去報了培訓班，跟老師說我要學用HTML做出好看的EDM設計，于是老師就讓我照著EDM案例模仿學習，很快我就拿到了網頁設計師的認證，賣給客戶$100一個，很快就賺回了培訓費。這算不算最早期的知識付費，還賺了？

學習需要動力，總是停留在理論層面是沒有價值的，所謂的實操也不是一場考試認證，而是做出商業化項目作品，看客戶是否愿意為你付費？正好有一個機會，讓你做屬于自己的3D可視化項目，這里了解一下什么是3D可視化？就是帶有基礎數據的3D效果圖，根據需求不同進行更多效果開發，天貓雙十一倒數大屏也算一種！

如要進行3D開發實操，推薦去thingjs注冊免費賬號用一下，官方有優惠哦！近兩年新興的thingjs，采用編程語言進行開發，有web前端基礎的同學容易入門。

前往資源中心，提供十萬個3D模型、場景和項目案例，還提供教程視頻、下載插件和開發技術文檔，手把手教你開發3D動畫！這些都是理論基礎準備，開發界面還提供200多個3D源碼（如下圖），光學會這些官方示例，你也差不多具備3D可視化的前端基礎了，而且這是聚焦于物聯網3D可視化，很有“錢”景！

有初學者破了一周開發出3D項目的記錄，thingjs就是為項目開發者提高效率而生的！完成一個3D項目，不需要什么高大上的配件，只需臺式電腦和谷歌瀏覽器，就可以做出不錯的3D可視化效果！

消防可視化效果演示：

Web前端基礎技能知識都有哪些？

Web前端基礎技能知識都有哪些?當我們在接觸一門新技術的時候，可能會有很有的疑問，常常會從不同的方面去衡量。比如Web前端基礎知識有哪些?Web前端好找工作嗎?Web前端的市場前景如何?一系列的問題，今天北京IT培訓就和大家一一闡述。

1、html+css。

2、。不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。如果沒有別的編程語言的基礎的話，學起來可以或者要費些力。

3、Photoshop、flash。熟悉會一點兒就行了，不必全部都學得精曉，如果你在學習的過造中對ps或者flash比較感興趣的話，也可以或者嘗試做美工這一行。

4、html5和css3。可以或者先理解一下，然后再著手。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容。懂web標準，熟練手寫xhtmlcss3并符合符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現在還利用的人還是有的。

6、熟悉一門后援編程語言asp、php、jsp等。

web前端開發的學習方法？

用微信的人已經快達到與QQ的使用人數了，而隨著微信小程序的出現，web前端的也被推至了潮流尖端。凡是熱門的行業都是需求暴漲的，不論是web前端，還是HTML5又或者是Java工程師等職業，均是如此。如果零基礎的你想做web前端開發程序員，那就來北京北大青鳥web前端培訓吧，零基礎也可以入學，老師引導你從零到有。那么零基礎要怎么簡單的入門呢?北京北京UI設計培訓一起來看看吧!

1、自學

通過自己自學進入該行業，見效慢，不夠系統，沒有外援，使得學習過程中容易喪失自信與興趣。

2、培訓班

通過參加教育培訓機構入門。通過自身學習入門你需要通過的是最開始學習時多看看視頻，有一定了解后針對自身情況挑選合適的書籍，進行知識性的查漏補缺。當然這學習的過程很重要，需要將自己學習的知識串成知識點時常溫習。平時多練習代碼，堅持一段時間之后一定能有所成就。然后還可以參加合適的教育培訓機構，這樣可以減少你學習的時間，有針對性的學習。

零基礎wen前端培訓如何入門

Web前端的學習是一個由易到難的過程。技能很重要，但重要的是Web前端的思維和對行業*動向的了解，以及學習方法的養成。其技術分為三個階段：分別是前端美工、前端開發和前端架構。前端美工主要負責最基本的一些平面設計，交互設計，不需要參加太多代碼問題;前端開發會寫js，應用js，用戶交互等;前端架構是開發、優化框架和服務器，用戶體驗等涉汲就比較廣。三者薪資根據等級不同也逐漸升高。

Web前端開發包括三個要素：HTML、CSS和JS，是Web前端開發包括的三要素，當然服務器端語言以及基本的PS、視覺設計也是需要了解的。Web前端既需要與上游的交互設計師、視覺設計師和產品經理溝通，又要與下游的服務器端工程師溝通，需要掌握的技能比較多。所以對于有些知識只需要入門不需要精通，有些知識卻需要融會貫通，這對Web前端開發的學習比較重要。

自學web前端開發,請問從何入手呢？

學習前端，要從學習HTML和CSS開始著手。關于這部分的學習，網上可選擇的資料就太多了，這里不一一列舉，題主百度搜索欄搜索?HTML 教程，或者css 教程，就可找到相關資料。

接著是學習前端的一個難點、也是重點，就是。

首先，初學一門語言，要秉承一個原則：“能動手的，盡量別吵吵”

另外，你需要一個能夠從簡到難的知識體系，一步一步跟下來。

下面是干貨。

體系：上圖。

說明一下這張圖，題主提問如何有效學習JS，我這里理解為JS原生，所以關于框架、工作流的內容，沒有具體展開，題主有興趣可以自行搜索。

一、文檔資料

紅寶書(基礎)：

蝴蝶書(進階)：

阮一峰老師ES6:

權威官方文檔MDN：

二、學習步驟

語法和基本類型

控制流

循環

表達式和操作符

日期對象

正則表達式

對象

上面這些搞定，就已經掌握了ES5的最基本的內容了，接著，我們就可以來操作頁面了。畢竟這是一個看臉的社會，我們在搞頁面的同時，還要注意一下頁面的樣式。

8.DOM操作

1>DOM樹的概念

2>從DOM樹取節點

3>操作這個DOM樹(節點的添加、刪除、修改)

4>訪問節點(, children, 等等)

5>屬性操作(id, className)

9. 事件處理

1>鼠標事件(mouseove)

2>鍵盤事件(keyup)

3>瀏覽器事件(load)

好，到這里，基本上靜態頁面，你就可以隨意玩耍了。這里我們*降上面思維導圖提到的例子，都擼一遍。一是加深上面知識點印象，二是鍛煉一下編程的邏輯思維能力。具體實現，網上有一堆堆的。（這里讓題主自己搜索，是因為編碼的一項重要能力，就是搜索）一定要謹記，多敲代碼。

10. 面向對象：原型式繼承、原型鏈

11. ES6：

ES6跟ES5還是有較大的區別，所以建議你能系統的過一遍，將上面的練習，改為使用ES6再來一遍

三、調試

1、JS編程的調試非常簡單，打開瀏覽器控制臺(我個人比較鐘愛Chrome)。如圖：

1> console標簽：這個標簽，可以打印我們開發時，JS引擎為我們拋出的異常。我們可以根據這個異常的信息，來分析錯誤原因。另外，我們也可以在代碼中使用console.log() 輸出程序運行時的環境變量信息。

2> 右紅框1：錯誤提示。說明當前頁有一個error發生，點擊他，可以跳轉到console來查看錯誤具體信息

3>右紅框2：警告信息。提示了我們程序潛在的危險。

4> source，我們進行單步調試的地方。具體見下圖

（四）、工作流(跟JS原生關系不大，不詳細展開了)

webpack

gulp

上面的內容結束后，就可以進入前端框架的海洋中暢游了。