HackMD
    • Create new note
    • Create a note from template
    • Sharing 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
    • Commenting & Invitee
    • Publishing
      Please check the box to agree to the Community Guidelines.
      Everyone on the web can find and read all notes of this public team.
      After the note is published, everyone on the web can find and read this note.
      See all published notes on profile page.
    • Commenting Enable
      Disabled Forbidden Owners Signed-in users Everyone
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Invitee
    • No invitee
    • Options
    • Versions and GitHub Sync
    • Transfer ownership
    • Delete this note
    • Note settings
    • Template
    • Save as template
    • Insert from template
    • Export
    • Dropbox
    • Google Drive Export to Google Drive
    • Gist
    • Import
    • Dropbox
    • Google Drive Import from Google Drive
    • Gist
    • Clipboard
    • Download
    • Markdown
    • HTML
    • Raw HTML
Menu Note settings Sharing Create Help
Create Create new note Create a note from template
Menu
Options
Versions and GitHub Sync Transfer ownership Delete this note
Export
Dropbox Google Drive Export to Google Drive Gist
Import
Dropbox Google Drive Import from Google Drive Gist Clipboard
Download
Markdown HTML Raw HTML
Back
Sharing
Sharing 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
Comment & Invitee
Publishing
Please check the box to agree to the Community Guidelines.
Everyone on the web can find and read all notes of this public team.
After the note is published, everyone on the web can find and read this note.
See all published notes on profile page.
More (Comment, Invitee)
Commenting Enable
Disabled Forbidden Owners Signed-in users Everyone
Permission
Owners
  • Forbidden
  • Owners
  • Signed-in users
  • Everyone
Invitee
No invitee
   owned this note    owned this note      
Published Linked with GitHub
Like BookmarkBookmarked
Subscribed
  • Any changes
    Be notified of any changes
  • Mention me
    Be notified of mention me
  • Unsubscribe
Subscribe
# 2020 JavaScript 作品實戰直播班 – 心得 ![](https://i.imgur.com/YuH5qyL.png) 在上這堂課之前我大概是幼幼班的等級吧(笑),JS的todolist都要花很多時間才寫得出來,jQuery也從來沒用過,BS只會套用最基本的版型而已,對於是否報名這個班真的十分猶豫呀!後來趕在截止前才下定決心報名了! ## 過去的練習方式 過去學習的方式就是看完線上課程,提交作業看看回饋,看完了整套JS課程,想要做個自己的Project卻不知道該怎麼開始,網路上的API都不會用,文件也看不懂,網路上查到的解法眾多卻不知道原理要改也不知道怎麼改,常常望著高山卻無法前進,程式功力就此卡住了。 ## 直播班與線上課程的差異 而這堂課短短8週卻將我提升到新的層次,雖然說一段程式寫法百百種,但透過老師和助教直接demo,和作業提供的範例程式碼,讓我可以更了解程式設計的思路,線上課程因為只是介紹語法,所以範例都很簡單,導致我在應用上總是卡卡的。 而且直播班上學到的語法會是現在比較主流的寫法,過去for迴圈寫到手軟,現在才發現原來還有forEach這樣的好物!怎麼沒早點發現呢!?更不用提可以偷偷學到各種幫助程式碼簡潔的小技巧了 除此之外,還有隨時能發問的slack群,到哪邊可以遇到那麼好問的老師和助教呀!雖然我個人比較少發問,但是就使用的經驗來說,半夜3點傳的問題,早上9點多就被Ray回覆了,這個效率真的嚇死人。 ## 課程介紹 整個課程可以分為三大部分:課前練習、8週課程教學、最終作業製作 **課前練習** 這個課前練習有點像每日一字,雖然量很少,但是可以學到之後會用到的觀念,等到之後遇到也不會害怕,而且這時候就會開始感受到老師與助教的緊迫逼人了(怕)。 **8週課程教學** 每週參與一次線上課程,在上課中可以隨時發問,平常不敢舉手問問題的人一定會很喜歡,老師都很耐斯的鼓勵大家有問題就問,也不用怕大家笑你,畢竟沒有人可以認得你(笑),卡斯伯老師講話語調、語速真的很舒服,不用擔心適應不良。 基本上隔天就會將錄影檔放上平台供大家複習,效率非常高!而且你以為錄影檔只有這個!?他們覺得你需要什麼、你缺什麼、希望你學會什麼的那些東西,通通也會被丟上影音平台,相信我超多看都看不完,而且每週還會有額外作業指導直播。現在想想,這個課程根本會自己繁殖(泣)。 每週至少需要交一份作業,由淺入深的去讓你學會技巧,從傳統JS->ES6與Promise&Ajex->Vue引入->Vue component->套件使用->Vue cli,這樣子慢慢讓你一步一步熟悉新的框架,然後可能就回不去了(笑)。 此外每週還會有分組作業,內容通常算是為了當週或日後課程需要做練習,第一週就先叫你把GitHub建一建,能會的指令趕快去學ㄧ學,之後幾週甚至最終作業的呈現都會使用到,而且有同組的同學可以有每週一次的交流也很棒! **最終作業製作** 最終作業是設計一個電商平台,有跟著那8周進度,一定可以做得出來,雖然要求頗高,但直接以業界水平的標準來盯著你,這才是此課程的賣點!先以嚴苛的標準要求自己,不然以後找到工作被主管罵,豈不是更慘嗎?(我真的有認識的朋友同事,因為程式不夠嚴謹然後就被...) ## 課後心得 ![](https://i.imgur.com/B3tJalm.png) 這堂課的最大最大的賣點就是有提供後端API練習!(非常神之好),有整份完整的API文件可以使用,其中還包含了需要驗證的後台API,若有額外需求也可以跟老師和助教討論。讓你可以專心地學習前端技術,而不用花時間處理後端的資訊,就可以做出非常適合拿來面試的作品。 看起來是2個月的課程,但加上前後的預習與作業,大概有3個月可以好好投入學習,整體的課程CP值爆表,好像是不強迫但其實根本逼你學會用git還有ES6,這點超吸引我。還有一堆加碼加不停的東西,真的很物超所值,而且成長曲線真的遠遠打趴過去半年的自學,程度爆炸性增長,現在的我除了Vue框架的技巧以外,也已經不害怕看文件、願意挑戰使用各種套件、git也開始有點了解了,若你想快速提升自己的實力,這堂課真的很值得你報名! ![](https://i.imgur.com/Cp53XPl.png)

Import from clipboard

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 lost their connection.

Create a note from template

Create a note from template

Oops...
This template is not available.


Upgrade

All
  • All
  • Team
No template found.

Create custom template


Upgrade

Delete template

Do you really want to delete this template?

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

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

Tutorials

Book Mode Tutorial

Slide Mode Tutorial

YAML Metadata

Contacts

Facebook

Twitter

Discord

Feedback

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

Versions and GitHub Sync

Sign in to link this note to GitHub Learn more
This note is not linked with GitHub Learn more
 
Add badge Pull Push GitHub Link Settings
Upgrade now

Version named by    

More Less
  • Edit
  • Delete

Note content is identical to the latest version.
Compare with
    Choose a version
    No search result
    Version not found

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. Learn more

       Sign in to GitHub

      HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.

      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
      Available push count

      Upgrade

      Pull from GitHub

       
      File from GitHub
      File from HackMD

      GitHub Link Settings

      File linked

      Linked by
      File path
      Last synced branch
      Available push count

      Upgrade

      Danger Zone

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

      Syncing

      Push failed

      Push successfully