US$18
weeklyor US$72 for 4 classes
무엇이 포함되어 있나요?
4개의 라이브 미팅
수업 3 시간 40 분 시간숙제
주당 1시간. Students are encouraged to spend about 1 hour per week working on projects so that they have time to become comfortable with skills and time to explore new ideas they'd like to code.보고계신 지문은 자동 번역 되었습니다
수업 소개
===================== WHAT WE'LL CREATE ===================== In this class, learners embark on a 4-week investigation into the beauty and fun of making computer-generated art – the lovely patterns and shapes that computers create when we give them imaginative commands. Like many coding classes this one welcomes learners who love games, but it also welcomes learners who love design, color, and animation. No previous experience with coding is necessary! LESSON 1. SHAPES THAT MOVE WITH THE POINTER - What is programming? What is code? What is JavaScript? What is p5.js? - How to open and save a starter project - How add or change commands in the starter project - How to undo errors - Commands that create essential shapes - How to use numbers to change the color of shapes - How to use the built-in variables mouseX and mouseY to make shapes follow the on-screen pointer LESSON 2. SHAPES THAT GRADUALLY MOVE, CHANGE COLOR, AND SHRINK OR GROW - How to create your own variables - How to use your variables to make shapes gradually (not randomly)... - - - move up and down - - - change color - - - change size - How to use the "if" command to make choices in code – for example, make a moving shape jump up to the top if it has reached the bottom of the drawing area - Make a project of your own that uses variables to change motion, size, or color LESSON 3: SHAPES THAT SPIN - How to move shapes across the drawing area by using the translate() command - How to spin the drawing area by using the rotate() command - How to use variables to spin shapes at different speeds - Designs all around us that are made by spinning (like mandalas or spirals) - Make a project of your own by spinning LESSON 4: SHAPES THAT BOUNCE - How to make shapes move back and forth, get larger and then smaller, or bounce off edges of the screen - How to add and subtract variables - Make a project of your own with bounces APPROACH Learners begin by tinkering with teacher-provided code. In a guided exploration, they make changes to the code and notice what happens. Then they collaborate with classmates, comparing results and figuring out together how the code works. New concepts and commands are added in small steps, with plenty of concrete examples and time for invention. Gradually, students write commands independently. Class sizes are small so that I can work with individual students, finding each student's strengths and proposing questions or challenges that build on them. In addition, I provide supplementary written or video materials for students who move a little faster than the class. This class is intended both for students with no experience in text-based coding (writing commands instead of dragging blocks) and also for students who've written short scripts in Roblox or Minecraft or who have completed tutorials and video lessons online. However, for more advanced students who already write code independently in p5.js, JavaScript, or another language, please contact me to arrange a more appropriate learning experience.
학습 목표
* What's a variable?
* Using built-in variables mouseX and mouseY
* Creating your own variables
* Using variables to change color, position, size, and speed of shapes
* Using variables to rotate (spin) the canvas (screen)
* Translating (sliding) shapes around the canvas
그 외 세부 사항
학부모 가이드
During the class, students will create accounts at https://openprocessing.org/, where they will write code and see their animations. Student accounts include many safety features. No personal information is collected. Additionally, student profiles and projects are visible only to the teacher and classmates, and students are not allowed to comment or annotate projects outside their class. For a full description of these protections, see https://intercom.help/openprocessing/en/articles/5228489-student-account-types. This free code editor, funded by the Processing Foundation, works on Windows, Mac, Linux, and Chromebook computers but isn't appropriate for iPads or phones.
Outschool 외 필요 앱/웹사이트
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:
선생님을 만나보세요
교사 전문성 및 자격증
15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to students from 8 - 15 years old in private, public, and after-school settings. Two masters degrees in education – from Harvard Graduate School of Education with a focus on technology and from Lesley University in mathematics education.
리뷰
Terry D [Code & Art, JavaScript, M.Ed]님의 다른 수업
Terry D [Code & Art, JavaScript, M.Ed]님의 다른 수업
다른 인기 수업
JavaScript / p5.Js 컴퓨터 과학 코딩 클럽: 게임, 애니메이션 등
Coco Coders
4.8
(974)
US$20회당 수업료
다음 세션은 Monday 2:30 PM 에 예정되어 있습니다.
그룹 수업
주당 1회55분
9-13 세
9-14세를 위한 1:1 Javascript/P5.Js
Coco Coders
4.8
(974)
US$60 세션당
일대일 레슨
온디맨드
9-14 세
여름 캠프: Javascript 코딩 4 키즈(소개)
Dr. Elliott Heflin, Jr.
4.6
(405)
US$19회당 수업료
다음 세션은 Mon 4/28 10 PM 에 예정되어 있습니다.
그룹 수업
5 주, 주당 2회55분
8-13 세
P5.js를 활용한 창의적 코딩 – JavaScript를 활용한 6~8학년용 게임 디자인
Create N Learn: Game-Based Learning & Future Skill
5.0
(24)
US$15회당 수업료
다음 세션은 내일 4 PM 입니다.
그룹 수업
8 주, 주당 1회55분
12-14 세
프로젝트 기반 자바스크립트 코딩(레벨 1)
AI Code Academy
4.7
(1,781)
US$21회당 수업료
다음 세션은 Sunday 11:30 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
9-14 세
자바스크립트 학기: 기본부터 핵심 아이디어까지!
Coco Coders
4.8
(974)
US$18회당 수업료
다음 세션은 Mon 6/2 2 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회55분
10-15 세
크리에이티브 코딩 1:1 [디지털 아트 + 게임 + 자바스크립트 애니메이션]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(48)
US$30 세션당
일대일 레슨
온디맨드
9-15 세
어린이 코딩 퀘스트: 자바스크립트 게임 에디션
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
US$12회당 수업료
다음 세션은 Mon 6/2 5 PM 에 예정되어 있습니다.
그룹 수업
4 주, 주당 2회55분
9-14 세
초보자를 위한 Javascript 코딩 레벨 1 - 프로젝트 기반 학습
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,829)
US$20회당 수업료
다음 세션은 Tuesday 4 PM 에 예정되어 있습니다.
그룹 수업
12 주, 주당 1회50분
10-15 세
8~10세: JavaScript를 사용한 모바일 앱 생성 - 레벨 1
Jamesetta James
4.7
(178)
US$15회당 수업료
다음 세션은 Mon 5/12 1 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 1회1.50 시간
8-10 세
여름 캠프: 어린이를 위한 프로젝트 기반 자바스크립트(2단계)
AI Code Academy
4.7
(1,781)
US$23회당 수업료
다음 세션은 Mon 6/16 3 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 5회1 시간
10-15 세
프로젝트 기반 자바스크립트 코딩(레벨 2)
AI Code Academy
4.7
(1,781)
US$22회당 수업료
다음 세션은 Mon 4/28 11:30 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
10-13 세
여름 캠프: 어린이를 위한 프로젝트 기반 자바스크립트(1단계)
AI Code Academy
4.7
(1,781)
US$22회당 수업료
다음 세션은 Mon 6/16 3 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 5회1 시간
9-13 세
기초를 갖춘 초보자 웹 개발: HTML, CSS 및 JavaScript(소개)
Curtis Butler
US$20회당 수업료
다음 세션은 Fri 4/25 7 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 1회1 시간
14-18 세
11-13세: JavaScript를 사용한 모바일 앱 생성 - 레벨 1
Jamesetta James
4.7
(178)
US$15회당 수업료
다음 세션은 Tue 5/13 1 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 1회1.50 시간
11-13 세
어린이를 위한 프로젝트 기반 웹 개발(연간): HTML, CSS 및 Javascript 학습
Faruk Hasan
4.8
(149)
US$12회당 수업료
다음 세션은 Tue 7/1 11 PM 에 예정되어 있습니다.
그룹 수업
주당 1회35분
10-15 세