Hsieh Ya Chu
    • 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
    • Invite by email
      Invitee

      This note has no invitees

    • 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
    • Note Insights
    • 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 Versions and GitHub Sync Note Insights Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
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
  • Invite by email
    Invitee

    This note has no invitees

  • 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
    ## 網站說明 這些筆記是我在學習程式時,從不同的課程中、官方文件、網路資源⋯等不同來源所彙整的個人筆記,主要用來幫助我在一邊「輸入」的同時,也透過「輸出」來整理和歸納學到的知識。可以的話我也會儘可能嘗試「用自己的方式/自己的話」來詮釋一個知識點,來確保自己是真的懂了。 有一說是「人的大腦不是用來記憶,而是用來創造與思考的」,我自己就是一個記憶力特別差的人。因此這些筆記的目的除了在輸出的能幫助我當下加深學習印象之外,也是為了方便我自己在未來需要的時候能夠快速查找相關的資訊。 雖然是公開發表,但我很清楚「寫筆記最大的觀眾其實是自己」的道理。這些筆記並不是以「教學」為出發點所撰寫的,不一定會有太多的脈絡或完整的說明,有些文章隨著我的學習進度也都還在陸續更新和補完中。此外,如果學習的原文本身已經寫得很棒了,那我也會避免錦上添花、乾脆直接節錄並附上內容出處(或在文末附上相關連結以便進一步延伸閱讀或是查看內容的出處)。 如果有因為軟體版本不同或是我的理解錯誤而導致文章內容有誤或是有更好的詮釋方式,都很歡迎留言讓我知道,我很開心也很樂意能夠持續學習最新、最正確的知識。 ## 我學習程式的管道與方式 我學習程式的管道同時也是這些筆記的主要來源。除此之外當然還有好多寫得很不錯的技術人的部落格還有 [iThome 鐵人賽](https://ithelp.ithome.com.tw/articles?tab=tech)的各種神人,大家應該在學程式的時候或多或少都會讀到這些人很棒的教學文,有些也會放在文章的相關連結裡,這邊就不一一貼上。 ### 線上課程 絕對是最快的方式,直接幫你規劃好掌握一門知識的基礎架構跟優先順序。這兩個是我上過唯二並且也覺得還不錯的課程。 - [The Complete Web Developer: Zero to Mastery](https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/):因為朋友的推坑和創辦人寫的[這篇文章](https://zerotomastery.io/blog/learn-to-code-for-free/)~~加上課程很便宜~~而入坑,課程內容很簡單好吸收、也很全面(例如不會只單教前端,基礎的後端也會帶到)。另外,我自己是一個很愛問「為什麼」的人,因此 Andrei 習慣多解釋「為什麼要學這個」、「為什麼會這樣做」的教學風格我滿愛的。課程也都持續有在更新,買一次就終身受用感覺很划算(?) - [六角學院](https://www.hexschool.com/):因為參加[火箭隊培訓營](https://www.facebook.com/%E7%81%AB%E7%AE%AD%E9%9A%8A%E5%9F%B9%E8%A8%93%E7%87%9F-113926539963626/)的關係也有機會擔任六角的課程助教並參與了幾堂課程。課程節奏很快、內容大多圍繞在實務上需要用到的知識點,直播課上也會補充實務上可能會遇到的狀況,搭配很多作業可以練習。此外老師和助教們也都很熱心回答問題,單打獨鬥的學習過程中最怕遇到問題沒人可以問,藉由課程加入一個很棒的學習社群也是我覺得六角很棒的地方。 ### 官方文件 包含上述推薦的 ZTM 課程的創辦人都有提到他最推薦的學習方式就是去看官方文件。官方文件的「第一手資訊」我覺得對於基礎的建立滿重要的。即便是在遇到問題時 google 到其他人的寫法,我也習慣回到像是 [MDN Web Docs](https://developer.mozilla.org/zh-TW/) 的網站上確定語法和用途甚至是延伸的知識點,確保我有真的學會這個工具,避免淪為一位 copy/paste 工程師。 像是我在學習 React 的時候因為課程節奏很快,雖然很快就「建立了一些什麼」但對於像是 hook 的概念我自己覺得還不是那麼有把握,網路上的教學資源雖然很多也很雜,這時候我就習慣邊看教材邊搭配 [React 官方文件](https://react.dev/)來吸收。 另外,如上所述我是一個很愛探究「為什麼」的人,官方文件通常也都會說明像是這個語言或是這次改版為什麼會這樣設計。缺點是身為菜鳥還不太會辨別眼前資訊的重要層級,資訊太完整反而有時候會看到有點迷失。

    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