學習紀錄 ▎我要從Vue直播班畢業了!

更新於 發佈於 閱讀時間約 1 分鐘
時間真的過得好快,從2022五月的體驗營開始,到後來的切版直播班、JS直播班,將近一年的時間,現在都要從Vue直播班畢業了!
其實一開始蠻掙扎要不要報名Vue直播班,但衝著小組隊友的支持,決定跟他們一起把卡刷下去,繼續當隊友🙌🏽
這次在Vue直播班,從課前預習就已經感受到滿滿的壓力和挑戰,從v-model的綁定、關注點分離開始學起,慢慢搞懂什麼是元件,該怎麼拆分和綁定,然後進入到Pinia的狀態管理工具、Vite環境編譯、Router的路徑運用...等,超級多知識點需要學!!!
最感謝的就是老師和助教了!!!除了三五晚上的直播課,卡斯伯老師會在周日下午額外直播,講解他是如何拆解流程,帶我們一步一步完成作業。週日晚上還會有洧杰老師的專題討論,一對一陪學員進行職涯規劃和學習方向擬定,更別說平日一到五都有滿滿的線上助教服務,不論是程式卡關、還是進度安排,只要你願意提出疑惑,永遠都有人會陪你解決!!
另外這次還給自己一個小目標,要多練習「表達」,在小組討論的時間,有半鼓勵半強迫的讓自己每次都要發言,透過自己的描述解釋來幫其他同學解決問題,就會發現自己對概念有更加熟悉,也比較懂得如何跟助教描述自己卡關的問題 ~
很開心這段期間能夠看見自己,從只有javaScript的基礎,進階到框架的運用這一步,順利掌握vite環境建置,拆分元件、管理狀態等技術的基本運用,真的是收穫滿滿的三個月💪🏻,最後就只剩下專題要努力完成啦!
不說了,我要去做專題了👋🏻
我是Amber,前端學習中,歡迎交流討論🧸
為什麼會看到廣告
avatar-img
23會員
22內容數
留言
avatar-img
留言分享你的想法!

































































