메뉴

US$23

weekly

or US$184 for 8 classes

초보자를 위한 창의적 코딩 – Javascript로 만드는 예술, 게임, 스토리, 사운드!

1 명의 학생이 수업을 완료함

연령대: 11-14 세

실시간 그룹 수업

게임, 디지털 아트, 스토리, 그리고 여러분이 디자인한 애니메이션을 위한 코드를 작성하며 즐거운 시간을 보내세요. 컴퓨터가 스스로 모든 것을 바꿀 수 있도록 약간의 지능을 더하세요! 새로운 기술을 적용하는 4개의 프로젝트를 코딩하면서 JavaScript 기본을 배우세요.

Terry D [Code & Art, JavaScript, M.Ed]

평균 평점:

5.0

수강 후기 수:

(48 수강 후기)

실시간 화상 수업

8주 동안 주당 1회

2-4 수업 정원

55분

아웃스쿨 소개 학습 개요 선생님 리뷰

무엇이 포함되어 있나요?

8개의 라이브 미팅

수업 7 시간 20 분 시간

숙련도 평가

Assessment is done informally during class. Written feedback is provided after class each week via a learner note.

학습 평가

Assessment is done informally during class. Written feedback is provided after class each week via a learner note.

보고계신 지문은 자동 번역 되었습니다

수업 소개

영어레벨 - A2

미국 6학년 - 8학년 학년

레벨 Beginner

Learners embark on a 8-week journey into the beauty and fun of creative coding. Learners will design their own games and animations and then bring them to life by writing code a language called p5.js JavaScript, simple enough for beginners but powerful enough to create beautiful and lively projects.

Through tinkering, discussing, and investigating examples, learners gain a solid grasp of coding as well as a deep appreciation of the endless, magical possibilities that come from writing your own "generative" code – code that enables animations and games to change themselves each time they play. Learners work in small steps, tinkering with teacher-provided code and considering just one idea at a time.  New concepts and commands are added in small steps, with plenty of concrete examples and time for invention and collaboration. Learning also proceeds in a spiral fashion, where each lesson revisits the skills of previous lessons and builds on them thoughtfully. Gradually, students make projects independently. 

Class sizes are small so that I can work with individual students, finding each student's strengths and proposing questions or challenges appropriate for them. In addition, I provide supplementary written or video materials for students who move a little faster than the class.

Please refer to the class syllabus for a detailed breakdown of each lesson, tailored to students in grades 6-8. Late enrollment is not allowed in this class because skills build. If interested, or if the proposed schedule isn't convenient, please send a message.

Join us to launch your journey into JavaScript coding!

학습 목표

Students learn JavaScript commands that display shapes, colors and text and respond to key- and mouse-presses. Learners also use coordinates to position shapes and create variables to keep score, make timers and vary the size, position or color of shapes.

강의 계획서

8 레슨

8 주 이상

레슨1:

Kaleidoscope – Part 1

 Learners create a kaleidoscope app where brightly colored shapes move with the on-screen pointer. In JavaScript, learners explore code for basic shapes and how to fill them with color; how variables can make shapes move with the pointer; and command syntax (how keywords and punctation are arranged).

55 분 온라인 라이브 레슨

레슨2:

Kaleidoscope – Part 2

 Learners complete the kaleidoscope app. In JavaScript, they create the 8 required shapes and also add random colors that merrily flicker throughout the animation. In art, learners investigate the concept of reflection and then learn the JavaScript code that makes each shape reflect, or move in opposition, to the other shapes.

55 분 온라인 라이브 레슨

레슨3:

Meditation App – Part 1

 Learners create a meditation app where shapes move and change slowly and rhythmically. In JavaScript, learners explore the coordinate grid (the numbers we use to place shapes at particular positions); how variables can change the position, size, and color of shapes over time; and how to change the color and size of a shape border.

55 분 온라인 라이브 레슨

레슨4:

Meditation App – Part 2

 Learners design and complete their own meditation app. In JavaScript, they learn how to place text (words) on screen and make colors partly transparent, so that you can see through them. They also review how to make shapes that reflect each other's movement.

55 분 온라인 라이브 레슨

그 외 세부 사항

학습 요구

To support a variety of learning styles, this class provides consistent structure with multiple communication strategies (written, verbal, and visual) as well as flexibility in content, pacing, learner participation and teaching approaches.

학부모 가이드

Students will create a login and join a coding group at Open Processing, where their class will write code and see their 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 students 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.

사전 요구 사항

No prerequisites.

Outschool 외 필요 앱/웹사이트

이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:

Open Processing

선생님을 만나보세요

Terry D [Code & Art, JavaScript, M.Ed]

가입일: August, 2022

5.0

48수강 후기

프로필

교사 전문성 및 자격증

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. And, most of all, great love, patience, and respect for the many different ways that students learn and the gifts they each bring to the classroom!