讀書會一週年回顧

更新 發佈閱讀 3 分鐘

大二加入了系上的讀書會後,就開始自學網頁程式,回過頭看看從那時候每週一篇的讀書報告,自己一年下來的進步比想像的多,除了感動之外是感謝自己願意付出這些心力,也為自己爭取到更好的機會和資源。

上個月是我在讀書會滿一年了,特此留一篇紀錄一年下來的變化和心路歷程。之後也會抽空將這些知識做成更詳細的筆記,希望能幫助到也想學習網頁程式的人。

記得第一次報告的時候有點緊張,雖然前一周已經看過一次大家的提報,發現這裡的風氣其實很友善,但很久沒上台還是會挫...

回頭去翻了第一次在讀書會的報告,內容是暑假期間摸了一點點網頁,寫了HTML+CSS,響應式設計還有BUG先生,現在回頭來看蠻可愛的。提報結束後老師會針對目前的進度提建議,不管是製作方向還是技術,我記得在那次提報後老師建議我跳過Java Script 直接去摸 JQuery,所以我的js的基礎到現在都完全不夠是說我還真的學不太起來 js 好難

接著就跑去摸桌寵,結果嚴重卡關加上我的技術完全無法支持我去碰Node.js 和Electron,連老師也說太困難,所以放棄了 :P

接著就回頭去研究前端了,做了不少功課,試著重現那些功能。到這裡開始越做越有興趣,寫這些奇怪的功能,一點一點把排版、視覺調整到好,發掘一些超酷的網頁,學習更多網頁的程式,做起來蠻開心的。

再來就是設計一個自己的個人網頁,研究了人家的網頁的切版、UX、視覺以及動畫等等,重新定義了屬於自己的視覺識別,開始慢慢描繪出屬於我的網頁的雛形了。在這期間眼界被打開了不少,看到網路上這麼多很厲害的作品,就這樣無力感跟被激勵的心情混雜著,一路慢慢製作、調整,希望自己手中的作品也能越來越好。

然後我還是手癢去玩了一點資料庫,功能很基礎,但是蠻成功的,也成功從本地端升級到線上版,老師還直接借我一個子網域來玩。

後來專題的工作室開始有了雛形後我也做了一個網頁,有了前面摸索出來的經驗後,做得非常快效果也很不錯,可以明顯的感受到這一年的成長!還是要感謝自己當初決定加入讀書會,也感謝老師們提供技術上的建議跟幫助。除了在這裡自學的成果之外,也多了很多跟學姊們交流、練習上台報告、學習清楚講述提報內容的機會,真的獲益良多。

然後也在這裡獻醜一下,跟大家分享我的成果~

個人網頁工作室網頁

