網頁開發新手的第一篇文章

更新於 發佈於 閱讀時間約 4 分鐘

我在大學畢業後陸續做了幾份工作,只是一直都覺得自己的能力不足,以及從事的工作沒有什麼我喜歡的發展前景。

所以在今年開始思考我要學習什麼可以養活自己的技能,還有投入哪個有發展前景的領域,就發現網頁開發是我有興趣的領域,在比較許多課程後我就選擇購買ALPHA Camp的學期一。

在今年5月中台灣爆發COVID-19的本土疫情,因為我的工作需要接觸許多人,擔心自己有染疫的可能,加上5/24就要開課了,我就在五月底把工作辭掉,躲在家裡好好防疫,也花多一點時間上課學習。

課程的最後一個作業是要撰寫個人的技術部落格,透過寫部落格的過程中整理自己的學習過程和心得,加深自己的印象,也練習試著把自己所理解的用他人能理解的語言表達。

而經營部落格也算是我自己一直想做的事,之前有花一些時間寫有關於生活心得文章,後來覺得自己江郎才盡,寫不出什麼東西就沒繼續了,希望之後能透過寫技術部落格再次經營自己的部落格。

除了技術文章以外,我自己也還有其他想分享的內容。現在先來聊聊我在學期一的經過吧!

第零周與第一周:學習準備&程式入門

ALPHA Camp非常貼心的設計了學習準備的課程,除了介紹線上學習平台Lighthouse的環境以外,也介紹了學習制度和尋求幫助的方法,甚至還有學長姊分享遇到看不懂教學內容要如何向AC的助教提問,讓新手能夠快速地適應AC的學習環境。

還有教導如何學習和思考自己的職涯,幫助自己釐清學習的目的以及如何有效率的學習,這些單元我之後都會時不時地回來複習和思考,因為這就算是不寫程式也需要了解的,這些都能幫助我找到更滿意的生活,真的非常受用!

程式入門的部分介紹了電腦和程式,和javascript這個程式語言,還有變數、資料型別和運算子的概念,以及if/else條件式和for/while迴圈的運用,也透過作業練習所學的概念。

特別提到運算思維的概念是非常重要的,這是試著以電腦能理解的邏輯解決問題的方式,有拆解問題(Decompositon)、規律辨識(Pattern recongniton)、抽象化(Abstraction)、演算法(Algorithm)四個步驟。

運算思維對於解決複雜程式問題是必要的思考方式,是學習程式一定要了解的心法,我之後會再寫一篇運算思維的文章分享。

第二周:從演算法到程式碼&網站設計與介面實作

延續第一周學到的程式概念,第二周開始運用運算思維解決比較複雜的問題。在做作業的時候真的卡關很久,看了提示後才知道原來運算思維是怎麼解決問題的,也能在檢查程式碼中依照指定規格、撰寫風格和是否簡潔三項指標檢查程式碼品質。

這周也介紹了HTML和CSS兩種標記語言,還有使用Devtool觀察網頁使用語法,以及軟體設計的概念和工具。

第三周:網頁切版實戰

這周跟著影片中助教的操作一步一步製作出精美的履歷網頁,也介紹了CSS中box-model和display:flex如何運用在網頁排版。

HTML和CSS非常需要從實作中學習,也非常強調畫面的美感和作品與設計稿的一致性,所以在實作的過程中需要非常注意畫面的細節,並且不斷測試微調。


這三周的學習很快的就過去了,雖然很多概念還沒很熟悉,需要做好筆記再複習,但透過學習的過程中我更加確定這是我就是我要選擇的路,現在以轉職後端工程師為目標努力。

也非常感謝這段時間回答我問題和改我作業的助教,你們的回饋讓我釐清很多觀念模糊的地方;也感謝LINE群組的同學們幫助我寫出期末考的題目;更感謝ALPHA Camp提供的學習環境能讓我有動力學習。

很高興我拿到學期一的結業證書,希望之後在AC的學習能讓我繼續成長,成功轉職成一位後端工程師。





