大公司前端開發規范

❶ web前端開發需要學習什麼知識

第一階段：

HTML+CSS:

HTML進階、CSS進階、div+css布局、HTML+css整站開發、

JavaScript基礎：

Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效：

常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

JS高級特徵：

正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、

JQuery：基礎使用

懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

第二階段：

HTML5和移動Web開發

HTML5：

HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、WebSocket、Canvas.

CSS3:

CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

Bootstrap:

響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。

移動Web開發：

跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。

第三階段：

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實現爆布流案例額。

第四階段：

面向對象進階

面向對象終極篇：

從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。

面向對象三大特徵：

繼承性、多態性、封裝性、介面。

設計模式：

面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。

第五階段：

封裝一個屬於自己的框架

框架封裝基礎：

事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

框架封裝中級：

運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

框架封裝高級和補充：

JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

第六階段：

模塊化組件開發

面向組件編程：

面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

面向模塊編程：

AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。

第七階段：

主流的流行框架

Web開發工作流：

GIT/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架：

Angular.js、Backbone.js、Knockout/Ember。

常用庫：

React.js、Vue.js、Zepto.js。

第八階段：

HTML5原生移動應用開發

Cordova：

WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。

Ionic：

Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。

ReactNative：

ReactNative簡介、ReactNative環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。

HTML5+：

HTML5+中國產業聯盟、HTML5PlusRuntime環境、HBuilder開發工具、MUI框架、H5+開發和部署。

第九階段：

Node.js全棧開發：

快速入門：

Node.js發展、生態圈、Io.js、Linux/Windows/OSX環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

核心模塊和對象：

全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端。

Web開發基礎：

HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。

快速開發框架：

Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。

希望會給大家帶來幫助！

❷ web前端開發需要用到哪些知識

前端前景是很不錯的，像前端這樣的專業還是一線城市比較好，師資力量跟得上、就業的薪資也是可觀的，學習前端可以按照路線圖的順序，

0基礎學習前端是沒有問題的，關鍵是找到靠譜的前端培訓機構，你可以深度了解機構的口碑情況，問問周圍知道這家機構的人，除了口碑再了解機構的以下幾方面：

1. 師資力量雄厚

要想有1+1>2的實際效果，很關鍵的一點是師資隊伍，你接下來無論是找個工作還是工作中出任哪些的人物角色，都越來越愛你本身的技術專業前端技術性，也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師，一個好的前端培訓機構必須具備雄厚的師資力量。

2. 就業保障完善

實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台，即能夠為你提供良好的就業保障，讓學員能夠學到實在實在的知識，並向前端學員提供一對一的就業指導，確保學員找到自己的心理工作。

3. 學費性價比高

一個好的前端培訓機構肯定能給你帶來1+1>2的效果，如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作，你將獲得比以往更多的投資。

希望你早日學有所成。

❸ 達到什麼樣的標准才能是大公司要的前端

小公司，前端團隊才20幾個人。來冒昧回答下。
團隊大部分人都是我親自從各個地方拉來面試，然後通過，然後培養起來的，這點還是有點心得的，不過這里不想詳細展開。

在我們的招聘中，一般第一句就是這樣的：

技術熱情，對技術問題深究的態度，善於總結，喜歡思考解決問題的各種方法和思路，能夠自己快速解決各種技術問題。（這條不符合的就不要投簡歷了）
很寬泛的，但是我卻認為是很重要的，我非常看重這一條，甚至超過對你的技術和經驗的考察。
我面試的時候一般不會問具體的技術細節，例如閉包是什麼，寫個排序演算法，寫個三欄布局什麼的。其實如果你符合了上面說的那一條，這些問題對你來說只是隨手google一下就能掌握的東西，問了意義並不會太大。
創業公司，有時候技術真的沒法搞的太高大上，我們需要的不是專家，而是能夠從0開始，自我成長，自我約束，認同團隊理念，懂得總結分享的人。然後我們盡力聚集越來越多擁有相同價值觀的人，當然我們也會偶爾引入幾個專家級別的開發，用外力來促進大家的成長，但是更多還是靠自我的驅動，我們提供的是一個氛圍和環境。

