Sales Ended

Term 4 - Learn JavaScript to Build a To-Do List App

Event Information

Share this event

Date and Time

Location

Location

North Epping Public School

Boundary Road

North Epping, NSW 2121

Australia

View Map

Refund Policy

Refund Policy

No Refunds

Friends Who Are Going
Event description

Description

Term 4: Learn JavaScript to Build a To-Do List App, Sundays, 15 Oct - 3 Dec, 5pm - 6pm, 8 Week Program at Epping North Public School.

We are going to learn how to build an app using HTML and JavaScript. An app, which is a short for “application”, is a type of program built to help a user with a specific task. In this mission you are going to code a to-do list app. The user will be able to add tasks to create their to-do list. Then when they’ve completed the task, they will be able to remove it from the list by clicking on it.

To make the app, you first need to learn to create a button using JavaScript. Then you are going to use two APIs (Application Program Interfaces) called the DOM (Document Object Model) and localStorage. These APIs allow you to program you web browser to make things appear or disappear from screen and store information.

Code Skills: What will we learn in this workshop?

How to Build a Button

  • Use the input tag to create a button that the user can click.

Making buttons run code

  • Use the onclick attribute to make your button pop-up an alert when it’s clicked.

Methods and Properties

  • Find and change the contents of an HTML element using the DOM.

Adding new HTML Elements

  • Use the DOM to create and add new HTML elements to your app.

Building the Basic App

  • Get the template for the basic version of the app.

Removing a HTML Element

  • Use the DOM to remove a HTML element from your app.

Removing more than one HTML Element

  • Use the removeChild method to remove multiple HTML elements from your app.

Using the LocalStorage API

  • Store the information in your to-do list app in your browser using the localStorage API.

Build a To-Do List App

  • Use your new HTML and Javascript skills to code a to-do list app. You need to use the DOM and localStorage APIs.

More Information

Appropriate for kids 9+ with no coding experience or knowledge required.

  • Each attendee will be provided with a laptop and WIFI connection to use during the workshop including an online JavaScript editor.
  • Attendees do not need to bring anything but their enthusiasm & passion to learn coding plus a bottle of water!
  • Workshops will involve reading and solving the coding challenges together as a group as well as individually.

Examples of coded App web page:

Learn JavaScript to Build an App Coding Workshop

Coded by 12 year old Samuel.

Learn JavaScript to Build an App Coding Workshops

Coded by 10 year old Alex.

FAQs

1. What is the ideal age to enrol into this program?

The ideal age is 9 years+.

2. What should I bring?

We provide laptops, WIFI connection and an online web page editor so you do not have to bring anything except your enthusiasm to learn and a bottle of water!

3. As a parent, can we view the web pages the kids create?

Yes, all attendees will be signed-up to Seesaw, a digital journal portfolio to which parents can download a FREE Seesaw app and view your child's portfolio.

Share with friends

Date and Time

Location

North Epping Public School

Boundary Road

North Epping, NSW 2121

Australia

View Map

Refund Policy

No Refunds

Save This Event

Event Saved