JavaScript Programming. Level 1

JavaScript Programming. Level 1

£ 345
Level 1 at 14.20 Autumn Term '24 10+
Add child
Book now

Welcome to our JavaScript Programming Level 1 course, where you'll embark on an engaging journey into the world of code, creativity, and interactive art. Across ten lessons structured around five core steps, you'll develop a solid foundation in programming and unleash the potential of JavaScript within the user-friendly p5.js library.


You'll begin with a quick start in the P5.js editor, using basic drawing functions and exploring the default coordinate system to create captivating geometric patterns. Next, delve into the mesmerizing world of animation, mastering frame-based animations and mouse-based interactions. Learn the essentials of variables, data types, and naming conventions in JavaScript while creating practical projects.


Unlock the power of logical conditions to create dynamic and interactive drawings and animations, and discover how Boolean expressions can be used to craft interactive buttons, handle collision detection in games, and bring conditional animations to life.


By the end of this course, you'll be well-equipped to turn your creative ideas into captivating code-driven creations. Whether you're a budding programmer or an artist expanding your digital palette, this course will empower you to bring your imagination to life through code. Join us on this transformative journey into the world of JavaScript programming and interactive art.


Knowledge of JavaScript programming language will greatly help us in developing web applications and control interfaces for future Robium robotic devices.


This course has 10 lessons. Classes run from 14.20 to 15.20 every Saturday 

This course is ready for 10+ years old. Girls and boys are very welcome!

Location

Richmond and Hillcroft Adult Community College. 

Parkshot, Richmond TW9 2RE


Term dates

The first lesson at 14 Sep

The last lesson at 19 Oct 

Half-term break. 

The first lesson at 16 Nov

The last lesson at 7 Dec

Syllabus of the course.

Step 1. Introduction to P5.js library

  • Topics:

    • Quick start with the P5.js editor.

    • Use basic drawing functions and colors.

    • Learn the default coordinate system.

  • Exercise/Project:

    • Create a project in the P5.js editor and solve the geometrical pattern task

Step 2. Animation Techniques in P5.js

  • Topics:

    • Learn basics of the animation based on frames.

    • Use basic drawing functions and colors to move shapes

    • Use the mouse-based interaction.

  • Exercise/Project:

    • Create a project where geometrical objects are moving in a certain way

    • Solve a task to control the location of the shape based on the mouse input.

Step 3. Variables and basic data type in Java Script

  • Topics:

    • Introduction to Variables, declaration and their role in storing and managing data.

    • Data Types in JavaScript, including numbers, strings, booleans, null, undefined, and objects. 

    • Variable Naming and Conventions.

    • Variable Scope.

  • Exercise/Project:

    • Pupils will create a p5.js sketch that demonstrates the use of variables and basic data types.

    • Solve a task related to the remainder of the division

Step 4. Introduction to logical conditions with P5.js library

  • Topics:

    • Learn the concept of conditional statements (if, else if, else) in JavaScript

    • Incorporate conditional statements in p5.js sketches to create interactive and dynamic behavior in the drawings and animations.

    • Cover the use of comparison operators (e.g., ==, ===, !=, !==, >, <, >=, <=) to create Boolean expressions.

  • Exercise/Project:

    • Walk through case studies where logical conditions are used to control the behavior of shapes, colors, and animations in p5.js sketches. 

    • Solve the task that includes simple interactive art projects.

Step 5. Boolean expressions 

  • Topics:

    • Boolean values are in JavaScript

    • logical operators (e.g., &&, ||, !) and how they can be used to combine Boolean expressions

  • Exercise/Project:

    • Create a project in the P5.js that shows practical applications of Boolean expressions, such as creating interactive buttons, collision detection in games, and conditional animations.


This course utilizes the text-based programming in JavaScript, so here are some requirements:


1. You must be confident in using a computer, keyboard and mouse. At the good user level.

2. Know how we save files on a computer, what a file and folders are, etc.

3. You want to program and are not afraid to struggle with the difficulties of learning it.

4. Previous programming experience is not required, but is preferred. It could be Scratch or any text-based programming language.

5. The course is designed for pupils from 10 years old.