 |
| 昵稱：奈薇建站網(wǎng) |
| 論壇積分：108000 |
| 發(fā)貼等級(jí)：21 |
    
    |
| 發(fā)貼數(shù)：1156 |
| 回貼數(shù)：1282 |
被砸雞蛋： 1 |
獲贈(zèng)鮮花： 182 |
|
 |
|
|
發(fā)表時(shí)間：2019/6/8 18:18:00 |
樓 主 |
|
 |
|
 |
|
生手篇——學(xué)習(xí)網(wǎng)頁(yè)開(kāi)發(fā)需要多長(zhǎng)時(shí)間就能找到工作 新手篇——學(xué)習(xí)網(wǎng)頁(yè)開(kāi)發(fā)需要多長(zhǎng)時(shí)間就能找到工作
近幾年Web前端框架層出不窮，比如React,Vue,AngulaJS等吸引了大量的注意力，前端技術(shù)發(fā)展勢(shì)頭迅猛，各大互聯(lián)網(wǎng)公司也越來(lái)越重視前端開(kāi)發(fā)，前端開(kāi)發(fā)再也不是過(guò)去那種按照設(shè)計(jì)圖做靜態(tài)網(wǎng)頁(yè)，再隨便寫點(diǎn)jQuery的職位了?，F(xiàn)在，市場(chǎng)上對(duì)于前端開(kāi)發(fā)的需求越來(lái)越大，我們經(jīng)常聽(tīng)說(shuō)前端開(kāi)發(fā)入門難度低，但學(xué)習(xí)前端開(kāi)發(fā)究竟需要多長(zhǎng)時(shí)間呢？學(xué)多長(zhǎng)時(shí)間就能找到工作賺到錢？結(jié)合了周邊同事和自身的經(jīng)驗(yàn)來(lái)談?wù)剬W(xué)習(xí)網(wǎng)頁(yè)開(kāi)發(fā)到底需要花多長(zhǎng)時(shí)間。
Note：一定要下定決心，并且要堅(jiān)持。
1.網(wǎng)頁(yè)設(shè)計(jì)的基本概念和理論知識(shí)（10天）
在學(xué)習(xí)制作網(wǎng)頁(yè)之前，必須掌握網(wǎng)頁(yè)設(shè)計(jì)的基本概念和理論知識(shí)。什么是靜態(tài)網(wǎng)頁(yè)？什么是動(dòng)態(tài)網(wǎng)頁(yè)？網(wǎng)頁(yè)的整體布局是什么？網(wǎng)頁(yè)設(shè)計(jì)的原則是什么？網(wǎng)頁(yè)基本構(gòu)成要素是哪些？基礎(chǔ)的網(wǎng)頁(yè)設(shè)計(jì)概念都不了解，那么對(duì)于之后要制作網(wǎng)頁(yè)更是難上加難。我認(rèn)為利用10天時(shí)間了解網(wǎng)頁(yè)設(shè)計(jì)的基本概念和理論是必不可少的，時(shí)代在不斷變化，網(wǎng)頁(yè)設(shè)計(jì)也會(huì)更新?lián)Q代。所以了解基礎(chǔ)知識(shí)是為了之后設(shè)計(jì)制作打好基礎(chǔ)。當(dāng)然，還需要了解基礎(chǔ)的SEO知識(shí)。網(wǎng)上的視頻教程個(gè)人建議還是少看，一本好的書(shū)絕對(duì)讓你受益匪淺。推薦幾本好書(shū)供大家學(xué)習(xí)：
制作網(wǎng)頁(yè)設(shè)計(jì)
1.HTMLANDCSS:DESIGNANDBUILDWEBSITES,BYJONDUCKETT
如何讓網(wǎng)頁(yè)設(shè)計(jì)更加功能化
2.JAVASCRIPTANDJQUERY:INTERACTIVEFRONT-ENDWEBDEVELOPMENT,BYJONDUCKETT
前端開(kāi)發(fā)
3.LEARNINGWEBDESIGN:ABEGINNER’SGUIDETOHTML,CSS,JAVASCRIPT,ANDWEBGRAPHICS,BYJENNIFERNIEDERSTROBBINS
可用性：
4.DON’TMAKEMETHINK,REVISITED:ACOMMONSENSEAPPROACHTOWEBUSABILITY,BYSTEVEKRUG
2.CSS+HTML+JavaScript（1個(gè)月）
相對(duì)來(lái)說(shuō)，HTML是最簡(jiǎn)單的，只是標(biāo)簽語(yǔ)言，格式規(guī)范;CSS相對(duì)來(lái)說(shuō)復(fù)雜一些,有瀏覽器的兼容問(wèn)題等。但二者組合就能實(shí)現(xiàn)很多頁(yè)面效果,里面涉及的變化太多了。如果你只會(huì)基礎(chǔ)語(yǔ)法,而沒(méi)有實(shí)際去寫過(guò),那樣是很難真正掌握的。我在這里說(shuō)說(shuō)我的經(jīng)驗(yàn)吧，我一開(kāi)始學(xué)習(xí)的Bootstrap，簡(jiǎn)單點(diǎn)說(shuō)，就是給現(xiàn)有電商項(xiàng)目套上Bootstrap做的響應(yīng)式皮膚。Bootstrap確實(shí)挺好上手，靠著官網(wǎng)的手冊(cè)，基本上遇到的問(wèn)題都能自己解決。
JavaScript也沒(méi)有那么難，你要知道BrendanEich創(chuàng)建JavaScript語(yǔ)言一共就用了10天時(shí)間，所以它的語(yǔ)法并不復(fù)雜，相信你很快就能掌握基本語(yǔ)法。你可能還需要學(xué)習(xí)一些常見(jiàn)的庫(kù)的API，這個(gè)可以根據(jù)你的需求來(lái)安排，你要用到什么庫(kù)，就學(xué)習(xí)它的文檔。
我覺(jué)得最好的網(wǎng)頁(yè)開(kāi)發(fā)學(xué)習(xí)資料就是MozillaDeveloperNetwork(https://developer.tankehu.com)的文檔了，涵蓋了HTML,CSS,JavaScript的方方面面，不論是初學(xué)還是老手查閱都是非常有用的，推薦給大家。
3.開(kāi)始制作網(wǎng)站（1個(gè)月）
了解了基本的知識(shí)，做了一些小練習(xí)之后，我認(rèn)為最重要的是盡早參與實(shí)際項(xiàng)目，這樣才能得到真正的鍛煉。使用Jekyll+GitHubPages為自己搭建一個(gè)靜態(tài)博客是一個(gè)很好的開(kāi)始，只需要簡(jiǎn)單的配置，不需要任何后臺(tái)開(kāi)發(fā)，幾乎完全是前端開(kāi)發(fā)。
建站的時(shí)間取決你自己對(duì)網(wǎng)站完成的滿意度，如果參考模板，那么幾個(gè)小時(shí)內(nèi)就可以搞定了；如果是要獨(dú)立開(kāi)發(fā)一個(gè)新的網(wǎng)站又要內(nèi)容全面好看，1個(gè)月是跑不掉的，甚至需要更長(zhǎng)時(shí)間。
4.工具軟件學(xué)習(xí)（半個(gè)月）
工具的掌握程度完全靠個(gè)人的領(lǐng)悟能力和學(xué)習(xí)，網(wǎng)上有很多關(guān)于以下這些工具的教學(xué)視頻，跟著學(xué)會(huì)事半功倍的。需要學(xué)習(xí)的基本軟件：
編輯器：SublimeText
初學(xué)者我不建議立即使用強(qiáng)大的IDE，先使用編輯器有利于學(xué)習(xí)。SublimeText是一款我個(gè)人非常喜歡的編輯器，界面優(yōu)雅，操作流暢，自動(dòng)支持語(yǔ)法高亮，還有豐富的插件，你也可以試試。
設(shè)計(jì)出圖、切片：Photoshop
AdobePhotoshop，簡(jiǎn)稱“PS”，是由Adobe開(kāi)發(fā)和發(fā)行的圖像處理軟件，Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像，使用其眾多的編修與繪圖工具，可以有效地進(jìn)行圖片編輯工作，PS有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。Photoshop非常專業(yè)，也稍顯復(fù)雜，是專業(yè)的平面圖片設(shè)計(jì)人員必須掌握的一款工具。作為前端開(kāi)發(fā)，你需要跟設(shè)計(jì)師緊密配合，學(xué)習(xí)一些PS知識(shí)會(huì)對(duì)你之后的開(kāi)發(fā)更有幫助。
原型設(shè)計(jì)：Mockplus（時(shí)間成本最低）
是一款上手非常簡(jiǎn)單的網(wǎng)頁(yè)原型設(shè)計(jì)工具，通過(guò)拖拽就你完成一個(gè)簡(jiǎn)單的交互，項(xiàng)目類型諸多，有自由項(xiàng)目，網(wǎng)頁(yè)項(xiàng)目，自定義項(xiàng)目，當(dāng)然還有APP項(xiàng)目。網(wǎng)頁(yè)項(xiàng)目最大的尺寸為3000*6000，你可以任意設(shè)計(jì)都沒(méi)問(wèn)題。200個(gè)封裝組件和3000個(gè)圖標(biāo)可供使用，最近新出的格子功能更是方便使用，減少了很多重復(fù)設(shè)計(jì)的時(shí)間。
掌握一些原型設(shè)計(jì)知識(shí)絕對(duì)非常有必要，這是我投入最少卻收益最多的事情之一，我強(qiáng)烈建議你嘗試一下Mockplus，對(duì)之后在團(tuán)隊(duì)工作的溝通會(huì)非常有幫助。
5.學(xué)習(xí)設(shè)計(jì)知識(shí)（持續(xù)）
前端開(kāi)發(fā)是一個(gè)直接面向用戶的職位，跟后端開(kāi)發(fā)不一樣，你的成果是用戶直接可以看到的，我認(rèn)為提高自己的審美，多掌握一些設(shè)計(jì)方面的知識(shí)，把握當(dāng)下流行趨勢(shì)和動(dòng)向也是很有必要的。而這一過(guò)程是不能用具體時(shí)間來(lái)衡量的，需要不斷持續(xù)吸收新的東西才能設(shè)計(jì)出理想的網(wǎng)站。這里有15個(gè)最好的網(wǎng)頁(yè)設(shè)計(jì)博客資源可供大家每日閱讀，我個(gè)人還是最喜歡medium。UI設(shè)計(jì)資源網(wǎng)站相信大家都了解了，dribbble和behance等都是每日必逛，必定是受益良多。
總結(jié)：
軟件開(kāi)發(fā)是一個(gè)需要持續(xù)學(xué)習(xí)的過(guò)程，盡管前端開(kāi)發(fā)入門難度低，但是近幾年來(lái)前端開(kāi)發(fā)的復(fù)雜度越來(lái)越高，對(duì)個(gè)人素質(zhì)的要求也越來(lái)越高。本文只是針對(duì)想要入門前端開(kāi)發(fā)而找不到方向的人，經(jīng)過(guò)這個(gè)過(guò)程后，你可以找到一個(gè)初級(jí)的開(kāi)發(fā)職位了。不論做什么事情，學(xué)習(xí)是根本，希望這篇文章能幫助到新手。 |
|
 |
 |
 |
|
奈薇建站網(wǎng)致力于，讓每個(gè)中國(guó)人、每個(gè)中國(guó)企業(yè)都擁有自己的“官方網(wǎng)站”！ |
|
|
|
|
|