❶ 要想成為前端架構師，應該學習哪些技術
我比較認同的有winter和賀師俊還有張雲龍這三位。其他沒提到的可能我不太關注，高手很多，但是能達到架構師的其實不多，最多算是高工，或者某一領域專業的牛人，我覺得就像前3位提到的大神，他們的編碼能力過硬，演算法能力，計算機基礎知識都沒的說，許多回答都是干貨，有理有據，show me code風格的，而且解答不會模糊，直接簡要，能做到這些必須是肚子里有貨，我覺得這算是硬體基礎。
2，編碼能力好，熟悉各項標准，演算法好，API熟練，就能成為前端架構師了么?不不，這些只能說你是個高工，你說你自己寫了許多框架和開源包，各種功能，前後端都有？no no no，也是最多算是高工而已。至少我是這樣認為，為什麼呢？因為你踩的坑決定了你架構的能力，你的硬體基礎只決定了你遇坑之後的解決能力。
打個比方，前端工作3年，一直在電商領域，或者一直在做sns，或者一直在做webview里的開發，這種經驗是不具備前端架構能力的，什麼？都是寫js？沒區別？錯了，你讓一個寫了3年電商框架的人去寫一個斗魚tv或者搜狐視頻試試，寫是能寫出來，但是選型問題真不會是最佳，因為他踩的坑一定沒有專注這個領域的人多。什麼是架構能力？其實說白了就是幫助最後項目順利開發完成，易擴展，好維護，有規范，能解決一些剛開始人看不到的麻煩。這些能力都是從一個一個真實得項目中鍛煉出來的，而不是說只做了一家公司的一個項目之後就可以說自己是前端架構師了。。
說的比較亂，其實簡單比方就是個經驗包的問題，你的經驗比你的技能更大的決定了你的架構能力。
3，溝通表達能力，這個其實不是特別重要，但是單獨拿出來說，就是因為如果你的想法不能在團隊有效的執行下去是不行的，你必須也一定是最後說服團隊使用你的方案的人。
所以最後，回到up主問的問題上來。
從一個前端工程師，如何根據目標，制定計劃，前端架構師需要涉及哪些知識點，還有哪些知識點是前端工程師所不具備的。希望知友提點。沒什麼知識點，你必須對你要做的東西有經驗，至少是做過1-2次（公司級項目），這才是架構師的價值，如果你根本沒做過同類的工程，你有什麼資格去架構他呢？現學現研究那隻是高工而已。
至於題目問的如何成為一個前端架構師，我覺得那些已經被很多人叫成前端架構師的人，自己都不覺得自己算是吧，只是入行久一點，活的長一點，經驗多一點，做的項目雜一點，跳槽次數猛一點，比你努力一點而已。
❷ 前端主要學什麼
前端框架
學好Web框架，熟悉掌握HTML、伺服器端腳本語言、CSS和JavaScript之後，學習Web框架可以加快Web開發速度，節約時間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員常用RoR。
隨著Web 越來越規范和標準的統一，Web組件化技術不斷革新，移動端開發不斷升華，以下是一些常見開源前端框架:
Bootstrap
主流框架之一，Bootstrap 是基於 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發更加快捷。
html5-boilerplate
該框架可以快速構建健壯，且適應力強的web app或網站。
Meteor
Meteor是新一代的開發即時web應用的開源框架，它能在較短時間內完成開發。
Semantic UI
基於自然語言有效原則的UI組件框架
Foundation
優秀的響應式前端框架
Materialize
基於材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。
Pure
幾乎可以在每一個web項目中使用的一組小的和響應式的CSS模塊。
Vue
Vue.js 是用於構建互動式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。
Skeleton
Skeleton 是一個小的 JS 和 CSS 文件的集合,可快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基於 960 grid 開發。它是一個 UI 框架。
Amaze UI
國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架Amaze UI Touch以及針對跨屏HTML5網頁開發的Amaze UI Web。其中，Amaze UI Touch可以幫助開發者通過豐富的組件，快速構建出與原生APP相媲美的專屬移動端的HTML5應用。
UIkit
一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的web介面。
Yui
Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證。
kissy
一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。
MUI
最接近原生App體驗的前端框架的框架。
Arale
一個開放、簡單、易用的前端基礎類庫。
JX
JX 是模塊化的非侵入式Web前端框架，特別適合構建和組織大規模、工業級的Web App。
GMU
GMU是基於zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。
ZUI
開源HTML5前端框架
Clouda Touch.js
Touch.js是移動設備上的手勢識別與事件庫,也是在網路內部廣泛使用的開發。
❸ 學web前端 入門 學什麼比較好
想入門web前端，怎麼能少得了學習路線。下面分享一份完整版的web前端學習路線，可以參考下。
1、PC端頁面製作與動畫特效
學習HTML+CSS搭建網頁、CSS動畫特效、PhotoShop切圖等基礎知識，獲得初級Web前端工程師技能，主要進行PC端網頁製作與樣式設計實現，能夠配合UI設計師進行項目開發。
2、移動端頁面製作與響應式實現
講解移動端布局與設備適配、響應式設計與實現等，獲得移動端頁面適配工程師技能，主要進行移動端網頁的布局製作與樣式設計實現。可以適配各種手機尺寸，並能利用響應式進行移動端與PC端適配。
3、JavaScript與jQuery開發
同HTML5基礎知識一樣，JavaScript開發與jQuery開發是職業晉升必備的技能包，獲得中級Web開發工程師技能，主要進行頁面行為交互，實現網站常見特效，加輪播圖，選項卡，拖拽效果等，並能配合UI和後端進行項目開發。
4、HTML5高級框架技術開發
常用的Vue框架開發，React框架開發，Angular框架開發，數據可視化技術。可獲得中級Web前端工程師技能，主要適用框架開發企業項目，實現單頁面應用開發。可以完成復雜的數據交互應用場景，具備獨立開發項目能力。
5、全棧前後端技術開發
Node.JS技術，其他後端技術，如Java或PHP。可獲得高級Web前端工程師技能，主要進行前後端全棧樣式開發，能獨立完成一個中小型項目的前後台，對於網站開發有著非常熟練的編程能力。
可以從零開始，一步步的掌握前端開發的各項相關技能，最終達到企業對初級前端開發工程師、中級前端開發工程師、高級開發工程師等職位的要求。
學web前端一般在2萬左右，4-6個月左右的時間。應該根據自己的實際需求去千 鋒看一下，面授的，先好好試聽之後，再選擇適合自己的。只要努力學到真東西，前途自然不會差。
❹ 前端開發都需要學習什麼框架
想要成為一個好的前端程序員，需要掌握的技術還是比較多的，比如HTML5開發、JavaScript、Veu.js框架開發等等。
前端就是展現給用戶瀏覽的部分。我們通常說的前端，其實是指前端開發，也就是創建PC端或移動端等前端界面給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。
學習的內容包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
❺ 前端框架哪個好學
react，vue，angular三大JS框架， 關注點的層級依次為：低，中，高。正好覆蓋了前端從底層實現，到集成運用再到大范圍工程化三個階段。
不必要全部學會，但要熟悉，有自己擅長的技術，不同的業務也需要用到不同技框架術框架，所以要根據業務需求決定的
Framework是框架，用來構建一個應用的主體結構。這個主體結構上開發，實現自己的需求。Web伺服器端的框架基本實現的都是MVC設計模式，你在Model、View、Controller層分別去添加代碼。Web前端，Angular(以及它的前身Angularjs)實現的都是MVP模式。
❻ 前端常用的框架有哪些
一、 Web前端框架之Angular 2+
Angular 2+優點解析：
Angular 2+ 的最大優勢在於它的流行程度。也有人認為它和 Google 密切相關的名字，會影響團隊使用它。Angular 1 的迅速流行是因為那些來自其他互動式應用程序開發環境的人會發現對於開發單頁面 Web 應用程序具有相似的模型-視圖模式。通過對 Angular 1 進行現代化演變和重新構建框架的某些部分，Angular 2+ 已經真正的爆發了，大量的正式的和非正式培訓機構數量都讓人印象深刻，開發者有很強的市場競爭力。對於用戶來說它有一套用於構建用戶界面的豐富組件，這也是本系列中少有的幾個框架能夠做到這點。
缺點解析：
我們覺得 Angular 框架著重於在單個頁面應用程序中創建用戶界面並沒有處理構建完整的 Web 應用這個更大的關注點，如果不及早確定下來，這將會導致整個項目難以維護，在實際項目中，運行時提供不屬於核心框架的技術往往讓人覺得不可思議，這大大降低了 TypeScript 對最終開發者的價值。
發展方向：
Angular 5 剛剛發布，這看來是 Angular 已經成功的印證了快速發布版本的承諾，在 Google 的持續支持下，Angular 會越來越成熟。
像許多的大型組織一樣，Google 具有多重(分裂)的人格，從外表上看，Angular 團隊和那些專注於瀏覽器標準的團隊之間顯得很和諧。但我們的觀點是，和諧只是一層薄薄的窗戶紙。Angular 團隊對於 Web 組件和漸進式 Web 應用沒有一個真正解決方案。我們認為，業界普遍認可的標准將會在 Angular 框架中會逐步實現，這將會影響到如何更好的構建 Angular 應用將成為一個中/長期的風險。
使用環境：
如果你需要在一個大型的框架內獲取技術資源，框架內的技術通常很容易移植;或者你需要在框架中訓練開發人員，並且還要有一定的信心，他們會在短期內獲得一定的開發能力，這樣的話你可以考慮 Angular 2+ 。需要注意的是 Angular1(angular.js)與 Angular2+ 是截然不同的，其中的應用、技術和經驗不能直接移植到 Angular2+ 的開發中去。
如果你的 Web 應用能夠很好的轉化為標準的模型-視圖模式，那麼你也可以忽略其他直接考慮使用 Angular2+ 。
如果你對 Google Material UX 設計模式滿意，那麼 Material Angular 是遵循該模式的一種快速、簡單且可靠的方式。
二、Web前端框架之React + Rex
React + Rex優勢解析：
React 和 Rex 的最大優勢在於它們相對簡單和專注。做一件事情並把它做好是非常困難的，但這兩個庫都很有效地完成了它們的目標。雖然對於某些狀態容器方法可能是外部的，但大多數開發人員還是可以輕松掌握概念，並了解單向數據體系結構的好處，簡化大量的用戶界面應用程序。
缺點解析：
React 和 Rex 最大的弱點不是它們是什麼，而是它們不是什麼。要構建一個功能豐富的 Web 應用程序，你需要許多功能，一旦脫離 React 和 Rex 和其他一些庫的核心，你將發現一個非常分散的社區，擁有無數的解決方案和模式，不容易整合在一起。
因此，雖然 React 和 Rex 都是非常專注的庫，但缺乏經驗的團隊還是會很容易地生成不可維護的解決方案，而不是意識到他們所做的選擇會導致性能不佳或錯誤。即使有經驗的開發人員也可能意識到，一個鬆散的架構或慣例可能會在未來困擾他們。
假省錢是一種對自己的欺騙，組織范圍內採用 React 和 Rex 將輕松降低無效率問題。沒有其他庫和模式的廣泛約定和標准化，標准化 React + Rex 比較於我們正在採用的 JavaScript 來編寫我們的應用程序效率要高。
發展方向：
Facebook 和 React 最近從繁瑣的附加專利糾紛中抽離，他們認識到，就像其他項目一樣，更廣泛的社區能夠提高自己的聲音。我覺得這有助於 Facebook 意識到他們還不能更好地了解我們，相信我們來引導項目。希望這將繼續貫穿項目的特點和技術方向。
很難預測 React 和 Rex 的未來。但是，將庫集中在一起，確實會顯著提高適應性，大多數React + Rex 模式都會促進一個分離的體系結構，從而可以輕松地進行重構和迭代。兩年前，大家喜歡的還是React + Flux，但整個社區很快就擁抱了Rex。思維或模式的其他重大轉變可能很容易被採納。這種關鍵能力可能會持續到未來。
使用環境：
如果你很少需要手把手指導，並且正在尋找更好的庫而不是全面的框架，那麼 React + Rex 可能是正確的。在這一過程中，你不僅需要對你的團隊和組織的能力保持誠實，還要在你的初始開發過程中，以及在整個應用程序的長期維護過程中保持誠實。
三、Web前端框架之Vue.js
vue.js優勢介紹：
漸進式構建能力是vue.js最大的優勢，vue 有一個簡潔而且合理的架構，使得它易於理解和構建。
vue 有一個強大的充滿激情人群的社區，這為vue.js增加了巨大的價值，使得為一個空白項目創建一個綜合的解決方案變得十分容易。
缺點介紹：
在模型-視圖應用程序和狀態容器類型的應用程序之間的互相轉換可能會令人感到困惑，即使沒有完美包含一個模式到另一個模式的完美轉換，但讓人感覺希望能維持兩個模式的相關性。對於那些期待vue.js完美解決方案，並可能導致難以維護不一致的應用程序的人來說，這至少是令人困惑的。
一個更大的挑戰是vue.js依賴於一個單獨的人，很明顯，其他的項目基本是由一個組織提供支持，但這讓人感覺更加有意義，雖然它有一個強大文件的社區和許多有創新的新增項目，但是 vue 核心的開發基本落在一個人身上。
我們很高興看到 vue 更加容易接受新興的標准方法，但是它的類似於 Web 組件的模式，而不是真正的 Web 組件，這可能是 vue 所得不償失的地方。
發展前景：
雖然vue.js有相當廣泛的應用，但也很難預測在中期發展中這個勢頭能持續多久，它不是由一個商業組織直接支持並維護，因此，這很大程度上依賴於維護者的生存能力和繼續維護下去的願望來決定。
它也表現出了一定程度的語言適應能力，並且隨著某些模式的落伍和失寵而繼續保持自身語言的現代化和時代性，目前沒有跡象表明vue.js架構將來無法適應進一步發展。
使用場景：
如果你有一個傳統的Web應用程序，並需要一個強壯穩健的應用程序層，那麼vue.js 可能是一個很好的選擇，它有清晰的模式，即使沒有經驗的團隊也能正確或者錯誤的使用它。盡管vue UX框架沒有開箱即用的功能，但在vue.js上也能大量持續性構建應用，這將有利於你的項目。
❼ 前端框架都有哪些，最主流的是哪個
推薦幾個精緻的web UI框架及常用前端UI框架！
1.Aliceui
Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規范，是寫 CSS 的更好方式。
2.Amazeui
Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。
3.sui
SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。
通過SUI，可以非常方便的設計和實現精美的頁面。
同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復工作。
9.YDUI Touch
YDUI Touch 專為移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現強大的屏幕適配布局，等比例適配所有屏幕。什麼？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變數，定製一份屬於自己的YDUI;
10、後台UI開發框架 MuseUI
一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。
❽ 學前端都學什麼比較好
Web前端學習可分為以下幾個階段：
第一階段Html5+CSS3：主要學習HTML5基礎、CSS基礎、HTML5進階、CSS3進階、Less
第二階段JS交互設計：主要學習JavaScript核心語法、DOM和BOM、JavaScript高級進階、面向對象編程、Touch、jQuery、Zepto
第三階段Node開發：主要學習JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模塊化、WebSocket+Koa2
第四階段前端框架：主要學習Vue基礎、Vue進階、TypeScript、React
第五階段小程序+數據可視化：主要學習小程序基礎、雲開發、uni-app基礎、數據可視化
❾ 前端框架哪個好
現在流行的Web前端框架有哪些？
React：它最大優勢在於它們相對簡單和專注。做一件事情並把它做好是非常困難的，但這個庫很有效地完成了它的目標。雖然對於某些狀態容器方法可能是外部的，但大多數開發人員還是可以輕松掌握概念，並了解單向數據體系結構的好處，簡化大量的用戶界面應用程序
Angular：對於用戶來說它有一套用於構建用戶界面的豐富組件，這也是本系列中少有的幾個框架能夠做到這點。
Vue：漸進式構建能力是vue.js最大的優勢，vue有一個簡潔而且合理的架構，使得它易於理解和構建。
vue有一個強大的充滿激情人群的社區，這為vue.js增加了巨大的價值，使得為一個空白項目創建一個綜合的解決方案變得十分容易。
❿ 前端都學什麼框架
隨著互聯網的高速發展以及前端技術的革新升級，框架成為每一個高薪Web前端程序員必須要掌握的技能。為了能夠更快的掌握企業所需的高端技能，掌握常用的Web前端框架
很多學習前端的人在完成對基礎知識的掌握之後都要學習框架，現在的主流三大框架React、Vue.js、Angular
我給你介紹一下
React
React框架是起源於Facebook的項目，可以輕易的解決跨瀏覽器兼容的問題，主要是通過對DOM的模擬減少與DOM的交互做到的。React的模塊化把組件進行了隔離，出現問題的時候更方便程序員對其進行修改，而且由於JavaScript，因此更有利於搜索引擎的優化。
優點：引入了一個叫做虛擬DOM的概念，運行速度快;提供了標准化的API，解決了跨瀏覽器問題、兼容性更好;代碼更加模塊化，重用代碼更容易，可維護性高。
缺點：React是目標是UI組件，通常可以和其它框架組合使用，並不適合單獨做一個完整的框架。
Vue
Vue是相對比較輕量級的框架，是通過進行雙向數據綁定來達到驅動頁面的效果，大多程序員在學習新框架的時候都會先從Vue開始。Vue比較簡單，官方文檔介紹的很清楚，可以非常快速的通過非同步批處理的方式對DOM進行更新，也能把可復用的、解耦的組件組合在一起使用，更能允許多種模塊的安裝，場景使用也更加靈活。
優點：漸進式構建能力是Vue.js最大的優勢，Vue有一個簡潔而且合理的架構，使得它易於理解和構建。Vue有一個強大的充滿激情人群的社區，這為Vue.js增加了巨大的價值，使得為一個空白項目創建一個綜合的解決方案變得十分容易。
缺點：在模型-視圖應用程序和狀態容器類型的應用程序之間的互相轉換可能會令人感到困惑;它類似於Web組件的模式，而不是真正的Web組件。
Angular
Angular擁有很好的應用程序，是一個以JavaSpript編寫的庫，模板功能也異常強大，本身就帶有豐富的Angular指令。一方面可以通過指令擴寬HTML，一方面可以通過表達式綁定數據到HTML。
優點：模板功能強大豐富並且是聲明式的，是一個比較完善的前端MVC框架，自帶了豐富的Angular指令;ng模塊化比較大膽的引入了Java的一些東西(依賴注入)，能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。
缺點：驗證功能錯誤信息顯示比較薄弱，需要寫很多模板標簽;ngView只能有一個，不能嵌套多個視圖;比較笨重，沒有讓用戶選擇一個輕量級的版本。
想要成為合格的前端人才，一定要掌握框架。