留言
avatar-img
阿蛙的小池塘
0會員
9內容數
是阿蛙 !
你可能也想看
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
streamlit與github連動程式庫,呈現即時預測手寫英文字母 整理了一下,先前學的機器學習利用Colab來訓練出能辨識手寫A~Z英文字母的模型,使用的模型是CNN(Convolutional Neural Network,CNN)模型 訓練好的模型,當然是要拿來應用,成果呈現
Thumbnail
streamlit與github連動程式庫,呈現即時預測手寫英文字母 整理了一下,先前學的機器學習利用Colab來訓練出能辨識手寫A~Z英文字母的模型,使用的模型是CNN(Convolutional Neural Network,CNN)模型 訓練好的模型,當然是要拿來應用,成果呈現
Thumbnail
不懂寫程式該如何架設網站?在上一篇文章介紹了多款 No Code 架設網站的工具,我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站,今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
Thumbnail
不懂寫程式該如何架設網站?在上一篇文章介紹了多款 No Code 架設網站的工具,我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站,今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
Thumbnail
「AI自媒體行銷應用與無程式碼電商網頁設計實務班」的12堂課程 ---------------------------------------- 模組一:AI自媒體行銷應用(6堂課) 第1堂|AI行銷趨勢與平台生態 * 解析2025年台灣社群趨勢:探討短影音、直播帶貨及互動型內容的興起。
Thumbnail
「AI自媒體行銷應用與無程式碼電商網頁設計實務班」的12堂課程 ---------------------------------------- 模組一:AI自媒體行銷應用(6堂課) 第1堂|AI行銷趨勢與平台生態 * 解析2025年台灣社群趨勢:探討短影音、直播帶貨及互動型內容的興起。
Thumbnail
讓素人變大神!零程式碼打造互動網頁、測驗、語音摘要超簡單 😍✨ 最新黑科技!用「講話」就能做網站、出考題 連阿嬤都會用 🤯 免寫程式!Canvas 三大神功能一次看 Google 最近推出的 Gemini Canvas 功能簡直是懶人救星!只要會打字就能做出超專業
Thumbnail
讓素人變大神!零程式碼打造互動網頁、測驗、語音摘要超簡單 😍✨ 最新黑科技!用「講話」就能做網站、出考題 連阿嬤都會用 🤯 免寫程式!Canvas 三大神功能一次看 Google 最近推出的 Gemini Canvas 功能簡直是懶人救星!只要會打字就能做出超專業
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
學習程式設計不再困難!本文提供一份循序漸進的 JavaScript 教學,每天只需 10 分鐘,就能從基礎語法到專案實作,逐步學習網頁開發,包含 HTML、CSS、JavaScript、DOM 操作、Canvas 等,並以 Road Map 呈現學習進度。即使零基礎也能輕鬆入門,開啟程式設計之路。
Thumbnail
學習程式設計不再困難!本文提供一份循序漸進的 JavaScript 教學,每天只需 10 分鐘,就能從基礎語法到專案實作,逐步學習網頁開發,包含 HTML、CSS、JavaScript、DOM 操作、Canvas 等,並以 Road Map 呈現學習進度。即使零基礎也能輕鬆入門,開啟程式設計之路。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
一開始接觸網頁開發的時候,可能會常常在切版時遇到一些奇奇怪怪的問題:版面總是無法貼齊,左右參差不齊;圖片或是版型變形,但都找不到問題,又或者是技術跟不上設計稿,怎麼切怎麼亂。 會有這樣的狀況主要是⋯⋯
Thumbnail
一開始接觸網頁開發的時候,可能會常常在切版時遇到一些奇奇怪怪的問題:版面總是無法貼齊,左右參差不齊;圖片或是版型變形,但都找不到問題,又或者是技術跟不上設計稿,怎麼切怎麼亂。 會有這樣的狀況主要是⋯⋯
Thumbnail
原本只是想當個能看懂產品的PM實習生,沒想到每天面對客服回報的bug,逼得我不得不硬著頭皮學技術。從完全不懂程式,到自己寫出網頁、串起後端、完成9個小專案,這段自學旅程不只是技能上的提升,更是一次對自己能力與可能性的重新認識。
Thumbnail
原本只是想當個能看懂產品的PM實習生,沒想到每天面對客服回報的bug,逼得我不得不硬著頭皮學技術。從完全不懂程式,到自己寫出網頁、串起後端、完成9個小專案,這段自學旅程不只是技能上的提升,更是一次對自己能力與可能性的重新認識。
Thumbnail
前言 上一篇討論到如何訓練出模型,此篇將說明Streamlit建立的簡單Web應用程式的解說 Streamlit網頁App_貓狗辨識 連結 程式碼Github連結 [機器學習]CNN學習MNIST 手寫英文字母資料,用網頁展現成果_模型訓練篇 如何連動github與stramlit可以參考
Thumbnail
前言 上一篇討論到如何訓練出模型,此篇將說明Streamlit建立的簡單Web應用程式的解說 Streamlit網頁App_貓狗辨識 連結 程式碼Github連結 [機器學習]CNN學習MNIST 手寫英文字母資料,用網頁展現成果_模型訓練篇 如何連動github與stramlit可以參考
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News