㈠ 學web前端該如何做好自己的職業規劃
職業方向定位
首先，只有確定好自己的職業方向，才能做好職業規劃。
(1)資深WEB前端工程師
這個方向算是一個WEB前端最基本的選擇了，在國外，很多老外都能夠把自己的專業做到極致，能一輩子就在一個專業領域不斷學習和積累。主要在於內因和外因
兩方面，內因是老外通常思想比較簡單直接，容易一直專注於一個領域;外因是國外的環境很好，能夠良好的支撐這樣的職業發展道路。反觀國內，從內因來
講，WEB前端技術人員還是蠻浮躁的，通常會因為WEB前端知識的更新速度太快而覺得學習起來辛苦，最終轉向後台或其他道路。從外因來講，WEB前端人員
沒有獲得公平的待遇，可能從HTML頁面製作就開始並沿襲下來的，從來WEB前端人員都比後端人員低一等，貌似前端就是「淺顯」的代名詞、後端就是「深
奧」的代名詞，這也直接造就了前端人員的收入無法和後端人員媲美，同時直接影響到前端人才市場的活躍程度。另一方面，前端的技術入門較容易，造成另一個極
端情況：人員泛濫、人才稀缺。我想對所有的WEB前端工程師說：麵包總會有的，要耐得住寂寞!我個人比較推薦這個職業發展方向，因為，在這個方向下，只要
足夠耐心、厚積薄發，成功的概率是非常高的。同時，這是一條最單純的路，我們更多的是花費精力在技術的鑽研上，而不是辦公室政治等其它瑣事。
(2)資深WEB架構師
說功利點兒，這個方向既兼顧了工作的單純性、又能夠減少實際Coding的工作量能騰出更多時間鑽研技術。在國內，WEB前端工程師遇到較多的情
況是總是反復編寫著同樣的代碼，總是面對著同樣的技術和產品，容易感覺枯燥。由於我們擁有最為廣泛的WEB相關知識沉澱，使得我們更加容易成為一名架構
師。這個職業發展方向不如第一種來得平滑，主要是作為一名架構師不得不學習：後端技術、DBA、Platform等內容，而這種學習通常需要實際操刀做項
目，不是自己在家裡寫兩個Demo就好的，這就勢必會遭遇一段時間的陣痛期。雖然不是很平滑，但是，對於一個大局觀好、悟性好、知識面廣的前端工程師，我
推薦你們努把力，走一條光榮的架構師之路吧。
(3)自己創業
其實，自己創業是最好的道路、也是成功率最低的道路，挑戰和機遇並存。這里，作為一個前端技術人員，需要將自己的視野更多放在行業的動態、產業鏈的動態、
相關產品領域的動態，把關注細節的優勢繼續保持，同時，增強自己把控一個產品乃至一個公司命運的能力。
(4)轉崗管理或其他
由於這條職業道路和WEB前端技術之路關系不大，故而，這里不做過多討論，但是，無論是否走上這條道路，我覺得對於任何技術之路，更好的大局觀、更廣泛的
視野是良好發展的必備條件，擁有良好的大局觀和更廣泛的視野別無他法，只能不斷的進行知識的橫向拓展和積累，同時，多在橫向拓展知識的時候進行實踐，把知
識變成技能。
職業發展目標
我們都有一個最終的目標，在這個目標之上，我們需要給自己制定一系列學習和成長計劃，制定的方法如下：
第一、梳理知識架構;
梳理知識架構的目的在於，我們要了解清楚，哪些技術是前置、哪些技術是後繼，那些技術是深度、哪些技術是廣度，按照這兩個維度梳理好知識架構之後，我們才能准確地制定清晰的成長目標、高效的成長計劃。
第二、分解目標;
我認為，大抵可分解為三個階段，包括：起步階段、提升階段、成型階段。這三個階段分別對應著不同的目標：
起步階段：
1、基本知識的掌握
在我們梳理的知識架構中，按照我們分析的兩個維度里最前置的、最淺顯的部分，作為打基礎的階段，必須要在這個過程中更多投入到實踐中去，我們通常做的多了、熟練了，就認為這部分知識和內容掌握了。
2、常用工具的掌握
對於常用工具的掌握應該掌握一些有大公司或專業團隊背景的流行工具，這些工具的熟練掌握能夠提升專業度、職業度，同時，能提升我們的工作效率。我們只有在
檢驗自己對於知識和技能熟練程度的時候，才會自虐式的用Notepad去編寫頁面、css和腳本等內容。
3、溝通技巧的掌握
通常做技術的人會被定位為「不善溝通」的人，這是為什麼呢?究其原因，主要是因為多跟程序和代碼打交道，跟人的溝通較少導致。這種時候我們要特別注意增加
和人溝通的機會，著重提升這塊兒的能力。另一方面，我們通常被稱為「不懂溝通技巧」的人。作為一個技術人員，包括我自己，似乎天生就有一些難以接受挑戰的
缺陷。在國內，我們的技術人員通常都是自己制定方案、自己執行方案，在執行過程中又缺乏相關產品、交互設計等人員的溝通，大多是在自己的思路貫徹下進行開
發，久而久之，我們習慣於信任自己的觀點、在自己的視角看問題，對於挑戰總是百般地「據理」力爭。我們需要更多提升的是，如何在對方的視角看問題、如何在
用戶的視角看問題。
4、良好的開發習慣
開發習慣是養成的，一旦有不好的習慣，對於將來去修正帶來的將是很大的麻煩，我們在培養良好開發習慣一定要從起步時做起，例如：寫代碼之前先分析、先寫文
檔、先寫注釋。定義變數最好能用直接可理解的語義，最好是拼音，別整英文，尤其是生僻單詞，將來自己忘了還要開金山詞霸。文件最好有有意義的文件夾命名來
管理，文件名最好有意義，需要版本號的最好能和項目版本號一同更新等等。
提升階段：
1、高級技術的掌握
在提升階段對於知識和技能掌握，我們需要從梳理好的知識架構中選擇更深一層次的技術進行學習，選擇之前，我們先通過類比或預估的方法，衡量自身學習的難
點，以學習難點和自己最不感興趣的部分為主。這樣推薦大家的原因是：這個階段我們興趣正濃，已經度過了苦澀的起步階段，到達了興奮的提升階段，我們要用興
趣和興奮去挑戰最困難的部分，在我們信心受挫和興趣濃厚之中找到平衡。同時，輔以其他的深層次知識一起學習和研究。
2、產品思想的學習
沒有正確的產品思想，很難設計出良好的程序，無論從界面、交互，還是介面、邏輯，不能夠理解產品、理解用戶需求，我們會給自己造成很大的麻煩，例如：我們
千辛萬苦用最新技術、最復雜的實現做出的功能，卻得不到使用者或領導、同事的認可。為了使我們的工作和學習更加有效率、避免無用功，我們需要不斷的學習產
品的思想，只有理解了產品的思路，我們才知道用我們的技術去輸出什麼。
3、各種框架的學習
框架是我們提高工作效率的優秀手段，對於框架的學習是成長必經之路。我們學習框架的路線通常應該是：使用->分析->個性化定製->模仿編寫自己的
框架。只有大量的使用，才能明白設計框架者在設計背後的思路，只有了解到設計的思路，才能做正確全面的分析，只有正確全面的分析才能支撐我們去對其裁剪或
擴展，只有經過實際分析、修改別人的框架，才有可能寫出優秀的、自己的框架。學習通常的路線是：學習、理解、模仿、創造。
4、富客戶端應用的學習
隨著帶寬和計算機性能的提升，以及WEB2.0的如火如荼，富客戶端應用充斥著互聯網，如果你不懂得富客戶端應用，你就不能稱之為一個合格的前端技術人
員。可以按照：Flash動畫->Flash編程->Flex->->Air->Silverlight動畫->Silverlight編程
的步驟學習，先學Flash後學Siverlight的原因，一來Silverlight還不太成熟，二來，實際Silverlight借鑒了很多
Flash的思想，最好在學習的時候不要本末倒置。
5、各種網路協議的學習
WEB前端技術就是雲上的技術，雲的協議有N種，我們應該著重學習：TCP/IP，UDP，HTTP，POP3，SMTP這幾種協議，在開發WEB前端應
用過程中，這些協議是我們的技術的載體，有時候決定了我們的應用是否能實現、有時候決定了我們的應用是否高性能，同時，這些協議還是我們和後端技術交互的
重要手段，這些協議就像是密碼字典，幫助我們把後端傳輸過來的密文解釋成我們前端技術能夠理解的明文。
6、程序設計
這個階段我們需要學習OO、UML、設計模式、設計方法，我們要讓技術開發工作變成有目的性、有計劃性，並且，這些目的和計劃必須有理論的支持，這
樣，我們設計出來的程序才能夠更優秀、我們的開發才更有效率，這樣，我們的技術才能有所提升。為什麼要學習程序設計呢?主要是，就算我們不用Flash的
ActionScript編寫程序的前端邏輯，我們至少要把我們自己的Javascript函數、包的定義規劃起來，避免將來自己或他人維護代碼的時候出
現問題。程序設計能力，在技術人員仍然被看作是程序員的
這個年代，是灰常、灰常重要滴。
成型階段：
到了這個階段，我也沒什麼好說的了，如果能達到這個階段，就證明後續的成長之路是異彩紛呈的，是成為一個資深WEB前端工程師，還是成為一個資深WEB架
構師，亦或其他，都要具體分析自身的特點和興趣所在。如果是資深的前端工程師，我覺得更重要的是去作新技術的研究，互聯網技術發展速度日新月異，不斷學習
新技術，否則就被淘汰。此外，我建議在知識的廣度、深度方面最好能挑選一個自己最擅長和最感興趣的一兩個領域深入鑽研，不要挑太多，多而不精。如果是資深
的WEB架構師之路，我建議要深入了解後台技術，這種深入了解一定要伴隨著實際的項目開發，基本方法是：按照別人設計的架構實現幾個Server->自己設計並實現幾個Server。
關於一個WEB前端的職業規劃，其實是有各種的答案，沒有哪種答案是完全正確的，全憑自己的選擇，只要是自己選定了，堅持去認真走，就好。當然，任何規劃和目標的實現都依賴於知識的積累，而知識的積累來源於學習及學習後大量的實
踐。
㈡ 學習前端有好處嗎
有的
1.可以找工作
2.可以多懂一些網站知識
3.前端需要有一定的審美能力，所以這項工作能增加你的審美
4.能讓你多懂一些計算機知識
㈢ 學習web前端應該注意些什麼問題
前端前景是很不錯的，像前端這樣的專業還是一線城市比較好，師資力量跟得上、就業的薪資也是可觀的，學習前端可以按照路線圖的順序，
0基礎學習前端是沒有問題的，關鍵是找到靠譜的前端培訓機構，你可以深度了解機構的口碑情況，問問周圍知道這家機構的人，除了口碑再了解機構的以下幾方面：
1. 師資力量雄厚
要想有1+1>2的實際效果，很關鍵的一點是師資隊伍，你接下來無論是找個工作還是工作中出任哪些的人物角色，都越來越愛你本身的技術專業前端技術性，也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師，一個好的前端培訓機構必須具備雄厚的師資力量。
2. 就業保障完善
實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台，即能夠為你提供良好的就業保障，讓學員能夠學到實在實在的知識，並向前端學員提供一對一的就業指導，確保學員找到自己的心理工作。
3. 學費性價比高
一個好的前端培訓機構肯定能給你帶來1+1>2的效果，如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作，你將獲得比以往更多的投資。
希望你早日學有所成。
㈣ Web前端初學者如何入門學習web前端開發知識
今天小編要跟大家分享的文章是關於Web前端初學者如何入門學習web前端開發知識?如今越來越多的人開始學習編程，尤其是年輕人和在校學生，都希望通過學習編程，能夠找到一份兒不錯的工作，html5一躍成了IT界的新寵，尤其是移動市場大火的今天，很多網站都採用了h5技術，尤其小程序，APP的大熱，因此html5人才現在越來越受歡迎，那對於初學者來講，如何入門學習web前端開發?下面來和小編一起看一看吧！
雖然網頁設計是網站的外觀，但前端開發是將該設計的頁面通過代碼的形式在網路上進行展現，並加入一些功能特效
!使之具有一定的交互性!前端Web開發人員通過HTML，CSS和JavaScript等編碼語言實現Web設計的人。雖然它不再那麼常見，但是前端開發人員有時被稱為「客戶端開發人員」，以區別於後端開發人員，後端是對資料庫等幕後工作進行編程。如果您前往任何站點，您可以在導航，布局中查看前端開發人員的工作，甚至可以看到PC頁面與手機頁面不同的展現方式。
如何入門學習web前端開發呢
1.不要以看書學習為主，最好的方式就是找視頻進行學習，找好的視頻進行學習，然後在配上解答，在加上自我的主動學習。現在網上資料有很多，可以多找一找，找到適合自己的學習資料先學習基礎入門，如果可以入門且自己很感興趣學習，在考慮是繼續自學還是找機構學習，找到適合自己的方式方法很重要，才能事半功倍，更好的從事這個行業。
2.最好能系統專業的學習，因為如果你是一個小白或者零基礎的入門者，自學也有可能會勉強入門，但是肯定會比別人走很多彎路，或者花費更長的時間，所以最好是能系統的學習，這樣不僅能快速入門，還能早就業，早從事前端工作，在工作中學習的肯定是更多的
3.多練習，我們學習web前端時，同一個標簽或者屬性，或者是JavaScript的語法，只有你不斷的見到它，並且應用它，讓它都認識你了，這樣你就扎實的掌握了，所以實際應用非常重要。
4.好的學習方法和掌握好正確的學習路線可以讓我們的學習達到事半功倍的效果，學習方法決定了你學web前端的效率以及你可以走多遠，學習編程非常依賴一個好的學習方法，有太多人因為學習方法不對最終導致放棄。
以上就是小編今天為大家分享的關於Web前端初學者如何入門學習web前端開發知識的文章，希望本篇文章能夠對正在學習web前端知識的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
㈤ 如何系統地學習前端
目前入門前端的人群分類
1、計算機相關專業出身系統走過計算機的理論基礎，比如計算機組成原理、操作系統原理、計算機網路、演算法數據結構、設計模式，至少用過兩門以上編程語言（強類型+弱類型）。
優點：理論、架構方面扎實，有整體計算機思維，內功不錯，外功學起來比較快。
缺點：部分人，前端相關細節技術不扎實，不過花時間能很快搞定。
2、非計算機出身自學（也包括計算機專業沒好好學的）理論基礎薄弱，後來因個人興趣或者職業需求，自學前端開發技能。
優點：自學能力比較強，能夠根據自己的興趣規劃學習內容。
缺點：部分人對前端沒有整體的學習框架 ，屬於東一片，西一片，不成體系，部分人計算機沒有整體思維，建議系統梳理下前端知識體系結構，該補的還是要補起來。
門前端時的一些困境
1、因一些基礎演算法、數據結構理論不扎實導致一些編程思維難於理解。比如 原型鏈，如果清楚 數據結構中鏈表結構，那麼這個東西不難理解，再比如 哈希值，懂得數據結構中哈希表，哈希值也就迎刃而解。
2、計算機體系結構、操作系統理論、網路理論不扎實導致到後期一些東西難於理解。比如有同學從前端學習入手，後來學習node開發 ，在 I/O ,進程、線程、IPC 、線程鎖方面有些概念就比較難於理解，而導致不能很好得使用node 的api 。
3、前端整體體系架構沒有做過深入思考。
導致用會用，但不知道為什麼用，用另外一個有什麼區別。
4、學習環境中無高手。
沒有高手能夠指導自己進入下一個層次。
5、有意識但是沒有行動我的網盤收集了一堆資料或者一堆視頻，然後就沒有然後了 。
如何系統學習前端
網站開發開發大致分為前端和後端，前端主要負責實現視覺和交互效果，以及與伺服器通信，完成業務邏輯。其核心價值在於對用戶體驗的追求。如果你現在是零基礎學員，大致可以按如下思路學習系統學習：
基礎部分
1、HTML + CSS 這部分學習，可以模仿一些網站做些頁面。在實踐中積累了一些經驗後，可以系統的讀一兩本書，推薦《Head First HTML 與 CSS 中文版》，這本書講的太細了，我沒能拿出耐心細讀。你可以根據情況斟酌。
2、Java 要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，建議馬上看《Java語言精粹》，JS是一門很混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕，對於語言精華，應該深入學習。糟粕部分能看懂別人寫的代碼就行，自己就不用嘗試了。
進階部分
有了以上基礎，就可以進行一般的靜態網頁設計，不過對於復雜的頁面還需要進一步學習。
1、CSS。必看《精通CSS》，看完這本書你應該對：盒子模型，流動，Block，inline，層疊，樣式優先順序，等概念非常了解了。作為練習可以看下《CSS藝門之匠》這本書，它對標題，背景，圓角，導航條，table，表單等主題都有詳細的介紹。
2、Java。上面提到內容還不足以讓你勝任JS編程。在有了基礎之後，進一步學習內容包括：
a） 框架。
推薦jQuery，簡單易用，學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。框架可以幫你屏蔽瀏覽器的差異性，讓你能更專注與Web開發學習的精髓部分。補充：可以使用 Codecademy 學習 Java，jQuery，用戶體驗真的很好（感謝 TonyOuyang ）。
b） Java 語言範式 。這個名字可能並不恰當，只是我找不到可以描述「面向對象」，「函數式」這個兩個概念的概念。Java不完全是一個面向對象的語言，它的很多設計理念都有函數編程語言的影子，甚至說如果你不用面向對象，完全可以把它理解成一門函數式編程語言。
Java的很多語言特性，都是因為他具有函數式語言的特點才存在的。這部分推薦先學習面向對象的基本理論，對封裝，繼承，多態等概念要理解，維基網路，網路會是你的幫手，另外推薦《Object Oriented Java》，應該有中文版。對與函數式編程我了解的也不系統，不好多說，可以自己網路一下。
c） Java 語言內部機制。必須弄清如下概念：JS 中變數的作用域，變數傳遞方式，函數的定義環境與執行環境，閉包，函數的四種調用方式（一般函數，對象的方法，apply，call），以及四種調用方式下，『this』指向的是誰。這部分內容你會在《Java語言精粹》中詳細了解。另外，你必須理解 json。
d） dom編程，這個Web前端工程師的核心技能之一。必讀《Dom編程藝術》，另外《高性能 Java》這本書中關於dom編程的部分講的也很好。
e） Ajax編程，這是另一核心技術。Ajax建議在網上查些資料，了解這個概念的來龍去脈，網路，維基網路上的內容就足夠了。真正編程是很容易的，如今幾乎所有框架都對Ajax有良好的封裝，編程並不復雜。
f） 了解瀏覽器差異性。這部分包括CSS和js兩部分，瀏覽器差異內容很多，建議在實踐中多多積累。另外對於瀏覽器的渲染模式，DOCTYPE等內容應該系統學習。
3、HTML5和CSS3 。HTML5規范已經於2014年10月28日發布了，移動端HTML5和CSS3已經得到了非常廣泛的使用，必知必會呀。
升級部分
有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：1）易維護，2）可測試，3）高性能，4）低流量（移動端）。
易維護。對於頁面你該理解『樣式』，『數據』，『行為』三者分離，對應的當然就是CSS,HTML,js。對於js代碼，你最好了解設計模式，重構，MVC等內容。
可測性。
高性能。必讀《高性能Java》
低流量。移動端關注比較多。
額外補充部分
前端項目同樣面臨軟體生命周期的各個環節，首先是代碼管理，你必須學會使用Svn和Git。其次是代碼的構建，如今前端代碼構建已經不是簡單的壓縮一下了，需要進行依賴管理、模塊合並、各種編譯，比需要學會使用Grunt、Gulp等前端構建工具。
以上內容只是簡單說了前端學習的順序。對於前端開發，基本內容就這些了，可以根據自己的興趣愛好選擇性學習以下內容。
1、交互設計。大公司依然有專業人士搞這些，不過不懂交互的前端一定不是好前端。推薦《簡約至上》。
2、後端。
應該說前端工程師必須至少了解一門後端語言，不過如果愛好也可深入學習，入手難度比較低的應該是PHP了。這部分由可分為基於頁面，基於框架兩種。大型項目都是基於框架開發的，建議至少了解一個MVC框架，比如PHP的Ci、Yii、Yaf 等，好還框架的設計思想都大同小異。如今NodeJs在大公司已經得到普遍的使用，推薦大家使用在Node上使用Express框架做一些後端服務的開發。
3、Android和IOS開發。
時至今日，前端的工作領域已經非常廣泛，native的界面開發本質上也是前端開發，個大公司都面臨著Native環境和web環境頁面同時維護的問題，如果能夠在技術上得到統一，將會有巨大的價值。
如何才能快速入門前端
1、學習東西，自學是一種途徑，然而在自學的過程中，很多人處於不知道自己不知道的狀態。
2、另一種是跟著高手，開闊視野，達到知道自己不知道的境界，從而有方向，在短時期內進入到一個新的境界，節約時間成本。
㈥ 有什麼前端學習方法
學習前端最有效的方法是持之以恆的堅持。
無論做什麼，先別想那麼多先做了再說，因為人都是懶惰，什麼事情最先想到的都是走捷徑，深怕付出了沒有回報。學習這個事情，從小學老師就說，一定要好好學習天天向上，去總結了真的努力了，到頭來除了抱怨還抱怨，總期望天上掉餡餅。方法有很多種，真的適合的才是真的有用，什麼樣的方法才適合自己，無論什麼方法你得做了才有效！所以沒有最有效的方法，只有持之以恆的堅持才是真正有效的。
作為一個初學者，你必須明確系統的學習方案，我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。
視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。
對於學習技術來講，掌握一個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。
不建議自己一個人瞎學，在我了解學習編程的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是干什麼的，學什麼的，就盲目的買書看，到處找視頻看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教一下，聊過之後你就會知道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資料庫)。
網上有很多免費的web前端視頻教程，可以跟著學學，給你推薦一套視頻教程：網頁鏈接。
㈦ 學習Web前端技術要學習多久Web前端學習要經歷哪些階段
今天小編要跟大家分享的文章是關於學習web前端技術要學習多久?web前端學習要經歷哪些階段?很多想要學習web前端知識的小夥伴們都對此有疑問，下面來和小編一起看一看本篇文章，希望能夠對大家有所幫助。
階段一:前端基礎。
學完前端的基礎知識，大家基本能夠根據PSD文件文件，完成PC端靜態網頁的開發工作，但是學完此階段，尚不能夠達到企業用人標准。
HTML：瀏覽器與瀏覽器內核、HTML基本結構、HTML常用標簽。
CSS：CSS介紹和CSS樣式表、CSS基本選擇器、CSS復合選擇器、CSS三大特性。
階段二:移動Web網頁開發
學完移動Web網頁開發,大家能夠完成移動Web網頁、響應式頁面以及炫酷頁面的開發工作，當然完成此階段，任然不能夠達到企業用人標准。
H5C3進階：vscode編輯器基本使用、HTML5新增標簽。
Flex伸縮布局：移動端基礎知識、Flex伸縮布局基礎知識。
移動web開發：媒體查詢、less介紹和使用、rem適配及原理。
階段三:JavaScript網頁編程
學完JavaScript網頁編程，相信大家已經能夠完成PC端網頁、移動Web網頁、響應式頁面中的功能和特殊效果的開發工作，具備一定的企業基礎用人標准，但尚未達到初級前端開發工程師水平。
JavaScript基礎語法：計算機基礎和JavaScript介紹、JavaScript變數、JavaScript數據類型、JavaScript操作符、
JavaScript數組和冒泡排序、
JavaScript函數及應用、JavaScript作用域及預解析、JavaScript對象、JavaScript簡單類型和復雜類型。
WebAPI編程：API和WebAPI、DOM介紹、
BOM介紹及應用、this指向和js執行機制、location、navigator、history對象、
offset、client、scroll三大家族介紹及案例應用、緩動畫的原理和封裝。
jQuery快速開發：jQuery介紹及常用API導讀、jQuery鏈式編程及樣式操作、jQuery事件綁定和解綁、jQuery插件的使用。
JavaScript高級：面向對形象編程介紹、類和對象、構造函數和原型對象、forEach、some。
Object.defineProperty方法、函數進階、call、apply、bind的使用、
閉包及應用、遞歸及應用、正則表達式及應用、ES6中的let和const、ES6解構賦值、ES6箭頭函數、剩餘參數和拓展運算符、
Array實例方法、ES6模板字元串和set數據結構。
階段四：Node與Ajax
學完階段四的內容，大家能夠完成前後端數據交互、基於前後端分離模式、傳統模式的開發的工作，學完此階段，具備企業基礎用人標准，能夠達到初級前端開發工程師水平。
Node+Gulp：node介紹和環境安裝、node模塊化、gulp使用、伺服器和http協議、Promise。
MongoDB+Express：MongoDB資料庫和資料庫的增刪改查、mongoose驗證、art-template模板引擎使用、Express框架。
Ajax：Ajax基礎知識、Ajax函數封裝、CORS、jQuery中Aajx方法的使用。
Git和GitHub：git配置和使用、github及多人協作開發、git補充內容。
階段五:前端工具和框架
掌握前端工具和框架，大家能夠實現基於Vue技術棧項目的開發能力，學完此階段，具備企業用人標准，能夠達到中級前端開發工程師水平。
Vue基礎：axios和vue-resource、vue動畫、vue組件、vue路由
webpack：webpack介紹與安裝、webpack之loader配置與使用、webpack與vue結合使用。
前端的學習差不多就是上面的五個階段，如果沒有什麼基礎的初學者，學完差不多也需要半年才能找工作。當然有一定基礎的同學能夠更快掌握前端技術。因此學習前端的小夥伴不用糾結學習時間要多久，更應該注意的是學習質量才對。畢竟只有學到了有用的技能，才能不愁找不到工作。
以上就是小編今天為大家分享的關於學習web前端技術要學習多久?web前端學習要經歷哪些階段的文章，希望本篇文章能夠對想要學習web前端知識的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web前端培訓官網，最後祝願小夥伴們工作順利！
㈧ 如何開始學習前端知識，我的基礎比較差
一、明確目標
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%。無論你是零基礎還是想轉行，來源碼時代，帶你實現高薪就業~
㈨ 對於自學前端有什麼建議
自學方法：
1、作為一個初學者，你必須明確系統的學習方案，我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。
2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。
3、對於學習技術來講，掌握一個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。
4、不建議自己一個人瞎學，在我了解學習編程的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是干什麼的，學什麼的，就盲目的買書看，到處找視頻看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教一下，聊過之後你就會知道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資料庫)
基礎書籍：
1、《Head First HTML與CSS(第2版)》，入門真的是經典書籍，手把手教學，豐富的案例讓你從 0 開始學前端。
2、《CSS權威指南(第三版)》，這本書作為 CSS 的經典著作，把原理講得非常的通透，除了 w3c 標准，算最權威的一本了，畢竟權威指南。
3、《CSS揭秘》神書，47 個 css 技巧讓你在面對各種 css 問題的時候游刃有餘。是 css 書籍中評分最高的了，css 進階必備。
4、《javascript語言精粹》，這本書可以在入門之前了解一下基本語法，以及在學習之前可以了解下 JS 裡面的精粹以及糟粕，雖然這本書很薄很薄，但是值得反復去讀的一本書。
5、《JavaScript DOM編程藝術(第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之後，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐。
6、《JavaScript權威指南》：犀牛書是每個FE都繞不過的一本書，可以先大致通讀幾遍，也可以把其當作工具書，時時翻閱。
望採納~