Amber hh的沙龍 的其他內容
事情是這樣發生的,由於直播班第二週和第三週的作業內容很相似,於是我就把第二週的作業資料夾「複製」了一份,作為第三週的基底,並把第三週的作業內容完成後,準備上傳到一個新建的 week3 遠端 repository ...
9 月份剛從切版直播班畢業(可以看這一篇學習紀錄),我是毫不猶豫的就參加了下一階段的 JavaScript 直播班!當然是因為不滿足於作品只能是靜態的切版頁面,還想加入更多酷酷的效果,但總是會在使用套件上卡住,對 API 的概念也不足,接資料時二二六六的,不甘於被技術受限制的自己,當然要繼續修練😤
相信大家對於 sticky 這個效果不陌生,網頁上方的導覽列、文章側邊的相關閱讀等,諸多網頁都能看見它的身影,不過這篇不是 sticky 的使用教學,而是我自己的踩雷紀錄😅💣
相信不少人在學習寫程式的過程中,光是學習知識點就已經消耗大量腦細胞,如果跟我一樣選擇自學,本身美感和創意並不充裕到可以完成一份設計稿,也不像在學校裡有一起學習的夥伴,雖然有想做side project的念頭,也會完全不曉得該如何著手吧... 那麼我是怎麼完成的呢?
自學程式的過程中,你總是把transform、transition,甚至是translate搞混嗎!為了分辨「轉變」的三個關係字,並理解到底什麼時候要用哪個屬性才正確,這篇筆記誕生了!
事情是這樣發生的,由於直播班第二週和第三週的作業內容很相似,於是我就把第二週的作業資料夾「複製」了一份,作為第三週的基底,並把第三週的作業內容完成後,準備上傳到一個新建的 week3 遠端 repository ...
9 月份剛從切版直播班畢業(可以看這一篇學習紀錄),我是毫不猶豫的就參加了下一階段的 JavaScript 直播班!當然是因為不滿足於作品只能是靜態的切版頁面,還想加入更多酷酷的效果,但總是會在使用套件上卡住,對 API 的概念也不足,接資料時二二六六的,不甘於被技術受限制的自己,當然要繼續修練😤
相信大家對於 sticky 這個效果不陌生,網頁上方的導覽列、文章側邊的相關閱讀等,諸多網頁都能看見它的身影,不過這篇不是 sticky 的使用教學,而是我自己的踩雷紀錄😅💣
相信不少人在學習寫程式的過程中,光是學習知識點就已經消耗大量腦細胞,如果跟我一樣選擇自學,本身美感和創意並不充裕到可以完成一份設計稿,也不像在學校裡有一起學習的夥伴,雖然有想做side project的念頭,也會完全不曉得該如何著手吧... 那麼我是怎麼完成的呢?
自學程式的過程中,你總是把transform、transition,甚至是translate搞混嗎!為了分辨「轉變」的三個關係字,並理解到底什麼時候要用哪個屬性才正確,這篇筆記誕生了!
你可能也想看
Google News 追蹤
5W1H (Who, What, When, Where, Why, How) 的句子中,是否需要助動詞取決於它們的語法角色: 當 5W1H 是主詞時: 不需要助動詞,直接搭配正確時態的動詞使用。 誰怎麼了 → 主詞是問句的核心,因此動詞直接跟在後面。 當 5W1H 是受詞時: 需要助動詞來輔
Thumbnail
本文探討如何有效進行紀錄,並抓取出關鍵字,透過三個主題提升思考與行動效率。首先,介紹紀錄的重要性與其對個人成長的影響。接著,詳細講述巨人的摘要法與分類法,以簡化思緒並重新組織知識。最後,提供五種紀錄方式,幫助讀者在學習、對話、思考、日常生活及工作中有效地記錄與內化資訊,讓生活更有條理,實現個人目標。
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
🍀🍀🍀fumi老師:❤️❤️❤️ 🥰🥰🥰今天練習的是遠距離的靈氣療癒技術,「靈氣療癒師」這項技術蘊含著無窮的珍貴價值,不僅僅能夠帶來身心靈的療癒,更能引導對於生命課題帶來的學習。 🌸🌸🌸成為一名靈氣療癒師,意味著能夠成為他人療癒的橋樑,透過能量的傳遞與平衡,協助他人釋放身心的壓
Thumbnail
分享這一個月我跟著六角學院的2024工程師體驗營學到了什麼,以及它如何改變了我的生活!!
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
🍀🍀🍀fumi老師:❤️❤️❤️ 🥰🥰🥰今天來練習遠距離靈氣療癒技術的同學說了一句話:「我要靠我自己的力量,不再靠外界的力量了!」,這句話讓我當下非常的動容。 🥰🥰🥰同學來上課的時候,Fumi老師就提醒同學:「靈魂所擁有的能力,你都擁有只是尚未覺醒而已,靠自己的力量去轉變自己的
Thumbnail
Vue.js是一種基於MVVM的前端JavaScript框架,類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
Thumbnail
上完 2023冬季Vue作品實戰班 之後,在專題期間經過討論後,我們未使用學院提供給我們的 API ,我們選擇了使用 nodejs 並選擇 json-server 來當我們的資料庫,也就是這時開始接觸到平常我們身為使用者時看不到的世界。
Thumbnail
Vue Router 及 具名視圖,擺脫以往切換依賴 CSS display:none 跟 display:block 互相配合,有時還得搭配 z-index 來調整層級跟 opacity 透明度的麻煩,而 Vue Router 完美的解決了這棘手的問題,且能客製頁面想要呈現的擺飾。
5W1H (Who, What, When, Where, Why, How) 的句子中,是否需要助動詞取決於它們的語法角色: 當 5W1H 是主詞時: 不需要助動詞,直接搭配正確時態的動詞使用。 誰怎麼了 → 主詞是問句的核心,因此動詞直接跟在後面。 當 5W1H 是受詞時: 需要助動詞來輔
Thumbnail
本文探討如何有效進行紀錄,並抓取出關鍵字,透過三個主題提升思考與行動效率。首先,介紹紀錄的重要性與其對個人成長的影響。接著,詳細講述巨人的摘要法與分類法,以簡化思緒並重新組織知識。最後,提供五種紀錄方式,幫助讀者在學習、對話、思考、日常生活及工作中有效地記錄與內化資訊,讓生活更有條理,實現個人目標。
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
🍀🍀🍀fumi老師:❤️❤️❤️ 🥰🥰🥰今天練習的是遠距離的靈氣療癒技術,「靈氣療癒師」這項技術蘊含著無窮的珍貴價值,不僅僅能夠帶來身心靈的療癒,更能引導對於生命課題帶來的學習。 🌸🌸🌸成為一名靈氣療癒師,意味著能夠成為他人療癒的橋樑,透過能量的傳遞與平衡,協助他人釋放身心的壓
Thumbnail
分享這一個月我跟著六角學院的2024工程師體驗營學到了什麼,以及它如何改變了我的生活!!
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
🍀🍀🍀fumi老師:❤️❤️❤️ 🥰🥰🥰今天來練習遠距離靈氣療癒技術的同學說了一句話:「我要靠我自己的力量,不再靠外界的力量了!」,這句話讓我當下非常的動容。 🥰🥰🥰同學來上課的時候,Fumi老師就提醒同學:「靈魂所擁有的能力,你都擁有只是尚未覺醒而已,靠自己的力量去轉變自己的
Thumbnail
Vue.js是一種基於MVVM的前端JavaScript框架,類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
Thumbnail
上完 2023冬季Vue作品實戰班 之後,在專題期間經過討論後,我們未使用學院提供給我們的 API ,我們選擇了使用 nodejs 並選擇 json-server 來當我們的資料庫,也就是這時開始接觸到平常我們身為使用者時看不到的世界。
Thumbnail
Vue Router 及 具名視圖,擺脫以往切換依賴 CSS display:none 跟 display:block 互相配合,有時還得搭配 z-index 來調整層級跟 opacity 透明度的麻煩,而 Vue Router 完美的解決了這棘手的問題,且能客製頁面想要呈現的擺飾。