Introduction to Computer Science(I)

本課程是由 國立陽明交通大學電子物理系提供。

In this course, you will learn about the hardware of the computer from its basic unit of a transistor. You will be walked through the circuit of a central processing unit (CPU) and the operating system (OS) for the hardware. We illustrate the using of DOS and batch files in the introduction of the OS.

After that, we will learn the HTML language that is used to present yourself, like your resume or CV, on line. The HTML language is functioned like Microsoft Word while you use the markup language to set the format.

You will also learn another markup language – latex, used for presenting mathematical equations. The HTML markup language provides as well the drawing (designing) of the window frames with contents (buttons, input/output text boxes and images) for windows programming. Afterward, we introduce the programming language of javascript. We will cover most basic concepts like variables, calculations, strings, and flow controls.


In the last part of the course, we will teach how to draw pictures and to write animated programs. We will adopt the library of p5.js for drawing and animation in the browser window and we will introduce the numerical methods for the animation of physical and virtual world.

Textbook:老師自製教材。
For perfect learning results, please buy textbooks!

 

Instructor(s) Electrophysics Prof. Wen-Bin Jian
Course Credits 3 Credits
Academic Year 110 Academic Year
Level College Students
Prior Knowledge Fundamentals of High School Mathematics and Physics
Related Resources Course Video   Course Syllabus   Course Handout 

