Outschool
통화, 시간대 및 언어 설정 열기
로그인

1대1로 만나는 예술과 코드의 모험

이 수업에 관심이 있다면 대신 "JavaScript를 발견하세요! 게임과 예술"을 참조하세요. 이 수업은 단계적으로 폐지됩니다. 감사합니다!
Terry D [Code & Art, JavaScript, M.Ed]
평균 평점:
5.0
수강 후기 수:
(44)
수업
재생

무엇이 포함되어 있나요?

요청 시 수업
요청에 따른 수업 일정
55 분
회당
교사 지원
보고계신 지문은 자동 번역 되었습니다

수업 소개

If you're interested in this class, please see "Discover JavaScript! Games and Art" instead. This class is phasing out. Thank you!

=====================
WHAT WE'LL CREATE
=====================
In this ongoing 1-on-1 class with a flexible schedule (click "Request Another Time" to choose your day and time), individual learners combine coding and art to create wondrous designs called "generative art" – art that changes itself each time it's viewed. Learners can create many different projects depending on their interests. For example, some learners create scenes from nature – fading sunsets, raindrops dripping down windows, or brush strokes curving across canvas. Other learners make quizzes or storybooks with images and pages that turn. Some learners create mesmerizing, ever-changing abstract designs, and still other learners invent and code their own games.

=====================
APPROACH
=====================
Learners have many different ways of planning, thinking, and processing their work, and this class respects all of them. Some learners are comfortable expressing their thoughts in words while others communicate through their work. Some learners like step-by-step instruction while others prefer challenges they can investigate on their own. Some learners move rapidly among many different ideas, creating cross-connections; some investigate a particular idea in impressive detail. Some learners prefer a systematic approach to a topic, building a ladder of related skills; others prefer to dip into learning anywhere they're interested. Some learn best visually, using diagrams, charts, and graphic organizers; others focus best when guided by spoken questions or instructions; some get up and walk around to think. And so on through infinite variations among learner styles. 

I welcome all the gifts each learner brings. I adapt lessons for each learner's style and respectfully listen for information in all their communications (whatever form they take). I aim to work with learners in ways that make them comfortable while still providing challenges and opportunities for new ways of thinking. 

Whatever their styles, all learners in this class work in a collaborative coding environment where we can write commands together. I model how the commands should look, and learners can practice them.  I can see and respond to their coding ideas immediately. We learn with plenty of time reserved for both exploration and practice. As learners become comfortable , they'll begin to work independently on their own projects.

=====================
CURRICULUM
=====================
The curriculum is adapted for each learner. However, all curricula share the following features.

EVERY LESSON CREATES A PROJECT
I collaborate with learners to choose projects that they find fun and interesting, and I try to make sure that each project has a little magic in it – something surprising that learners can investigate and that broadens their understanding. Please note that a lesson can include one or more class periods. 

OPPORTUNITIES FOR INVENTION AND INDEPENDENCE
While it's fun and confidence-building to complete projects, the ultimate goal of these lessons is to nurture self-reliant and independent code artists – learners who not only create projects but also imagine their own project ideas and create them independently. To foster this journey from lessons to self-reliance, I include opportunities for play, exploration, and invention in every step of learning. 

