# 2022 春季 Vue 作品實戰班心得 ###### tags: `Vue 直播班 - 2022 春季班` ## 為何報名這堂課 大三下開始就在思考以後工作想做什麼工作,大學念資管系,碰過資料庫、行銷、物聯網等等各式各樣的課程,程式語言從經典的 C 、 被老師規定只能手動用 swing 、 graphics 血汗排版再加上後端寫出大富翁的 Java 、 跟同學直接在學校通霄用 php 寫出的飲料訂購網站,學過各式各樣的東西但是就是還不知道要做什麼,一開始還蠻排斥寫 code , 所以一開始並沒想過繼續寫程式也沒有太大的興趣,就這樣混混噩噩的過了一段時間,直到去年暑假意外的發現了洧杰老師的 JS 直播班,基於好奇心大學上過了這麼多就是沒有真正的學過前端,同學們大多也都說 JS 很難,我也沒有實際的碰過,於是就報名衝了 JS 直播班學 JS ,一路上 JS 學習還蠻順利的雖然並沒有到很深入的 JS , 但是就開始覺得寫前端蠻有趣的,並思考著寫前端會不會是一條不錯的路(? , 在上完 JS 直播班後開始沒多久有一天在 Youtube 發現 Vue 直播班的說明會,看到了上完直播班可以寫出專屬於自己的獨一獨二的作品,於是心動了就拿出平常努力存的錢直接報名啦~ ## 學習過程 - 期初 畢竟從沒學過框架, JS 也只有上過洧杰老師的直播班並沒有很深,而且直播班很多同學大多都是在職場上打滾、有工作經歷,實力超群的人,一開始也是很期待能夠學框架,但是也蠻害怕 JS 還沒有很厲害的我沒辦法好好的吸收框架知識,由於大學還有一門罩門課痛苦著我要去把它解決才能畢業,所以就沒太多的自信哩。 一開始直播課程前的預習課程,卻沒有意外的難,照著內容慢慢的吸收並撰寫筆記還是蠻容易的吸收的(~~雖然 this 的觀念讓我看超久~~,害怕學不好的心情也慢慢的消失了 ## 學習過程 - 期中 前面的學習過程都還算順利並沒有感受到痛苦,直到了期中開始學習 "元件" , 我才知道這裡才是真真正正痛苦的地方,我記得那一周直播課看了無數次,寫筆記速度也變的超級無敵慢,都快要到了下一周的進度內容都還沒有消化完,也知道後面的課程如果沒有搞清楚元件是沒辦法繼續下去的,於是咬牙有耐心的慢慢去理解,寫主線給了我對於元件有了更熟悉的感覺(~~看老師寫超輕鬆的!我寫到快吐了QQ~~ , 大家跟上的同時自己卻好像跟不太上,大家都能好好的互相討論,自己卻要好好的理解他們再說什麼,到了這裡我覺得是直播班中最辛苦的地方。 ## 學習過程 - 期末 到了快期末的地方,課程內容大多是關於如何更快速的開發專案,介紹好用的套件,自己遇到最大的問題是很多套件寫得很亂又都是英文看得很辛苦又不知道哪裡才能用(~~逼你看範例程式碼~~,幸好每周都有加碼助教直播,讓我更容易上手也更了解更多知識點。 到了第六第七周,這裡最讓我印象深刻的是 Vue cli 安裝的 ESLint 讓我在第六周作業不停的修正規則所帶來的錯誤,每次都好想去修規則,那週的作業讓我也頭痛不少,不過在不停的練習後很多規則大多都搞懂了並不會那麼痛苦,反而沒有錯誤讓我覺得很奇怪哈哈。 再來是 git , 由於從來沒用過 git 所以這裡也爬了很多文章去搞清楚怎麼把程式碼 push 到 github ,中間也發生了很多不知道的錯誤,也習慣爬文慢慢解決,有空的時候再來好好的學習 git 吧! ## 學習過程 - 第八週最終作業 終於來到第八周,真正要寫出自己獨一獨二的作品哩,卻意外的才發現大家都是自己切版做出屬於自己的版型,我也不想用六角給的範例版型,畢竟是自己的作品還是想要有自己的味道,於是決定開始學切版來切出屬於自己的作品,參考了很多喜歡的版型再自己邊看 Youtube 邊切,這次機會讓我成功的學到利用 CSS 、 Bootstrap5 切出了第一版的版型,感想是 切版真的好痛苦哈哈 , 希望可以學更多 CSS 動畫等等讓作品完整度更高! ## 真真正正的感想 馬上就到了課程尾聲,想當初還不懂框架到了可以利用框架寫出作品,真的令人不可思議,雖然一路上尤其是元件那段時間真的痛苦,但不知不覺也都撐過來了,Vue 直播班比 JS 硬好多,最後謝謝老師、助教有耐心的看完我的亂亂的程式碼以及給程式碼一些建議!,希望未來可以繼續往前端工程師邁進~ ps. 最後提醒想挑戰 Vue 直播班的人 ( 偷拿 Ray 助教的梗圖  ## 雖然辛苦,但是很值得也很開心 ^^
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up