Preface Logo




Preface Logo


Full Stack Web Development with Python and JavaScript

Create dynamic websites and games!

Becoming a web programmer isn't as hard as you think. Learn front-end and back-end languages from the ground up and master the syntax through website design and interactive games.

Course Hero ImageCourse Icon
Front-end Web Development refers to building web interfaces, specifically the parts of the website that the user will interact with. When you’re browsing the web, everything you see, from images and headings to sliders and buttons is made using HTML, CSS and JavaScript, the main components to any website.

Back-end Development refers to the parts of the website that a user doesn't see or directly interact with. The back-end handles application logic, algorithms, database interaction and the processing of user requests.

In this course, you will learn how to make powerful Websites and Games leveraging the power of both the Front-end and Back-end. This course also covers how to integrate Back-end frameworks like Flask with popular Front-end libraries and frameworks.


Perfectly designed for

10+ year-old children

Curriculum developed by

Certified Trainers from MIT

One-of-a-kind Experience

Fun Learning

Fun Learning

At Preface, kids learn how to make games and animations that they love to play with themselves. They get to tap into their inner creativity and explore this process with like-minded buddies.

Global award winning AI program

Global award winning AI program

Unlike other traditional schools that push kids into standardized learning with rigid lesson plans, we tailor each lesson entirely for them and calibrate the best in-class materials based on their performance.

Best classroom experience

Best classroom experience

No matter if it’s in in-person or remote setting, our instructors and course design make sure each learner is supported and have all key concepts cleared at each checkpoint.

Bootcamps at Preface

Learners love Preface because we believe in creating a love for learning, which is at the centre of everything we do. Below is an example of what you can expect at our bootcamps.

Getting To Know You

At the same time, we make sure everyone has all the necessary tools and materials ready for the day.

Lessons, Projects, Games!

Have fun playing games that require coding skills, and learn key concepts through real-life projects and personalised exercises.

Support Buddies

Every mistake is an opportunity to improve. Our instructors make sure each student can pick up the concepts at each learning checkpoint.


UX/ HTML/ CSS/ Bootstrap

16 hours

Welcome to the world of web design. We'll be guiding you through User Experience (UX) first, where you can define what your website would look like. We'll then transition to HTML, a language that allows you to display raw content. To beautify your website, we'll then explore concepts of typography, colour theory and responsiveness through CSS and Bootstrap. As websites are accessed through many different platforms today such as phones, computers, and tablets, the concept of Responsiveness is important in keeping your designed experience consistent.

Featured Projects
  • Responsive Online Portfolio Website
  • Concepts to Learn
  • Intro to UI/UX
  • HTML Syntax
  • Bootstrap
  • image_tag

    Pause and resume anytime

    All lessons can be taken individually. Fit them into your summer vacations or any schedule you like.


    Already know the basics?

    If you have some coding experience, you can jump ahead after doing a short interview with us.

    Key Learnings

    Get a grasp on the fundamentals of HTML, CSS, JavaScript and Bootstrap, to build responsive web applications.
    Understand the basic technicalities of hosting
    Fundamental programming syntax and frameworks using Integrated Development Environments (IDEs)

    Happy Graduates

    How to apply


    Hours Credits

    8 Hours

    16 Hours

    + 1 extra hour

    48 Hours

    + 5 extra hour

    Best For

    Having a taste of the experience by taking half a stage.

    Going through the stages one by one.

    A full experience for you to complete the stages in full speed.




    5% Off


    10% Off

    IN-PERSON | 1-ON-1

    Try our 1-hour trial class

    HK$ 800
    Get a taste of our personalised learning experience. Students will be introduced to the basic and create a mini-game with their favorite characters. You can redeem the trial fee at your next purchase of any course packages.

    Terms and conditions apply.

    Our Campus
    Causeway Bay
    18/F, Tower 535, 535 Jaffe Road, Causeway Bay, HK
    Hung Hom
    Kerry Hotel, 38 Hung Luen Rd, Hung Hom, Hong Kong
    Aldwych House, 71-91 Aldwych, London WC2B 4HN
    Campus | Causeway Bay
    18/F, Tower 535, 535 Jaffe Road, Causeway Bay, HK
    Campus | Hung Hom
    Kerry Hotel, 38 Hung Luen Rd, Hung Hom, Hong Kong
    Campus | London
    Aldwych House, 71-91 Aldwych, London WC2B 4HN

    Frequently Asked

    Does my child need to have basic knowledge about coding before scheduling a class?
    Why learn coding at a young age?
    Who is suitable for Preface’s coding courses?
    How do you customize the curriculum and materials for my child
    How is my instructor qualified? Who are my instructors?
    Will my child earn a certificate?
    How do I know my child is learning? What happens if he/she falls behind?
    Do I need to bring my own devices for class?
    What's the policy for adverse weather conditions?
    What's the sick leave policy?
    Are the courses refundable?
    Credits shared among siblings?
    Change Online classes format to In-person private classes format
    Can I form a private learning group?
    What if my child has never used a laptop before?
    Can I follow one instructor throughout my learning?
    Any expiry date for the credits?
    Why can't I book a lesson?
    What happens if I am late to class?
    What is a Hackathon?