Iven Liu
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Engagement control Commenting, Suggest edit, Emoji Reply
      • Invitee
    • Publish Note

      Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

      Your note will be visible on your profile and discoverable by anyone.
      Your note is now live.
      This note is visible on your profile and discoverable online.
      Everyone on the web can find and read all notes of this public team.
      See published notes
      Unpublish note
      Please check the box to agree to the Community Guidelines.
      View profile
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Engagement control
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Versions and GitHub Sync Engagement control Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Engagement control Commenting, Suggest edit, Emoji Reply
Invitee
Publish Note

Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

Your note will be visible on your profile and discoverable by anyone.
Your note is now live.
This note is visible on your profile and discoverable online.
Everyone on the web can find and read all notes of this public team.
See published notes
Unpublish note
Please check the box to agree to the Community Guidelines.
View profile
Engagement control
Commenting
Permission
Disabled Forbidden Owners Signed-in users Everyone
Enable
Permission
  • Forbidden
  • Owners
  • Signed-in users
  • Everyone
Suggest edit
Permission
Disabled Forbidden Owners Signed-in users Everyone
Enable
Permission
  • Forbidden
  • Owners
  • Signed-in users
Emoji Reply
Enable
Import from Dropbox Google Drive Gist Clipboard
   owned this note    owned this note      
Published Linked with GitHub
Subscribed
  • Any changes
    Be notified of any changes
  • Mention me
    Be notified of mention me
  • Unsubscribe
Subscribe
# 2021夏季 Vue 作品實戰班 -心得分享 ## 誠實面對自己 大學是念資管系,當時也有學習程式。只是那時的我完全沒有興趣,加上那時候比較多的課程都在講偏後端的東西(有點忘了哈哈)畢業的時候,我跟自己說無論如何都不想再繼續碰程式了,覺得無聊也聽不懂。 畢業之後開始了不知道要做什麼工作的日子,只好繼續待在以前打工的地方繼續當正職,然後再往上升遷,也沒有不好,只是覺得好像少了什麼。 後來透過介紹到了一間賣運動設備的公司當業務助理,剛開始很新鮮,剛好又是自己喜歡的東西,但隨著時間過去,開始覺得這樣的工作太安逸了,害怕被取代、被社會淘汰。 無意間朋友推薦了他之前買的hahow的入門html、css的課程給我看,我想說免費的看一下好了,結果一看之後一發不可收拾,以前學校老師怎麼沒有教這麼有趣的東西,透過調整程式碼,可以馬上看到畫面上變動的樣子,還可以做出漂亮的網頁,這不就是我要的嗎! 就這麼剛好,我在社群上看的一個非常不熟的大學同學(可能比我更不認真)買了六角前端的課程,全職學習了半年,在2019的年底正式成為前端工程師。 ![](https://i.imgur.com/D4EJKN4.jpg) ![](https://i.imgur.com/LR7Dceu.jpg) 也上網看了很多沒有相關背景的人轉職成為前端工程師,此時,我心裡想說那我這種稍微有一點相關背景的人不是能夠加一點點分數嗎?因此馬上也買了一套的前端課程。 **就這樣開啟了我的學習之路!** ## 挫折不斷、焦慮感上升 買了課程後,頭一個禮拜很開心的每天都看影片教學。 ![](https://i.imgur.com/3658M3r.png) 後來隨著上班有點越來越忙、下班想著要去運動,每天回到家都已經十點左右,有時會認份的從床上爬起來看教學影片,有時會敵不過惰性與周公的呼喚,在床上癱軟到隔天早上。 那時什麼基礎都還不穩的我,有一天看到了去年JS直播班的廣告,**帶你做出獨一無二的作品**這句話好吸引我,馬上就報名了。 ![](https://i.imgur.com/DoGWA4X.png) 對!我是二刷哈哈 但是基礎根本不深的我第一週就聽的痛苦至極,好不容易撐到第四週就宣告失敗。我難過了一陣子,然後正面能量又突然飆升的告訴自己,我一定要從基礎開始學習,接著看到了切版班的直播課程,我了解自己是需要再有壓力的情況下學習才會進步,於是我又報名了切板直播班,那段時間學習的很快樂,我覺得我好像終於離目標近一點點了,開始思考之後如果要再報名像JS直播班,是不是應該更心無旁騖的學習,畢竟之前的陰影有點大。於是在2021的四月中,我向前一份工作離職了,專心的投入Vue的課程。 ## 面段困難、勇於挑戰 剛開始還不覺得難,在課程開始前我每天都跟JS培養感情。事實上基礎也比去年還要扎實,我還做了JS100題的題目,獲得了92的高分,也有積極的看JS核心課程。終於課程開始了。 ### 第一週~第四週 都還在我預期的範圍內,掌握度也還算可以。 ### 第五週 認真的看完了表單驗證的攻略,還有其他資料傳遞的方法,也都聽得懂。 ### 第六週 路由,乍看也還算簡單,但好像也有一些小技巧要掌握,不過也還過得去。 ### 第七週 設計課程,也給了我一些設計的概念。 ### 第八週 就是地獄週了,但這時候也是讓我更了解各種指令的使用方式。 每天都在想要怎麼產出作品,需要什麼功能是一個重點,畫面要怎麼呈現也是一個問題。有時候功能寫不出來,坐在電腦前面坐了三四個小時,試了一堆方式,就是做不出來,做不出來會心情不好、也會睡不好,常常凌晨一兩點躺在床上,翻來翻去想著要怎麼樣才做得出來,然後隔天八九點就醒了,還好有線上助教,讓我想破頭想不出來的時候還可以問人得到解答。曾經幾度想要放棄不想做了,還好有助教的回覆,讓我又挺過去了。 ![](https://i.imgur.com/cgDLez6.png) 目前看著作品完成了七八成,雖然也許不是很精緻,但已經是一個中規中矩可以拿出來說嘴的作品了,這一路走來我覺得不可思議、也真的很不容易,我是真的沒有想過一個網站的完成需要耗費這麼大量的心血。 ## 謝謝所有曾經幫助過我的人 有時卡關時,我會問同學、問助教、問老師,謝謝被我騷擾過的人,因為大家都耐心的給我幫忙、給我鼓勵,至少讓我沒有放棄。也謝謝卡斯伯老師加碼讓大家許願想做的功能,雖然我的作品沒有全部做出來,但我相信未來在職場上遇到問題,再回頭看影片也會知道該怎麼做的。 自從出社會之後,就再也沒有人會向學校老師一樣,不藏私的把自己會的分享給你,真心的希望你學會、成長。但是在六角我看到了這塊,不論是老師、助教、同學,只要你有問題,每個人都是真心真意的幫助你,真心真意的希望你學會。 我是一個遇到困難很容易放棄的人,但我家人和我自己都對於我可以撐到現在感到很驚訝。有時候我不想看JS或Vue時(週末),我會看一些CSS相關的影片或文章(影片居多)我覺得這是我改變最大的一個地方,證明了我是真心喜歡前端這個領域。 ![](https://i.imgur.com/ljQWAK2.png)

