非科班·零基礎(chǔ)的自學(xué)前端之路

寫在最前面的話:

歷時(shí)八個(gè)月的學(xué)習(xí),終于找到了第一份前端的工作。在此我滿懷著感激與激動的心情,感激這一路上幫助過我的每一位引路人。

2017/07/27 工作后感悟和補(bǔ)充:

很多人耳璧,包括我自己在接觸編程的前夕都有考慮是否要去報(bào)個(gè)培訓(xùn)班。

直到現(xiàn)在我想說的是栖雾,我們的終點(diǎn)都是差不太多的楞抡,我們只是選擇走什么路線達(dá)到終點(diǎn)。

能不能達(dá)到終點(diǎn)不是取決于選了什么路線析藕,而是取決于自己召廷。

我們將學(xué)習(xí)拆解為內(nèi)外條件:

外部條件即資源、學(xué)習(xí)方式账胧、方法竞慢、機(jī)遇......

內(nèi)部條件即自我驅(qū)動、總結(jié)歸納知識治泥、理解力筹煮、專注度、自我解決問題居夹、獨(dú)立思考......

當(dāng)你的內(nèi)部條件不充分的時(shí)候败潦,哪怕是給人在背后用皮鞭鞭撻,大神360度24小時(shí)無死角環(huán)繞式洗腦教學(xué)准脂。你仍然不具備一個(gè)程序員應(yīng)該有的基礎(chǔ)素養(yǎng)劫扒,脫離了有答案的日子后,那你的答案又該從何處尋找狸膏?

所以在學(xué)習(xí)過程中沟饥,經(jīng)驗(yàn)和知識固然很重要,但這伴隨著你學(xué)習(xí)獲得的能力,是決定了你成就高度的因素贤旷。我不是鄙視培訓(xùn)广料,我只是覺得,如果你擁有這些能力幼驶,那500塊就能學(xué)到的知識艾杏,為什么還要去花20000+呢?

最后套用一句老話盅藻,“練拳不練功糜颠,到老一場空”。

正文開始:

靜心學(xué)習(xí)萧求,抵制浮夸。 ——Victor.Chan-278

我工商管理畢業(yè)的顶瞒,之前沒有接觸過半點(diǎn)編程知識夸政。對編程的理解就停留大學(xué)買了本C語言的教科書然后,嗯榴徐,看了幾頁吧守问。工作了幾年,經(jīng)歷了很多后坑资,最后還是踏上了程序員這條大路上耗帕,原因不細(xì)表,每個(gè)人的選擇都有自己的理由袱贮。以下為我的從0基礎(chǔ)自學(xué)以來的所思所想仿便,希望可以給各位同樣掙扎在這個(gè)階段的朋友們帶來一點(diǎn)參考。

1攒巍、開始學(xué)習(xí)前端的前夕:

1)首先我列舉了開發(fā)人員的需要的特性:

①對新事物嗽仪,新知識保持高度的熱誠;

②熱愛開發(fā)柒莉,熱愛計(jì)算機(jī)(不只是玩游戲)闻坚;

③足夠的專注力;

④清晰的邏輯思路兢孝,擅長總結(jié)分析窿凤;

⑤自我獨(dú)立解決和思考問題的能力俗壹;

2)然后我要將開發(fā)人員需要的特性與自身的特性作比較竞思;

①真誠的分析自己,是不是符合上述的條件宁昭;

②如果自己有不符合的地方喷市,自己是否有足夠的毅力和決心能克服和改變相种;

③自己克服和改變需要耗費(fèi)的時(shí)長,付出和投入的比例;

3)選擇一門語言

①去了解市面上的語言寝并;

②每一門語言的用途箫措,特點(diǎn);

③選擇自己喜歡的衬潦;

4)制定好學(xué)習(xí)的計(jì)劃斤蔓,細(xì)化:

①制定好階段性的學(xué)習(xí)進(jìn)度。我規(guī)劃自己大概需要一年的時(shí)間完成初級前端的學(xué)習(xí)镀岛。

