A. WEB 前端開發環境怎麼樣
逐字逐句的解釋——WEB：web在不同的環境下有不同的解釋，其中web前端開發之中的web是指在 Intenet 上和 HTML 相關的部分。通俗來講，即用網頁瀏覽器瀏覽的網頁。WEB前端開發：這是從網頁製作演變而來的，劃分了兩個很明顯的時代特徵。早前的網頁製作主要都是靜態的以瀏覽為主，製作起來也相對於web前端開發簡單，後期發展中，但是靜態單一的文字圖片已經不滿足人們的胃口了，於是web前端開發應運而生。網頁上軟體化的交互，XHTML+CSS布局、DHTML和Ajax都是涵蓋在web前端開發中的，所需學習的也比原先的網頁UI製作要多得多了。主要有HTML、CSS和JavaScript，最好還要掌握Flash/Flex、Silverlight、XML和伺服器端語言。但是web前端開發所學的知識點並不固定，因為這是一門非常新的職業，對一些規范和最佳實踐的研究都處於探索階段。總有新的靈感和技術不時閃現出來，例如CSS sprite、負邊距布局、柵格布局等；各種JavaScript框架層出不窮，為整個前端開發領域注入了巨大的活力；瀏覽器大戰也越來越白熱化，跨瀏覽器兼容方案依然是五花八門。為了滿足「高可維護性」的需要，需要更深入、更系統地去掌握前端知識，這樣才可能創建一個好的前端架構，保證代碼的質量。WEB前端開發工程師web前端開發工程師既要與上游的交互設計師、視覺設計師和產品經理溝通，又要與下游的伺服器端工程師溝通，在這個過程中要掌握的技能非常多，因為既然能和中下游進行溝通，雖說不至於要精通他們所做的工作，但是也要了解他們手上的事物才能溝通得起來。前端開發工程師的入門門檻其實非常低，與伺服器端語言先慢後快的學習曲線相比，前端開發的學習曲線是先快後慢。所以，對於從事IT工作的人來說，前端開發工程師是個不錯的切入點。也正因為如此，前端開發領域有很多自學成「才」的同行，但大多數人都停留在會用的階段，因為後面的學習曲線越來越陡峭，每前進一步都很難。
B. 可以自學web前端嘛現在學web前端之前要有什麼基礎
只要自己有足夠的信心，任何知識都是可以自學的。而且現在網路上的資源非常的豐富，web前端開發的學習視頻更是數不勝數。你可以在網上下載一些比較好的web前端開發書籍，
另外再下載一些培訓機構的學習視頻。相信你通過自己努力，一定可以快速入門的。
三個Web前端的學習技巧，助力大家早日成為優秀的Web前端工程師。
一、不斷學習
任何一門科學都需要不斷學習，尤其是更新速度很快的前端領域。時刻關注前端動態，是你跟上前端潮流的一個好方法。前端的體系過於龐大，技術框架多而雜，如果你在學習的過程中經常抱怨，那麼就需要適當調整學習的態度，因為在以後的工作中會面臨更大的挑戰。
二、抓住根基
主抓基礎，避免盲目。前端領域知識點很多，聰明的人懂得花時間學習成體系的知識並且研究得足夠深入，擅於抓住重點，而不是盲目的看到別人用什麼框架就去學什麼。根據不同的項目選擇合適框架，並且和項目實踐關聯起來，切實鍛煉自己的前端開發能力。
三、堅持創新
發揮你的創新意識，可以寫一些有意思的小工具、插件，推廣出去，你會在學習前端的道路上找到很多志同道合的朋友。
推薦你一個東西，裡面有很多視頻講解你可以去試試喔！
總之，掌握以上方法可以讓你在接下來的Web前端學習中事半功倍。
C. 前端環境的安裝與配置
前端環境的安裝與配置？一、工具安裝
1.編輯器
2.Git(分布式的代碼管理工具)
3.Photoshop
4.Nodejs鏈接
二、 環境配置
1.配置git：
1.1 設置Git的user name和email：
$ git config --global user.name "name"
$ git config --global user.email "[email protected]"
1.2 生成SSH密鑰過程：(看需求配置)
$ ssh-keygen -t rsa -C "[email protected]"
3個回車，密碼為空。
Your identification has been saved in /home/tekkub/.ssh/id_rsa.
Your public key has been saved in /home/tekkub/.ssh/id_rsa.pub.
The key fingerprint is:
………………
最後得到了兩個文件：id_rsa和id_rsa.pub
添加密鑰到ssh：
登陸gitlab, Profile Settings -> SSH Keys -> ADD SSH KEYS ,找到本地的id_rsa.pub文件，復制出裡面的內容，添加到 key 內，此時 Title 會自動填上你的郵箱，沒有的話手動填寫, ADD KEY
1.3 拉取代碼到本地(許可權)
創建一個存放項目的文件夾，在該文件夾下，單擊右鍵，選擇git bash,打開git命令框，編寫命令：git clone [email protected]:xx/xx.git（可以在gitlab項目中找到存放地址，gitlab地址：http://gitlab.vchangyi.com ），按回車，就可以從gitlab上clone代碼到本地文件夾
1.4 手動安裝nodejs，如果是pc端安裝的話，nodejs版本不能過低。
安裝最新版的話npm安裝項目依賴會有問題，手機端gulp無法啟動，所以建議安裝nodejs V6。
1.5 測試node是否安裝成功
在git 命令窗或者node 命令窗中輸入命令 ：node -v
1.6 同理，測試npm是否安裝成功npm -v
1.7安裝gulp
在項目下打開git 命令窗，從淘寶源上自行安裝，這個時間需要等待和耐心，也會有網路原因導致安裝失敗，如果安裝失敗可以多來幾次，直到成功為止。
如果是pc端：npm install --registry=http://registry.npm.taobao.org --phantomjs_cdnurl=http://cnpmjs.org/downloads
npm 安裝時候 持久使用淘寶源 設置:
npm config set registry https://registry.npm.taobao.org
配置後可通過下面方式來驗證是否成功
npm config get registry
或
npm info express
D. 前端開發需要配置什麼環境
web前端開發環境的搭配：
A、Sublime3安裝配置：
Sublime跨平台的前端開發神器,是一個共享軟體,免費使用；下載最新Sublime3安裝包；
-官網地址:http://www.sublimetext.com/
-安裝包管理器
打開Sublime3控制台,ctrl+~
輸入安裝包管理器命令代碼，注意需要聯網才能安裝,因為是在線下載包
包管理器的官網地址:https://packagecontrol.io
-安裝第三方插件(包)
打開命令面板:ctrl+shift+p；
輸入install,然後回車，然後可以搜索想要的插件,回車安裝；Atom工具使用
B、Atom工具使用：
由github發布的前端開發工具，集成了chrome的調試工具，是一款非常強大和開發的開發工具平台。在file裡面的setting裡面進行設置,包括字體的大小,快捷鍵,背景顏色主題等；
官網地址：https://atom.io/
C、WebStorm10的安裝與使用：
WebStrom是最專業的前端IDE開發工具，是一個非常重量級的開發工具,是專業為我們前端設計的IDE,用他來開發是效率非常高；
D、總結三款開發工具的優劣：
Sublime3:需要安裝第三方的包，一般。Atom：集成度非常好，也很輕，需要自己安裝第三方的包。Webstrom：大項目，建議使用webstrom，非常強大，但是也很重。
E. Web前端入門需要先學什麼
對於前端初學者而言，打好基礎永遠都是最關鍵的，它會影響你以後的知識學習。而前端的入門知識包括：HTML、CSS、JavaScript三大板塊，熟練掌握這三大板塊，輕輕鬆鬆上手做項目。
針對於這三大板塊該如何學習呢？
1.HTML、CSS基礎、JavaScript語法基礎。學完基礎後，可以仿照電商網站（例如京東、小米）做首頁的布局。
2.JavaScript語法進階。包括：作用域和閉包、this和對象原型等。相信我，JS語法，永遠是面試中最重要的部分。
3.jQuery、Ajax等。jQuery沒有過時，它仍然是前端基礎的一部分。
4.ES6語法。這部分屬於JS新增的語法，面試必問。其中，關於 promise、async 等內容要尤其關注。
5.移動端開發：H5高級功能、CSS3動畫詳解、webAPP開發、微信公眾號開發、微信小程序開發、Vue.js實戰運用等
6.高級框架與後台交互：Angular.js、React.js、PHP入門、DedeCMS等綜合應用。
F. 前端入職需要安裝什麼環境
一、基礎環境
Node.js是JavaScript運行時，目前前端工程化必不可缺的一個環境。通常我們會選擇穩定版本(LTS)進行下載。
NPM是javascript的包管理工具，也是目前Node.js默認的包管理工具。一般下載了Node.js後會附帶npm，不用專門的去下載。
YARN是Fackbook開源的依賴管理包，和npm是做同樣的工作，但相比npm安裝依賴的速度會更加迅速。兩者都是講依賴寫入package.json中，在使用習慣上是相近的。
Git是最先進的代碼版本控制軟體。
二、開發環境
編輯器
目前前端開發主流的編輯器有sublimeText、WebStorm、vscode，三種主流器各有特點:
sublimeText是一個十分輕巧的編輯器，編輯器是付費軟體，可以無限試用。在 macOS 上下載該軟體僅需 15.2MB. 需要安裝相應的插件，比如你可能需要某個語言的語法高亮，因此你需要在 store 上找到相應插件來提高你開發體驗。
webStorm是一個功能強大的編輯器，同時也是一個付費軟體，並不像sublimeText那樣可以無限試用，由於功能太過於齊全，一些低配置的電腦可能會吃不消。以上特點是群友對webStorm的評價，筆者沒有使用該編輯器，不過多評論。
vsocde是由微軟開源的一個編輯器，雖然是後起之秀，但開源後該編輯器的設計與體驗迅速吸引了一大批用戶。它內置了一些前端基礎的開發環境，針對Node.js還可以進行短點調試。
vscode其中有一個插件叫做setiings sync, 它可以將你的編輯器配置上傳至gist。就算你換了一個全新的設備，下載vscode後，再下載該插件，傳入Token後就可以同步你所有的配置，十分的方便~
vscode的配置可以查看具體教程
瀏覽器
前端的工作更多時候是與用戶打交道，我們的工作產出通常在瀏覽器頁面上呈現。
瀏覽器通常提供了開發者工具以供開發者調試，目前市面上主流的瀏覽器主要就是chrome、Safari、IE/Edge、opera、firefox這五種瀏覽器。國內市場有UC瀏覽器等，但內核的大多都是採用webkit或者兼容低版本IE內核。
從statcounter 統計數據來看，目前主要的趨勢還是以chrome所使用的webkit內核作為主流，同時chrome的開發者工具對於開發人員十分的友好，因此有很多的開發者選擇了該瀏覽器作為首選的調試工具。chrome還有一個便利就是登陸了谷歌賬號後，可以在別的機器上進行同步插件和配置。
G. 零基礎學習前端開發要怎麼開始
這里整理了一份web前端學習路線的思維導圖，需要掌握和學習的內容如下：
第一階段：專業核心基礎
階段目標：
1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。
2. 熟練運用HTML+CSS特性完成頁面布局。
4. 熟練應用CSS3技術，動畫、彈性盒模型設計。
5. 熟練完成移動端頁面的設計。
6. 熟練運用所學知識仿製任意Web網站。
7. 能綜合運用所學知識完成網頁設計實戰。
知識點：
1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿製任意網站的前端頁面實現。
2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。
3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。
第二階段：Web後台技術
階段目標:
1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。
2. 熟練掌握JavaScript的基本數據類型和變數的概念。
3. 熟練掌握JavaScript中的運算符使用。
4. 深入理解分支結構語句和循環語句。
5. 熟練使用數組來完成各種練習。
6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。
7.DOM和BOM實戰練習和H5新特性和協議的學習。
知識點：
1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。
2、JavaScript面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。
3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。
4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。
第三階段：資料庫和框架實戰
階段目標：
1. 綜合運用Web前端技術進行頁面布局與美化。
2. 綜合運用Web前端開發框架進行Web系統開發。
3. 熟練掌握Mysql、Mongodb資料庫的發開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術。
5. 熟練運用Node.js開發後台應用程序。
6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。
知識點：
1、資料庫知識，範式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理，為Node.js後台開發打下堅實基礎。
2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL資料庫處理，RestfulAPI，文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。
3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。
4、需求分析，資料庫設計，後台開發，使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能並上線發布。
第四階段：移動端和微信實戰
階段目標：
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。
這已經是一套非常完備的Java學習路線了，零基礎學習Java完全自學的話還是比較吃力的，建議還是找專業的機構系統學一下，可以點 擊 頭 像 了解一下。
H. web前端該怎麼入門
又過了好久,前端發展果然很快,重寫了回答,以免誤人子弟,以後不再更新。匿名是不想引起過多關注,沒有別的意思。直接進入正題。前端入門是一個螺旋上升的過程,既要反復看書,也必須抓緊時間實踐。入門的話三個月肯定是足夠了。IFE(網路前端技術學院)是一個絕佳的練習平台,題目都是開源的。15年的學習資料比較多,而16年的題目題量較大,難度也稍大。所以我個人建議先刷點 15 年的基礎題,不會做也可以參考別人的代碼。IFE2015:ife/2015_spring/task at master · -ife/ife · GitHub IFE2016:網路前端技術學院自己想搞點其他項目也是可以的,本質上就是要給自己找點事情做,絕對不能單看書。我把這三個月大致分為三個階段。1. HTML + CSS 前端的入門門檻極低,體現在 HTML 和 CSS 上。運行環境就是瀏覽器,推薦 Chrome。你需要的只是一個編輯器,直接用 VSCode 吧。HTML 和 CSS 不是編程語言,前者只是結構標簽,後者則是樣式配置,入門是非常簡單的。網上資料也有很多,可以參考 MDN。 我當時是看了一本書 Head