我們現在一般有2面，第一面是我，第二面是總架構師。我喜歡跟對方聊一些新技術，他們的理念，使用什麼的，聊做過的項目，聊對一些事情的看法。架構師那裡則喜歡直接問你技術問題，甚至在紙上寫代碼。感覺還是配合的挺完美的。不過通常我這里過了，架構師那一關基本也算是過了，只是對你水平的一個考量。

❹ web前端需要哪些技術

1. 所有知識框架，那肯定是一個結構型的展現，就是一棵樹。web前端的知識點非常多，也非常散，需要好幾層結構來組織這個體系，否則就會顯得很亂。那麼如何組織、把誰和誰放在一塊兒？這是真正值得我們去思考的，你也可以自己來思考一下這個問題。

2. 在我總結的這個知識框架中，首先第一層我劃分為：理論知識，類庫框架，編碼開發，運行環境。如下圖：

首先，你要知道web系統雖然大部分是在瀏覽器下運行，但是js可能會被運行在node環境。

在瀏覽器環境下，最重要的兩點是：web安全和性能優化。需要注意的綱要我都列出來了，如果想了解推薦兩本書《白帽子將web安全》《高性能網站建設指南》

8. 其他

以上這些是全部的知識體系。如果你想成為一名合格的、讓leader喜歡的程序猿，你除了知道這些知識之外，我覺得還需要以下幾點：

❺ 大公司和小公司的web前端崗位工作內容有哪些不同

然，對於不同規模的公司，web前端崗位的設定也是有區別的，下面就來給大家介紹一下，企業是如何根據規模大小設定web前端的崗位的。
▼
1. 企業規模：10人以下
我們先從幾個人的小作坊說起，這種小作坊裡面，基本上有一個人負責頁面的設計，然後把頁面「切」出來，然後有一個專門的人負責套程序。在這樣的公司裡面，Web前端其實是由網頁設計人員來兼作的，而這個職位一般叫做網頁設計師或者叫做網站美工。
2. 企業規模：10——30人
隨著公司規模的擴大，在達到十人以上到三十人左右的時候，網站一般會設置一個設計組，而這個組裡面一般要分出一個人來專職做Web前端的頁面製作，而不再是由美工兼任。而這樣的職位一般叫做網頁製作，說好聽一些可以叫做「網頁製作工程師」。不過在公司的一般泛稱則是諸如「製作」、「切頁面的」、「頁面仔」等。
3. 企業規模：100人以上
公司繼續壯大，發展到上百人的時候，網站一般來說也會越來越重視用戶體驗等細節，這個時候，大公司的一般做法是成立一個由設計人員和Web前端人員組成的用戶體驗部門，這個部門一般來說應該叫做UED（騰訊的叫ISD），而Web前端也在這個部門之中。
規模較小的UED中的Web前端團隊一般叫做網頁製作組或者Web前端組，這個組主要是負責Web頁面的製作的，也就是Web頁面中的HTML和CSS的相關工作，相應的職位則叫做「網頁製作工程師」或者「Web前端製作工程師」。
騰訊的Web前端設置比較特殊，他們的規模較大，不叫UED，而是叫做ISD，他們的分工一般來說也是只負責Web頁面的HTML和CSS部分，可能也包含少部分的Java代碼，而他們的這個職位叫做「Web重構工程師」。
4. 大型購物網站
而類似淘寶UED這種比較大的UED團隊，其Web前端人員的職責范圍也更大一些，他們的Web前端人員不僅要做HTML和CSS，還要做全部的Java或者Action，並且進一步擴展到Ajax甚至PHP等腳本語言的范圍，而其相關的職位則主要分為「前端開發工程師」、「資深前端開發工程師」以及「前端架構師」。
5. 結語
概括來說，Web前端的相關職位名稱主要有：「網頁製作」、「網頁製作工程師」、「前端製作工程師」、「網站重構工程師」、「前端開發工程師」、「資深前端開發工程師」以及「前端架構師」。

❻ 前端開發需要學什麼啊

前端開發需要學習的內容包括PC網站布局、HTML5＋CSS3基礎項目、webapp頁面布局等。