列舉知識列表:

基礎(chǔ)知識:HTML弦牡、CSS、JavaScript漂羊;

進(jìn)階:JQuery驾锰,HTML5,CSS3走越,ES6椭豫,框架;

附帶的知識:HTTP協(xié)議旨指,AJAX赏酥;

首先初步制定自己每一塊知識大概耗時(shí)需要多久:

舉個(gè)例子HTML+CSS我規(guī)定自己2個(gè)月內(nèi)要初步掌握布局,樣式的編寫谆构,能獨(dú)立制作或仿制網(wǎng)站裸扶。后續(xù)的知識如果暫不知道是什么,需要多久搬素,可以暫時(shí)不制定呵晨,可以了解后再制定。

②制定每一天的學(xué)習(xí)進(jìn)度(個(gè)人計(jì)劃蔗蹋,僅供參考):

06:00~06:10:洗漱何荚,放空

06:10~06:15:做一下俯臥撐

06:15~07:00:閱讀書籍

07:00~08:30:去上班的路上看書

18:00~19:00:回家的路上看書

19:00~19:30:吃晚飯,加收拾

19:30~20:30:閱讀書籍

20:30~22:30:敲代碼

22:30~23:00:洗澡猪杭,玩手機(jī)

23:00~23:30:睡覺

③堅(jiān)定不移的執(zhí)行餐塘,如果有意外了就隨時(shí)靈活的調(diào)整,邊工作邊自學(xué)本來時(shí)間就會很少皂吮,只能去擠自己一切可能的時(shí)間去完成自己的計(jì)劃戒傻。

2.學(xué)習(xí)前端進(jìn)行時(shí):

1)學(xué)習(xí)基礎(chǔ)階段:

①HTML+CSS:

閱讀書籍《Head First HTML與CSS》。雖然書本的征訂蜂筹,出版會導(dǎo)致技術(shù)書籍沒辦法得到第一時(shí)間的更新需纳。但是書本是系統(tǒng)獲取知識的最佳途徑,因?yàn)榻?jīng)過嚴(yán)格的編排艺挪,才能讓你在閱讀的過程中去逐漸的掌握知識的每一個(gè)細(xì)節(jié)不翩。基礎(chǔ)知識很雜、很多口蝠、很細(xì)器钟,一個(gè)視頻所容納的信息量是有限的,它沒有辦法將很零碎的知識全部都講解一遍妙蔗。在沒有基礎(chǔ)的情況下傲霸,這些零碎的知識恰恰是非常非常重要。

登錄FreecodeCamp進(jìn)行攻略頁面的題目以及對知識進(jìn)行梳理眉反;

登錄百度IFE來進(jìn)行前端頁面的Demo練手昙啄;

理解浮動的原理;

理解定位的方式和原理寸五;

理解語義化梳凛,表現(xiàn)和結(jié)構(gòu)分離,養(yǎng)成良好的代碼習(xí)慣梳杏;

掌握雙飛翼布局伶跷、圣杯布局、響應(yīng)式布局秘狞、Flex;

做好每日學(xué)習(xí)筆記總結(jié)蹈集;

②JavaScript:

閱讀書籍《JavaScript高級程序設(shè)計(jì)第三版》烁试、

《JavaScript權(quán)威指南》、

《你所不知道的JavaScript》上卷拢肆、

《JavaScript DOM編程藝術(shù)》

登錄FreecodeCamp進(jìn)行攻略JS的題目以及對知識進(jìn)行梳理减响;

登錄百度IFE來進(jìn)行JS的Demo練手;

理解作用域郭怪,原型支示,閉包,DOM操作;

學(xué)會自己打斷點(diǎn)調(diào)試鄙才,查錯颂鸿;

③學(xué)習(xí)中的細(xì)節(jié):

遇到難題:

