實(shí)現(xiàn)自身價(jià)值并獲得他人的認(rèn)可和肯定是人類(lèi)的本性。正式因?yàn)檫@一本性的驅(qū)使,人類(lèi)文明才不斷進(jìn)步。任何一個(gè)正常的前端工程師都希望自己在產(chǎn)品研發(fā)團(tuán)隊(duì)中發(fā)揮更大的價(jià)值。
糟糕的情況。在很多公司,前端只是一個(gè)頁(yè)面制作,他們負(fù)責(zé)把psd稿轉(zhuǎn)為html文件,然后交給后臺(tái)工程師套頁(yè)面。如果還有哪個(gè)老板在這樣組織他的隊(duì)伍,我想他正在做的產(chǎn)品一定不是什么好產(chǎn)品。這種做法,無(wú)視人的本性,把人的機(jī)器用。我相信任何一個(gè)前端都可以承擔(dān)的更多,發(fā)揮更大的價(jià)值,他們需要的只是上級(jí)的肯定與信任。只要一個(gè)人真正熱愛(ài)前端,我愿意給他機(jī)會(huì),讓他承擔(dān)的更多??上也皇抢习?。
比較理想的情況。前端的輸入依然是psd稿,當(dāng)然如果產(chǎn)品和設(shè)計(jì)能力不夠,還可能需要前端參與交互設(shè)計(jì)。輸出則是一個(gè)可以工作的模塊或頁(yè)面。前端直接從服務(wù)器模板(php,jsp)開(kāi)始工作,前后端同學(xué)在開(kāi)始工作前定好頁(yè)面內(nèi)應(yīng)該種的變量以及ajax通信的接口,隨后獨(dú)立開(kāi)發(fā),最后連調(diào)測(cè)試。這種開(kāi)發(fā)方式前端可以根據(jù)接口和數(shù)據(jù)結(jié)構(gòu)來(lái)來(lái)設(shè)計(jì)頁(yè)面的html結(jié)構(gòu)和css結(jié)構(gòu),把冗余工作降到最低。同時(shí)也會(huì)讓前端發(fā)揮更大的主觀能動(dòng)性,讓枯燥的工作變的有趣。同時(shí)后臺(tái)工程師,也可以更加關(guān)注底層算法與數(shù)據(jù)存儲(chǔ)于通信的邏輯。
作者:小爝
鏈接:、css、JavaScript。這個(gè)其實(shí)不用多講,這些個(gè)基礎(chǔ)不學(xué)扎實(shí)了啥也干不了,可以直接從html5、css3、ES5來(lái)學(xué)習(xí)。學(xué)習(xí)的方法很多,最方便的方法是像w3cschool、尚學(xué)堂這種邊學(xué)邊練的,類(lèi)似之前微軟的所見(jiàn)即所得,喜歡讀紙質(zhì)書(shū)的可以買(mǎi)幾本書(shū)來(lái)看看。
2、幾個(gè)邊界,與美工相關(guān)、后端開(kāi)發(fā)、設(shè)計(jì)相關(guān)。想做好Web前端,一定搞清楚自己的工作界面在什么地方,這對(duì)你有很大幫助。每個(gè)公司可能都不一樣,所以了解邊界相關(guān)的知識(shí)就很重要。
美工相關(guān),主要是說(shuō)ps、切圖之類(lèi)的東西,photoshop還是需要會(huì)用的,至于說(shuō)你能不能搞出漂亮的圖片來(lái)那倒不是重點(diǎn),關(guān)鍵點(diǎn)是體會(huì)美工的工作過(guò)程。如果你在公司兼了這件事,那你就得深入的學(xué)習(xí)了,別不以為然,前端的美術(shù)有修養(yǎng)還是挺重要的。
后端開(kāi)發(fā),雖說(shuō)一般情況下,前端開(kāi)發(fā)和后端開(kāi)發(fā)是分開(kāi)的,不過(guò)二般情況也很多。這個(gè)時(shí)候就需要你在后端中選擇一條主線(xiàn),很多人都在比較PHP、Python、Node.js哪種好,其實(shí)都差不多,不過(guò)從市場(chǎng)上的熱度來(lái)說(shuō)視乎Node.js更熱一些,當(dāng)然Node.js對(duì)js熟悉的前端來(lái)說(shuō)也更容易上手。我的建議還是先從Node.js來(lái)吧,如果公司有選擇或者有余力可以學(xué)學(xué)其他兩個(gè)。數(shù)據(jù)庫(kù)似乎mysql和mongodb都可以試試。
3、相關(guān)標(biāo)準(zhǔn),標(biāo)準(zhǔn)這個(gè)東西很多人都不屑的很。其實(shí)很重要,越大的團(tuán)隊(duì)越重要。還是熟悉熟悉養(yǎng)成好的習(xí)慣為妙。這在初期至少涉及到很多兼容性問(wèn)題,所以W3C的標(biāo)準(zhǔn)是必須了解和掌握的。
4、各種框架類(lèi)庫(kù),jquery,bootstrap等,現(xiàn)在的框架比較多,但是jquery和bootstrap這樣級(jí)別的必須得熟練掌握,要不很多公司都沒(méi)法干活。一般類(lèi)庫(kù)和框架都有垂直的網(wǎng)站可以學(xué)習(xí),如bootstrap中文網(wǎng)之類(lèi)的都很不錯(cuò)。
web前端最基礎(chǔ)的知識(shí)當(dāng)然是HTML,CSS和javascript,這些都需要精通的,然后還需要學(xué)習(xí)一些前端的類(lèi)庫(kù),如JQUERY,BOOTSTRAP等等。要熟悉常用的通信格式如xml/json之類(lèi)。
現(xiàn)在大前端還需要學(xué)習(xí)一些mvvm的東西,如vuejs,angularjs,reactjs等等。
還需要了解一些瀏覽器的知識(shí),便于做瀏覽器通用。
然后就是學(xué)習(xí)一些后端的知識(shí),如JAVA,php之類(lèi)的,推薦你學(xué)習(xí)nodejs,前端轉(zhuǎn)后端,學(xué)nodejs是最快的。畢竟也是javascript語(yǔ)言。
最后祝你成功
當(dāng)然可以!
與其他計(jì)算機(jī)主流技術(shù)所不同的是,Web前端所包含的知識(shí)模塊很多,就目前而言,HTML、CSS、JS、DOM是目前前端技術(shù)最為基礎(chǔ)也是最為主要的四大模塊,但會(huì)隨著實(shí)際需求而有所改變。
一名優(yōu)秀的Web前端工程師,需要JavaScript語(yǔ)言基礎(chǔ)扎實(shí),具有良好的規(guī)范開(kāi)發(fā)習(xí)慣;熟悉常用的設(shè)計(jì)模式,熟練使用Vue、Angular技術(shù)棧開(kāi)發(fā);能夠熟練使用angular、vue、echarts、jquery、react等框架進(jìn)行傳統(tǒng)開(kāi)發(fā);要熟悉MVVM、MVC開(kāi)發(fā)模式;熟悉前端工程化、自動(dòng)化技術(shù),可以根據(jù)需求配置Gulp文件及更改Webpack配置文件;熟練使用git版本管理工具。
此外,還要熟悉HTML5、CSS3的新特性,了解不同瀏覽器之間的差異,制作出的頁(yè)面能夠有很好的兼容性。
Web發(fā)展得很快,幾乎每天都在變化!如果沒(méi)有快速學(xué)習(xí)的能力,就跟不上 Web發(fā)展的步伐。作為前端工程師僅僅依靠今天的知識(shí)是無(wú)法適應(yīng)未來(lái)的,必須不斷提升自己,不斷學(xué)習(xí)新技術(shù)、新模式。因此,不僅作為新人小白要努力學(xué)習(xí),提高自己;就連已經(jīng)入職三五的前端開(kāi)發(fā)工程師,也需要不斷學(xué)習(xí),了解前端技術(shù)的變化,提高自己的技術(shù)技能。
這里推薦你報(bào)班學(xué)習(xí),可以了解一下北京尚學(xué)堂,優(yōu)秀的教學(xué)理念可以帶給你不一樣的前端學(xué)習(xí)體驗(yàn),為什么推薦你報(bào)班學(xué)習(xí)呢?看下圖:
聲明:本網(wǎng)站尊重并保護(hù)知識(shí)產(chǎn)權(quán),根據(jù)《信息網(wǎng)絡(luò)傳播權(quán)保護(hù)條例》,如果我們轉(zhuǎn)載的作品侵犯了您的權(quán)利,請(qǐng)?jiān)谝粋€(gè)月內(nèi)通知我們,我們會(huì)及時(shí)刪除。
蜀ICP備2020033479號(hào)-4 Copyright ? 2016 學(xué)習(xí)鳥(niǎo). 頁(yè)面生成時(shí)間:2.983秒