如何零基礎自學編程 | 我的前端工程師之路

2022-01-07 擼鐵大院

這是一篇很早就想寫的心得分享,但一直覺得不好意思,因為自己還是個技術渣渣。

現在當媽了,臉皮厚了,反正自己的經驗分享嘛,隨意寫,大家茶餘飯後隨意看。

先來說說我的情況:

中央財經大學市場營銷專業本科

大學畢業後去了媒體市場部,策劃舉辦活動

後來加入網際網路健身創業公司,負責內容部分,接觸到新媒體,之後就都在新媒體這塊

以上統統都和計算機編程不沾邊

2017年9月,我結束了新媒體的工作,去墨爾本玩了十來天,回來後就開始在家半年左右的自由時光,期間寫文章、健身、自學coding,從寫文字到寫代碼,再到順利找到工作,我的運氣還是不錯的✌️

我最開始選擇學的是前端(當時覺得前端最簡單,作為入門最合適),HTML、CSS、JavaScript,主要是學習這三大語言,寫靜態網頁、動態網頁,響應式布局,再到跟後臺交互,一步一個腳印。

後來找到的工作也是做一名前端工程師。除了自己在家學習,更多的是在工作中學到的,編程非常需要「learn by doing」,跟著我的師傅,比如使用框架(ionic、angular、vue等),比如寫小程序,比如讓代碼更優美、運行更快,先是跑通,再是優化,一行行的代碼,透露出無限的美感(不許笑😏)。

在寫怎麼學之前,我想先提一下學習的習慣。

學習習慣會伴隨我們一生。之前看南懷瑾老師講的《論語別裁》,第一篇說到「學而時習之」,關鍵在於「時」和「習」,「時」指的是隨時隨地,「習」就是學習,做學問不光是書本,不是說懂點知識、會寫點文章就叫有學問,學問是要滲透到生活當中的每一處。

隨時隨地都可學習,只要你始終抱有一顆學習者的心態,萬物皆可為師。

學習的一大要點是專注。同時做幾件事很厲害,但一次做好一件事就足夠了。

很多人說年紀越大學東西越不靈,其實很大一部分原因就是不專注,看幾頁書刷會兒朋友圈,看教學視頻同時還在聊著天,這怎麼能學好喲?~

如果真想學東西,每天至少一兩個小時,關掉社交媒體,沉浸到你要學的知識當中去。

下面就來說說具體怎麼學。

1⃣️ 從書本開始

我比較喜歡從書本開始,我認為書本會更加系統。但書本的知識會相對滯後,所以需要各方結合起來。以下列出一些我認為對我的學習很有幫助的資料:

📖《Head First HTML 與CSS》,這是我學習的第一本,寫的很淺顯易懂,零基礎入門很友好。

📖《JavaScript DOM編程藝術》,和前一本一起買的。好像是在哪看到有人推薦過,同樣入門不錯。

看了下訂單時間,這兩本2016年7月就買了,那時候是剛開始接觸,工作之餘翻幾頁😂

2⃣️ 入門教學視頻 

網易雲課堂的免費視頻,老師講得很簡單,邊看邊寫,學完就會哇的一聲驚嘆自己會寫一點簡單的網頁了耶~

3⃣️ 工具書

再後來,寫的多了,買了這兩本權威指南,系統的學習這兩種語言的各個方面。不過後來遇到問題都可以在網上找到解決方案,這書也就少有用了~所以不買書也行啦。

4⃣️ freecodecamp.org

這部分是重頭戲,對我的學習非常非常非常有幫助的一個免費學習網站,可以說,學完這400小時的前端課程,你就能說是真的「入門」了,一般的前端工作也可以做了。

我就是在學完這之後找到工作滴~

freecodecamp裡有很多免費的課程,響應式web設計、算法和數據結構、前端庫和框架、數據可視化等等,每個模塊總計學習時長三四百小時。

