INNOVATOR |  Age 12+  |  Coding

Web & App Development

Start your adventure today!

Front-end development is all about creating the parts of websites and apps that users see and interact with. It involves designing the look, layout, and features to ensure everything is user-friendly and visually appealing. By learning front-end development, your child will gain skills to build modern, interactive websites and apps, sparking creativity and problem-solving—perfect for future tech-savvy professionals!

View Schedule
Join Now
Select Dynamic field
AGE

12+

Modules

2

MEDIUM OF INSTRUCTION

English

.

LeveL

Intermediate

Must be able to type efficiently

Overview - Web & App Development

  • Build your own personalized portfolio website using HTML, CSS, JavaScript, and Tailwind CSS—complete with photo galleries and interactive features.
  • Learn Flutter and Dart through hands-on projects, and design stunning, responsive mobile apps for both Android and iOS.
  • Explore real-world applications of machine learning by integrating Google’s ML Kit into your apps, with features like facial recognition and smart functionality.

Curriculum - Web & App Development

Module 1 | R5011

Introduction to Web Development 

Create a personalized portfolio webpage

Students will build a personalized portfolio website from scratch using HTML, CSS, and JavaScript. Guided by experienced instructors, they will develop a captivating photo gallery and apply styling techniques to enhance visual appeal. Through hands-on learning, students will use JavaScript to add interactivity and explore how websites communicate with backend servers—an essential concept for real-world web development. This project-based course equips students with the foundational skills to create dynamic and functional websites, setting the stage for more advanced web development learning.

Module 2 | R5012

Build Apps with Google Flutter

Students will begin by learning the Dart programming language and building their own custom project to showcase core skills. Students will then take on a real-world challenge—designing a pet adoption app for a charity—while adding animations and interactive UI elements. They will also explore advanced features like facial recognition with ML Vision, API integration, and even experiment with cutting-edge tools like YOLO for object detection. This hands-on journey blends creativity, coding, and innovation—offering an exciting foundation in modern app development.

Preparation

  • Bring your own laptop with a charger
  • Install Google Chrome for visualising the projects 
  • Install Visual Studio Code for coding

Education Tools

  • HTML
  • CSS
  • JavaScript
  • Dart
  • Google Flutter

Bring Home...

  • An attendance certificate
  • All project code and creations

Project Demo

Class Schedule 

Innovator Program: Web & App Development

10

Lessons per module

1.5

Hours Each

1 : 5

 Teacher to Student Ratio

2 - 5

Students / Class

Module 1 | R5011

Introduction to Web Development

Available Upon Request

HK$6680

Face-to-face at Prince Edward / Online

Join Now

Ready to start?

Want to learn more? Schedule a free consultation session with our education experts and let us show you around our innovation lab!

Explore our programs

Regular Classes
Holiday Classes
Book an assessment