1 of 22

National Taipei University of Technology, Department of Business Administration, Chen Ching-Wen�

Fourmethodsforlearningprogramming

2 of 22

  • Currently
  • If you want to learn programming
  • There areapproximately4methods

​

3 of 22

Method1:

Block Stacking Method

4 of 22

Method1: Block Stacking Method

  • (1)Uses a visual method, selecting instruction blocks
    • App Inventor mobile application design
    • Scratchgame programming design
    • Arduinomicrocontroller programming: Clanguage

​

​

​

​

​

​

​

​

​

​

​

​

5 of 22

App Inventor mobile application design

6 of 22

App Inventor mobile application design

7 of 22

Scratchgame programming design

8 of 22

Arduinomicrocontroller programming: Clanguage

9 of 22

Arduinomicrocontroller programming: Clanguage

10 of 22

Method2:

Traditional Memorization Method

11 of 22

Method2: Traditional Memorization Method

12 of 22

Method3:

Template Modification Method

13 of 22

Method3: Template Modification Method

  • Modern programming languages are increasing, and almost no one can memorize all the commands
  • Therefore, many programming language official websites write detailed templates of various examplestemplate
    • Purpose:To help beginners quickly get started
    • Purpose:To learn from examples, making it clear at a glance
    • Purpose:Just copy the commands and modify them, and that's it
  • Ifyou usecode commands often, you will naturally memorize them over time

​

​

14 of 22

Method3: Template Modification Method

  • Example1: BootstrapResponsive Web Design

​

    • Chinese official website: https://bootstrap5.hexschool.com/

​

    • Learn from examples, it's clear at a glance
    • Copy the code and modify it to your desired form

​

​

15 of 22

The largest programming tutorial template website:w3school

​

​

16 of 22

W3school's Chinese translation website

  • Example3: w3schoolprogramming tutorial website
  • (1). w3school(Chinese,old version)
    • https://www.w3school.com.cn/python/index.asp
    • Directly translates the English version website, but updates are slower
  • (2). runoobBeginner Tutorial(Chinese,new version)
    • https://www.w3school.com.cn/python/index.asp
    • Also translated from the English version website, but frequently updated with new examples
  • (3). w3cschool(similarrunoob,Chinese)
    • http://www.w3cschool.cn/
    • Also translated from the English version website, but frequently updated with supplements

​

​

​

17 of 22

W3school's Chinese translation website

  • 1.w3schoolChinese version
    • Directlygoogletranslate English version
  • 2.runoob.com
    • Translated from Englishw3schools, but reformatted
    • runoob = run + noob(beginner, newbie)
    • It ispython, html, javascriptChinese versionlearning betterteaching website

​

​

18 of 22

PandasLearning Website

​

​

​

​

19 of 22

Method4:chatGPT Method

20 of 22

ChatGPT

  • (1).Website:
    • https://openai.com/blog/chatgpt/
    • Microsoftinvested inOpenAIinNovember2022
    • isan artificial intelligence chatbot program
    • Freeto use; you can start using it after registering on the website,
    • It can be used for relatively complex language tasks,for example:automaticallygenerate scripts, songs, plans, etc.
    • It can write articles similar tohuman level
    • It has the ability towrite computer programs;
    • Create music, TV dramas, fairy tales, and student papers;
    • Answering test questions(in certain testing contexts, at a level higher than ordinary human testers);
    • Writing poetryandlyrics, able to respond to essay topics in Chinese

​

21 of 22

ChatGPT writes pandas data analysis programs

  • 問：請用pandas，寫一個程式，顯示學號與成績的柱狀圖
  • 回答：
    • import pandas as pd
    • import matplotlib.pyplot as plt

​

    • # 读取包含学号和成绩的CSV文件
    • data = pd.read_csv("filename.csv")

​

    • # 绘制柱状图
    • data.plot(kind="bar", x="学号", y="成绩")

​

    • # 设置图形的标题和坐标轴标签
    • plt.title("学号与成绩")
    • plt.xlabel("学号")
    • plt.ylabel("成绩")

​

    • # 显示图形
    • plt.show()

​

22 of 22

ChatGPT writes HTML web programs

  • 問：請用html，寫一個程式，可以輸入帳號，密碼
  • 回答：
    • <!DOCTYPE html>
    • <html>
    • <head>
    • <title>輸入帳號密碼</title>
    • </head>
    • <body>
    • <h1>請輸入帳號密碼</h1>
    • <form>
    • <label for="username">帳號：</label>
    • <input type="text" id="username" name="username"><br><br>
    • <label for="password">密碼：</label>
    • <input type="password" id="password" name="password"><br><br>
    • <input type="submit" value="提交">
    • </form>
    • </body>
    • </html>