關卡模式,一關一關,由淺入深,像蓋樓一般,一塊磚一塊磚往上砌,最後結束時會有幾個綜合性的項目,難度相對該階段的自己會比較大,每個項目需要花上十幾甚至幾十小時來寫,但是寫完會得到非常明顯的提升。

👆這是我當時寫的四個項目,隨機名言引用機器、Markdown編輯器、js計算器和番茄計時器。(許久沒登陸發現這裡又多了個Drum Machine的項目,抽空給他寫掉😄)

👆js算法相關的項目。這裡就涉及到算法了,更難,但寫完更有成就感,很爽!

👆項目在codepen.io這個網站寫

freecodecamp也有中文社區,不過就直接用英文也不會很難,遇到不認識的單詞正好也一起學了。學好coding英文能力也很重要嘛~

學完fcc前端系列之後,因為我的目標是找工作,所以想找一些貼近工作的項目來寫,就問了以前的同事要了幾個,作為自己能力的檢驗。

5⃣️ 入門計算機科學

以上書、視頻還有fcc學完後,我已經開始了作為前端工程師的工作(真的只是「入門」!再次強調,不斷學習才是一個程式設計師最該做的)

但自我感覺還遠遠不夠,於是接著學習。

哈佛大學這門公開課也是強烈推薦,網易公開課有字幕版的。CS50是一門計算機科學的導論性的課程,沒有具體教授某種語言,但涵蓋到計算機科學的各個方面,基礎知識、基礎算法,這個老師講得很有意思,看完你會產生想要好好學計算機科學的想法,又給你開啟了一扇全新的門。

要做一名優秀的程式設計師,光會某種語言還遠遠不夠,若不了解內在運行機制,很快就會遇到瓶頸。

so,道阻且長,關於前端的學習經驗就分享到這,繼續學習之吧~

最後,再叨叨幾句。

不管學習什麼, 我認為最重要的是要對「學習」這件事本身充滿熱愛。

中學時代我就是對各科都充滿興趣的人,不用等到學成,光是學習的過程就足夠讓我興奮。加上比較擅長數理化,所以我認為學習coding並非不可能。

遇到問題時,我常常會一根筋的「死磕到底」,看到個單詞意思不懂,立刻打開詞典查一查,碰上個生僻字,也必須百度一下。上個月寶寶出現睡眠問題時,我看了三本書,N篇文章,找各種原因和應對辦法,一次一次、一天一天的慢慢培養,這段時間他「天使」起來了,基本都能實現自主入睡,白天能睡4小時,晚上七八點入睡,到我睡覺時還有三四個小時,一天七八個小時,足夠我做很多事,可以繼續寫文章,繼續學編程咯~

所以說,俗話說得好,熱愛學習的人,運氣都不會太差哈哈哈😊

