English
Log In
Summer Camp: Project Based Javascript for Kids (Level 1)
Class Experience
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//2 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.Lesson 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.Lesson 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.Lesson 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.Lesson 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 2Lesson 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.Lesson 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.Lesson 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.Lesson 9ReviewAll previously taught concepts are reviewed, with special attention given to topics students wish to apply to their own final projects.Lesson 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.
- In this 10-lesson project-based course, students learn JavaScript fundamentals, including variables, conditional statements, loops, functions, and arrays, to create interactive web elements and animations using the p5.js library.
- Ideal for beginners and those with some HTML/CSS experience, the curriculum includes project-based learning, a final project presentation, and quizzes to reinforce skills and readiness for future programming endeavors.
2 - 4 hours per week outside of class
Projects
Frequency: 1-2 throughout the classFeedback: includedDetails: Projects are not mandatory but we strongly encourage students to complete themAssessment
Frequency: includedDetails:
Technical Requirements: PC (Windows 10) or Mac (macOS 10.13) with at least a 2GHz processor and 2GB of RAM (4GB of RAM is recommended). No iPads and no Chromebooks!!! Broadband internet with at least 1.8Mbps download and 900Kbps upload speeds. Please make sure to remove your firewall if any Webcam - Either external or built-in (many laptops have an integrated camera). Microphone and Speakers - We recommend headphones with an integrated microphone
In addition to the Outschool classroom, this class uses:
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. 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
Reviews
Group Class
$219
for 10 classes5x per week, 2 weeks
60 min
Completed by 98 learners
Live video meetings
Ages: 9-13
4-8 learners per class