Import from clipboard

Paste your markdown or webpage here...

Advanced permission required

Your current role can only read. Ask the system administrator to acquire write and comment permission.

This team is disabled

Sorry, this team is disabled. You can't edit this note.

This note is locked

Sorry, only owner can edit this note.

Reach the limit

Sorry, you've reached the max length this note can be.
Please reduce the content or divide it to more notes, thank you!

Import from Gist

Import from Snippet

or

Export to Snippet

Are you sure?

Do you really want to delete this note?
All users will lose their connection.

Create a note from template

Create a note from template

Oops...
This template has been removed or transferred.
Upgrade
All
  • All
  • Team
No template.

Create a template

Upgrade

Delete template

Do you really want to delete this template?
Turn this template into a regular note and keep its content, versions, and comments.

This page need refresh

You have an incompatible client version.
Refresh to update.
New version available!
See releases notes here
Refresh to enjoy new features.
Your user state has changed.
Refresh to load new user state.

Sign in

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

Help

  • English
  • 中文
  • Français
  • Deutsch
  • 日本語
  • Español
  • Català
  • Ελληνικά
  • Português
  • italiano
  • Türkçe
  • Русский
  • Nederlands
  • hrvatski jezik
  • język polski
  • Українська
  • हिन्दी
  • svenska
  • Esperanto
  • dansk

Documents

Help & Tutorial

How to use Book mode

Slide Example

API Docs

Edit in VSCode

Install browser extension

Contacts

Feedback

Discord

Send us email

Resources

Releases

Pricing

Blog

Policy

Terms

Privacy

Cheatsheet

Syntax Example Reference
# Header Header 基本排版
- Unordered List
  • Unordered List
1. Ordered List
  1. Ordered List
- [ ] Todo List
  • Todo List
> Blockquote
Blockquote
**Bold font** Bold font
*Italics font* Italics font
~~Strikethrough~~ Strikethrough
19^th^ 19th
H~2~O H2O
++Inserted text++ Inserted text
==Marked text== Marked text
[link text](https:// "title") Link
![image alt](https:// "title") Image
`Code` Code 在筆記中貼入程式碼
```javascript
var i = 0;
```
var i = 0;
:smile: :smile: Emoji list
{%youtube youtube_id %} Externals
$L^aT_eX$ LaTeX
:::info
This is a alert area.
:::

This is a alert area.

Versions and GitHub Sync
Get Full History Access

  • Edit version name
  • Delete

revision author avatar     named on  

More Less

Note content is identical to the latest version.
Compare
    Choose a version
    No search result
    Version not found
Sign in to link this note to GitHub
Learn more
This note is not linked with GitHub
 

Feedback

Submission failed, please try again

Thanks for your support.

On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

Please give us some advice and help us improve HackMD.

 

Thanks for your feedback

Remove version name

Do you want to remove this version name and description?

Transfer ownership

Transfer to
    Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

      Link with GitHub

      Please authorize HackMD on GitHub
      • Please sign in to GitHub and install the HackMD app on your GitHub repo.
      • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
      Learn more  Sign in to GitHub

      Push the note to GitHub Push to GitHub Pull a file from GitHub

        Authorize again
       

      Choose which file to push to

      Select repo
      Refresh Authorize more repos
      Select branch
      Select file
      Select branch
      Choose version(s) to push
      • Save a new version and push
      • Choose from existing versions
      Include title and tags
      Available push count

      Pull from GitHub

       
      File from GitHub
      File from HackMD

      GitHub Link Settings

      File linked

      Linked by
      File path
      Last synced branch
      Available push count

      Danger Zone

      Unlink
      You will no longer receive notification when GitHub file changes after unlink.

      Syncing

      Push failed

      Push successfully