跳到主要內容

[2021 IT鐵人賽] Day 01:前言 - 打開地圖,開始我們的旅程吧!

自我介紹

大家好,我是你們這30天的嚮導,我叫Andy Chiang,目前就讀中興大學資工系,大二升大三。

我喜歡學習新的技術,像海綿一樣有什麼就吸收什麼,除了學校教的以外,還利用了寒暑假的時間自學其他技術,並且利用所學的技術做出有趣的小程式。我平常就有寫扣的習慣當碼農,每周會固定上LeetCode解題,目前正努力達成GitHub一整年全綠!

另外,我也喜歡將我的技術整理成筆記,常用的有HackMD和Notion,有興趣的可以來我的HackMD個人公開頁看看! 順帶一提,這篇文章就是使用HackMD編輯的哦!

鐵人賽的系列文章以及範例程式碼我也同步在我的GitHub上,後續會持續的更新,如果喜歡就幫我按個星星吧~
拜託了,我真的很需要那個酷星星

廢話就不多說了,開始進入正題吧!

關於這篇文章

這篇文章的內容大概是集結了我這一年來所學有關前端網頁、Python爬蟲的總總,也是為了回顧這一年的學習歷程。

這些技術都是我利用寒暑假時間自學的,在過程中有觀察到一種狀況,就是文章雖然寫的很詳細,但我看完後要自己動手做的時候,卻不知道該如何下手,又只好上網找別的範例。因為如此,我希望我的教學文是以 “手把手” 教學的方法,讓讀者能一邊學習一邊實作,所以我舉的例子都一定會跟正在實作的內容有關,目的是希望讀者看完文章後,可以成功跟著做出東西。

程式語言的世界就像黑暗大陸一樣,感覺永遠沒有盡頭,一開始接觸的新手們肯定會手足無措(就連我一開始也是一樣),因此我希望可以在這塊黑暗大陸中擔任你們的嚮導,雖然我也不敢說我多專業,但至少可以指引出一條方向。也歡迎各路高手指點,互相學習、一起進步!

我要先會什麼?

什麼都不用,只要會電腦開機、會打字就好ww,稍微有邏輯概念更佳。

可以在這篇文章學到什麼?

  • 前端HTML、CSS
  • Python爬蟲
  • 很多的專案實作

冒險地圖

我目前的規劃是這樣,之後也有可能會改,會在這邊同步更新。

  • D1:前言,進度規劃
  • D2 - D7:專案01 - 超簡單個人履歷 (HTML、CSS)
  • D8 - D13:Python基本介紹
  • D14 - D15:專案02 - PTT C_chat版爬蟲 (Requests + Beautiful Soup)
  • D16 - D19:專案03 - PTT 八卦版爬蟲 (cookie、post、session概念)
  • D20 - D21:專案04 - Facebook爬蟲 (Selenium)
  • D22 - D23:專案05 - KKBOX風雲榜 (AJAX)
  • D24 - D26:專案06 - 爬股票網站,並轉存資料和繪製圖表 (Pandas、Matplotlib)
  • D27 - D29:專案07 - 天氣小助手,自動推送提醒 (Heroku、Line notify)
  • D30:後記

新手裝備 (開發環境)

我自己是使用VScode進行開發,還沒下載的人可以到這裡下載,如果堅持要用別的編輯器也不是不行。

瀏覽器則是使用Chrome,用其他瀏覽器也可以,只不過有些介面可能會不一樣。

今天差不多就這樣,開始打包行李,準備好明天的旅程吧!

順利滑過第一天XD

圖源:https://unsplash.com/photos/DlF0mqHKvkg


有任何問題或建議,都歡迎在底下留言區提出,還請大家多多指教。


如果喜歡這篇文章,請訂閱我並且拍五下手給予回饋(使用Google或Facebook帳號免費登入,只需要30秒),資金由LikeCoin提供,完全不會花到各位半毛錢!

因為您的支持,我才更有動力創作出更優質的文章~

留言

這個網誌中的熱門文章

[遊記] 2022/07/22 南寮漁港、香山濕地

