讀書會一週年回顧

更新 發佈閱讀 3 分鐘

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

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

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

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

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

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

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

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

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

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

個人網頁工作室網頁

留言
avatar-img
留言分享你的想法!
avatar-img
阿蛙的小池塘
0會員
8內容數
是阿蛙 !
你可能也想看
Thumbnail
試聞 Sunkronizo的香氛後,我才發現:原來不是我在挑香,而是香氣更早知道我是誰。原本以為自己最像溫柔的 1 號,真正試香後卻被成熟、冷靜的 3 號選中。其他七瓶香,也意外喚醒我生命中不同階段的八種角色。香氣讓我明白——人生不只直線前進,也能橫向展開,切換更多樣的自己。
Thumbnail
試聞 Sunkronizo的香氛後,我才發現:原來不是我在挑香,而是香氣更早知道我是誰。原本以為自己最像溫柔的 1 號,真正試香後卻被成熟、冷靜的 3 號選中。其他七瓶香,也意外喚醒我生命中不同階段的八種角色。香氣讓我明白——人生不只直線前進,也能橫向展開,切換更多樣的自己。
Thumbnail
原本只是想當個能看懂產品的PM實習生,沒想到每天面對客服回報的bug,逼得我不得不硬著頭皮學技術。從完全不懂程式,到自己寫出網頁、串起後端、完成9個小專案,這段自學旅程不只是技能上的提升,更是一次對自己能力與可能性的重新認識。
Thumbnail
原本只是想當個能看懂產品的PM實習生,沒想到每天面對客服回報的bug,逼得我不得不硬著頭皮學技術。從完全不懂程式,到自己寫出網頁、串起後端、完成9個小專案,這段自學旅程不只是技能上的提升,更是一次對自己能力與可能性的重新認識。
Thumbnail
讓素人變大神!零程式碼打造互動網頁、測驗、語音摘要超簡單 😍✨ 最新黑科技!用「講話」就能做網站、出考題 連阿嬤都會用 🤯 免寫程式!Canvas 三大神功能一次看 Google 最近推出的 Gemini Canvas 功能簡直是懶人救星!只要會打字就能做出超專業
Thumbnail
讓素人變大神!零程式碼打造互動網頁、測驗、語音摘要超簡單 😍✨ 最新黑科技!用「講話」就能做網站、出考題 連阿嬤都會用 🤯 免寫程式!Canvas 三大神功能一次看 Google 最近推出的 Gemini Canvas 功能簡直是懶人救星!只要會打字就能做出超專業
Thumbnail
學習程式設計不再困難!本文提供一份循序漸進的 JavaScript 教學,每天只需 10 分鐘,就能從基礎語法到專案實作,逐步學習網頁開發,包含 HTML、CSS、JavaScript、DOM 操作、Canvas 等,並以 Road Map 呈現學習進度。即使零基礎也能輕鬆入門,開啟程式設計之路。
Thumbnail
學習程式設計不再困難!本文提供一份循序漸進的 JavaScript 教學,每天只需 10 分鐘,就能從基礎語法到專案實作,逐步學習網頁開發,包含 HTML、CSS、JavaScript、DOM 操作、Canvas 等,並以 Road Map 呈現學習進度。即使零基礎也能輕鬆入門,開啟程式設計之路。
Thumbnail
「AI自媒體行銷應用與無程式碼電商網頁設計實務班」的12堂課程 ---------------------------------------- 模組一:AI自媒體行銷應用(6堂課) 第1堂|AI行銷趨勢與平台生態 * 解析2025年台灣社群趨勢:探討短影音、直播帶貨及互動型內容的興起。
Thumbnail
「AI自媒體行銷應用與無程式碼電商網頁設計實務班」的12堂課程 ---------------------------------------- 模組一:AI自媒體行銷應用(6堂課) 第1堂|AI行銷趨勢與平台生態 * 解析2025年台灣社群趨勢:探討短影音、直播帶貨及互動型內容的興起。
Thumbnail
前言 上一篇討論到如何訓練出模型,此篇將說明Streamlit建立的簡單Web應用程式的解說 Streamlit網頁App_貓狗辨識 連結 程式碼Github連結 [機器學習]CNN學習MNIST 手寫英文字母資料,用網頁展現成果_模型訓練篇 如何連動github與stramlit可以參考
Thumbnail
前言 上一篇討論到如何訓練出模型,此篇將說明Streamlit建立的簡單Web應用程式的解說 Streamlit網頁App_貓狗辨識 連結 程式碼Github連結 [機器學習]CNN學習MNIST 手寫英文字母資料,用網頁展現成果_模型訓練篇 如何連動github與stramlit可以參考
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 轉為一頁式網頁
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News