學習web前端開發，web開發工具有frontpage，可以使用word讓人輕松學習frontpage，另一個常見的是Dreamweaver，這兩個是最常用的HTML網頁製作工具。

HTML、CSS和JavaScript、Html是內容，CSS是性能，JavaScript是行為，與伺服器端語言的學習曲線相比，前端開發的學習曲線先快後慢。

Html最基本，先學習網頁的布局，然後CSS用於美化HTML頁面，並為頁面提供布局和格式，最後，學習JavaScript。

(6)大公司前端開發規范擴展閱讀：

主要職能：

1、熟練使用DIV+CSS並結合JS負責產品的前端開發和頁面製作；

2、熟悉W3C標准和各主流瀏覽器在前端開發中的差異，能運用DIV+CSS解決瀏覽器的兼容性；

3、負責相關產品的需求以及前端程序的實現，提供合理的前端架構；

4、與產品、後台開發人員保持良好溝通，能快速理解、消化各方需求，並落實為具體的開發工作；

5、了解伺服器端的相關工作，在交互體驗、產品設計等方面有自己的見解。

參考資料來源：網路-前端開發

❼ web前端開發需要掌握的幾個必備技術

Web前端開發需要掌握的幾個必備技術是：
HTML +_CSS核心、JavaScript、VUE框架

前端的應用非常廣泛，基本網站、APP、HTML5小程序等都需要前端開發，所以只要是互聯網產品基本都需要前端。
前端程序猿切頁面寫頁面，Web上、H5上的炫酷效果，是前端開發大展身手的地方。最常見的用於前端開發的技術組合是：
HTML+CSS+JavaScript。
web前端是在開發人員中最直接面向產品、面向用戶的設計人員，一個開發團隊的成果是要靠web前端去展現，因為用戶不會去關心後台的處理有多麼強大。
後端開發是寫後台，各種業務邏輯、數據處理、模塊介面、客戶端介面等等。後端開發者通常精通於一種Web編程語言和一個資料庫管理系統。電商平台點擊篩選條件下面為你篩選出來的寶貝的功能以及付款人數數據的變化等都是由後台來實現提供的。
目前web產品交互越來越復雜，用戶使用體驗和網站前端性能優化這些都得靠web前端去做。
前端開發則是網站的前台代碼實現，包括基本的HTML和CSS以及JavaScript/ajax，最新的高級版本HTML5、CSS3，以及SVG等。
前端開發需要學習的技術
1 掌握基本web前端開發技術：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug
2 必須掌握網站性能優化、SEO和伺服器端開發技術的基礎知識
3 必須學會運用各種web前端開發與測試工具進行輔助開發
4 除了掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等
5 未來web前端開發工程師還要研究HTML5、web視覺設計、網站配色、網站交互設計模式等相關技術
web前端有廣闊的發展空間，app、小程序、移動端、pc端等都網站是需要前端技術的開發支持才能夠完成，技術門檻相對較低、需求量較大，薪資待遇良好。只要是互聯網端的客戶界面，就需要前端來製作完成，前端開發的編程量不大，但是需要部分編程，入門簡單，但是要學的深入需要一個過程。
Web前端招聘崗位
• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師...
• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師...
• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師...
• 小游戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師...

❽ 前端工程師需要擁有哪些技能

1.開發語言

HTML發展歷史有二十多年，歷經多次版本更新，HTML5和CSS3的出現又是一次革新。有些人認為前端開發要掌握的技能簡單，不就是製作網頁 嘛，其實不然，web前端需要掌握的核心語言xHTML+CSS+JavaScript，JavaScript作為最難的語言之一，許多編程高手也不敢妄 自菲薄自封精通。由於JavaScript與html的差異性，以及靜動態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成的。小公司因為需要壓縮成本，就要求每個人會得越多越好，如果您想往項目經理發展，能懂一兩門後台語言，絕對是錦上添花！

2.瀏覽器兼容性