留言
avatar-img
留言分享你的想法!
bxsxhx-avatar-img
2021/06/20
小耕你好,我是 AC 的行銷,想詢問是否同意將本文授權轉載回 AC blog 呢?我另發 FB message 與您聯繫,謝謝。
Vivian Yeh-avatar-img
2021/06/18
一起加油💪我也還在努力增進自己的技術當中~~
小耕的思緒遊記-avatar-img
發文者
2021/06/18
感謝! 你的文章我也有看!! 喔喔第一天發文就有留言而且還是同領域的作者真的好高興> <
avatar-img
小耕的思緒遊記的沙龍
8會員
1內容數
你可能也想看
Thumbnail
這是一篇從為甚麼會加入志工,到第一次擔任志工,並領取任務"直播證書任務"給大家看的小紀錄,同時也是閱歷自己的曾經,從反思自己、質疑自己、到面對自己,各階段的成長經歷。剛從新手村出發的曾經,你是否也跟我一樣,還依稀記得那時受人幫助、啟迪、鼓勵的悸動。
Thumbnail
這是一篇從為甚麼會加入志工,到第一次擔任志工,並領取任務"直播證書任務"給大家看的小紀錄,同時也是閱歷自己的曾經,從反思自己、質疑自己、到面對自己,各階段的成長經歷。剛從新手村出發的曾經,你是否也跟我一樣,還依稀記得那時受人幫助、啟迪、鼓勵的悸動。
Thumbnail
透過分享我的資訊科技業初探故事,探討如何從非相關背景且不懂寫程式的人進入資訊科技業,並介紹了我因薪資潛力和遠距工作機會而受到吸引的經驗。
Thumbnail
透過分享我的資訊科技業初探故事,探討如何從非相關背景且不懂寫程式的人進入資訊科技業,並介紹了我因薪資潛力和遠距工作機會而受到吸引的經驗。
Thumbnail
因為不管你走的是哪一條路,你的所學終將會為你所用。
Thumbnail
因為不管你走的是哪一條路,你的所學終將會為你所用。
Thumbnail
前言: 筆者今年吾二十有五而不志於學,距離三十而立,還有五年。 峰迴路轉的大學生涯,走過了,卻再也不想重新經歷,因為肯定有更適合當下的選擇。 在台灣的社會裡,25歲才剛大學畢業似乎相當晚,但在美國的情況則大不相同。在我在美國讀書期間,曾遇到過許多年齡較大的同學。 舉例來說,我在邏輯通識課上認
Thumbnail
前言: 筆者今年吾二十有五而不志於學,距離三十而立,還有五年。 峰迴路轉的大學生涯,走過了,卻再也不想重新經歷,因為肯定有更適合當下的選擇。 在台灣的社會裡,25歲才剛大學畢業似乎相當晚,但在美國的情況則大不相同。在我在美國讀書期間,曾遇到過許多年齡較大的同學。 舉例來說,我在邏輯通識課上認
Thumbnail
這部影片想跟各位分享 我從營養系完全不懂程式 轉職成為Android APP軟體工程師的心路歷程 ... 這部影片的重點有 我為何轉職工程師的三個原因 我是如何學習第一個程式語言 以及依照自身經驗 分享非本科轉職成功的三點要素 .......
Thumbnail
這部影片想跟各位分享 我從營養系完全不懂程式 轉職成為Android APP軟體工程師的心路歷程 ... 這部影片的重點有 我為何轉職工程師的三個原因 我是如何學習第一個程式語言 以及依照自身經驗 分享非本科轉職成功的三點要素 .......
Thumbnail
你當下所做的選擇,沒有對與錯,只有你能寫出自己的故事。 升上大學之後,你曾想過未來想做什麼事情足以影響全世界嗎?以過來人的角度,希望剛上大學的你,能好好看身邊的同學、好友、師長,哪一個人是你未來想要效仿的對象呢?或是選擇聽從自己內心的聲音,向外尋找與眾不同的興趣或職業發展?
Thumbnail
你當下所做的選擇,沒有對與錯,只有你能寫出自己的故事。 升上大學之後,你曾想過未來想做什麼事情足以影響全世界嗎?以過來人的角度,希望剛上大學的你,能好好看身邊的同學、好友、師長,哪一個人是你未來想要效仿的對象呢?或是選擇聽從自己內心的聲音,向外尋找與眾不同的興趣或職業發展?
Thumbnail
網頁設計的工作主要是要設計介面(user interface, UI),並把它轉化成前端介面。先不說設計能力,在技術方面,比較不講究架構或是效能。而在日常工作中,也不太需要常常客製化介面與互動。
Thumbnail
網頁設計的工作主要是要設計介面(user interface, UI),並把它轉化成前端介面。先不說設計能力,在技術方面,比較不講究架構或是效能。而在日常工作中,也不太需要常常客製化介面與互動。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News