Art and Programming

 

소개

JavaScript를 사용하여 HTML Canvas에서 코딩 하면 보다 포괄적 이고 창의적인 커리큘럼 으로 이어지는 매우 시각적인 결과를 얻을 수 있습니다. 동반도 있다비디오YouTube에서. 여기에 있는 모든 정보와 코드는 오픈 소스이며 무료 입니다. 귀하의 설립을 환영합니다기부하다 크리에이티브 코딩을 위한 ZIM 재단에.

캔버스 예

JavaScript는 세계에서 가장 인기있는그리고 강력한 프로그래밍 언어. 대부분의 컴퓨터 과정과 확실히 컴퓨터 과학 과정의 주요 구성 요소는 프로그래밍입니다. 이 페이지 에서 ZIM Skool 수업을 귀하의 커리큘럼 에 매핑 하는 데 도움이 될 것 입니다. 와 함께JavaScript 프로그래밍 기본을 사용하여 학생들이 Interactive Media라고 하는 매우 시각적이고 흥미로운 입력/출력으로 코딩하도록 할 수 있습니다.

Interactive Media는 창의성과 다학문적 기술을 육성하는 디자인과 개발의 조합입니다. 처음부터 Interactive Media는 "두뇌의 양면"을 모두 수용하므로 더 포괄적입니다. 여기에는 문화, 미디어, 서비스 및 교육 산업에서 원하는 직책 을 위해 웹 및 모바일  , 게임 , 퍼즐  예술 을 만들기 위한 모양 , 이미지 , 애니메이션 , 사운드  텍스트 작업이 포함됩니다. 다음은 링크입니다.소개Interactive Media 및 ZIM에 대한 비디오.

인터랙티브 미디어

짐 스쿨창의적인 코딩 수업캐나다 뉴 미디어 어워드 프로그래머(2002)와 올해의 교육자(2008)가 준비하고 관리합니다. Zen은 Sheridan Interactive Media 프로그램에서 ZIM을 가르치고 있으며 1986년 엔지니어링을 졸업한 이후 ZIM이 가장 간단 하고 일관 되고 재미 있고 강력한 코딩 환경을 제공한다고 보증합니다. 여기에는 Fortran 및 Basic, Patent의 엔지니어링 작업이 포함됩니다. 데이터베이스에서 작업, CD Rom은 Director에서, 웹 작업은 Perl, PHP, HTML, 응용 프로그램은 Flash 및 Objective C에서 작업하고 Canvas는 CreateJS에서 작업합니다. 이 모든 것이 ZIM 오픈 소스 JavaScript 캔버스 프레임워크로 이어졌습니다.

JavaScript는 모든 텍스트 편집기로 코딩할 수 있으며 브라우저에서 실행됩니다. 이것은 컴퓨터와 인터넷이 있다고 가정할 때 매우 무료이며 쉽게 설정할 수 있음을 의미합니다. 다음과 같은 구문 색상이 있는 최신 편집기를 권장합니다.원자. Atom은 무료이며 업계에서 사용되며 GitHub의 세계에서 가장 인기 있는 코드 저장소의 사람들이 만듭니다.

다음으로 커리큘럼 매핑을 파헤쳐 봅시다!

 

 

과정

ZIM은 FRONT END 기술이므로 대부분의 수업은 클라이언트 측입니다. Lesson 09는 서버 측이지만 커리큘럼 매핑은 프런트 엔드에 중점을 둡니다.

커리큘럼
세상에는 다양한 커리큘럼이 있습니다. 목표를 매핑하는 데 질문이 있는 경우 기꺼이 도와드리겠습니다. 가장 좋은 방법은느슨하게 팀을 구성하고 #일반 채널에서 자신을 소개합니다.

예시 커리큘럼
ZIM 본사는 캐나다 온타리오 주에 있습니다. 따라서 온타리오 주 커리큘럼을 사용하여 매핑 예제를 제공합니다.컴퓨터 공부.


Ontario Computer Studies에서 발췌한 작은 샘플

목표
The Ontario Curriculum Grades 10 to 12 Computer Studies Guide 에 따르면 컴퓨터 연구 프로그램의 목표는 컴퓨터 개념을 이해하고 다음 4가지 핵심 영역에서 기술을 개발하는 것입니다. 다음과 관련된 ZIM Skool 수업을 매핑했습니다.

ZIM 학교 수업에 매핑된 컴퓨터 커리큘럼

  • 소프트웨어 개발
  • 알고리즘 및 데이터 구조
  • 프로그램 정확성 및 효율성
  • 전문적이고 윤리적인 책임

파트너십 ⯈︎ ZIM SLACK 커뮤니티
이 가이드에 따르면 컴퓨터 연구 분야의 커뮤니티 파트너는 학교와 학생에게 중요한 자원이 될 수 있습니다. ZIM은 ZIM과 그 너머의 많은 리소스를 사용할 수 있도록 파트너십을 제공합니다.짐스쿨~와 같은 짐 런코드 및 비디오 자습서 ,짐 잽코드 공유  ,짐 티치워크샵 , 수업  테스트 , _ZIM 배지예술 제작 및 물리학 사용 에 대한 매우 심층적인 자습서 및 관련 리소스ZIM 사이트~와 같은문서, 예제 ,  , 템플릿 등.

과정
텍스트 기반 코딩은 5학년 정도부터 가르칠 수 있지만 일반적으로 중등 학교(고등학교)에 나타납니다. 초등학교나 캠프 등을 가르치는 경우 이것이 당신을 낙담시키지 않도록 하십시오. ZIM은 매우 읽기 쉽습니다. 아래 코드조차도 아이들에게 놀라운 경험을 선사합니다. 끌 수 있는 빨간 공입니다!