相關焦點

  • 零基礎如何自學編程?
    自學編程找一份工作的難度會稍微刻苦點,難度不是特別大,但涉及到的知識點卻非常多。看到很多朋友想要零基礎學習編程,我想說的是,你這個零基礎到底基礎到什麼程度才叫零?如果你連二進位都不知道,你如何去學習一些東西,所以說這個所謂的零基礎不能是絕對的零從程序的流程圖來說,你知道什麼叫順序程序,什麼叫選擇結構?什麼叫循環結構嗎?
  • 我是如何從零開始 Web 前端自學之路的?
    最後的機緣巧合下,走上了前端開發之路,作為一個非計算機專業且低學歷的人來說,自學編程其實不是件容易的事情,不過慶幸的是自己堅持下來了。目前工作還算不錯,收入在目前所在的城市不算高,不算低,生活也還過得去,繼續加油努力,也希望自己在今後更上一層。從 2016 年下半年開始,我真正接觸前端,到現在 2 年多的時間。
  • 零基礎轉行Web前端需要如何去學才更高效
    這部分需要學習vue指令、修飾符、風格綁定、v-model的底層原理、計算屬性、過濾器、監聽器、vue組件、Promise、Fetch、axios、Vue路由、前端工程和模塊化等等。學完以上,大家都可以實現基於Vue技術棧項目的開發能力,基本達到中級前端開發工程師的水平。 看到這裡,相信大家對如何學習前端都有一定的了解。
  • 前端工程師做事的三重境界:我的進階之路
    寫作本文的目的:構建自己關於前端工程師成長過程的認知模型,從自己的視角來分析 Programmer、Developer、Enginner 的能力結構與工程師成長過程的關聯,並分享出來給大家,期望能對入門的前端同學有所借鑑和啟發。需要提前說明的是,文中用到的工程師的不同叫法並不是要給工程師分類或者貼標籤,因為工程師的成長過程是連續的,喜歡鑽牛角尖的同學請自行繞路。
  • 真正的零基礎,非科班如何自學編程!
    ,一路自學編程的,我在大一的時候編程一點點都不會,在大二的國慶假期,才會用 C 語言寫 hello world,大二上學期結束之時,也僅僅只會 C 語言,編程真正的好好用心學,是從大二下學期的三月份開始,大二下學期進入實驗室,是自己編程能力真正提升的開始,大三一年基本都待在實驗室,是我編程能力的提升,歷經大三暑期騰訊實習,大四在百度實習期間,成功轉型算法工程師,拿到了 2 家大廠算法 offer。
  • 想成為一名web前端開發工程師,培訓和自學如何選擇
    對於編程人員來說,對前端樣式的要求就肯定越來越高,Web前端工作也變得越來越重要。很多人想要學習Web前端技術,成為一名Web前端工程師,web前端技術吸引著很多小夥伴想去學習,但是如何學習web前端技術,是報名web培訓班學習還是自學好呢?今天和大家一起探討一下:
  • 機械專業自學編程轉行iOS工程師,我是如何做到的?
    在接觸iOS開發之前,我已經在一家機械製造公司工作一年多,工作內容與計算機毫無關係,所以我屬於零基礎轉行。2014年10月,出於對機械行業的失望和對網際網路行業的濃厚興趣,我萌發了轉行的念頭。於是開始利用下班時間自學計算機知識(Java、Python、數據結構與算法)。學了大概兩個月,基本的東西有了大致的了解,但是感覺要熟練掌握還任重道遠。
  • 零基礎如何學習編程?
    文 | Simon我是真正零基礎開始學Python的,從一開始的一竅不通,到3個月後成功搭建了一個動態網站(沒有用任何框架)。相比於計算機大牛,我更加知道一個小白將會遇到什麼坑,遇到哪些難點。我把我的學習過程寫在下面,並附上在每個階段的學習資料,希望對零基礎的Python學習者有所幫助。在知乎上常常看到想要轉行IT,或者是想學習編程但不知如何開始的朋友。
  • 母雞與前端工程師
    儘管每年都有好幾萬新人加入,網際網路公司還是在喊,工程師嚴重短缺。我曾經不太理解,為什麼網頁開發工程師(或稱"前端工程師")這麼搶手。直到有一天,看到了一組雞蛋的統計數據,才想通了這個問題。3、中國是世界雞蛋第一大國。
  • 寫給想成為前端工程師的同學們―前端工程師是做什麼的?
    從廣義上來講,所有用戶終端產品與視覺和交互有關的部分,都是前端工程師的專業領域。2005年的時候大多數網頁長這樣:現在的網頁一般是這樣的:前端工程師的發展之路和前景是怎麼樣的?前端是一個相對比較新的行業,網際網路發展早期(1995年~2005年)是沒有專業的前端工程師的。
  • 業餘時間零基礎自學編程,9 個月後我成為一名軟體工程師
    在這篇文章裡,我想分享自己如何在 9 個月內一邊做著全職工作,一邊自學編程,從一名小白成長為年薪六位數軟體工程師。每當閱讀別人的成功故事時,我的第一反應都是查看作者的背景,希望他們的經歷和故事也發生在自己身上。可是我並沒有發現和我背景一樣的作者。所以,很可能我的經歷和故事也不會發生在你的身上。
  • 如何從零開始自學成為電子工程師
    其中硬體工程師需要有良好的手動操作能力,能熟練讀圖,會使用各種電子測量、生產工具,而軟體工程師除了需要精通電路知識以外,還應了解各類電子元器件的原理、型號、用途,精通單片機開發技術,熟練掌握各種相關設計軟體,會使用程式語言。另外良好的溝通能力和團隊精神也是一名優秀的電子工程師必不可少的。
  • 國內外免費自學編程網站,讓你在家也能學習!
    今天,小編收集了一些自學編程的網站分享給大家,希望對您能夠有所幫助!一、編程學習類1、EDX【能學習到國外頂尖大學的課程】EDX是2012年由哈佛大學和麻省理工學院共同創立的編程學習網站,如今,edX已涵蓋了60所學校。
  • 我30歲自學編程,當上高級工程師,幾度精疲力盡想放棄
    近日,克裡斯平在社交網站Medium撰文講述了自己從零開始學習編程到成為軟體工程師的經歷。作者 / 騰訊創業編譯組這是發生在我身上的一個故事:從一個零起點學習編程的小白,到成為Udacity的一名全棧工程師。(Udacity是一家致力於編程在線教育的創業公司)。
  • 中博軟體學院IT教育:零基礎可以學編程嗎?
    在如今這個網際網路+的時代,軟體工程師人才需求旺盛,薪資高,具有較大的人才缺口,很多IT企業開出高薪卻很難招聘到合格的軟體開發人員,軟體工程師就業前景可謂一片大好!學會程式語言,可以從事軟體工程師。程式語言較多,語法複雜,對於0基礎的人來講,自學是有一定難度的,沒有人引導,容易卡在某一個問題上,長久得不到進展,或者進展緩慢,這個時候選擇一所可靠的IT職業培訓院校很重要!
  • 我是如何用 10 天自學編程,改變一生的?
    編者按:本文來自微信公眾號「商學院畢業的程式設計師」,通過自學編程成為一家大型上市公司的資深軟體工程師
  • 自學編程先弄清這4件事,別一開始就亂學語言了
    前段時間,有個大一的同學在群裡請教自學編程的問題。本著程式設計師樂於助人的優秀品質,我隨手就通過了他的好友申請,並對他提出的問題進行了耐心的解答。一會兒問我JAVA怎麼學,自學難度大不大;隔兩天又問我Python、PHP、安卓方面的問題;今天居然問我,怎麼用jQuery來實現書裡的這個改變複選框的背景色。jQuery???
  • 自學編程的人,怎麼找到第一份工作?
    那麼有了信心如何解決自學的方向性問題,就是如何選擇自己正確的方向,目前軟體職業方向多入牛毛,怎麼去選擇,大致的方向還是要根據自己的實際情況,看你自己專業情況,比如很多人就喜歡做個手機軟體那麼選擇就比較簡單了,直接學習ios或者安卓編程就可以了
  • 黑馬程式設計師教你自學編程的最優方法
    說起來自學編程的話,很多人走了很多彎路。只有學過來之後才知道什麼是最高效的方法。下面黑馬程式設計師就以十多年的教學經驗總結給大家自學編程的最好的方法。1.選擇目標首先就是編程環境的搭建,很多人自學第一步就卡在這裡了。但是先不用著急去配置環境,在這之前我們要做的是選定方向。大的方向就是:前端、後端、移動開發、雲計算、數據處理、智能軟體、物聯網等等。有關這些方向的程式語言就很多種。要先來選定一個方向,再從方向選擇一個語言。
  • 我是如何用10天自學編程,改變一生
    最近有不少人,來問我,想學編程,但是又不知怎麼開始。所以,我想把我8年前影響我一生的10天自學編程的經歷,毫無保留的分享出來。如果看到這標題,會讓你覺得,讀完一篇文章就能快速的掌握編程技術的話,這可能會讓你失望,這裡甚至沒有一行代碼。霖哥想分享的,是霖哥最初自學編程的經歷和心法。1.決定