Dana是天枰座
一、熟練掌握HTML、CSS、JavaScript用語義化的HTML標(biāo)簽配合CSS百分百還原設(shè)計稿，并使用JavaScript完成各種交互邏輯，這是前端的基本功。當(dāng)然，如果你想掌握扎實的理論知識，除了通過教材、視頻等渠道學(xué)習(xí)外，在學(xué)習(xí)過程中做大量的實踐，通過不斷寫代碼去應(yīng)用所學(xué)知識，獲得快速成長。二、熟練掌握一門Mvvm框架隨著前端的日益復(fù)雜，大部分應(yīng)用場景都已經(jīng)離不開它們了。因此，你應(yīng)該清楚的了解框架出現(xiàn)的意義以及框架的職責(zé)邊界，這樣你才能輕松應(yīng)用框架提供的各種能力輔助開發(fā)工作。除了在應(yīng)用中投入更多的心思外，你還可以去主動去學(xué)習(xí)一些框架源碼，進(jìn)一步了解框架的實現(xiàn)原理。以上所介紹的是前端工程師應(yīng)該掌握的部分技術(shù)能力，除了技術(shù)能力外，一名優(yōu)秀的前端工程師還應(yīng)該具有業(yè)務(wù)能力。首先，就是要有責(zé)任意識。如果你不甘心只當(dāng)一顆螺絲釘，你就需要有責(zé)任意識，對產(chǎn)品和項目負(fù)責(zé)。一般來說，從產(chǎn)品的需求、設(shè)計、開發(fā)、測試到最終的上線都是由工程師在主導(dǎo)，并協(xié)調(diào)各個角色成員，這對工程師提出了很高的要求。因此，在學(xué)習(xí)階段你應(yīng)該按照嚴(yán)格的工程師標(biāo)準(zhǔn)來要求自己。其次，要有產(chǎn)品思維。當(dāng)你接到一個需求的時候，也要思考這個需求解決了什么問題，有什么價值和意義。作為一個工程師，最好能參與到需求早期的討論中，充分理解業(yè)務(wù)，這樣你對需求的把握和理解會更準(zhǔn)確，而不是產(chǎn)品說什么你就做什么，有些時候你會找到一條既能滿足需求又能節(jié)約開發(fā)成本的路。最后，良好的溝通能力。作為前端工程師不可避免的就是需要和不同崗位的人進(jìn)行溝通，充分的溝通可以避免走一些彎路，提升工作效率。
下雨天2017
自學(xué)前端，首先的你得搞懂前端是什么，要學(xué)習(xí)的內(nèi)容是什么，每天能抽出多少的時間
去學(xué)習(xí)，能不能堅持的問題，很多同學(xué)可能就是三分鐘的熱情去學(xué)習(xí)，然后過幾天就偷懶學(xué)不下去了，為了避免這樣半途而廢，大家選擇學(xué)習(xí)的方式就是很重要的。還有就是重點的學(xué)習(xí)哪些技術(shù)。
以下就給大家分享一下web前端開發(fā)中需要掌握的技術(shù)：
1、學(xué)習(xí)HTML，這是很簡單，基本的是要掌握div，formtable、Ulli、P、跨度、字體這些標(biāo)簽，這些都是常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不靈活，和用于基本表處理數(shù)據(jù)。
如果你想要學(xué)好web前端最好加入一個好的學(xué)習(xí)環(huán)境，可以來這個Q群，首先是132，中間是667，最后是127，這樣大家學(xué)習(xí)的話就比較方便，還能夠共同交流和分享資料
2、學(xué)習(xí)CSS，CSS這里說的不包括CSS3 Web前端開發(fā)工程師里面我們看到的，一個可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用來協(xié)助HTML布局和顯示，我們稱之為“CSS樣式”，為什么說DIV+CSS？因為我說div是HTML主要用于布局的，所以div是這個東西的核心！CSS必須配合部。CSS必須掌握浮、位置、寬度和高度，以及較大值和小值，以100%，溢出，邊緣、填充等。這些都是與布局相關(guān)的樣式。
3、然后就是JS的學(xué)習(xí)。JS入門很簡單，不需要很多東西，只要根據(jù)ID或名稱DOM或”風(fēng)格或價值，然后以一個ID或名稱元標(biāo)簽，或額外的數(shù)據(jù)，在HTML，這是對數(shù)據(jù)的操作有關(guān)系，那么數(shù)據(jù)邏輯的影響，無非是一個跳躍，彈框，隱藏什么，這一切都是結(jié)合其他應(yīng)用，代碼一點都不難，將這些基本的JS。百度其他好。然后多看一些，不是什么問題。
4、學(xué)習(xí)jQuery相當(dāng)于封裝一組JS插件的JS。其目的是操作更方便，編寫更少的代碼，jQuery條目也非常簡單。這些都是切入點，要學(xué)會像JS，只是改變了JQ代碼。剩下的就跟百度一樣。
5、較好是指出背景語言，如java，php，為什么？因為我們是前臺接口數(shù)據(jù)，從后臺到點，如果后臺代碼，你知道如何與后臺數(shù)據(jù)交互是好的，它節(jié)省了時間，也可以使前端代碼更加規(guī)范。否則，可能是因為你回來了，無法忍受的數(shù)據(jù)，然后前端代碼再次重寫，這將是可怕的。
6、研究CSS3 + HTML5，為什么放在后面呢？因為現(xiàn)在對于前端人員來說，復(fù)合型且不斷提升能力的人是企業(yè)很看中的，所以，如果你準(zhǔn)備從事專業(yè)戰(zhàn)線，學(xué)習(xí)一下會更好。
以上6點，基本上是一個web前端開發(fā)工程師掌握的技術(shù)，對于一個新手小白來說，掌握以上技能基本就能入職web前端職位了。
薛蘇一世
如何成為一個優(yōu)秀的Web前端開發(fā)工程師？一個優(yōu)秀的前端工程師必須能適應(yīng)技術(shù)的發(fā)展，不斷突破提升自己的能力，了解前端發(fā)展的趨勢是必不可少的。前端開發(fā)通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。隨著互聯(lián)網(wǎng)技術(shù)發(fā)展，前端技術(shù)也在不斷地更新。需要前端開發(fā)的場景也在不斷延伸，從傳統(tǒng)的網(wǎng)站，到移動端開發(fā)，再到各類可穿戴設(shè)備，前端開發(fā)的交互設(shè)計也從基本的鼠標(biāo)鍵盤，到觸屏，甚至感控，手勢行為等等。不難發(fā)現(xiàn)前端的發(fā)展趨勢正在從“單端向多端發(fā)展”、“界面正在從GUI向NUI演進(jìn)”，VR / AR等相關(guān)技術(shù)也越來越成熟。 一、好奇心為了了解前端發(fā)展趨勢，一顆好奇心是必要的?？梢远嚓P(guān)注技術(shù)博主，技術(shù)新聞等獲取新技術(shù)的信息，不能排斥新技術(shù)，保持好奇心，拓展知識面，可以幫助自己快速的查漏補(bǔ)缺，快速成長。 二、專注力淺嘗輒止收效甚微，所以還需要一定的專注力。這個專注力不僅是指對于當(dāng)前使用的技術(shù)上，更指一些新的熱門技術(shù)。尤其對于些前端老人來講，接納一門新技術(shù)是耗時耗力的，但互聯(lián)網(wǎng)相關(guān)技術(shù)最大的特點就是更新快，如果固步自封，是不會進(jìn)步和成長的。 三、合適的學(xué)習(xí)方法新的技術(shù)層出不窮，想要都每一個都深入學(xué)習(xí)是不現(xiàn)實的，所以，優(yōu)秀的開發(fā)者要創(chuàng)建自己的學(xué)習(xí)方法。無論通過什么方式學(xué)習(xí)，與已經(jīng)融會貫通的技術(shù)做類比去學(xué)習(xí)往往是見效比較快的?？啥鄬懶┎┛陀涗涀约旱膶W(xué)習(xí)感悟，在技術(shù)社區(qū)經(jīng)常和同行多溝通交流意見也能得到意想不到的收獲。 四、避免廣而泛如果你是一個想要成為優(yōu)秀工程師的前端開發(fā)者，請記住，前端工程師的成長需要一定時間跨度的經(jīng)驗積淀?！斑@個我也懂，那個我也知道......”，這種廣而泛的技術(shù)面是遠(yuǎn)遠(yuǎn)不夠的。一個前端工程師要踩過多少坑，才能稱的上是一個專業(yè)的前端工程師。真正的優(yōu)秀不是紙上談兵沒事靠著自己的實踐一點一點積累來的。
小丸子新
自學(xué)方法：
1、作為一個初學(xué)者，你必須明確系統(tǒng)的學(xué)習(xí)方案，我建議一定有一個指導(dǎo)的人，全靠自己學(xué)，放棄的幾率非常大，在你對于web前端還沒有任何概念的時候，需要一個人領(lǐng)進(jìn)門，之后就都靠自己鉆研，第一步就是確定web前端都需要哪些內(nèi)容，并且在多少時間內(nèi)學(xué)完，建議時間6個月保底。
2、視頻為主，書為輔。很多初學(xué)者在學(xué)習(xí)前端的時候非常喜歡去買書，但是最后的結(jié)果是什么？看來看去什么都不會寫，所以在這里給大家提醒，書可以看，但是是在建立于你已經(jīng)對于某個知識點有了具體操作的執(zhí)行后，在用書去鞏固概念，這樣更加利于你對于知識的理解。
3、對于學(xué)習(xí)技術(shù)來講，掌握一個學(xué)習(xí)方法是非常重要的，其實對于學(xué)習(xí)web前端來講，學(xué)習(xí)方法確實很多都是相通的，一旦學(xué)習(xí)方法不對，可能就會造成“方法不對，努力白費”。其實關(guān)于這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經(jīng)驗，一定要聽。根據(jù)每個人的不同，可能學(xué)習(xí)方法也會有所出路，找到適合你自己的學(xué)習(xí)法方法是學(xué)習(xí)的前提。
4、不建議自己一個人瞎學(xué)，在我了解學(xué)習(xí)編程的這些人來看，從零基礎(chǔ)開始學(xué)并且最后成功做這份工作的其實并沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是干什么的，學(xué)什么的，就盲目的買書看，到處找視頻看，最后看著看著就放棄了，所以我建議初學(xué)者在沒有具體概念之前，還是找有經(jīng)驗的人請教一下，聊過之后你就會知道web前端具體是干什么的，該怎么學(xué)，這是我個人的小建議，可以不采納。
自學(xué)路線：
第1階段：前端頁面重構(gòu)(4周)
內(nèi)容包含了：(PC端網(wǎng)站布局項目、HTML5+CSS3基礎(chǔ)項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設(shè)計(5周)
內(nèi)容包含：(原生JavaScript交互功能開發(fā)項目、面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用項目、JavaScript工具庫自主研發(fā)項目)
第3階段：PC端全棧項目開發(fā)(3周)
內(nèi)容包含：(jQuery經(jīng)典交互特效開發(fā)、HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開發(fā)項目、前端工程化與模塊化應(yīng)用項目、PC端網(wǎng)站開發(fā)項目、PC端管理信息系統(tǒng)前端開發(fā)項目)
第4階段：移動端項目開發(fā)(6周)
內(nèi)容包含：(Touch端項目、微信場景項目、應(yīng)用Angular+Ionic開發(fā)WebApp項目、應(yīng)用開發(fā)WebApp項目、應(yīng)用開發(fā)WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(fā)(1周)
內(nèi)容包含：(微信小程序開發(fā)、ReactNative、各類混合應(yīng)用開發(fā))
第6階段：NodeJS全棧開發(fā)(1周)
內(nèi)容包括：(WebApp后端系統(tǒng)開發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫)
基礎(chǔ)書籍：
1、《Head First HTML與CSS(第2版)》，入門真的是經(jīng)典書籍，手把手教學(xué)，豐富的案例讓你從 0 開始學(xué)前端。
2、《CSS權(quán)威指南(第三版)》，這本書作為 CSS 的經(jīng)典著作，把原理講得非常的通透，除了 w3c 標(biāo)準(zhǔn)，算最權(quán)威的一本了，畢竟權(quán)威指南。
3、《CSS揭秘》神書，47 個 css 技巧讓你在面對各種 css 問題的時候游刃有余。是 css 書籍中評分最高的了，css 進(jìn)階必備。
4、《javascript語言精粹》，這本書可以在入門之前了解一下基本語法，以及在學(xué)習(xí)之前可以了解下 JS 里面的精粹以及糟粕，雖然這本書很薄很薄，但是值得反復(fù)去讀的一本書。
5、《JavaScript DOM編程藝術(shù)(第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之后，通過幾個實例演示了專業(yè)水準(zhǔn)的網(wǎng)頁開發(fā)技術(shù)，透徹闡述了平穩(wěn)退化等一批至關(guān)重要的 JavaScript編程原則和最佳實踐。
6、《JavaScript權(quán)威指南》：犀牛書是每個FE都繞不過的一本書，可以先大致通讀幾遍，也可以把其當(dāng)作工具書，時時翻閱。
視頻教程:
網(wǎng)頁鏈接
赤影妖妖艾可
學(xué)習(xí)Web前端的人群年齡集中在20-30年齡階段，20-29年齡占據(jù)50%之多，大量的年輕人加入到web前端開發(fā)行業(yè)中來，web前端開發(fā)在中國正處于快速發(fā)張階段，如果你是剛畢業(yè)，或處于工作迷茫期，并且對web前端感興趣，加入前端開發(fā)領(lǐng)域也是非常好的選擇。
1、資深web前端工程師
這個方向算是一個web前端最基本的選擇了，但能夠把自己的專業(yè)做到極致，能一輩子就在一個專業(yè)領(lǐng)域不斷學(xué)習(xí)和積累。對所有的web前端工程師來說，朝著這個職業(yè)發(fā)展方向，只要足夠耐心、厚積薄發(fā)，成功的概率是非常高的。
2、資深web架構(gòu)師
這個方向，既兼顧了工作的單純性、又能夠減少實際Coding的工作量，能騰出更多時間。在國內(nèi)，web前端工程師遇到較多的情況是總是反復(fù)編寫著同樣的代碼，總是面對著同樣的技術(shù)和產(chǎn)品，容易感覺枯燥。但正是由于這樣較為廣泛的web相關(guān)知識的沉淀，使得我們更加容易成為一名架構(gòu)師。
3、自己創(chuàng)業(yè)
其實，自己創(chuàng)業(yè)是最好的道路，但也是成功率最低的道路，挑戰(zhàn)和機(jī)遇并存。作為一個前端技術(shù)人員，需要將自己的視野更多放在行業(yè)的動態(tài)、產(chǎn)業(yè)鏈的動態(tài)、相關(guān)產(chǎn)品領(lǐng)域的動態(tài)，把關(guān)注細(xì)節(jié)的優(yōu)勢繼續(xù)保持，同時，增強(qiáng)自己把控一個產(chǎn)品乃至一個公司命運(yùn)的能力。
兜兜兜爾
web前端30歲以后基本上就做不下去了。
一名優(yōu)秀的Web前端工程師，需要Java語言基礎(chǔ)扎實，具有良好的規(guī)范開發(fā)習(xí)慣；熟悉常用的設(shè)計模式，熟練使用Vue、Angular技術(shù)棧開發(fā)；能夠熟練使用angular、vue、echarts、jquery等框架進(jìn)行傳統(tǒng)開發(fā)。
要熟悉MVVM、MVC開發(fā)模式；熟悉前端工程化、自動化技術(shù)，可以根據(jù)需求配置Gulp文件及更改Webpack配置文件；熟練使用git版本管理工具。此外，還要熟悉CSS、HTML5、CSS3的新特性，了解不同瀏覽器之間的差異，制作出的頁面能夠有很好的兼容性。
學(xué)習(xí)Web前端的就業(yè)面很廣，選擇的崗位有：前端開發(fā)工程師、資深前端開發(fā)工程師、網(wǎng)站重構(gòu)工程師、前端架構(gòu)師等等。
每一個程序員都應(yīng)該有自己的職業(yè)規(guī)劃，如果你現(xiàn)在還沒有任何的職業(yè)規(guī)劃，你可以考慮一下自己的將來。首先就是給自己定短期和長期的目標(biāo)，一個人沒有目標(biāo)，每一天其實都是在混日子，原地踏步而已。在一個較為舒適的環(huán)境下養(yǎng)老而已。短期的目標(biāo)，比如做在幾個月內(nèi)學(xué)會一個新的技術(shù)。長期的目標(biāo)比如在幾年內(nèi)要做到架構(gòu)師或者項目經(jīng)理的級別。
優(yōu)質(zhì)工程師考試問答知識庫
