iT邦幫忙

2024 iThome 鐵人賽

DAY 1
1
JavaScript

從零開始學習JavaScript 30天系列 第 1

[Day 1] 進入JavaScript的世界

  • 分享至 

  • xImage
  •  

Hi,大家好,我叫Tony,是一個對於程式設計零概念的超級新手。
由於自己想要學習一項能夠不受到地點限制的技能,因此想學習程式語言。
想說從前端網頁工程開始,隨機先選了JavaScript入手,此次挑戰就是利用這30天的挑戰來學習。

不知道如何開始的我,先詢問了ChatGPT,請他幫我規劃30天的學習課程。
內容如下:

這裡是一個可以幫助你在30天內學習JavaScript的基礎課程規劃。這個計劃假設你每天花費大約1-2小時學習和練習。這樣的計劃可以幫助你建立堅實的基礎,以後可以進一步擴展你的JavaScript知識。

第1天至第5天:基礎概念和語法

  • 第1天

    • 簡介JavaScript,歷史和基本用途。
    • 變量和資料類型。
    • 控制流程:條件語句(if...else)。
  • 第2天

    • 運算符和表達式。
    • 迴圈:for 和 while。
  • 第3天

    • 函數基礎:定義和調用函數。
    • 參數和返回值。
  • 第4天

    • 陣列:定義和操作陣列。
    • 陣列方法:push、pop、splice等。
  • 第5天

    • 字串操作:基本操作和常見方法。
    • 物件:定義和訪問物件的屬性和方法。

第6天至第10天:進階概念和異步編程

  • 第6天

    • DOM介紹和基本操作。
    • 事件處理:添加事件監聽器。
  • 第7天

    • 瀏覽器物件模型(BOM)基礎:window 和 document物件。
    • 操控DOM:修改內容、樣式等。
  • 第8天

    • 異步JavaScript介紹和回調函數基礎。
    • 使用setTimeout和setInterval。
  • 第9天

    • Promise介紹和使用。
    • Promise鏈和錯誤處理。
  • 第10天

    • async/await介紹和使用。
    • 與Promise比較,處理異步操作。

第11天至第15天:實際應用和項目練習

  • 第11天

    • 建立簡單的DOM交互項目。
  • 第12天

    • 表單驗證:使用JavaScript驗證表單輸入。
  • 第13天

    • 動態增加和刪除DOM元素。
  • 第14天

    • 簡單的API交互:使用Fetch API或XHR發送請求。
  • 第15天

    • 項目實作:結合前面學到的知識,建立一個小型JavaScript應用。

第16天至第20天:深入理解和優化技巧

  • 第16天

    • 閉包和作用域:理解JavaScript的作用域鏈。
  • 第17天

    • this關鍵字和原型繼承。
  • 第18天

    • ES6+特性總覽:箭頭函數、模板字串、解構賦值等。
  • 第19天

    • 高階函數和函數式編程思想。
  • 第20天

    • 性能優化技巧:瞭解JavaScript的最佳實踐和常見陷阱。

第21天至第25天:框架和庫的使用

  • 第21天

    • 瞭解JavaScript框架:如React、Angular或Vue的基本概念。
  • 第22天

    • React/Angular/Vue的入門:建立一個簡單的應用程式。
  • 第23天

    • 前端狀態管理:Redux/Vuex等的基本使用。
  • 第24天

    • 介紹常用的JavaScript庫:如Lodash、Moment.js等。
  • 第25天

    • 使用第三方API:整合和使用外部API進行數據交互。

第26天至第30天:項目實作和深入專題

  • 第26-28天

    • 選擇一個小型項目或者進階功能,深入研究並實作。
  • 第29天

    • 測試和調試技巧:學習如何測試JavaScript代碼並處理常見錯誤。
  • 第30天

    • 回顧和展望:檢查你所學的內容,決定接下來的學習方向。

這個計劃涵蓋了從基礎到進階的JavaScript知識,並提供了實際應用的機會。請根據自己的進度和理解深度調整每天的學習量,並隨時實踐和應用所學的知識!祝你學習愉快,如果有任何問題或需要進一步的幫助,隨時向我詢問。

以上是ChatGPT的回覆,所以我就先暫時依照此課表來學習JavaScript,希望真的能夠學會上手。
如果有高手路過也請多多指教,謝謝大家。


下一篇
[Day 2] JavaScript之前,開發工具&HTML基礎
系列文
從零開始學習JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言