HackMD
  • New!
    New!  “Bookmark” and save your note
    Find a note that's worth keeping or want reading it later? “Bookmark” it to your personal reading list.
    Got it
      • Create new note
      • Create a note from template
    • New!  “Bookmark” and save your note
      New!  “Bookmark” and save your note
      Find a note that's worth keeping or want reading it later? “Bookmark” it to your personal reading list.
      Got it
      • Options
      • Versions and GitHub Sync
      • Transfer ownership
      • Delete this note
      • Template
      • Save as template
      • Insert from template
      • Export
      • Dropbox
      • Google Drive
      • Gist
      • Import
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
      • Download
      • Markdown
      • HTML
      • Raw HTML
      • ODF (Beta)
      • Sharing Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Note Permission
      • Read
        • Owners
        • Signed-in users
        • Everyone
        Owners Signed-in users Everyone
      • Write
        • Owners
        • Signed-in users
        • Everyone
        Owners Signed-in users Everyone
      • More (Comment, Invitee)
      • Publishing
        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
    Menu 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 Gist
    Import
    Dropbox Google Drive Gist Clipboard
    Download
    Markdown HTML Raw HTML ODF (Beta)
    Back
    Sharing
    Sharing Link copied
    /edit
    View mode
    • Edit mode
    • View mode
    • Book mode
    • Slide mode
    Edit mode View mode Book mode Slide mode
    Note Permission
    Read
    Owners
    • Owners
    • Signed-in users
    • Everyone
    Owners Signed-in users Everyone
    Write
    Owners
    • Owners
    • Signed-in users
    • Everyone
    Owners Signed-in users Everyone
    More (Comment, Invitee)
    Publishing
    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
    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.
    All
    • All
    • Team
    No template found.

    Create a template

    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 Sign in via Google

    New to HackMD? Sign up

    Help

    Documents

    Tutorials
    YAML Metadata
    Slide Example
    Book Example

    Contacts

    Talk to us
    Report an issue
    Send us email

    Cheatsheet

    Example Syntax
    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~~
    19th 19^th^
    H2O H~2~O
    Inserted text ++Inserted text++
    Marked text ==Marked text==
    Link [link text](https:// "title")
    Image ![image alt](https:// "title")
    Code `Code`
    var i = 0;
    ```javascript
    var i = 0;
    ```
    :smile: :smile:
    Externals {%youtube youtube_id %}
    LaTeX $L^aT_eX$

    This is a alert area.

    :::info
    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

    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

        Pull from GitHub

         
        File from GitHub
        File from HackMD

        GitHub Link Settings

        File linked

        Linked by
        File path
        Last synced branch

        Danger Zone

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

        Syncing

        Push failed

        Push successfully