怎樣自學(xué)web前端開發(fā)？

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

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

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

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

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

web前端怎么自學(xué)，有什么好的網(wǎng)站，或者資料推薦嗎？

基礎(chǔ)性的學(xué)習(xí)網(wǎng)站：

w3school：

w3cplus：www.w3cplus.com

MDN網(wǎng)站 ：

菜鳥教程網(wǎng)：

易百教程：

腳本之家：

視頻類的學(xué)習(xí)網(wǎng)站：

尚學(xué)堂：

慕課網(wǎng)：

扣丁課堂：

極客：

騰訊課堂：

個人博客類的學(xué)習(xí)網(wǎng)站：

張鑫旭：

阮一峰：

廖雪峰：

辰辰：

軒楓閣：

社區(qū)類的學(xué)習(xí)網(wǎng)站：

：

掘金：

簡書：

WEB前端-伯樂在線：

Stack Overflow:

CSDN：

博客園：

開發(fā)者頭條：

*階段：專業(yè)核心基礎(chǔ)

階段目標(biāo)：

1. 熟練掌握HTML5、CSS3、Less、Sass、響應(yīng)書布局、移動端開發(fā)。

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

4. 熟練應(yīng)用CSS3技術(shù)，動畫、彈性盒模型設(shè)計。

5. 熟練完成移動端頁面的設(shè)計。

6. 熟練運用所學(xué)知識仿制任意Web網(wǎng)站。

7. 能綜合運用所學(xué)知識完成網(wǎng)頁設(shè)計實戰(zhàn)。

知識點：

1、Web前端開發(fā)環(huán)境，HTML常用標(biāo)簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿制任意網(wǎng)站的前端頁面實現(xiàn)。

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

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

4、使用HTML、CSS、LESS、SASS等技術(shù)完成網(wǎng)頁項目實戰(zhàn)。通過項目掌握*階段html、css的內(nèi)容、完成PC端頁面設(shè)計和移動端頁面設(shè)計。

第二階段：Web后臺技術(shù)

階段目標(biāo):

1. 了解的發(fā)展歷史、掌握Node環(huán)境搭建及npm使用。

2. 熟練掌握的基本數(shù)據(jù)類型和變量的概念。

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

4. 深入理解分之結(jié)構(gòu)語句和循環(huán)語句。

5. 熟練使用數(shù)組來完成各種練習(xí)。

6.熟悉es6的語法、熟練掌握面向?qū)ο缶幊獭?/p>

7.DOM和BOM實戰(zhàn)練習(xí)和H5新特性和協(xié)議的學(xué)習(xí)。

知識點：

1、軟件開發(fā)流程、算法、變量、數(shù)據(jù)類型、分之語句、循環(huán)語句、數(shù)組和函數(shù)。熟練運用的知識完成各種練習(xí)。

2、面向?qū)ο蠡A(chǔ)、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握面向?qū)ο蟮拈_發(fā)以及掌握es6中的重要內(nèi)容。

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

4、h5相關(guān)api、canvas、ajax、數(shù)據(jù)模擬、touch事件、mockjs。熟練使用所學(xué)知識來完成網(wǎng)站項目開發(fā)。

第三階段：數(shù)據(jù)庫和框架實戰(zhàn)

階段目標(biāo)：

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

2. 綜合運用Web前端開發(fā)框架進行Web系統(tǒng)開發(fā)。

3. 熟練掌握Mysql、Mongodb數(shù)據(jù)庫的發(fā)開。

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

5. 熟練運用Node.js開發(fā)后臺應(yīng)用程序。

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

知識點：

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

2、模塊系統(tǒng)，函數(shù)，路由，全局對象，文件系統(tǒng)，請求處理，Web模塊，Express框架，MySQL數(shù)據(jù)庫處理，，文件上傳等。熟練運用Node.js運行環(huán)境和后臺開發(fā)框架完成Web系統(tǒng)的后臺開發(fā)。

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

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

第四階段：移動端和微信實戰(zhàn)

階段目標(biāo)：

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

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

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

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

5.完成大型電商項目開發(fā)。

知識點：

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

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

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

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

web前端學(xué)習(xí)路線思維導(dǎo)圖

自學(xué)web前端，應(yīng)該從哪些知識入門呢？

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

我想問一下學(xué)習(xí)web前端可以自學(xué)不，需要怎么自學(xué)，學(xué)起來辛不辛苦，跟C語言有沒有關(guān)聯(lián)，需不需要買書

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

有哪個網(wǎng)站可以自學(xué)web前端？

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

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

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

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

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

消防可視化效果演示：

Web前端基礎(chǔ)技能知識都有哪些？

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

1、html+css。

2、。不是所有的網(wǎng)頁都必須有js，但是要想實現(xiàn)一些超酷的功能和界面的時候，就需要涉及到j(luò)s。如果沒有別的編程語言的基礎(chǔ)的話，學(xué)起來可以或者要費些力。

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

4、html5和css3?？梢曰蛘呦壤斫庖幌?，然后再著手。畢竟IE的瀏覽器大多還不支持。

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

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

web前端開發(fā)的學(xué)習(xí)方法？

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

1、自學(xué)

通過自己自學(xué)進入該行業(yè)，見效慢，不夠系統(tǒng)，沒有外援，使得學(xué)習(xí)過程中容易喪失自信與興趣。

2、培訓(xùn)班

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

零基礎(chǔ)wen前端培訓(xùn)如何入門

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

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

自學(xué)web前端開發(fā),請問從何入手呢？

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

接著是學(xué)習(xí)前端的一個難點、也是重點，就是。

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

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

下面是干貨。

體系：上圖。

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

一、文檔資料

紅寶書(基礎(chǔ))：

蝴蝶書(進階)：

阮一峰老師ES6:

權(quán)威官方文檔MDN：

二、學(xué)習(xí)步驟

語法和基本類型

控制流

循環(huán)

表達(dá)式和操作符

日期對象

正則表達(dá)式

對象

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

8.DOM操作

1>DOM樹的概念

2>從DOM樹取節(jié)點

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

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

5>屬性操作(id, className)

9. 事件處理

1>鼠標(biāo)事件(mouseove)

2>鍵盤事件(keyup)

3>瀏覽器事件(load)

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

10. 面向?qū)ο螅涸褪嚼^承、原型鏈

11. ES6：

ES6跟ES5還是有較大的區(qū)別，所以建議你能系統(tǒng)的過一遍，將上面的練習(xí)，改為使用ES6再來一遍

三、調(diào)試

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

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

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

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

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

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

webpack

gulp

上面的內(nèi)容結(jié)束后，就可以進入前端框架的海洋中暢游了。