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

閱讀時間約 1 分鐘
時間真的過得好快,從2022五月的體驗營開始,到後來的切版直播班、JS直播班,將近一年的時間,現在都要從Vue直播班畢業了!
其實一開始蠻掙扎要不要報名Vue直播班,但衝著小組隊友的支持,決定跟他們一起把卡刷下去,繼續當隊友🙌🏽
這次在Vue直播班,從課前預習就已經感受到滿滿的壓力和挑戰,從v-model的綁定、關注點分離開始學起,慢慢搞懂什麼是元件,該怎麼拆分和綁定,然後進入到Pinia的狀態管理工具、Vite環境編譯、Router的路徑運用...等,超級多知識點需要學!!!
最感謝的就是老師和助教了!!!除了三五晚上的直播課,卡斯伯老師會在周日下午額外直播,講解他是如何拆解流程,帶我們一步一步完成作業。週日晚上還會有洧杰老師的專題討論,一對一陪學員進行職涯規劃和學習方向擬定,更別說平日一到五都有滿滿的線上助教服務,不論是程式卡關、還是進度安排,只要你願意提出疑惑,永遠都有人會陪你解決!!
另外這次還給自己一個小目標,要多練習「表達」,在小組討論的時間,有半鼓勵半強迫的讓自己每次都要發言,透過自己的描述解釋來幫其他同學解決問題,就會發現自己對概念有更加熟悉,也比較懂得如何跟助教描述自己卡關的問題 ~
很開心這段期間能夠看見自己,從只有javaScript的基礎,進階到框架的運用這一步,順利掌握vite環境建置,拆分元件、管理狀態等技術的基本運用,真的是收穫滿滿的三個月💪🏻,最後就只剩下專題要努力完成啦!
不說了,我要去做專題了👋🏻
我是Amber,前端學習中,歡迎交流討論🧸
為什麼會看到廣告
avatar-img
22會員
22內容數
留言0
查看全部
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 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
分享這一個月我跟著六角學院的2024工程師體驗營學到了什麼,以及它如何改變了我的生活!!
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
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
終於考完段考了!經過好久的讀書,終於撐過考試了,在這段期間也發生了很多事… 第一個追的v畢業,很辛運可以作為洛葉的一員,希望隊長以後也能很開心。
Thumbnail
Vue Router 及 具名視圖,擺脫以往切換依賴 CSS display:none 跟 display:block 互相配合,有時還得搭配 z-index 來調整層級跟 opacity 透明度的麻煩,而 Vue Router 完美的解決了這棘手的問題,且能客製頁面想要呈現的擺飾。
Thumbnail
從 Vue 班畢業已經 1 個多月,最近也轉職成功,終於有機會把這段歷程記錄下來,當作一個里程碑。此次參加 Vue 班,心境上最大的不同,大概是知道自己即將在完課後,踏上求職道路。所以如果能在課堂期間 2 個月內完成求職作品,我就能提早出發。 ▍學習狀況 雖然先前有稍微玩過 Vue,但也早已
Thumbnail
關於一個剛接觸 JS 不久,又馬上跳入Vue框架毒打的艱辛歷程TT, 回來起來,那段時間還真是充實又有趣呢,各種矇、各種坑、各種雷!!! 你膽怯了嗎 . . .?想逃了嗎 . . .?沒關係,因為只要記得 - 心態沉穩自然雨過天晴 - 心得分享
20240420 < 身口意總說 - 相應的關鍵 > 現場 與 線上課程 我整整花了一個月時間,終於搬完家。 三個工作的忙碌,少少的睡眠,對身體,真的是很大的負擔。 這一個月來,很多同學陸續詢問:下一次的課程,在什麼時候? 新家座落的未知數、搬家的進度,遲遲讓我無法回答
Thumbnail
Vue 是尤雨溪所開發的一個前端框架,Vue 提供了響應式數據綁定和組件化的開發模式,能方便開發者構建出具有良好交互性的前端應用。而 Vite 則是一個前端構建工具,用途是提供更快的開發體驗。然後,本文將介紹如何使用 Vite 建立一個 Vue 專案的開發環境,這是你學習 Vue 的第一步。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
分享這一個月我跟著六角學院的2024工程師體驗營學到了什麼,以及它如何改變了我的生活!!
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
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
終於考完段考了!經過好久的讀書,終於撐過考試了,在這段期間也發生了很多事… 第一個追的v畢業,很辛運可以作為洛葉的一員,希望隊長以後也能很開心。
Thumbnail
Vue Router 及 具名視圖,擺脫以往切換依賴 CSS display:none 跟 display:block 互相配合,有時還得搭配 z-index 來調整層級跟 opacity 透明度的麻煩,而 Vue Router 完美的解決了這棘手的問題,且能客製頁面想要呈現的擺飾。
Thumbnail
從 Vue 班畢業已經 1 個多月,最近也轉職成功,終於有機會把這段歷程記錄下來,當作一個里程碑。此次參加 Vue 班,心境上最大的不同,大概是知道自己即將在完課後,踏上求職道路。所以如果能在課堂期間 2 個月內完成求職作品,我就能提早出發。 ▍學習狀況 雖然先前有稍微玩過 Vue,但也早已
Thumbnail
關於一個剛接觸 JS 不久,又馬上跳入Vue框架毒打的艱辛歷程TT, 回來起來,那段時間還真是充實又有趣呢,各種矇、各種坑、各種雷!!! 你膽怯了嗎 . . .?想逃了嗎 . . .?沒關係,因為只要記得 - 心態沉穩自然雨過天晴 - 心得分享
20240420 < 身口意總說 - 相應的關鍵 > 現場 與 線上課程 我整整花了一個月時間,終於搬完家。 三個工作的忙碌,少少的睡眠,對身體,真的是很大的負擔。 這一個月來,很多同學陸續詢問:下一次的課程,在什麼時候? 新家座落的未知數、搬家的進度,遲遲讓我無法回答
Thumbnail
Vue 是尤雨溪所開發的一個前端框架,Vue 提供了響應式數據綁定和組件化的開發模式,能方便開發者構建出具有良好交互性的前端應用。而 Vite 則是一個前端構建工具,用途是提供更快的開發體驗。然後,本文將介紹如何使用 Vite 建立一個 Vue 專案的開發環境,這是你學習 Vue 的第一步。