• UIUX
  • 課程說明
    • 各章內容構架
    • Vimeo影片
    • 課後練習
  • 1 HTML/CSS 1
    • 1.1 教材
    • 1.2 學習主題
    • 1.3 課後練習
      • 1.3.1 A
      • 1.3.2 B
  • 2 HTML/CSS 2
    • 2.1 教材
    • 2.2 學習主題
    • 2.3 主題內容
      • 2.3.1 建立Project
      • 2.3.2 Rmd frontmatter
      • 2.3.3 Rmd產生body內容
    • 2.4 課後練習
      • 2.4.1 A
      • 2.4.2 B
  • 3 HTML/CSS 3
    • 3.1 教材
    • 3.2 學習主題
    • 3.3 主題內容
      • 3.3.1 CSS 介紹
      • 3.3.2 如何在網頁查看 CSS 內容
      • 3.3.3 選擇器
      • 3.3.4 方盒模型
      • 3.3.5 常用 CSS 效果
    • 3.4 課後練習
      • 3.4.1 A
      • 3.4.2 B
  • 4 HTML/CSS 4
    • 4.1 教材
    • 4.2 學習主題
    • 4.3 主題內容
      • 4.3.1 Position
      • 4.3.2 Flex-box
    • 4.4 課後練習
      • 4.4.1 A
      • 4.4.2 B
  • 5 HTML/CSS 5
    • 5.1 教材
    • 5.2 學習主題
    • 5.3 主題內容
      • 5.3.1 Containers
      • 5.3.2 Grid
    • 5.4 課後練習
      • 5.4.1 A
      • 5.4.2 B
  • 6 Javascript 1
    • 6.1 教材
    • 6.2 學習主題
    • 6.3 主題內容
      • 6.3.1 Data Types
      • 6.3.2 Declaration/Assign
      • 6.3.3 Global vs local scope
      • 6.3.4 const
    • 6.4 課後練習
      • 6.4.1 A
      • 6.4.2 B
  • 7 Javascript 2
    • 7.1 教材
    • 7.2 學習主題
    • 7.3 主題內容
      • 7.3.1 Object definition
      • 7.3.2 Javascript primitive values
      • 7.3.3 Object property
      • 7.3.4 Object method
      • 7.3.5 Object prototype
    • 7.4 課後練習
  • 8 DOM
    • 8.1 教材
    • 8.2 學習主題
    • 8.3 主題內容
      • 8.3.1 DOM 介紹
      • 8.3.2 The tree structure
      • 8.3.3 為什麼需要DOM
      • 8.3.4 如何運用DOM
    • 8.4 課後練習
      • 8.4.1 A
      • 8.4.2 B
  • 9 JSON, Javascript Object, and AJAX
    • 9.1 教材
    • 9.2 學習主題
    • 9.3 主題內容
      • 9.3.1 Javascript Object
      • 9.3.2 What is JSON?
      • 9.3.3 外部引入JSON
      • 9.3.4 Fetching Data
      • 9.3.5 Conversion between JSON and JS Object.
  • 10 jQuery and Events
    • 10.1 教材
    • 10.2 學習主題
    • 10.3 主題內容
      • 10.3.1 Rhmtl應用
      • 10.3.2 jQuery
      • Events and JSON
    • 10.4 課後練習
  • 11 Form
    • 11.1 Setup
      • 11.1.1 創立Rhtml
      • 11.1.2 設定一個有bootstrap4的Rhtml
      • 11.1.3 增加after-body JS placeholder
      • 11.1.4 創立一個名為form.js的檔案
      • 11.1.5 Request JSON
      • 11.1.6 使用AJAX XMLHttpRequest
      • 11.1.7 使用html5 fetch
    • 11.2 Form的基本元素
    • 11.3 Form object
    • 11.4 Form events
    • 11.5 Form and JSON interaction
  • 12 AJAX實作
  • Published with bookdown

UI-UX

Chapter 7 Javascript 2

7.1 教材

  • https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics

  • https://www.w3schools.com/js/js_objects.asp

7.2 學習主題

  • Objects

7.3 主題內容

  • 請先加入E.Major線上共筆群組。

    • 註冊： https://hypothes.is/login

  • 安裝Hypothes.is extension

  • 練習頁面: https://tpemartin.github.io/uiux-inclass-practice/

7.3.1 Object definition

  • https://www.w3schools.com/js/js_objects.asp

7.3.2 Javascript primitive values

  • https://www.w3schools.com/js/js_object_definition.asp#annotations:76uOgIYzEeq_f7OwsKapxQ

7.3.3 Object property

  • https://hyp.is/Qp7-koY0EeqNtS82wWIMJA/www.w3schools.com/js/js_object_definition.asp

7.3.4 Object method

  • https://hyp.is/aFf2joY0EeqLdMtz9Oy4Cg/www.w3schools.com/js/js_object_definition.asp

7.3.5 Object prototype

  • https://www.w3schools.com/js/js_object_prototypes.asp

7.4 課後練習