web前端開發流程：領導或甲方提出需求，然后產品分析需求，并且根據需求畫出原型圖，然后根據原型圖出設計稿。設計稿團隊評審，過后交與前端制作靜態頁面，然后靜態頁面，交與設計審核，過后交給開發人員，進行動態數據的添加。發布測試環境，產品測試領導審核，成功后，直接發布產品環境，進行版本迭代。整個的一個設計，開發，部署的流程。前面的所有流程中的靈魂是原始需求提出者，但人隨著客觀條件的變化，思維認識會有所不一致，所以產生了文檔，文檔是貫穿整個流程的一個靈魂。而產品是整個流程中文檔的編寫者，因為產品最能接觸最原始的需求，對需求的理解更深刻或專業。

新手怎么快速學習web前端技能？這個問題是剛開始學習web前端開發的朋友都會想問的，開始的時候沒有人帶你和有人帶你是不一樣的，各有利弊吧，沒有人指導的話會苦逼一點，但是可以鍛煉出很強的學習能力，有人指導的話可以少走一些彎路，但是容易養成依賴別人的習慣，影響獨立思考的能力。當然我是屬于參加前端培訓學習的，在這分享一下我的web前端學習的經驗吧。

在學習之前，首先要搞清楚，web前端工程師需要掌握哪些技能才算得上是web前端工程師？比如我在學習前端技能之前，先制定一個學習計劃，先看一下招聘網上的招聘web前端的崗位要求什么技術，先記下來，里面的技術要求都是最新的技術要求。

學好上面的基礎知識，然后就是學習各種框架了，比如最近比較流行的vuejs框架，還有angular和react，我建議先學好一種，理解其中的原理和思想，到后面學習其他的相對簡單一點。jquery框架是最多人用的前端框架，當然也要掌握，學習它也比較簡單。css框架也要掌握至少一種吧，比如sass，less，stylus等等，用的比較多的還是sass和less吧。還有精通頁面布局，css樣式調整，深刻理解web標準，對可用性，可訪問性，結構與表現分離等等相關知識也是必須的。

當然也需要精通熟悉bootstrap，font awesome.js等前端基礎庫，熟悉大規模的web應用開發，網站性能優化和代碼規范。當然如果使自己更加充實，就學習一門服務器腳本語言，儒nodejs/php/java/python等，個人感覺nodejs更接近前端一點，它是前后端分離的框架。學習一本后端語言也是一個加分項，也是為了以后的全棧和架構師之路也是必須的，如果你向產品經理發展那就另當別論。

針對于新手，最好是建議去一些web前端培訓機構學習吧，會有比較專業的導師教你入門，為你制定比較適合你的學習計劃，這樣學習起來也比較快。

web是什么呢？web就是萬維網，要徹底的解釋這個名詞就需要些篇幅了，這里就用一句話總結，就是一種全球都公認的協議，一個信息系統，必須遵守這個協議才能上網。web前端其實就是前端，或者前端技術，前端開發，這幾個名詞其實意思都差不多的。前端網絡編程所使用的工具能被用于進行前端編程，理解工具最適用于什么任務，有助于產生一個高質量的、可升級的站點。

1、超文本標記語言（HTML）

HTML是任何網頁工程程序的骨架，沒有它網頁不會存在。超文本標記語言能提供站點總體的樣子。HTML被Tim Berners-Lee所發展。隨著HTML的發展，在萬維網中產生了許多版本。最新版本的超文本標記語言被稱為HTML5，在2014年0月28日被W3C所推出。

這一版本包含了新的并且高效的方式來傳輸元素，例如音頻以及視頻文件。H5在前端工程師中非常受歡迎。和老的版本相比，HTML5有很多特點。隨著HTML的發展，在網絡中產生了一場革命。

2、層疊樣式列表（CSS）

CSS控制了站點的樣子，讓站點有自己獨有的外觀。其實現形式是：保證樣式列表先于其他的樣式規則，由其他的輸入形式所影響，例如屏幕的尺寸和分辨率。

3、JavaScript

JavaScript（簡稱JS）是基于場景的命令式語言（和HTML的說明性語言不同），用于將靜態的HTML界面動態化。JS的代碼能使用HTML標準提供的文檔對象模型（DOM），來根據事件，例如用戶的輸入，操縱網絡頁面。

JS使用一種被稱為異步JavaScript和XML的技術（AJAX），JS代碼也能動態的改變網頁的內容（與原始的HTML頁面端相獨立），并且也能回應服務端的事件，讓網頁體驗增加了真正動態的特性。

JS中有很多流行的開發框架，幫助開發者快速構建web頁面，比如Vue.js、Angular、React都是很流行的框架，擁有大批忠實的用戶。

4、操作系統

了解Unix和Linux的基本知識，對于開發人員有益無害。

5、網絡服務器

了解Web服務器，包括對Apache的基本配置，htaccess配置技巧的掌握等。