Most importantly, learning is carefully structured to provide challenges with low thresholds (all learners can reach them successfully) and high ceilings (plenty of room to explore one's own ideas) throughout the class.

SMALL STEPS IN A SPIRAL
Our learning proceeds in small steps. We begin with easy commands in projects that are mostly complete. Learners tinker with these projects, making small changes and investigating what happens. We particularly explore the syntax of p5.js JavaScript commands slowly and playfully. (Syntax means the patterns of letters, numbers, and punctuation in the commands.) As learners gain confidence, they proceed to write commands from scratch and eventually to create more and more of each project by themselves. At this point, I present challenges like "What commands would we need, and in what order, to make this shape move across the screen by itself ?" Or "to change its color randomly?" Or "to make it slowly disappear and reappear?" Or "to make it get smaller and smaller as it moves down the screen?" Ultimately, learners can envision whole projects and the code to create them.

Learning also proceeds in a spiral fashion. That means each lesson revisits the skills of previous lessons and builds on them thoughtfully. We proceed at a learner's pace, sticking with each skill and moving on when it's comfortable. 

JAVASCRIPT COMMAND SEQUENCE
Generally, we learn p5.js JavaScript commands in the following order. Additional commands can be added, and some can be omitted, according to learners' interests. We learn how to:
- draw simple shapes and colors
- undo and "debug" (strategies for fixing problems in the code)
- use p5.js JavaScript built-in commands to change shapes randomly
- understand the coordinate grid
- use built-in variables to move shapes with the on-screen pointer
- use variables you create to make shapes move gradually (not randomly) across the screen, change color, shrink and grow
- use the "if" command to make choices in code – for example, make a moving shape jump to the top if it has reached the bottom
- capture screen clicks and use them to keep score, turn book pages, and manage other sequential tasks
- spin the drawing area by using the rotate() command
- use variables to spin shapes at different speeds
- add and subtract variables and use these operations to make shapes oscillate – move back and forth, get larger and then smaller, or bounce off edges of the screen – or to move with acceleration (like a ball falling down the screen)
- add images and music
- use commands that repeat actions ("loops") like for() and while()

ART SEQUENCE
We consider some or all of the following design principles, which often inspire learners to try new strategies in their projects.
- randomness: make repeated but unpredictable changes to color, size, or position of shapes
- interactivity: allow players to change the screen by clicking or dragging the pointer or by pressing keys
- oscillation: make shapes that change and then change back – for example, circles that grow and shrink
- reflection: create two or more shapes that move or change in opposite but symmetrical ways
- repetition: draw shapes that repeat in pleasing ways – for example, tiling patterns
- displacement: alter the position or dimensions of repeated shapes over time

=====================
NO PREREQUISITES
=====================
This class is intended both for learners with no experience in text-based coding (writing commands instead of dragging blocks) and also for learners who've written short scripts in Roblox or Minecraft or who have completed tutorials and video lessons online. 

=====================
ACCOUNTABILITY
=====================
After each lesson, I post a summary of the learning activities along in Outschool classroom.

=====================
GETTING READY
=====================
(1) Learners should join our coding group at Open Processing, where they'll write code and see their animations. See additional information in "Parental Guidance," below.
(2) Learners should log into Open Processing *before each class* so they're ready to work when class begins. 
(3) Learners should know how to cut and paste and how to move among different tabs in their web browsers.

Thanks! Please let me know if you need help with these requests. I am always happy to help!
#builder
학습 목표
How to create shapes using the commands: ellipse(), rect(), point(), line(), triangle(), and beginShape()
How to add color to shapes using the commands: fill(), stroke(), strokeWeight(), noFill(), noStroke()
How to fix problems in your code ("debug" and undo)
How to randomize the size, color, and position of shapes using the command: random()
How numbers represent colors (how to use color models)
How numbers represent positions on screen (how to use the coordinate grid)
How to respond to screen clicks by using function mousePressed() 
How to use the built-in variables "mouseX" and "mouseY" to make shapes follow the on-screen pointer
How to create variables and change their values to move shapes, change their speed/size/color, keep track of score and state
How to slide shapes across the screen by using the command: translate()
How to spin the screen by using the command: rotate()
How to use the "if" command to make choices that produce different behaviors while animations are running 
How to use commands that repeat actions ("loops") like for() and while()
학습 목표

그 외 세부 사항

학부모 가이드
Learners will create a login and join a coding group at Open Processing, where their class will write code and see the animations. Student logins at Open Processing include many safety features. For example, no personal information is collected, student profiles and projects are visible only to the teacher and classmates, and learners are not allowed to comment or annotate projects outside their class. For a full description of these protections, see "Restricted Student Accounts" at 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 외 필요 앱/웹사이트
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:
가입일: August, 2022
5.0
44수강 후기
프로필
교사 전문성 및 자격증
15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to learners 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. And, most of all, great love, patience, and respect for the many different ways that people learn and the different gifts they each bring to the classroom!

리뷰

실시간 1:1 수업
공유
회당

US$25

요청 시 수업
55분

2 명의 학생이 수업을 완료함
실시간 화상 수업
연령: 10-15

아웃스쿨 소개
고객 지원
안전 정책개인 정보CA 개인 정보어린이 개인정보데이터 기본 설정 관리이용 약관
아웃스쿨 홈페이지
앱 다운로드
앱 스토어에서 다운로드Google Play에서 다운로드
© 2024 아웃스쿨