⑴ 學習WEB前端要多久呀.先從什麼方向開始學習哦
您好學習web前端一定要有方向，學習web前端先從核心基礎開始學：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web前端學習路線
這個是web前端的學習方向你從上到下按照順序學習就可以了，一般來說零基礎學習前端是5個月左右的時間，學習方法就是做到3多，多問、多思考、多敲 學習的本質就是不斷的重復，熟能生巧，希望可以幫到你。
⑵ web前端方面的工作經歷都有哪些呢
1、三大基礎技能，js、css、html這三項技能是前端工程師能力中的基礎，任何框架、工具、庫都是基於這三者只上的。這是硬實力，決定了整個前端生涯能夠達到的高度，以及在後面的技術棧拓展中的順暢程度和能夠達到的效果。
2、工程能力要有，前端工程師首先是個工程師，做項目就是在做工程，所以懂得如何把一個項目的前端部分的工程運行起來，是另一項必備技能。
grunt、gulp、webpack都是著名的工程類工具，這些工具只要能熟練使用，就基本符合工程能力的要求。但是如果想要拿到更高一個層次的offer，理解工作原理必不可少。這些工具的根本作用，就是對資源的處理，包括代碼的壓縮打包、本地伺服器的架設等。
3、調試能力要必備，如果還在用alert、console來調試程序定位問題，那麼你還不符合要求。
學習chrome調試工具的使用，Elements查看元素、Network查看網路請求、Sources查看代碼，設置斷點定位問題、call stack查看調用棧。這個能力很少有人提到，但是掌握這些技能，不僅能在面試時加分，更重要的是在日後實際的項目中發揮的作用。
4、團隊協作能力指的就是git，在項目開發中必不可少，熟練使用git，掌握常用的命令，學會解決沖突。
5、熱門框架的使用vue、react是當前兩個最熱門的框架，能夠熟練使用是基本要求，如果你想在眾多求職者中脫穎而出，你還需要理解原理，還是那句話，你跟offer的差距就是使用與實現的差距。試著理解virtual dom的原理，響應式的原理，雙向數據綁定的原理。
6、項目經驗要可靠，不是「仿了幾個頁面」，而是「項目」的經驗，是經歷過整個項目從0到1全過程的經驗，在這個過程中遇到了什麼坑，如何解決的，解決的過程中是如何思考的。
⑶ web前端需要學什麼容易學嗎
這里整理了一份web前端學習路線圖以及所學內容：
web前端路線圖：
第四階段：移動端和微信實戰
階段目標：
1.熟練掌握React.js框架，熟練使用React.js完成開發。
2.掌握移動端開發原理，理解原生開發和混合開發。
3.熟練使用react-native和Flutter框架完成移動端開發。
4.掌握微信小程序以及了解支付寶小程序的開發。
5.完成大型電商項目開發。
知識點：
1、React面向組件編程、表單數據、組件通信、監聽、生命周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。
2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架，並分別使用react-native和Flutter分別能開發移動端項目。
3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。
4、大型購物網站實戰，整個項目前後端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、後台管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。
⑷ web前端學習分哪些階段
您好，web前端學習分為8個階段：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web前端學習有哪些階段
這個學習路線圖不管是自學還是參加培訓班都是可以的，希望可以幫助到你。
⑸ 優秀的Web前端工程的成長路線
今天小編要跟大家分享的文章是關於優秀的Web前端工程的成長路線。關於一個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前端開發工程師」課程，無論你是零基礎、有基礎、有經驗，我們這里都有按照你的基礎開設的班級，滿足你的需要，保障所有學員達到最好的學習效果，入行好選擇。想要了解更多web前端學習內容，記得關注北大青鳥web前端培訓官網。
⑹ 對Web前端發展貢獻最大的人物和事件有哪些
下面我們分析一下前端發展歷程：
首先說的是布蘭登.艾奇，我們的js之父，他的故事太傳奇了，不做多說。道格拉斯.克羅克富德js大宗師。這兩位是我們前端發展的最重要的推動人物。
隨著2009年js的基礎類庫的完善，以下是主要做出突出貢獻的人：
1、約翰.瑞森，我們的jQuery之父。
2、山姆.史蒂芬森, Prototype的創始人，除了有prototype之外，他還開發過很多開源軟體，比如：rbenv,sprockets等。
ECMAScript規范的執行引起了瀏覽器大戰，各大瀏覽器開始瓜分IE市場佔有率，其中火狐，谷歌取得大勝。
此時Ryan Dahl 的node.js和3gmobile正在慢慢浮出水面，他們的出現，使前端真正的出現了繁榮景象。
2010年前端相對風平浪靜，但是安卓智能機的出現，使將來移動端風起雲涌。這年w3c對web性能成立了專門的工作小組，人們更多的開始關注性能和體驗問題。
2011年h5的抗起了大旗，讓flash堪憂。語義明確的標簽體系、簡潔明了的富媒體支持、本地數據的儲存技術、canvas 等等各類技術被廣泛應用。很多開發者面臨一項技術選擇，flash OR H5，但Adobe從11.1開始就不在更新，投身於H5，這意味著flash技術凋零。
2012年，響應式開發，工程化推進，隨著手機廠商的各種騷動，為了快速佔有市場，提高性價比，出現了價格低，性能好的一大批手機，隨之而來的是H5借著這股風快速的在web開發顫動了起來。移動端的框架開發不亞於PC對多個瀏覽器的支持，這一年萌生了眾多移動框架，比如：Sencha Touch/Zepto.js/JQ Mobile 等，相對 PC 端框架，它們更加輕便。