WeekCourse ContentCourse VideoCourse Download
Week01A1Lecture 1 Computer Hardware
History of Calculator
Watch OnlineMP4 Download
Week01A2History of ComputerWatch OnlineMP4 Download
Week01A3Computer World – Signal, Bits, BytesWatch OnlineMP4 Download
Week01B1Types of Computers, Logic GatesWatch OnlineMP4 Download
Week01B2Semiconductor & Transistors, Logic GatesWatch OnlineMP4 Download
Week01B3Logic Gates, Digital Signal & Number of Bits In Processing, Operation of TTL Logic GatesWatch OnlineMP4 Download
Week01_app01N-Type / P-Type Semiconductors, DopingWatch OnlineMP4 Download
Week01_app02Modern Transistors – MOSFET, Logic GatesWatch OnlineMP4 Download
Week02C1History of Personal Computer & PeripheralsWatch OnlineMP4 Download
Week02C2Numeral System – Binary, Octal, Decimal, HexadecimalWatch OnlineMP4 Download
Week02C3Central Processing Unit(CPU) Part1Watch OnlineMP4 Download
Week02C4Central Processing Unit(CPU) Part2Watch OnlineMP4 Download
Week02D1Power, Memory, Motherboard, Peripherals-Standard Input & OutputWatch OnlineMP4 Download
Week02D2Peripherals- Hard Disk, CD ,DVD, External Ports, InternetWatch OnlineMP4 Download
Week03A1Lecture 2 – Computer Software
Machine Language
Watch OnlineMP4 Download
Week03A2Binary Number Calculation & OperationWatch OnlineMP4 Download
Week03A3Tools and Tricks Used In CPU & OS
OS- Computer, Hand Held System
Watch OnlineMP4 Download
Week03A4Functions of Operating System(OS)-DOSWatch OnlineMP4 Download
Week03B1OS-File Contents & ASCII Codes, File System
Exercise 1:Application Program – Editor
Exercise 2:Machine Code Editing
Watch OnlineMP4 Download
Week03B2Exercise:Coding/Programming-Batch File Programming Part1Watch OnlineMP4 Download
Week03B3Exercise:Coding/Programming-Batch File Programming Part2Watch OnlineMP4 Download
Week03B4Exercise:Coding/Programming-Batch File Programming Part3
System Software/ Application Software
Watch OnlineMP4 Download
Week04_Win10About Win10Watch OnlineMP4 Download
Week04_Install_PSPadAbout Install PSPadWatch OnlineMP4 Download
Week04_msdos1About MS-DOSWatch OnlineMP4 Download
Week04_EX1MS-DOS Exercise 1Watch OnlineMP4 Download
Week04_EX2MS-DOS Exercise 2Watch OnlineMP4 Download
Week04_EX3MS-DOS Exercise 3Watch OnlineMP4 Download
Week04_EX4MS-DOS Exercise 4Watch OnlineMP4 Download
Week04_EX5MS-DOS Exercise 5Watch OnlineMP4 Download
Week04_EX6MS-DOS Exercise 6Watch OnlineMP4 Download
Week04_EX7MS-DOS Exercise 7Watch OnlineMP4 Download
Week04C1Programming Language - ParadigmWatch OnlineMP4 Download
Week04C2Programming Goals
Exercise: Programming Language
Python Script
Watch OnlineMP4 Download
Week04_pyAbout PythonWatch OnlineMP4 Download
Week06A1Lecture 3- HTML Markup Language
Introduction To HTML
Watch OnlineMP4 Download
Week06A2Introduction To HTML5
What’s In The HTML Head?
The Html Layouts
Watch OnlineMP4 Download
Week06A3The Attributes Of The HTML Tags, DocumentWatch OnlineMP4 Download
Week06B1HTML Headings & Paragraphs, Formatting Of WordsWatch OnlineMP4 Download
Week06B2HTML Anchors & Hyperlinks, Comments & Quotations, ImagesWatch OnlineMP4 Download
Week06B3HTML Colors, Comments & QuotationsWatch OnlineMP4 Download
Week07A1HTML Lists, TablesWatch OnlineMP4 Download
Week07A2HTML Computer Codes, IframesWatch OnlineMP4 Download
Week07A3HTML Entities, Symbols, Id & ClassesWatch OnlineMP4 Download
Week07B1CSS Basic Concepts, SelectorWatch OnlineMP4 Download
Week07B2CSS Level 1 Selector, StylesWatch OnlineMP4 Download
Week07B3Introduction To Mathjax & Latex
Latex Format For Math Expressions Part1
Watch OnlineMP4 Download
Week07B4Latex Format For Math Expressions Part2Watch OnlineMP4 Download
Week08A1HTML Forms Part1Watch OnlineMP4 Download
Week08A2HTML Forms Part2
Basic Concepts Of Java script & Object Oriented Programming
Watch OnlineMP4 Download
Week08A3Basic Concepts-Debug, Var, Type, ConversionWatch OnlineMP4 Download
Week08A4Basic Concepts-Document.Getelementbyid(),Operators, Conversion Functions, Function, ObjectsWatch OnlineMP4 Download
Week08B1HTML Input & Input Types
The Array Variable For The Input Type Of Radio Button
Watch OnlineMP4 Download
Week08B2HTML Input & Input Types-HTML5 Part1Watch OnlineMP4 Download
Week08B3HTML Input & Input Types-HTML5 Part2Watch OnlineMP4 Download
Week09A1Html Input AttributesWatch OnlineMP4 Download
Week09A2HTML Input Attributes-HTML5 Part1
HTML Form Elements-Text area & Buttons
Watch OnlineMP4 Download
Week09A3HTML Input Attributes-HTML5 Part2
HTML Form Elements-Select, Datalist, Output, Progress
The Programming Environment
Watch OnlineMP4 Download
Week09B1A Programming Language
The Programming Environment
Watch OnlineMP4 Download
Week09B2Basic Concept Of The LanguageWatch OnlineMP4 Download
Week09B3Reserved Words, Variables, The Typeof OperatorWatch OnlineMP4 Download
Week11A1Conventional Variables & Java script VariablesWatch OnlineMP4 Download
Week11A2Type Of Variables-Number
Number Conversions
The Integer And Float In Binary Form
Watch OnlineMP4 Download
Week11A3Types Of Variables String, Object, NullWatch OnlineMP4 Download
Week11A4Unary Operators Bitwise Operators (≠Logical Operators)
Arithmetic Operators
Assignment & Comma Operators
Watch OnlineMP4 Download
Week11B1Relational And Equality Operators
Logical & Conditional Operators
Watch OnlineMP4 Download
Week11B2The If Statement
The Switch And With Statements
Watch OnlineMP4 Download
Week11B3The Do While And While Statements
The For, For In, Label, Break And Continue Statements
Watch OnlineMP4 Download
Week12A1Java script Functions Part1Watch OnlineMP4 Download
Week12A2Java script Functions Part2Watch OnlineMP4 Download
Week12A3Java script-Arguments, No OverloadingWatch OnlineMP4 Download
Week12B1Java script-Copying Values Or Direct Reference To VariablesWatch OnlineMP4 Download
Week12B2Java script-ScopeWatch OnlineMP4 Download
Week12B3Special Skills For Functions
Garbage Collection
Watch OnlineMP4 Download
Week13A1Built In Objects In Java script
The Base Object
Watch OnlineMP4 Download
Week13A2The Boolean And Number Object
The String Object Part1
Watch OnlineMP4 Download
Week13A3The String Object Part2Watch OnlineMP4 Download
Week13B1The Array Object Part1Watch OnlineMP4 Download
Week13B2The Array Object Part2
The Math Object (Library)
The Date Object
Watch OnlineMP4 Download
Week13B3ExerciseWatch OnlineMP4 Download
Week13B4The Regexp Object, Pattern
Appendix-Object Constructor
Watch OnlineMP4 Download
Week13B5ExerciseWatch OnlineMP4 Download
Week14A1Background Stories About P5.Js, Processing,
Install P5.Js
Watch OnlineMP4 Download
Week14A2Use The Whole Html As A Sketch
Start Up A P5 Sketch In A Container(Div)
Watch OnlineMP4 Download
Week14A3ExerciseWatch OnlineMP4 Download
Week14A4The Coordinate Of The Canvas
Some Main Functions Need To Be Over Written
Clear The Canvas And Set The Drawing Pen
Watch OnlineMP4 Download
Week14B1The Shape Functions-Lines & Curves & Rectangles, Ellipse, … and User Defined ShapesWatch OnlineMP4 Download
Week14B2Typography Functions
Transform-Translate, Rotate & Scale, Shear, Matrix Draw Images
Watch OnlineMP4 Download
Week14B3Events, AnimationWatch OnlineMP4 Download

課程目標

