한국어
로그인
프로젝트 기반 JavaScript(레벨 1)
보고계신 지문은 자동 번역 되었습니다
수업 소개
In this 10 lesson project-based course, students will learn the basics of JavaScript, develop interactive web elements, and create animations using the p5.js library. This beginner level course is perfect for new programmers, as well as for students that have some experience with HTML and CSS but would like to begin developing interactive elements and animations. Students will learn to use variables, conditional statements, loops, functions, and arrays. Our project-based lessons allow...
10 lessons//10 Weeks
Week 1Lesson 1IntroductionAn introduction to the basics of JavaScript. Students learn string, integer, and float data types and operations to prepare them for future projects.Week 2Lesson 2Drawing BasicsStudents begin using p5.js and learn to create simple shapes using the coordinate system and drawing functions. Project 2 – House design Students design houses with different features by using the drawing functions they have learned.Week 3Lesson 3AnimationExpanding on the previous lesson, students learn to move shapes and create animations. Project 3 – Snow Storm Students will animate their house drawings to create a snowy scene, with snow falling and accumulating on the ground.Week 4Lesson 4Booleans and Conditional StatementsStudents will learn how to use conditional statements to make different choices in their programs. Project 4 – Bowling Game Students create an animated bowling mini game using conditional statements to take different actions in the game and check outcomes.Week 5Lesson 5User Input and String ManipulationStudents learn to write text, use prompts, and handle user input in programs. Project 5 – Chat Bot Students create a program in which they can respond to questions and get unique answers depending on their answers.Week 6Lesson 6FunctionsStudents learn about the syntax and applications of functions. The functions will be used to take complex drawings we have made before and allow them to be created with a single line of code. Project 6 – Build a bear Students will write a function that draws a bear. The drawing can be customized by providing the color, size, and more as parameters to the function.Week 7Lesson 7Loops and ArraysStudents learn about while-loops, for-loops, and arrays and apply these new concepts to create more complex drawings. Project 7 – Neighborhood Students will create a program that draws a house, similar to the second project, but uses loops and arrays to make a neighborhood and report back a value for each house.Week 8Lesson 8CalculatorStudents create a project that incorporates all of the things they have learned so far and practice designing, structuring, and writing a larger program. Project 8 – Calculator Create a calculator application using all of the previous JavaScript concepts.Week 9Lesson 9ReviewAll previously taught concepts are reviewed, with special attention given to topics students wish to apply to their own final projects.Week 10Lesson 10Final ProjectThe students will create their own program applying what they have learned throughout the class. Upon completion, the projects are demonstrated by their creators.
- Students will learn to use variables, conditional statements, loops, functions, and arrays. Our project-based lessons allow students to practice essential programming skills while working on fun and unique creations.
수업 외 주당 1 - 2 시간
Homework
빈도: 포함됨피드백: 포함됨세부 내용: There will be a short reinforcement quiz to complete at the end of each guided project lesson. Students will create one final project of their own design, which can take between 1 - 3 hours outside of class time on average, but this will depend on the complexity of the chosen project.Assessment
빈도: 포함됨세부 내용:
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:
Dear Parents Welcome to the Project-based JavaScript Coding program. In this online live course, students will learn the most popular programming language for web design, mobile application, and various applications. All lessons are project based and each lesson contains one fun project. All students will be asked to finish a final project with their own ideas which will be presented on the last day. There will be some quizzes for students to finish at home. To get started, please set up a https://replit.com/ account, which we will be using both in and out of class for this course. If you want to learn other STEM Coding and AI programs, please check our class list: https://docs.google.com/document/d/1plycCFbPLN0qFCUKMTp7gBGdJlewQsIWrgQw1ABccuw/edit?usp=sharing After completion of this course, we recommend: Project-Based JavaScript (Level 2) https://outschool.com/classes/project-based-javascript-HoewvX9W?usid=ahCUFs7Y&signup=true&utm_campaign=share_activity_link Important notes: As per Outschool Policy: For the safety of all students, all cameras must be on during the entire class duration, or at least for the first few minutes of the class session in certain circumstances. Please mute your audio (keep video enabled) during the class session. For those that have never used Outschool before, please follow this link for some awesome preparation before our first class: https://support.outschool.com/en/articles/802757-how-to-prepare-for-your-first-class To join the class, please login to your Outschool account and click the scheduled session to get into the classroom, where you click “Join live meeting” to join the zoom classroom. There is no zoom link needed. If you have any questions/concerns please feel free to reach out through us on Outschool. We are beyond excited to have this opportunity to go on this amazing coding adventure with you all. Please come prepared and ready to learn for our first class, see you soon! Best regards, AI Code Academy
리뷰
그룹 수업
10 회 수업에
₩199
10주 동안 주당 1회
60분
286 명의 학생이 수업을 완료함
실시간 화상 수업
연령: 9-14
수업당 학습자 4-8 명