01
new Circle(100, "빨간색").center().drag();

다음 섹션에서는 계속해서 온타리오 교과 과정을 사용하여 수업을 특정 중등 학교 과정에 매핑할 것입니다.

 

 

10학년

다음을 위한 온타리오 교과과정 10학년 컴퓨터 공부중급 대학 수준을 목표로 하는 컴퓨터 연구 입문 과정이 있습니다 . ZIM은 대학 준비 과정에서 가르칠 수 있지만 매핑 예제에서는 대학 준비 과정을 선택했습니다. 이 과정은 세 부분으로 구성되어 있습니다.

컴퓨터 연구 분야

  1. 컴퓨터 이해하기
  2. 프로그래밍 소개
  3. 컴퓨터와 사회

우리의 수업은 파트 B. 컴퓨터 프로그래밍 입문에 적용됩니다. 이것은 세 가지 기대로 나뉩니다.

파트 B 기대치

  1. 기본적인 프로그래밍 개념 및 구성 설명
  2. 기본적인 프로그래밍 개념을 사용하여 간단한 프로그램을 계획하고 작성합니다.
  3. 프로그램을 작성할 때 기본 코드 유지 관리 기술 적용

이들 각각은 ZIM Skool의 일치하는 수업과 함께 아래에 나열된 하위 섹션으로 나뉩니다. 교육 과정 기대 사항 섹션에 설명된 대로 제공된 기대 사항의 예는 전체 또는 필수 목록이 아니라 교사를 위한 지침으로 의도되었습니다.

B1 - 프로그래밍 개념

  1. 프로그래밍 개념을 설명하기 위해 올바른 용어 사용
  2. 컴퓨터가 처리하고 저장할 수 있는 데이터 유형과 표시할 수 있는 개체를 설명합니다.
  3. 프로그래밍에 사용되는 상수와 변수의 차이점을 설명합니다.
  4. 연산 순서를 고려하여 프로그래밍 문에서 사용할 표현식과 명령어를 결정합니다.
  5. 의사결정 및 반복 구조가 필요한 상황 식별
  6. 부울 연산자, 비교 연산자 및 산술 연산자의 기능 설명

B2 - 쓰기 프로그램

  1. 프로그램의 내용을 계획하기 위해 시각적 문제 해결 모델을 사용합니다.
  2. 변수, 표현식, 대입문을 사용하여 프로그램에서 숫자와 텍스트를 저장하고 조작
  3. 프로그램 사양을 준수하는 키보드 입력 및 화면 출력 문 작성
  4. 둘 이상의 선택에 대한 결정 구조를 포함하는 프로그램 작성
  5. 루핑 구조를 효과적으로 사용하는 프로그램 작성
  6. 구문, 논리 및 런타임 오류의 차이점 설명
  7. 동일한 문제를 해결하기 위해 다른 프로그래밍 환경의 사용을 비교 및 ​​대조

B3 - 코드 유지 관리

  1. 적절한 프로그래밍 표준을 사용하여 명확하고 유지 관리 가능한 코드 작성
  2. 특정 표준 세트에 대해 명확하고 유지 관리 가능한 내부 문서 작성
  3. 추적 기술을 사용하여 프로그램 흐름을 이해하고 컴퓨터 프로그램의 논리 및 런타임 오류를 식별하고 수정합니다.
  4. 테스트 케이스를 사용하여 컴퓨터 프로그램을 검증하는 능력을 보여줍니다.

요약

ZIM Skool Lessons 1 - 8은 많은 학습자에게 코딩을 보다 포괄적 으로 만드는 매우 개방 적이고 시각적인 환경에서 프로그래밍에 대한 소개입니다.

ZIM은 앱 , 게임 , 퍼즐  예술 과 같은 복잡하지만 재미 있고 창의적인 기능 을 구축하는 방법을 가르치는 데에도 사용할 수 있습니다 . 참조짐 티치 간단한 게임, 소행성 게임, 밈 제작자 및 물리학 시각화를 구축하기 위한 수업을 위한 섹션입니다. ZIM 배지앱, 아트 및 게임을 빌드하기 위한 5개의 배지가 포함된 자세한 자습서입니다. 그만큼ZIM 예주석이 잘 달린 응용 프로그램을 표시합니다. 탐색 및 버블링비디오 ZIM으로 구축할 수 있는 모든 종류의 재미있는 예를 보여줍니다.

ZIM으로 가르치는 데 관심이 있고 ZIM Skool 수업을 커리큘럼에 맞추는 데 도움이 필요하면 무료로 간편하게 가입하세요.짐 슬랙팀 및 메시지 Dan Zen. 여러분의 의견을 기다립니다.

 

 

https://zimjs.com/skool

 

ZIM Skool - JavaScript Lessons for School Curriculum

ZIM Skool - interactive programming lessons in JavaScript! Includes help to match teacher curriculum. Welcome to the modern world of coding! A great place to learn and make professional apps, games, puzzles and sites!

zimjs.com

 

'Creative Coding > Course' 카테고리의 다른 글

Math - High school geometry  (0) 2022.01.31
threejs-journey  (0) 2022.01.31
아이들을 위한 크레이티브 코딩 강좌  (0) 2022.01.31
Introduction to 3D Animation using Blender  (0) 2022.01.31
Online CoursesCreative Arts & Media  (0) 2022.01.31

공유하기

facebook twitter kakaoTalk kakaostory naver band