<<<前端是我一輩子的信仰,寫代碼直到50歲>>>
?關(guān)注微信公眾號:web前端學(xué)習(xí)圈回復(fù)關(guān)鍵詞【簡書】送你50G最適合2020年學(xué)習(xí)的web前端零基礎(chǔ)入門教程(視頻+筆記+素材+源碼+項(xiàng)目實(shí)戰(zhàn))
另外公眾號每天都會分享學(xué)習(xí)方法攒庵,知識干貨嘴纺,實(shí)戰(zhàn)案例,面試技巧浓冒,經(jīng)驗(yàn)分享等相關(guān)文章栽渴,關(guān)注web前端學(xué)習(xí)圈=關(guān)注5000+前端大牛 ? ?

遇到難題,自己要先思考稳懒,想大概要用什么知識闲擦,然后去有針對性的查詢這些知識是怎么用的,然后回顧過來再想如何解決我現(xiàn)在面對的難題。如果想不到墅冷,再去百度纯路、谷歌,看答案的時(shí)候也需要思考俺榆,為什么可以解決感昼,通過什么方法。然后去學(xué)習(xí)罐脊,去總結(jié)定嗓。

**千萬不要直接問人這個(gè)應(yīng)該怎么做,學(xué)習(xí)提問的藝術(shù)?

學(xué)會改良萍桌,拒絕妥協(xié):拒接一切耦合的代碼宵溅,學(xué)會不斷學(xué)習(xí)新知識后去改良以前寫的代碼;

其實(shí)到這里我真的不知道寫什么好了上炎,就像小說里說的一樣恃逻,學(xué)劍很難嗎?你砍個(gè)一千遍一萬遍不就會了藕施。編程也一樣寇损,不會,你寫個(gè)一千遍一萬遍裳食,思考個(gè)一萬遍矛市,再難都給你學(xué)會了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末诲祸,一起剝皮案震驚了整個(gè)濱河市浊吏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌救氯,老刑警劉巖找田,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異着憨,居然都是意外死亡墩衙,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進(jìn)店門甲抖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來底桂,“玉大人,你說我怎么就攤上這事惧眠∽雅常” “怎么了?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵氛魁,是天一觀的道長暮顺。 經(jīng)常有香客問我厅篓,道長,這世上最難降的妖魔是什么捶码? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任羽氮,我火速辦了婚禮,結(jié)果婚禮上惫恼,老公的妹妹穿的比我還像新娘档押。我一直安慰自己,他們只是感情好祈纯,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布令宿。 她就那樣靜靜地躺著,像睡著了一般腕窥。 火紅的嫁衣襯著肌膚如雪粒没。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天簇爆,我揣著相機(jī)與錄音癞松,去河邊找鬼。 笑死入蛆,一個(gè)胖子當(dāng)著我的面吹牛响蓉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播哨毁,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼厕妖,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了挑庶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤软能,失蹤者是張志新(化名)和其女友劉穎迎捺,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體查排,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡凳枝,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了跋核。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岖瑰。...
    茶點(diǎn)故事閱讀 40,498評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖砂代,靈堂內(nèi)的尸體忽然破棺而出蹋订,到底是詐尸還是另有隱情,我是刑警寧澤刻伊,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布露戒,位于F島的核電站椒功,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏智什。R本人自食惡果不足惜动漾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望荠锭。 院中可真熱鬧旱眯,春花似錦、人聲如沸证九。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽甫贯。三九已至吼鳞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間叫搁,已是汗流浹背赔桌。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留渴逻,地道東北人疾党。 一個(gè)月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像惨奕,于是被迫代替她去往敵國和親雪位。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 使用 Props 默認(rèn) Props --有時(shí)候我們需要在子組件中設(shè)置個(gè)默認(rèn)值梨撞,這時(shí)候需要用到defaultProp...
    甘道夫老矣閱讀 312評論 0 1
  • 是不是羨慕編輯器之神--vim雹洗,卻又討厭各種繁瑣的配置文件?現(xiàn)在好了卧波,有了spf-13时肿,我們不用配置各種繁瑣的配置...
    lingyv閱讀 1,695評論 0 0