In this course, you will learn about the hardware of the computer from its basic unit of a transistor. You will be walked through the circuit of a central processing unit (CPU) and the operating system (OS) for the hardware. We illustrate the using of DOS and batch files in the introduction of the OS.

After that, we will learn the HTML language that is used to present yourself, like your resume or CV, on line. The HTML language is functioned like Microsoft Word while you use the markup language to set the format.

You will also learn another markup language – latex, used for presenting mathematical equations. The HTML markup language provides as well the drawing (designing) of the window frames with contents (buttons, input/output text boxes and images) for windows programming. Afterward, we introduce the programming language of javascript. We will cover most basic concepts like variables, calculations, strings, and flow controls.

In the last part of the course, we will teach how to draw pictures and to write animated programs. We will adopt the library of p5.js for drawing and animation in the browser window and we will introduce the numerical methods for the animation of physical and virtual world.

 

課程章節

週數 內容綱要
Week 01History of Calculator & Computer, Semiconductor Manufacturing Technology, Types of Computers, Logic Gates and TTL Signals
Week 02History of Personal Computer & Peripherals, Numeral Systems, Computer Hardware (CPU, Power Case, Memory, Motherboard, Peripherals)
Week 03Machine Language, Operating System – Computer & Hand Held, Functions of OS, MS-DOS, ASCII Code, File System, Editor for Text & Hexadecimal Numbers
Week 04Batch File & Programming, Program Structures, System/Application Programs, Interpreted/Compiled Language, Generations of Programming Language, Essential Application Programs
Week 06Introduction to HTML & HTML5, HTML Head & Layout, Attributes of Tags, HTML Heading & Paragraph, Word Formatting, Hyper Link, Quotations & Images
Week 07HTML List & Tables, Codes & iFrame, id & class, Entities & Symbols, CSS Basic Concepts, CSS Selector, MathJAX
Week 08HTML Form, Basic JavaScript Concept, Basic Object-Oriented Programming, JavaScript in HTML, Input Elements in Form, An Array Variable in HTML, Codes in Script
Week 09Input Attributes, The Elements of Select/TextArea/Button/DataList/Output/Progress, Integrated Development Environment, Reserved Words, Variables & typeof Operator
Week 11Number Type, Number Conversion, String & Object, Operators, Bitwise Operators, Arithmetic Operators, Relational, Equality, Logic Operators, If, Do-While, While, Switch & With, For and For-In Statements
Week 12Functions, Value or Reference, Variable & Functions, Arguments & variable number of arguments of a Function, Copying values or direct reference, Scope, Garbage collection, Skills for using functions
Week 13 String Object, Array Object, Math & Date Objects
Week 14p5.js & processing – background, Install p5.js & start a p5 canvas, Rewrite 3 main functions, Clear background, Set pen color & draw lines/curves, Set brush colors & draw shapes, Typography functions


課程書目

老師自編教材。

 

評分標準

項目百分比
Quizes25%
Midterm 125%
Midterm 225%
Midterm 325%

課程講義 Course Handout

章節 下載連結
Week 01
History of Calculator & Computer, Semiconductor Manufacturing
Technology, Types of Computers, Logic Gates and TTL Signals
PDF
Appendix
Week 02
History of Personal Computer & Peripherals, Numeral Systems, Computer Hardware (CPU, Power Case, Memory, Motherboard, Peripherals)
PDF
Week 03
Machine Language, Operating System – Computer & Hand Held, Functions of OS, MS-DOS, ASCII Code, File System, Editor for Text & Hexadecimal Numbers
PDF
Week 04
Batch File & Programming, Program Structures, System/Application Programs, Interpreted/Compiled Language, Generations of Programming Language, Essential Application Programs
PDF
Week 06
Introduction to HTML & HTML5, HTML Head & Layout, Attributes of Tags, HTML Heading & Paragraph, Word Formatting, Hyper Link, Quotations & Images
PDF
Week 07
HTML List & Tables, Codes & iFrame, id & class, Entities & Symbols, CSS Basic Concepts, CSS Selector, MathJAX
PDF
Week 08
HTML Form, Basic JavaScript Concept, Basic Object-Oriented Programming, JavaScript in HTML, Input Elements in Form, An Array Variable in HTML, Codes in Script
PDF
Week 09
Input Attributes, The Elements of Select/TextArea/Button/DataList/Output/Progress, Integrated Development Environment, Reserved Words, Variables & typeof Operator
PDF
Week 11
Number Type, Number Conversion, String & Object, Operators, Bitwise Operators, Arithmetic Operators, Relational, Equality, Logic Operators, If, Do-While, While, Switch & With, For and For-In Statements
PDF
Week 12
Functions, Value or Reference, Variable & Functions, Arguments & variable number of arguments of a Function, Copying values or direct reference, Scope, Garbage collection, Skills for using functions
PDF
Week 13
String Object, Array Object, Math & Date Objects
PDF
Week 14
p5.js & processing – background, Install p5.js & start a p5 canvas, Rewrite 3 main functions, Clear background, Set pen color & draw lines/curves, Set brush colors & draw shapes, Typography functions
PDF