Projects

  • All
Simple Counter App

Simple Counter App

Simple TODO application

Quiz App

ChatBot App

Quiz App Backend

YouTube Collection App - Home

YouTube Collection App - Search Result

YouTube Collection App - View

Course Outline

This 12-week part-time Web Development course is designed for beginners who have basic understanding of HTML, CSS and JavaScript.


The course covers all the fundamental topics of Web Development with React.js, as well as a wide variety of hands-on exercises and comprehensive projects.

Introduction to React.js

The development of web technology and Introduction to React.js

Setting up the development environment, Tailwind CSS and Deployment Pipeline

Using `state`, `props`, data-binding and Event Handling

Mini-Project: Set up and deploy a basic Hello World React.js project

Mini-Project: Create a simple Counter app

Components

What are components?

Class components vs functional components

Using `props` in components

Lifecycle methods

Working with HTML Forms

Working with `localStorage` for data persistence

Mini-Project: Build a simple TODO application using React.js components

React Hooks

Introduction to React Hooks

Using `useState()`, `useEffect()`

Revamp our existing app: Counter & TODO application using React Hooks

Mini-Project: Build a Quiz App to apply the concepts of React Hooks

Working with APIs

Introduction to APIs

Cross-origin resource sharing (CORS)

Make API request and handle responses with `fetch` / `axios`

Mini-Project: Integrate with OpenAI ChatGPT API and create a simple AI-powered ChatBot App

Link to a Database

Introduction to Firebase

How to do CRUD (Create, Read, Update, Delete)

User Authorization with Firebase

Mini-Project: Link our Quiz App to Firebase - Create a backend for the Quiz App

Final Project: Create a Simple YouTube Collection Website

Create a multi-page web application

Use YouTube API to fetch video information

Persist data to Firebase

Implement user authorization with Firebase

Steven, Frontend Instructor

Steven

About the Instructor

Seasoned Full-Stack Developer with 15+ years of battle-tested experience

  • Expert in Web Design and Development, Specialized in frameworks such as React.js, Vue.js, React Native, and iOS Development
  • Teach Web Development on social media platforms with 60k+ passionate followers
  • Substantial experience in Web 3.0 technologies such as Blockchain, Crypto and more
  • Trained developers to compete in international competitions

Pricing and Discounts

Sign up EARLY to enjoy early bird discount (15% OFF)

Regular

HK$15,080

  • 12-Week Course, three-hour lesson x 1 per week
  • Lecture Notes and Exercises
  • Capstone Projects

FAQ