互聯網目前主流瀏覽器有IE6789，Firefox，Chrome，Opera，Safari，遨遊，包括國內主流的搜狗，騰訊 TT，360，the World等等；從內核上講主要有IE的，遨遊版IE，safari，firefox以及opera的，這些都是大家常見的，如果你身邊有老網蟲喜歡收藏 瀏覽器，你翻翻他的硬碟，相信幾十款肯定是有的。每種內核對代碼的解析是不完全一樣的，即使同樣內核也可能存在很大差異，如IE和遨遊版的IE。不說非主流的瀏覽器，就主流的瀏覽器要做到完全兼容，也並非易事，需要長時間的積累和測試，需要前端開發工程師對前端開發的熱愛和激情。

目前移動互聯網的發展趨勢也不容小覷，將慢慢占據互聯網的主要份額。移動互聯網最突出的好處是方便和及時，試想一下，走在某地風景很好，拍下來後自 動分享給各路好友，因此手機上的瀏覽器兼容也看刻不容緩，現在手機上的瀏覽器也是紛繁復雜，主流的UCWEB，safari，IE，3G門戶的，以及 symbian低端機的「殘缺兒童」，包括國外流行手機我們不知道的一些瀏覽器，更糟糕的是這些瀏覽器解析因為手機硬體的不同，每個瀏覽器得到的結果都是 完全不同的。

3.hack技術

由於不同的瀏覽器對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，這個時候就需要針對不同的瀏覽器寫不同的CSS，這個過程叫CSS hack。雖然我們寫代碼都要求按照標准，不寫hack代碼，但實際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應該是每個前端開發人員 必備的技能。

4.業內標准

目前Web前端開發中提到最多的就是W3C標准，這是一系列標準的集合，代表了互聯網發展的方向，也代表了前端開發的一種信仰。寫的代碼都要100%通過標准驗證，為通過標准驗證而感到自豪，會有效推動互聯網的快速發展。

5.開發工具

目前比較流行的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局，但現 在更提倡的是純手寫代碼，既體現技能方面的卓越，也可有效避免使用DW等工具產生的冗餘代碼。此外再掌握一些photoshop技能，即使沒有美工，也能 簡單處理一些圖像。

小結，掌握以上技能，可以說你是一個合格的前端開發人員，能夠參與到一個大的項目中，或者自己獨立寫出一個網頁。雖然這看起來和網頁製作設計差不多，從效果上來看，都是製作網頁的，但實際上，技術上所超出的已經是好幾個檔次的東西了。

❾ 大公司里怎樣開發和部署前端代碼

雖然美團不是大公司，但在這里寫一下我們的情況，僅供參考。開發時的和部署時類庫的引用和存放是一致還是不同?開發環境和部署環境的類庫代碼都是相同的，但物理位置不同。部署環境的類庫在CDN上，開發環境的類庫在開發伺服器上。模塊放在項目中還是放在 CDN 之類伺服器?模塊放在項目中，部署時都在CDN上。渲染網頁用 Nginx 還是其他動態語言的 Web 伺服器?前面用ngnix做負載均衡，後面用apache做web伺服器。製作網頁的流程, 是現有設計師的稿, 還是先看模塊?先有設計師的稿再寫模塊，但很多時候並不需要設計師，因為架子已經搭好了，界面規范和基礎元素都有，一般的界面前端工程師都能搞得定。會選擇用自己寫的模塊還是從社區尋找模塊?基礎框架用的YUI3，大部分二次開發的底層模塊，還有和業務緊密結合的UI模塊都是自己寫的。當然也會用社區寫的模塊，比如上傳組件、highcharts、Ace等。如果說怎麼選擇模塊的話，那就是具體情況具體分析了，總體原則有兩個：能不自己寫，就不自己寫；選擇最符合需求的，一般來說，要麼選最好的，要麼選最快出結果的。

❿ 現在web前端開發都做些什麼...

1網頁製作，負責頁面的設計與製作。
2前端製作工程師，專門負責製作前端頁面。
3網站重構工程師，負責web頁面的製作，主要是html和css部分，可能還需要知道一些Java語言。
4前端開發工程師，其Web前端人員的職責范圍也更大一些，他們的Web前端人員不僅要做HTML和CSS，還要做全部的Java或者Action，並且進一步擴展到Ajax甚至PHP等腳本語言的范圍。
5資深前端開發工程師，需要掌握的技能更多更全面，包含，小程序、app等等。
6前端架構師等等。