Ezbackend

A web application is an app that you can use on a browser like Google Chrome. Examples of web applications include Facebook and Gmail. In this course, students will learn how to create a simple To-Do List web application using React and EzBackend.


Basic Understanding of Python/Completion of Python course is required for this course.

Programming Language(s) Involved: JavaScript

Recommended Age: 11+ yr

Duration: 4 hours



Course objective:

  • Provide an understanding of HTML, CSS

  • Provide a deeper understanding of coding language: JavaScript

  • Familiarise with the different coding languages


Course outcome:

By the end of this programme, students will be able to:

  • Identify the functions of HTML, CSS.

  • Build a simple Web App

Course curriculum

  1. 1

    • What's a Web App?

    • Quiz 1

    • What is a Tech Stack? What is Frontend?

    • Activity: Make your own HTML website

    • Backend

    • Quiz 2
  2. 2

    • Tech Stack

    • Activity: Create React App
  3. 3

    • HTML and CSS

    • Quiz 3

    • CSS in the HTML

    • Quiz 4
  4. 4

    • Layout

    • Quiz 5

    • Building the Layout

    • Building the Layout

  5. 5

    • Functions
  6. 6

    • useState

    • Quiz 6

    • Adding State Management
  7. 7

    • Setting up Ezbackend

    • Quiz 7

    • Database Planning
  8. 8

    • HTTP Requests

    • Installing Axios

    • useEffect

    • Mapping elements
  9. 9

    • End of Course

    • Survey