① 怎樣自學web前端開發
1、首先，得學習一下html，主要是學習一下html標簽的使用方法。推薦一個學習平台，W3C 菜鳥教程。這個教程簡單易用，適用於初學入門者，能比較完善的學習html是怎麼使用的。（如果感興趣，學完後可以接著學一下html5，這個是目前最新版本的html，也比較簡單的。）
② WEB JAVASCRIPT 鄙人在學網頁設計，做個首頁，有幾個按鈕！
這種效果一般都是用ajax做的，你在按鈕的點擊事件里把請求發送給後台得到數據後顯示就行了
③ 前端工程師一般都喜歡去哪些網站逛
前端工程師一般都比較喜歡的網站，推薦如下：
w3cschool
只要是學習者，學習跟電腦軟體，語言相關的知識，肯定要知道的一個網站，該網站由淺入深，非常基礎的給出了很多知識的概括。沒事的時候，經常去看看總能有意外的收獲。runoob
這個叫菜鳥教程網的，雖然叫「菜鳥」，其實很多知識點都已經達到了中等水平，和w3cschool差不多，做了一些整合，相對來說翻譯的中文比較多，可以結合著w3cschool一起看。javascript中文網
前端開發工程師都知道，對於前端開發來說想，學習最重要語言之一就是javascript，所以要想讓自己提升一個等級，javascript是必須精通的，這個網站非常基礎的介紹了javascript的語言使用方式。強烈建議新手觀看。Bootstrap
一個最主流的前端主流框架之一，目前認可度最高的一個前端框架，可以用來做移動端設計。非常的適用。最主要該網站上還提供了其他很多的相關連接地址。在學習的同時也可以擴展個人見識。如果你看到了這，那我接下來就不用介紹了，可以這么說 bootstrap這個網站里的很多東西，都是作為一個前端開發工程師學習的未來之路，例如React，Jquery，vue.js,webpack,angular.js等等等等。。。。
總結：其實前端開發是一個很廣的范疇，所謂的前端開發工程師也要看你的領域，有的只做網站頁面設計；有的製作web單頁設計，有的專門做手機端交互等等，上面我們沒提到的node.js就是前端開發的一個新領域，與其說是前端開發不如說是全端開發的新領域。知識真的是你學的越多，越發現，自己越渺小。
④ 菜鳥 想學習移動web前端開發 怎麼辦啊！有哪些書推薦下😳😳
現在前端開發是一個很火很熱門的行業，在這里為大家詳細解釋一下這個高大上的行業！
在國內大學課程裡面，幾乎沒有前端開發這門課程，無非就是一些網頁設計之類的課程，但那些課程無論是老師講還是學生聽，都是敷衍了事，這個我深有體會，我相信大家一定也有同感！所以，目前前端開發主要是通過自學，和參加正規的培訓！對於培訓來說，一般會分為初級、中級、高級等級別，因為憑我們自己很難掌握這些技能。但是自學是很困難的，畢竟是一個人自己摸索，網上看上去有很多視頻可以學習，但是那些視頻很多都是過時的，像js和h5這些想要自學根本學不會，更何況以後深入學習還要掌握框架構造！很多小夥伴就根本找不到學習的方向，最後白白浪費了自己的時間和精力！所以對於有條件的小夥伴，個人推薦最好是系統的學習一下！
接下來為大家介紹一下怎麼零基礎學習前端
基礎知識：
1、HTML + CSS 這部分建議在 W3school 在線教程 上學習，邊學邊練，每章後還有小測試。 之後可以模仿一些網站做些頁面。在實踐中積累了一些經驗後，可以系統的讀一兩本書，推薦《Head First HTML 與 CSS 中文版》，這本書講的太細了，我沒能拿出耐心細讀。你可以根據情況斟酌。也可以去w3school和慕課網學習。
Javascript 要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先在 W3school上學習。之後建議馬上看《Javascript語言精粹》，JS是一門很混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕，對於語言精華，應該深入學習。糟粕部分能看懂別人寫的代碼就行，自己就不用嘗試了。對於有需要的小夥伴，推薦找一個培訓班或者裙進行系統學習，下文會講到呢 。
有了以上基礎，就可以進行一般的靜態網頁設計，不過對於復雜的頁面還需要進一步學習。
jQuery，簡單易用，在W3school簡單學習js後，直接上手jQuery即可完成一些簡單的項目。學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。框架可以幫你屏蔽瀏覽器的差異性，讓你能更專注與Web開發學習的精髓部分。補充： 可以使用 Codecademy 學習 Javascript，jQuery，用戶體驗真的很好
傳統web從業者為什麼必須學習前端開發技能？——學習前端開發是晉升和加薪的捷徑。傳統web從業者，只要精通html+css，簡單的JS效果，切切圖，寫寫網站等就可以了，而如今的前端開發不再只是一個簡單的網站，現在越來越多的雲計算應用程序，比如web QQ接近我們經常使用的QQ的功能。以前用java 、J2EE、 .Net 、Object C等高級語言開發的應用程序也越來越走向web化、雲端化。 BS架構應用程序已逐漸成為主流。時代變了，用最犀利的前端技術武裝我們的大腦的時代已經來臨！
那麼我們應該怎麼學習前端開發這門技術呢 ？ 現在很多小夥伴喜歡在互聯網上找視頻資料學習網頁製作，但是光看視頻你是不可能學會網頁製作的，沒有人指導你，而且很多視頻已經過時了 ，並沒有什麼用! 如果你真的想學習網頁製作這門技術，你可以來這個裙，前面是伍思二，中間是一把一，最後是八溜一！ 在這里有最新的HTML課程 免費學習 也有很多人指導你進步，不需要你付出什麼 只要你有一顆學習的心就可以了。
下面是關於前端開發的一下雜談 有興趣的可以看看 ：
1、想要跟上潮流，想要掌握最新技術，做高精尖人才升職加薪，必須學習前端開發最新技能，畢竟做前端的就得跟上時代的潮流，如果有小夥伴想要學習前端開發，個人認為潭州學院還是蠻不錯的 ！相比於線下的培訓班，潭州無論是學費還是學習時間，都遠遠比線下的培訓班更加實惠，而且只要有電腦，有網路就可以進行學習！
2、前端開發的就業方向及薪資情況。
記得有人說過，未來不再有互聯網公司，因為未來所有的企業都會有互聯網部門，而互聯網世界離不開前端開發，像淘寶、阿里巴巴、支付寶、騰訊、京東、新浪微博等等大型的基於互聯網的企業與產品，都需要優秀的前端高級開發人才。
不僅僅是互聯網企業，隨著O2O模式的越來越普及，傳統企業越來越互聯網化、雲端化，前端開發人才需求越來越多，人才缺口高達上百萬。
招聘網站上現在的前端開發工程師的平均薪酬已經達到了12926元，需求巨大，前景廣闊，薪資還高。
3、你適不適合學習前端開發？
如果你已經有了傳統web基礎(css+div)，那麼是時候提升你的前端開發技能了…
如果你沒有接觸過web前端開發，那麼如果你經常上網，沖浪，希望要了解互聯網世界背後的故事，可以先從web前端開始了解，因為這是開啟互聯網世界大門的鑰匙…
web前端JS課程的核心特點。
web前端課程的核心特點是：我們不僅僅要學會製作一個網頁，一個特效。
更多的是我們要用web前端開發傳統應用程序，我們做pc端，移動端，各種響應式，web 游戲，web 企業管理系統，web 移動程序，開發一個大規模項目，html5游戲，甚至用js開發傳統高級語言才能做的資料庫交互，不用後台語言，就靠我們js做後台，流行大趨勢……
4、課程模塊介紹。
未來需要什麼，我們就需要學什麼：
模塊1：基礎入門階段；
模塊2：web移動開發– html5、 css3、
模塊3：html 5 游戲— html5 、canvas；
模塊4：用js去做傳統java 、.NET、 PHP才能做的資料庫操作，伺服器編程。— ajax 、node.js；
模塊5：大型BS、雲計算、項目開發（比如淘寶，京東）–面向對象、設計模式、大型項目分層架構思想（比如MVC，MVVM)、js框架、web前端架構、js組件；
5、學習方法、薪資目標。
【兩大基礎，內外雙修】
兩大基礎：js基礎（蹲馬步，基礎中的基礎–函數，事件，語句等）、面向對象（基礎）。內外雙修：
【內】掌握面向對象編程思維，模塊化編程思維，大型項目分層編程思維，大型項目團隊如何合作；
【外】學習一些前輩總結出來的最佳編程實踐：設計模式，比如能夠保證全局唯一的單例模式，創造萬物的工廠模式，模擬現實中介的中介模式，代理模式，以及所有業界都在談，都在吹，都在用的依賴倒置，依賴注入，面向切面編程等。
結語：年前，隨著iPhone的興起，iOS開發火爆中國。當年的行動者，如今已經成為百萬富翁！今天，隨著HTML5等WEB前端技術興起，前端開發的大潮已經襲來！趕快行動，讓青春不留遺憾，佔領行業制高點，主動權就再你的手中！
⑤ WEB前端菜鳥，感覺很迷茫，該怎麼做
學前端，不要去看書，不要去看書，不要去看書，重要的事情說三遍，初學者看不懂書。。學 html 和 css 要去寫，去寫，去寫 ，去寫電商網站，去寫靜態頁面，去寫大量的網頁。先學javascript 不要去看jquery，不要去看jquery，至少你得先懂什麼叫DOM，什麼叫BOM，什麼叫數組，什麼叫對象，然後去實現經典demo，輪播圖、手風琴、標簽頁什麼的之後，再去看jquery函數庫，最後面，給你之前的靜態頁面上添加行為，寫完之後去寫游戲網站，游戲網站，游戲網站。再去學ajax，php/node js，mysql。一門後端語言能讓你明白什麼叫數據交互，什麼叫頁面無刷新數據載入，再回到你當初寫的項目上，給它們添加上數據交互，實現電商網站的購物車，游戲網站的新聞動態載入，頁面動態生成，這個時候你的html中內容要越來越少，越來越少，越來越少。然後去學html5，,去學canvas svg echarts 至少掌握最基礎的繪畫能力接著去學angular js 或者 vue 或者 react 三個中的一個，因為你接下來要去學移動端了，而框架會讓你輕松很多。建議react。不要問為什麼。去招聘網站看看就知道了 然後 ionic Zepto.js PhoneGap 這些建議了解就好了。因為實在太多了，前端你學不完的。
⑥ WEB 前端菜鳥，感覺很迷茫，該怎麼做
剛步入前端你首先要把前端的基礎支持打牢固，像html,html5，css,css3運行的很熟練，前期切圖寫靜態頁面的能力，寫各種效果的能力要提升的比較高，接下來你要繼續往更高層次的發展就需要著手開始寫js,用js實現各種交互，這個階段，然後就是需要熟悉運行各種js框架，jQuery，vue,react,angular等等，最後就是不斷提升你的code能力 最後成為大牛
⑦ web前端怎麼自學，有什麼好的網站，或者資料推薦嗎
隨著Web前端的風行於世，有許多小夥伴加入了前端開發行業，但是有很多小夥伴想學Web前端很久了
首先，Web工程師要入門必須要了解前端、後端、後台的基本概念，同時要了解基本的html、css和javascript語法，最後根據設計師的設計圖在不考慮兼容性的情況下把頁面做出來。
其次，你可以把html、css和javascript分成三個階段進行學習。
第一階段：HTML的學習
Html是超文本標記語言，英文全稱為HyperText Mark-up Language，這是一個網頁的骨架。靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。
當然，學習html過程是比較枯燥乏味的，所以你需要更有效的學習策略。依w3cschool看來，你可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果，在「代碼」視圖中學本質，將各種視圖的優勢發揮到極致，想必會比單純記憶HTML標簽和屬性有趣、有用的多吧?
第二階段：CSS的學習
CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。
學習css建議可以看相關的一些書籍，如《CSS權威指南》(很詳細、很經典!)、《CSS揭秘》 《精通CSS：高級Web標准解決方案》，博客和專欄等也可以瀏覽。
第三階段：JavaScript的學習
JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，進而實現客戶端的特效、驗證、交互等。
建議可以看《javascript語言精粹》，js是一門很混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕。如果是精華部分，我們在後續進階部分可以深入研究，而如果是糟粕部分，那麼只要大概看懂別人寫的渣代碼就可以，自己還是不要嘗試為妙。
通過這三個階段的學習，我們就可以往更高級的web前端工程師進階了!
這里給你推薦5個網站供你學習
博客園
一個面向開發者的知識分享社區，一個IT技術人員想為IT技術人員們提供一個純凈的技術交流空間，博客園很長時間只有一個不能再簡單的博客，近四年，博客園僅靠一個人幾年工作的積蓄在維持。
芯晴素材網-網頁特效代碼
是一個集各種網頁素材以及網頁源碼為一體的面向開發人員的一個網頁素材網站，如果你想要學習前端頁面開發，這里，將是一個很好的起點。
jquery中文網
前端所能涉及領域的干貨文章，包括：Jquery、腳本編程、資料庫、伺服器技術、操作系統、建站教程。
菜鳥教程
網站HTML、CSS、Javascript、PHP、C、Python等基礎編程教程，同一個知識點有多篇不同角度的文章可供參考學習，資源免費，會實時更新站內文章。
jquery插件庫
各種前端程序員能用到的插件，喜歡研究新東西的自學者可以在這個網站里挖掘各種小插件。
以上的回答希望對你有所幫助
⑧ 2020年Web前端自學之路指南
今天小編要跟大家分享的文章是關於2020年Web前端自學之路指南。許多人可能跟著網路上的各種教程就入了前端這行的門，但大多數都只是機械的學習著資料中的內容。俗話說，選擇要比努力重要。那麼學習開發，首先應該要有一個清晰的學習路線。希望這篇文章，能為大家在選擇未來的發展方向時提供一些參考和幫助。下面來和小編一起看一看吧！
1、基礎學習
●HTML+CSS基礎：
HTML進階、CSS進階、div+css布局、排版、html+css整站開發，樣式美化和瀏覽器兼容
●JavaScript基礎：
掌握Js基本語法、條件、語句和循環、js內置對象常用方法、ECMAscript、DOM、BOM、定時器和焦點圖，並學習增強邏輯的常用演算法，實現木馬、拖放、放大鏡等常見的網路特效。
●JavaScript高級特性：
正則表達式與JSON、正則表達式案例、JavaScript原理與庫封裝、閉包、函數節流、作用域鏈、面向對象基礎、事件與運動框架封裝
●JQuery基礎使用：
DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件的基本使用，開發復雜的交互功能和效果，並能熟悉JQuery的插件開發機制。
2、HTML5+CSS3和移動Web開發
●HTML5：
HTML5新語義標簽、HTML5表單、音頻和告早視頻、離線和本地存儲、SVG、WebSocket
●CSS3：
CSS3新選擇器、偽元素、顏色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作
●圖像學：
Canvas、Canvas游戲、數據可視化、Heighcharts.js
●Bootstrap：
響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用擾友乎模板、LESS和SASS
●移動Web開發：
跨終端WEB和主流設備簡介、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、商城頁面、滾屏
3、HTTP服務和AJAX編程
●WEB伺服器基礎：
伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹
●PHP基礎：
PHP基礎語法，使用PHP處理簡單的GET/POST請求
●AJAX上篇：
Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用
●AJAX下篇：
JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI用法、使用Ajax實現瀑布流案例
4、面向對象進階
●面向對象終極篇：
從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器
●面向對象三大特徵：
繼承性、多態性、封裝性、介面
●設計模式：
面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程
5、封裝一個屬於自己的框架
●框架封裝基礎：
事件流、冒泡、捕獲、事件對象、事件框架、選擇框架
●框架封裝中級：
運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝
●框架封裝高級和補充：
JQuery框架雛形、可擴展性、模緩悉塊化
6、模塊化組件開發
●面向組件編程：
面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序
●面向模塊編程：
AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS、CommonJS、ES6Moles
7、工程化&構建、主流的框架
●Web開發工作流：
GIT/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack、打包案例
●MVC/MVVM/MVW框架：
Vue.js、React、Angular.js、Backbone.js、Knockout/Ember、項目驅動
8、Node.js全棧開發
●快速入門：
Node.js發展、生態圈、Io.js、Linux/Windows/OS
X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試;掌握node.js全棧的解決方案和在伺服器端JS高效開發
●核心模塊和對象：
全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO
●Web開發基礎：
HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。
●快速開發框架：
Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。
●資料庫：
mongoose/mongoDB、MYSQL
●Node.js開發電子商務實戰：
需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊
9、微信系列
●微信公眾號
JS-SDK配置、定製菜單、回調、定製分享內容、掃一掃、地理位置、微信音頻、圖像、語音識別功能、伺服器端curl
庫、支付、卡券、微店、微信開發模式與公眾號分析、統計分析
●微信小程序
小程序項目、uni-app、mpvue
10、移動APP(Web/Native/Hybrid)
●ReactNative簡介、ReactNative環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API
●Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)
11、其他
●職業素養
溝通表達、團隊合作、目標管理、時間管理、心態管理
●就業指導
簡歷&投遞技巧、面試&筆試技巧
12、推薦一些編程學習網站
01、嗶哩嗶哩
這個網站如果讓我評價，可謂是上邊的視頻都是非常高質量的，你可以去搜索看一下。
02、菜鳥教程
這個網站雖然不是視頻網站，一聽名字就知道適合菜鳥的，但是基礎的知識寫的非常詳細，很清晰易懂，非常適合剛開始學習編程的小夥伴。
03、W3School
之前剛開始學WEB開發時，經常在該網站，就是結合w3school學習前端，開發時，如果遇到記不清的標簽，就去w3school搜索，平常有時間，就來慕課看前端視頻。
類似這樣的學習網站還有很多，該開始入門的話上面的網站足矣。其他的網站推薦還有騰訊課堂、實驗樓、果殼MOOC學院等、知乎、掘金......
以上就是小編今天為大家分享的關於2020年Web前端自學之路指南的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web前端知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的Web前端工程師。
文章來源：原創前端猿前端猿指北