ICL
  • Intro to Computational Language
  • Academic Policy
  • Week 01
  • Week 02
  • Week 03
  • Week 04
  • Week 05
  • Week 06
  • Week 07
  • Week 08
  • Week 09
  • Week 10
  • Week 11
  • Week 12
  • Week 13
  • Week 14
  • Week 15
  • Portfolio
Powered by GitBook
On this page
  • 1. Introduction and Workflow(Javascript, Text Editor)
  • A. What is JavaScript ?
  • B. Workflow
  • C. How does WWW Work?
  • D. Text Editor
  • 2. Assignment
  • Download one of the text editor: Sublime (Recommended)
  • and Watch: https://youtu.be/8j0UDiN7my4

Week 01

Introduction and Workflow(Javascript, Text Editor)

PreviousAcademic PolicyNextWeek 02

Last updated 6 years ago

1. Introduction and Workflow(Javascript, Text Editor)

A. What is JavaScript ?

JavaScript is a programming language for the World Wide Web. It is a scripting language that a computer reads out your code just like reading a book. You can get the hint by the term, "Script." However it has a callback function which allows to objectify one's function to match other compiling language. C, C++ is a father of all computer language but it needs compiling. Compiling is basically like a baking a bread before eating. On the other hand, the JavaScript is live just like when you are talking to someone and it is great for the World Wide Web, the live web environment.

자바스크립트란?

자바스크립트는 인터넷을 위한 프로그래밍 언어입니다. '스크립트'에서 볼수 있듯이 스크립팅언어로 책을 읽듯 컴퓨터가 코드를 읽습니다. 그러나 콜백 기능이 있어 기능을 오브젝트화 할 수 있습니다. 이는 컴파일링 언어와 대조됩니다. C, C++ 는 컴파일링 언어의 아버지로 컴파일링이 필요합니다. 컴파일링은 빵을 먹기 전에 빵을 굽는 것과 같습니다. 반대로 자바스크립트는 남에게 대화하듯 라이브한 인터넷에 최적화 되어 있습니다.

B. Workflow

HTML - CSS - JS (Javascript)

C. How does WWW Work?

HTML

CSS

JavaScript

Hypertext Markup Language

Cascading Style Sheets

Object Oriented Computer Language

Structure

Appearance

Logic

Where the eyes, mouth?

Color of eyes, lips...

Open mouth when there is food

HTML, CSS, JAVASCRIPT

<!DOCTYPE html>
<html>
  <head>
	<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <script src="sketch.js"></script>
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>
  <body> 
  Hello!
  </body>
</html>

D. Text Editor

When you write an essay in English what would be your text editor? One would answer "Microsoft Word." Then, why do you use the Microsoft Word? It is because it offers various features like typo checker. Just like the Microsoft Word offers English typo checking feature, there are text editors which help computer language coding.

에세이를 영어로 쓸 때, 어떤 텍스트 에디터를 쓰나요? 누구는 마이크로소프트 워드라고 답할겁니다. 그렇다면 왜 마이크로소프트 워드를 쓰나요? 오타를 잡아주는 기능 같은 것들 때문이라고 답할 것입니다. 마이크로소프트 워드가 영어 오타를 찾아주듯, 컴퓨터 언어 코딩에도 도움이 되는 텍스트 에디터가 있습니다.

For Mac and Windows

Web Text Editor

2. Assignment

Download one of the text editor: Sublime (Recommended)

Every coding person has its workflow. One might need a for debugging. Just like you are setting up your desk for studying, you need a work flow.

코딩을 하는 모든 사람은 작업흐름이 있습니다. 누구는 이 꼭 필요할 수 도 있습니다. 공부를 하기전 책상을 정리하듯, 코딩엔 작업흐름이 있습니다.

and Watch:

rubber duck
러버덕
https://jsfiddle.net/kdoodoo/dmvj1t8e/
https://youtu.be/8j0UDiN7my4
Sublime Text - the sophisticated text editor for code, markup and proseSublimeHQ
AtomAtom
Logo
Brackets - A modern code editor that understands web designBrackets
Logo
p5.js Web Editor
Logo
CodePen
JSFiddle - Code Playground
Logo
Logo
Logo