❶ 如何開始學習前端知識，我的基礎比較差
一、明確目標
1、明確自己以後要做什麼，需要掌握什麼技能。很多人在不知情的情況下盲目學習。首先，你知道公司現在需要什麼人才，你應該為什麼目標而奮斗。
2、系統的規劃，每天學習哪些新知識和每天做的作業、練習。很多人都想自學web前端，以為過幾天看完教學視頻就行了。但事實上，想通過學習web前端找工作，沒有4-6個月或者接觸項目實戰很難做到。因此，規劃是必要的，而且需盡早開始規劃。
3、注重學習方法，很多人在學習web前端的時候，剛開始學習的時候選擇了錯誤的學習方法，因此最終註定要放棄，回到原來的崗位繼續做自己不喜歡的事，學習web前端需要一定的技巧，在開始學習之前要多問問別人，不要盲目的自學，浪費時間。
二、掌握基礎技巧
一個優秀的網路前端開發工程師必須具備系統的知識和豐富的工作經驗，因此，許多大公司很難招聘到理想的前端工程師，甚至高薪也是如此。那麼如何系統地學習實用的企業 web前端技術呢？在此，源妹兒不再進行技術講解，而是集中進行技術講解。技術並非黑白分明，只有對錯，技術見仁見智。
1、必須掌握基礎的Web前端開發技術，包括CSS, HTML, DOM, BOM, Ajax, JavaScript等等，在掌握了這些技術之後，還必須清楚地了解它們對不同瀏覽器的兼容性，渲染原理以及存在的bug。
2、要想成為一名合格的前端工程師，還必須具備網站性能優化、SEO、伺服器等基本知識。
3、要學會利用前端的各種輔助開發工具。
4、除技術層面外，還應具備以下方面的理論知識：代碼的可維護性、組件的易用性、層次化語義模板和瀏覽器分級支持等。
三、了解框架
做前端開發的都知道3大框架：Angular,Vue,React，下面說說他們的特點。
1、React：次組件重復渲染問題需要手動優化；rex可以用於狀態管理，函數化，不可變，模式化，時間旅行；JSX，完全的 javascript功能；更加繁榮的社區生態。
2、Vue：可使用JSX，但推薦使用模版語言不是JSX；
3、Angular：包括模板、數據雙向綁定、路由、模塊化、服務、過濾、依賴項注入等所有功能的完整 MV框架；Typescript；比較 UI與後台數據一致性的不完整數據檢查。
4、jQuery ：還推薦使用，它使用簡單，學習方法也很簡單。只要根據產品文檔完成幾頁的工作，你就不需要做任何事情。然後，查一下這些文件。這個框架可以幫助你屏蔽瀏覽器的多樣性，讓你更加關注 Web開發的本質和學習。
5、Boostrap:它無疑是目前使用最廣泛的一個框架。它是一套美觀，直觀，實用的網頁設計工具，可以用來開發跨瀏覽器兼容性好，視覺效果好的網頁。這個軟體提供了很多流行的簡約風格的 UI組件，網格系統，以及一些常用的 JavaScript插件。
四、注意事項
1、有必要理解產品的邏輯和形成過程——希望參與開發產品的相關人員可以參與到產品討論中，以了解需求。並理解產品隱藏在未來的需求！
2、想要知道交互細節——想要參與產品開發頁面的相關人員參與交互討論，想要了解交互和設計細節！確保網頁的結構合理且可擴展！只要有合理的建議！
3、了解資料界面-了解產品相關模組所需資料，與相關技術人員溝通並形成文件。
4、學習行業最新技術，參與行業交流！
前端是網站的門面，是背景實現和視覺表達之間的橋梁，貫穿整個產品開發過程，起著承上啟下的作用。一個好的前端工程師可以很好的理解產品經理對用戶體驗的要求，也可以很好的理解後台工程師對數據邏輯或者程序邏輯分離的要求，並將這些要求轉化為前端開發工作。
最後，如果基礎特別差，建議可以選擇前往培訓班學習。重慶源碼時代，專注於JAVA、H5前端、Python等IT教育培訓，著力於為企業培養編程、設計、產品等方面的「實戰型」人才。為互聯網市場培育了10W+精英學員，學員畢業平均首薪7500+，專業就業率高達98%，學員口碑推薦入學率高達80%。無論你是零基礎還是想轉行，來源碼時代，帶你實現高薪就業~
❷ 如何深入學習web前端
web前端學習包括自學和系統學習兩種方式，零基礎是可以學會web前端的。自學吃力的原因，可能在於學習順序不太對，比如先去學習了最難的一部分，所以感覺比較吃力。其實掌握了方法，前端學起來真的不會特別難。
web全棧工程師5.0課程包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（Mysql資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
如果你想要快速學習Web前端技術，專業全面的學習方式比較好，一般費用在2W左右。
祝你學有所成！望採納！
❸ 讓你成為合格的Web前端工程師的經驗
今天小編要跟大家分享的文章是關於讓你成為合格的Web前端工程師的經驗。為了幫助大家更好的學習Web前端技術成為一名優秀的Web前端工程師，小編為大家准備了這篇關於成為合格的Web前端工程師的經驗的文章，下面我們一起來看一看吧！
1、不要因為怕自己落伍而去學習新東西
一個優秀的開發者始終在學習，這一點毋庸置疑。誠然，舊的技術終會被淘汰。但是新的技術終有一天會變成舊的。因此，沒有必要一味地去追求最新的技術。
平均每37秒就會誕生一個新的標准或框架，你不可能把它們都學會。很多新技術、框架或者新特性對你來說都不是必需的，你沒必要非得了解它們。真正有價值的技術需要經過社區和市場一段時間的打磨才能出現。
IT公司通常都會重點培養適合於自己的技術，沒有哪個公司會一拍腦門讓自己的代碼去適配某個全新的框架。因此你也不用太擔心因為某些新技術而被裁員。你需要關注的是這三類知識，按照優先順序排列如下：
(1)基礎。基礎是重中之重。
當你掌握一門基礎知識後，你可以快速掌握其相關的技術。比如如果你非常熟悉JavaScript，那麼基於JavaScript的任何框架都難不倒你。如果你掌握了面向對象編程，那麼你可以快速掌握一門新的面向對象的語言。深入學習基礎能夠大幅提高你的學習效率。
(2)你常用技術的最新版本。
你平常用得最多的技術才是你的鐵飯碗。如果它們出了新的版本，那麼你有必要花時間去學習一下。
(3)大公司推崇的技術。如果一個非常知名的公司(如谷歌、臉書和微軟)發布了一個新的技術並不斷地對它進行維護，那麼這個技術就值得你去關注。曾經社區里有成百上千個非常火的JavaScript框架，結果Angular和React的出現瞬間搶走了他們的風頭。好好規劃你的學習時間，每天安排一段時間來學習。這段時間不一定很長，哪怕只有25分鍾也能使你有所成長。
2、寫出高效的代碼比一般的代碼要花更多的時間
當你運行完程序並發現功能實現的時候，你感覺工作已經完成了，實則不然。實現一個新的功能除了編寫新的代碼以外，還包括對該功能相關的其他部分已有代碼的調整與優化。當你發現你的一部分時間花在完善代碼的設計上了，那麼從長遠角度來看你遇到的錯誤會更少一些。
要想減少你的代碼的錯誤並優化設計，你需要注意以下兩點：
(1)先准備好測試環境，然後再開發。
先將測試功能配置好，然後再編寫符合測試標準的代碼。這樣既可以減少bug的產生還能優化你的代碼思路，因為你在編寫代碼的時候就嚴格遵守更加合理和規范的標准。這會使你的代碼變得簡潔、高效。
(2)迭代完成你的工作而不是一步到位。在你的代碼實現需求之前不要花時間去完善它。你永遠也不可能使你的代碼處於完美的狀態。你優先要做的就是讓你的代碼完成指定的功能。通常情況開發者會犯這兩個錯誤：要麼花了太多時間思考而沒有充足的時間去實現，要麼沒有在設計最初的方案上花足夠的時間。遵循Kent
Beck說得這句話:「先讓它生效，再讓它正確地工作，最後再讓它更高效」。
3、7*24小時的工作不會讓你成為佼佼者，合理的時間安排才是最重要的
這個經驗源於我自身的教訓。我曾經為了讓老闆和客戶滿意而瘋狂地工作。我害怕說「不」，不想讓其他人失望。我盡我所能去完成工作，曾經大量攝入咖啡因通宵地工作，困了就直接睡在我的辦公桌上。
起初我是全公司的楷模。我得到老闆的賞識並感覺風光無限，前途一片光明。這種並不長久的過度表現使其他人對我產生了過高的期待，很快我就撐不住了。結果我的身子垮了，經常生病，耽誤了工作。公司的人變得不再信任我。
後來我漸漸明白真正的佼佼者是那些一直可靠的人。他們保證的事一定會做到。要想成為那樣的人就必須認真規劃自己的時間。
你必須牢牢把握自己時間的控制權，在約定好的期限即將到達的時候高質量地完成你的工作。要想做到這一點起初會很難，因為你需要對超出你能力范圍的任務說不。
剛開始，你的老闆和客戶可能不太會在意你。但是一旦你建立起靠譜、可信的名聲後，一切就都不一樣了。隨著時間的推移，其他開發者都會漸漸顯露疲態，變得不再那麼可靠，而你則會脫穎而出，成為團隊里的佼佼者。我就是這樣成為了行業翹楚。我很好地協調了自己的時間並調整他人對自己的期望值，因此建立起了高質量和高實效的好名聲。
4、不是所有的付出都會有回報
花時間也是一種投資。和其他的投資一樣，你非常期待投資會有回報，希望在回本的基礎上有所收益。
我之前曾提到「先讓它生效，再讓它正確地工作，最後再讓它更高效」這句話。但是不要誤解，這里的「正確」不代表完美，「高效」不代表追求極致。「正確」意味著你的代碼能夠准確地實現功能並易於維護。「高效」意味著不影響用戶體驗。最關鍵的一點是你的應用要讓用戶感覺很快。
因此，不要糾結於優化一個基本上不用的函數，也不要為了僅節省幾毫秒而去修改一個已經比眨眼(大約300毫秒)還要快的功能。不要因為你學了一個新的技術或方法就把你之前寫的功能正確、結構完整的代碼推翻重寫。
5、按照時間表去工作可以使你更加高效
起初我很難理解這一點。你不將你的精力全部投入到工作中也能做到高效?恩，這是真的。Allison
Gabriel是弗吉尼亞聯邦大學的管理學教授助理，主要研究工作需求和員工動機。她認為：「很多研究表明人的認知能力是有限的，當你不斷地去耗費你的能力時，你並不能達到最佳的工作狀態。當你被自己榨乾時，你的效率會大幅下降。」
永遠不要在壓力非常大的時候工作，尤其是你非常疲勞、情緒不好的時候。這些不安因素都會讓你分心，從身心兩方面對你造成不良影響，降低你的工作效率。
人腦的自控能力好比是一種資源，當你進行自我控制時，這個資源會被消耗一部分。如果你的自控能力被大量消耗的話你就不能集中注意力，自然就不能高效地工作了。
不論你是否樂意，你的身心都需要一個休息的時間。因此在每天的時間表裡都要安排休息的時間。嚴格按照時間表的休息時間去休息，不多也不少，這樣可以讓你在充分休息的同時不感到內疚。指定明確的休息時間可以讓你以更加自如的心態去工作，因為你知道你有休息的時間而不是無休止的工作下去。
6、結語
了解了這五個經驗，相信你已經明白了應該如何安排自己的時間。合理地安排你的學習、工作與休息的時間，制定出詳細的時間表並嚴格按照它執行。
以上就是小編今天為大家分享的關於讓你成為合格的Web前端工程師的經驗的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助。想要了解更多Web相關知識記得關注北大青鳥Web培訓官網哦！
原文鏈接：#/document/9291.html
❹ 如何快速學習前端
自學前端是一個非常辛苦的過程，最不可缺少的就是堅持下去的決心以及合理的學習計劃。接下來我簡單說一下自學前端需要注意的幾點以及自學前端的路線。
自學方法：
1、作為一個初學者，你必須明確系統的學習方法，我建議一定要有一個指導人，全靠自己學，放棄的幾率非常大，在你對web前端還沒有任何概念的時候，需要一個人領進門，之後就靠自己鑽研，第一步就是確定web前端都需要學哪些東西，並且在多少時間內學完，建議時間6個月保底。
2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫。所以在這里告訴大家，書可以看，但是是建立在你已經對於某個知識點有了具體的操作的執行後，再用書去鞏固概念，這樣更加利於你對知識的理解。
推薦一個自學前端的路線，你可以參考一下：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
相關的視頻教程你需要的話，可以加一下我的交流群，裡面都有，其他的資料也可以問我要。
❺ 如何自學前端少走彎路
先說一下自學前端如何入門吧。
方法：
第一：理清Web前端的知識結構。要想高效學習Web前端知識，首先應該搞清楚Web前端都包括哪些技術結構。Web前端開發雖然技術難度並不高，但是技術細節卻比較多，內容也比較雜。Web前端的基礎包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是學習的重點，也是難點。另外，vue等框架也是需要熟練掌握的。
第二：緊跟技術發展趨勢。目前Web前端的技術發展趨勢有三個，其一是前端開發數據化;其二是前端開發高效化;其三是前端開發全棧化。前端開發數據化主要是大數據發展的影響，在大數據的推動下，Web前端逐漸涉及到了大量的數據展示任務。前端開發高效化主要體現在Web前端正在進行獨立部署，前端與後端的溝通主要通過資源介面的方式來進行。前端開發全棧化也是一個比較明顯的趨勢，比如Nodejs的應用。
路線：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：Node.js全棧開發(1周)
內容包括：(WebApp後端系統開發、一、Node.js基礎與Node.js核心模塊；二、Express；三、noSQL資料庫)
至於視頻教程，我這里有很多前端的全套教程，如果你需要的話，可以加一下我的學習交流裙裙，找我要就行了！
❻ 為web前端新手准備的web學習經驗
今天小編要跟大家分享的文章是為web前端新手准備的web學習經驗。有很多同學留言說，越學越迷茫，不知道該從哪裡下手，今天梳理了一些學習web前端的經驗，以及學習的步驟，分享給大家，希望對你們學習能有幫助。
計算機行業很多領域都符合82定律，也就是20%的東西的使用頻率佔到80%，所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。
在我看來前端這20%的東西大概就是常用的html標簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。
拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。
總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。為了幫助web前端新手更好的掌握web技術，小編為大家准備了這篇文章下面讓我們一起來看一看吧！
學習web前端的路線如下：
1、HTML的學習
html的語法、格式，常用的標簽極其作用，理解標簽的嵌套，學習使用firefox+firebug或者chrom的調試工具，能夠使用這些工具調試html、css、js、斷點調試、抓包。
2、CSS、js的學習
如何引入css、js(有多少種方法，各種方法有什麼區別)，理解id、class屬性的區別，學會css的常用選擇器，理解盒子模型(padding，margin，border，width，height，)，css坐標系，css布局(position的absolute、relative
、fixed、static)，css浮動(float：left、right
)和清除浮動(clear),display:inline、block、inline-block、flex。
3、基本編程的學習
js的執行順序，基本的編程基礎(變數、運算、流程式控制制、數組、調用函數、自定義函數、對象)、json、js的dom操作、js的事件機制(委託、綁定、監聽，冒泡和阻止冒泡，兼容性)，了解ajax的xmlhttprequest及其創建方法(多瀏覽器兼容)、跨域，明白其工作原理，
有朋友說http協議，確實是我疏忽，http協議是web的根本，所以其重要性再怎麼強調都不為過，熟悉http協議對web開發的方方面面都有不少幫助，比如理解及使用ajax，比如調試程序、抓取數據等等，不過http是一個很雜很細的東西，內容很多，我建議也囫圇吞棗式地學習，先了解、熟悉簡單的，以後在項目中遇到深入點的再進一步學習。
4、jQuery的學習
使用jquery解放你的開發工作，學會jq選擇器，修改屬性、監聽事件、修改css，學會寫jquery插件。這一步我覺得可以和第3步穿插學習。
5、搭建伺服器
弄個傻瓜伺服器比如wamp，phpstudy等軟體，可以一鍵建立一個apache+php+mysql的伺服器，前期可以把你的靜態頁發布到本地伺服器，使用本地伺服器配合ajax學習。
6、學點伺服器端
學點伺服器端，建議php+mysql。伺服器端腳本其實很簡單，總結起來就是4個東西：SESSION、COOKIE、Request、Response，結合http協議理解如何從Request取得數據，經過處理後Response給客戶端。這就是整個過程。
至於mysql也就是基本的sql語句。如何使用php進行CURD操作。這塊其實很難總結，基本上以實現業務為主。
7、框架學習
來點框架，理解MVC模式、推薦個比較流行的MVC框架：ThinkPHP，簡潔好用不解釋，國人弄的，文檔和例子什麼的非常豐富。
建議從1往7學習，這樣你就能快速成為web前端工程師啦!
以上就是小編今天為大家分享的關於為web前端新手准備的web學習經驗的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助。想要了解更多web想相關知識的小夥伴記得關注北大青鳥web培訓官網！
作者：walle來源：知乎
鏈接：#/question/28187933/answer/77050877
❼ 想轉行做Web要了解的Web前端學習經驗
今天小編要跟大家分享的文章是關於想轉行做Web要了解的Web前端學習經驗。很多准備轉行做Web的小夥伴們都說自己越學越迷茫，不知道該從哪裡下手，今天小編為大家梳理了一些學習Web前端的經驗，以及學習的步驟，分享給大家，希望對你們學習能有幫助。下面我們一起來看一看吧！
計算機行業很多領域都符合28定律，也就是20%的東西的使用頻率佔到80%，所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。
在我看來前端這20%的東西大概就是常用的html標簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。
拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。
總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。
最後我覺得最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜，沒項目應該多造一些有價值的輪子。具體的Web前端學習經驗如下：
1、HTML的學習
html的語法、格式，常用的標簽極其作用，理解標簽的嵌套，學習使用firefox+firebug或者chrom的調試工具，能夠使用這些工具調試html、css、js、斷點調試、抓包。
2、CSS、js的學習
如何引入css、js(有多少種方法，各種方法有什麼區別)，理解id、class屬性的區別，學會css的常用選擇器，理解盒子模型(padding，margin，border，width，height，)，css坐標系，css布局(position的absolute、relative
、fixed、static)，css浮動(float：left、right
)和清除浮動(clear),display:inline、block、inline-block、flex。
3、基本編程的學習
js的執行順序，基本的編程基礎(變數、運算、流程式控制制、數組、調用函數、自定義函數、對象)、json、js的dom操作、js的事件機制(委託、綁定、監聽，冒泡和阻止冒泡，兼容性)，了解ajax的xmlhttprequest及其創建方法(多瀏覽器兼容)、跨域，明白其工作原理，
有朋友說http協議，確實是我疏忽，http協議是Web的根本，所以其重要性再怎麼強調都不為過，熟悉http協議對Web開發的方方面面都有不少幫助，比如理解及使用ajax，比如調試程序、抓取數據等等，不過http是一個很雜很細的東西，內容很多，我建議也囫圇吞棗式地學習，先了解、熟悉簡單的，以後在項目中遇到深入點的再進一步學習。
4、jQuery的學習
使用jquery解放你的開發工作，學會jq選擇器，修改屬性、監聽事件、修改css，學會寫jquery插件。這一步我覺得可以和第3步穿插學習。
5、搭建伺服器
弄個傻瓜伺服器比如wamp，phpstudy等軟體，可以一鍵建立一個apache+php+mysql的伺服器，前期可以把你的靜態頁發布到本地伺服器，使用本地伺服器配合ajax學習。
6、學點伺服器端
學點伺服器端，建議php+mysql。伺服器端腳本其實很簡單，總結起來就是4個東西：SESSION、COOKIE、Request、Response，結合http協議理解如何從Request取得數據，經過處理後Response給客戶端。這就是整個過程。
至於mysql也就是基本的sql語句。如何使用php進行CURD操作。這塊其實很難總結，基本上以實現業務為主。
7、框架學習
來點框架，理解MVC模式、推薦個比較流行的MVC框架：ThinkPHP，簡潔好用不解釋，國人弄的，文檔和例子什麼的非常豐富。
以上就是小編今天為大家分享的關於想轉行做Web要了解的Web前端學習經驗的文章，希望本篇文章能夠對正在從事Web相關工作的小夥伴們有所幫助，想要了解更多Web前端相關知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的Web前端工程師！
作者：walle來源：知乎
鏈接：#/question/28187933/answer/77050877
❽ 怎麼學習前端開發有什麼好的學習建議
學習前端最有效的方法是持之以恆的堅持。
無論做什麼，先別想那麼多先做了再說，因為人都是懶惰，什麼事情最先想到的都是走捷徑，深怕付出了沒有回報。學習這個事情，從小學老師就說，一定要好好學習天天向上，去總結了真的努力了，到頭來除了抱怨還抱怨，總期望天上掉餡餅。方法有很多種，真的適合的才是真的有用，什麼樣的方法才適合自己，無論什麼方法你得做了才有效！所以沒有最有效的方法，只有持之以恆的堅持才是真正有效的。
下面給您提供極點學習建議，僅供參考：
作為一個初學者，你必須明確系統的學習方案。我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。
視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。
對於學習技術來講，掌握一個學習方法是非常重要的。其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。
自學路線：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)。
以上學習路線配套視頻教程邀您移至B站尚學堂，免費教程隨你挑！
❾ Web前端工程師給你傳授Web學習經驗
今天小編要跟大家分享的文章是關於Web前端工程師給你傳授web學習經驗。這是一篇來自前端大牛前輩的學習心德，好好看哦~其實本文可以說是「起於前端，但不止於前端。」希望能夠給同行一些可行性的建議吧。下面來和小編一起看一看吧！
1、Github
重要的事情所以說三遍。如今前端圈大熱，除了前端項目天生開源的優勢之外，Github這個網站功不可沒。可以說這是一個特別適合前端新手們練習和進步的地方。
我們打開瀏覽器的調試模式就能看到對應頁面的結構，以及對應的樣式實現，我們也可以通過恰當的方式獲取到頁面的js代碼。
如果說前端天生的開源知識是「發散」的，那我覺得github就是這類知識的一種「聚合」。
如今幾乎所有的前端技術都是開源的，前端開發人員可以很方便地在上面找到一些高效的插件庫。這不但可以提高我們的開發效率，還可以藉此學習一些前端知識。
如果你想搞前端，那我覺得咱們面試之前起碼得有個Github的賬號，畢竟這個全球最大的同性交友網站對於前端工作者來說太重要了。
但有一點要注意的Github跟網路雲盤是不一樣的。他是程序員交流的地方我們只需要上傳代碼就可以了，我們不需要通過視頻來交流(曾經有同學說想往Github上傳視頻)。
2、挑選一個合適的編輯器
一個好的編輯器能夠提高你的編碼效率，一個賞心悅目的編輯器能夠讓你開發的過程更加愉悅。
現在出現了許許多多優秀的編輯器：Vim、Emacs、SublimeText、Atom、VSCode
等等。編輯器之間該如何選擇?本來就是個人喜好問題。
據我個人的使用體會，Vim跟Emacs兩個編輯器比較輕量級一些，但是他們的界面我只能說一般，而且學習曲線比較陡峭。如果你喜歡折騰，倒是可以嘗試一下。
Sublime
Text是我目前發現周圍用的人比較多的編輯器，而我個人也比較推薦，他不但有豐富的插件，還有比較美觀的界面。更重要的是操作簡單，能夠滿足大部分開發需求。
雖說我推薦SublimeText，但其實我是一個Atom用戶，兩者用起來感覺差不多。
Atom比較Cool的地方是，它是通過Web技術搭建起來的桌面端軟體。這也有個問題，畢竟它是通過Web技術搭建的(可以看成是運行在chrome內核的瀏覽器上網站)，這就導致了這款編輯器相當耗電。
總之選擇一個自己喜歡的編輯器，寫代碼去吧!!!
3、獨立解決問題的能力
「這種能力是個人都有啊!!」
是嗎?
如果一個程序員在一些沒有耐心的老鳥面前問這種問題的話，我相信老鳥們不只是內心有千萬只草泥馬在蹦騰，而是草泥馬早已脫口而出了。
「當然如果對象是妹子的話，我們倒是很樂意著手幫她解決這些問題。」
以上哥們明顯就還不具有這種獨立解決問題的意識，並不是說不能拿問題去請教別人。而是，您需要請教別人的問題，必須是自己已經動手嘗試解決，而且解決不了的問題。
畢竟程序員最怕打擾，咱們能不打擾就不打擾。
我們生活在如此幸福的時代，其實很多問題已經有大牛解決了，並且他們會把經驗分享到網上，我們需要做的只是組織好自己的問題簡單地Google，或者網路一下。這樣很難嗎?
如果連這點都做不到，那我覺得要進入一家公司或者是在一家公司里生存都是很艱難的事情。畢竟大部分公司需要的是能夠解決問題的程序員，而不是只會寫代碼的打字員。
4、閱讀英文文檔
這讓我之前想起知乎上Vue.js作者尤雨溪說過的一句話，其大意是：
我為什麼要浪費跟家人相處的時間來教你學英文?
如今大部分優秀開發的資源都是以英文的形式展現到網路上的。
當然不排除有些國內的熱心人會把他們翻譯成中文，再託管到相關網站上，但是，這畢竟是少數。而且中文文檔往往會跟不上國外官網的腳步。
還記得我當初用Python的時候，框架Django的中文版本是1.6.x而官方的最新版本已經到1.8.x了。這也導致了，如果你用著新版本的框架，而看著舊版本文檔寫代碼的話可能會引入一些新版本裡面已經拋棄了的寫法，進而你的項目可能會出現一些詭異的行為。而且這類bug往往最難發現。
當然，並不是說你一定要英文很流利才行，但是最起碼要看得懂英文文檔。(實話說現在我工作快兩年了，看英文文檔還是有些吃力。)
5、操作系統
好吧，允許我再_嗦一下。
這里我們談談操作系統，畢竟有些朋友還是會糾結選擇什麼操作系統。
Windows
§優點：用戶頁面可用性較好，豐富的桌面端軟體，玩游戲一級棒。
§缺點：軟體廣告比較多，病毒相對多些，命令行不夠友好。
Linux
§優點：命令行非常好用，開源社區活躍，發行版本比較多。
§缺點：常用桌面軟體開發商比較少，QQ這些都沒有。有些發行版不怎麼穩定，經常卡死。
MacOS
§優點：命令行非常好用，界面優雅，可用性高。蘋果商店有許多windows平台所沒有的優質軟體。
§缺點：設備昂貴，普遍配置不高，不太適合打游戲。
以上是我使用操作系統的一些小體會吧。至於具體使用什麼系統各位可以自行掂量，但是個人覺得結合命令行開發會更爽一些，因此我曾經選擇過Linux。後來，機緣巧合之下買了台Macbook之後就再也回不了頭了。
正如業界的人所贊賞的
「MacOS就像是Liunx跟Windows的結合體。它既有Windows的用戶友好的界面，也有Linux優雅的命令行。」
不過這玩意兒
用了之後就很難回頭了。
我有個同學買了它之後，乾脆把LOL(英雄聯盟)都戒了。
6、HTML+CSS+JavaScript
現在才談這些技術點並不是說這東西不重要。只是我覺得這三樣東西就算我不說，只要你有心搞前端肯定會去學，那還有說的必要嗎?(此處省略百萬字)
以上就是小編今天為大家分享的關於Web前端工程師給你傳授web學習經驗的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網。最近祝願小夥伴們工作順利。
作者：心旗，來源：CSDN
原文：https://blog.csdn.net/qq_41852103/article/details/81286344
❿ 怎麼快速增長前端開發經驗
1.結合個人經歷總結的前端入門方法，總結從零基礎到具備前端基本技能的道路、學習方法、資料。由於能力有限，不能保證面面俱到，只是作為入門參考，面向初學者，讓初學者少走彎路。
2.互聯網的快速發展和激烈競爭，用戶體驗成為一個重要的關注點，導致專業前端工程師成為熱門職業，各大公司對前端工程師的需求量都很大，要求也越來越高，優秀的前端工程師更是稀缺。個人感覺前端入門相對容易，但是也需要系統地認真學習，在打好基礎後堅持學習，成為優秀前端工程師也只是時間問題。
3.學習任何知識最重要的都是興趣，如果經過一段時間的學習感覺不喜歡，那可能強迫自己學習是很痛苦的，效果也不會好，畢竟這很可能就是以後很多年生存的技能。不過隨著互聯網行業的發展，前端必然是Web開發人員需要學習的知識，有時候是沒有專業前端工程師一起合作的，所以即使不做專門的前端工程師，掌握基本的前端技能為工作帶來方便。
學習方法和學習目標
方法：
入門階段反復閱讀經典書籍的中文版，書籍中的每一個例子都動手實現並在瀏覽器中查看效果
在具備一定基礎之後可以上網搜各種教程、demo，了解各種功能的實際用法和常見功能的實現方法
閱讀HTML，CSS，Javascript標准全面完善知識點
閱讀前端牛人的博客、文章提升對知識的理解
善用搜索引擎
目標：
熟記前面知識點部分的重要概念，結合學習經歷得到自己的理解
熟悉常見功能的實現方法，如常見CSS布局，Tab控制項等。