前言: 2022年的暑假,我來到新竹的工研院實習,因此有了兩個月好好探索這座陌生城市的機會。我在來之前就計畫好了,每周五要選一個地方去旅行,目標是在兩個月內把整個新竹玩透透! 來到了第三個禮拜,今天我約了新竹在地人的大學朋友,請他騎機車載我到處逛逛😆 不過因為他早上有事情,所以我們就約中午吃飯。中午我們去吃城隍廟附近的 阿桂羊牛雜 ,我點了朋友很推的 羊肉炒麵 ,這家的炒麵很特別,醬汁很濃稠,沙茶味很香~ 我點加辣但有點太辣了,下次可能點小辣就好。另外有附飲料和冷氣這點很加分。 (只顧跟朋友聊天,就忘記拍照了😂) 阿桂羊牛雜 羊肉炒麵 $100 推薦指數:4⭐ 吃完飯後,本來想去南寮漁港,但因為今天的太陽真的太大了! 所以朋友就提議先去 新竹巨城 吹冷氣,晚點再去南寮漁港。雖然已經來過巨城一次,但跟別人一起逛就是不太一樣。我們去逛了服飾店、書局和湯姆熊,不知不覺就三點了。於是就離開巨城前往南寮漁港囉~ 本來以為 南寮漁港 很遠,但騎機車一下子就到了,果然在新竹還是要有機車比較方便阿! 我們先去南寮漁港的遊客中心,展望台的景色很不錯,室內還有溜滑梯可以玩呢! 接著我們在附近的魚市場、國際風箏場等地方邊聊邊走,最後走到 魚鱗天梯 。 魚鱗天梯看起來的確很像魚鱗,但聽說他的功能其實是消波塊,還真酷! 底下就有一小片沙灘,因為我今天穿拖鞋,就有下去踩一下海水。不過這裡的海水沒很乾淨,上來後腳上全都是沙子,幸好旁邊就有可以洗腳的地方。 其實旁邊有個滿有名的 17公里海岸自行車道 ,不過我們比較晚才到,所以就沒租腳踏車去騎了。 接著就往南到 香山濕地 ,騎機車也是一下就到了。 香山濕地就像小型的高美濕地,一旁的 賞蟹步道 可以直接走在溼地上方。 賞蟹步道兩旁真的很多螃蟹,照片裡的白點都是螃蟹哦! 當時剛好碰上漲潮,於是我們就在步道上拍起縮時攝影,從影片中可見漲潮的速度有多快! 香山濕地也是看夕陽的好景點,只是有點太早來了,於是我們走去旁邊的 綠色隧道 ,等待夕陽下山。 最後終於等到夕陽了! 加上倒影還滿漂亮的,只可惜今天海面有點雲,無緣看到夕陽落到海平面之下的景色。 最後順路繞去附近的 青青草原 ,雖然天色已經暗了下來,不過因此溜滑梯都不用排隊,可以多溜了幾趟😁 我們也去看了一眼大草原,但因為傍晚有一堆蚊蟲,所以就趕緊撤退了! 最後晚餐去吃 蛋包飯 ,這家也是朋友推薦的...

[Python] async def & await 重點整理

最近實習要用到 FastAPI ,我發現 FastAPI 的 path operation function 會使用 async def ,還會搭配使用 await ,因為對這兩個關鍵字沒很熟,所以就藉機紀錄一下,也避免之後忘記。 async def & await 使用情境 我直接利用下面這個例子來展示什麼情況下可以使用 async 和 await 。 import time def dosomething ( i ): print ( f"第 {i} 次開始" ) time.sleep( 2 ) print ( f"第 {i} 次結束" ) if __name__ == "__main__" : start = time.time() for i in range ( 5 ): dosomething(i+ 1 ) print ( f"time: {time.time() - start} (s)" ) 執行後應該會像這樣。 第 1 次開始 第 1 次結束 第 2 次開始 第 2 次結束 第 3 次開始 第 3 次結束 第 4 次開始 第 4 次結束 第 5 次開始 第 5 次結束 time: 10.048049688339233 (s) 這非常直覺,因為每次呼叫 dosomething() 時都會等待2秒,等完才會執行下一輪,所以最後執行總時間是10秒相當合理。 但仔細想想,如果那2秒是做網路請求或檔案讀寫(IO),這2秒是不需要CPU的,但CPU就只能發呆2秒,痴痴地等待回傳結果,其他什麼事都不能做,豈不是太浪費了嗎!? (學過作業系統的人就知道,絕對不能讓CPU發呆XD) 因此 Python 就有了 asyncio 這個工具,來徹底的利用(X) 榨乾(O) CPU的效能。 我把剛才的例子改成 asyncio 的版本。 import time import asy...

[2021 IT鐵人賽] Day 23:專案05 - KKBOX風雲榜02 | AJAX

昨天已經找到的KKBOX用來傳資料的API,也知道各個參數的意義了,今天就實際將資料抓下來吧! 歌曲資訊 回到昨天那個API,是用JSON格式傳遞資料,資料的格式大致如下: 我們可以發現新歌的資料都放在 “newrelease” 之下,一個element就是一首歌的資訊,另外,每首歌的資訊也以key:value的形式整理的很清楚。 接著,就用之前教過的 requests.get(url) 直接取得API回傳的資料,但回傳的型態是json字串,所以再用Python本身內建的 json.loads() 函數轉成Python的list和dict資料型態。 # KKBOX華語新歌日榜 url = "https://kma.kkbox.com/charts/api/v1/daily?category=297&lang=tc&limit=50&terr=tw&type=newrelease" # 取得歌曲資訊json檔 response = requests.get(url) # 將json字串轉為Python的字典型態 data = json.loads(response.text) 既然已經轉成list和dict的型態了,再根據剛才觀察API得知的架構,要篩選資料就非常簡單,直接來看程式碼: song_list = data[ "data" ][ "charts" ][ "newrelease" ] # 取得每首歌的排名、曲名、連結、作者、時間 for song in song_list: song_rank = song[ "rankings" ][ "this_period" ] song_name = song[ "song_name" ] song_url = song[ "song_url" ] song_artist = song[ "artist_name"...