IN-PERSON | ONLINE | BOOTCAMP

Full Stack Web Development

Be future-ready in all stacks

Whether you want to become a web programmer, a technical consultant or a project manager who knows a technical project inside out, this programme is the Swiss knife you need to level up your competitiveness in the digital era.
This course will give you an in-depth understanding of both front-end (HTML & CSS) and backend (Python in Django) development with business use cases happening in Silicon Valley. If you're not coming from a technical background, this course would empower you to speak the same language with your tech team, to foster seamless collaboration.

Private class or bootcamp
Best intro to the coding world
Build real-life projects from scratch
One-of-a-kind Experience
Real life exercise
Solve the world’s most interesting problems. We handpick the best real-world projects to ensure you build applicable skills that the industry values.
Learning portal
Sign in to our portal to revise course materials. Practice and apply your skills with our short exercises to consolidate memory.
Student success
If you ever find yourself struggling, reach out to our tutors and support team. They are here to help with code review, time management, tech issues, and more.
Curriculum

Python Basics in Web Programming
16 Hours
Foundational Module
Python Basics
A beginner-friendly module that teaches you how to code in Python and work efficiently with big datasets using Google’s Colab. Understand how businesses store, extract and manipulate data through industry use cases and case studies.
Web Scraping with APIs
Learn how to navigate, collect and organize data from various sources like CSV files, APIs. You’ll leverage existing datasets, scrape web data and learn to access useful information in these data structures.
Analyzing Data with Python
Learn how to analyze and harvest clean data sets and create data frames to run basic analysis as well as to perform data reporting using powerful data science libraries like Pandas and Numpy to gain actionable insights for your business.
Intro to Data Visualization
Understand how data scientists present and visualize large datasets across industries. Leverage on Matplotlib to create descriptive and interpretable visuals, enabling you to easily extract relevant information, better understand the data, and make effective decisions.
Advanced Data Analysis and Data Engineering
16 Hours
Intermediate Module
Data Crawling and Data Mining
Learn how to extract and save any data on any websites like Google and Yahoo, process the HTML codes, and build automated tools to crawl the web at scale. From texts to images, fetch and display desired information for your own use with libraries like BeautifulSoup.
Advanced Data Visualisation
Bridge the gap between data and insights and create informative and striking statistical graphics with libraries like Seaborn and Plotly. Draw effective conclusions and analysis by visualizing the multidimensional relationships among the data samples, conduct correlation analysis and even statistical data exploration.
Frontend Programming with HTML, CSS and JavaScript
16 Hours
Intermediate Module
Intro to HTML, CSS & Bootstrap
Get a good grasp of the underlying structure of a web with HTML and style interfaces (UI) using CSS design components and layout. Leverage on Bootstrap for quick, responsive design that is geared towards rapid prototyping with just a few lines of code.
Dynamic Website Development
Master all core JavaScript concepts like DOM Events and how it powers up dynamic, front-end interactions. You’ll also learn how to process user inputs and behaviour with HTTP & AJAX, and work with JS frameworks for rapid development.
Django and Web Application
16 Hours
Advanced Module
Basic Django Fundamentals
Learn the basics of the Python-based Django web framework by working through mini projects that incorporate all the framework fundamentals. Learn about the basics of models, function-based views, class-based views and templates as you gradually enter the vast world of the framework responsible for building some of the internet’s biggest web applications.
Building Your Own Blog Application
Learn the basics of the Django web framework by creating a basic blog application. You will design the data models, apply schema migrations and create the views, templates, and URLs for the blog, including object pagination. You will learn how to access and manipulate data from databases and learn to create, read, update and delete posts. Utilize the power of the Django admin page and learn how to enhance the blog application with a Facebook-esque comment system.
Object-Oriented Programming
Learn how to organize information and behavior in a program and map them to real world objects to make codes more understandable, easier to maintain, and facilitate program reuse - all with object-oriented software architecture and principles. Get familiar with Python’s object-oriented concepts such as classes, objects, and inheritance.
Relational Database with SQL & ORM
Databases are like a powerhouse for the web. Know the techniques of building and maintaining an efficient database - how to structure a data table, design a relational database schema, perform data validation and build forms that collect user data for storage with the well-known Structured Query Language (SQL). Know the technique that allows us to query, filter and manipulate data stored with an Object Relational Mapping (ORM) tool called Active Record.
MVT (Model-View-Template System)
MVT is a design pattern to organize how the User Interface (UI) interacts with the codes, and how the codes in turn modify things in the UI to respond to users’ specific action. This section teaches you how to use the Python in Django MVT framework that provides flexibility and scalability for applications.
Modern Frontend
Explore the array of useful plugins and robust features of Django, as the web framework used together with Python, to build powerful web apps in a short amount of time. Dive deeper into the user interface and frontend with Django, e.g. merging HTML, CSS, JavaScript codes into Django’s extended functionalities in order to create a fully functional website with both frontend and backend capabilities.
Advanced Django and Final Project
16 Hours
Advanced Module
Building an Airbnb Clone
As the top ranked travel and tourism website in the world, the Airbnb website allows for a seamless user experience from start to finish. Recreate the website that redefined what it meant to travel, all the while exploring the advanced world of Django.
Advanced Django Application
Explore Django’s advanced functionalities through the cloning of Airbnb’s UI and UX, allowing users to create and edit their profile, book trips, search for listings and message each other. Create sophisticated database models that will give you a deeper understanding of databases and querying. Master frontend development and its seamless integration with the Django framework.
Modern Web Components & API Integration
Fill your web application with trendy present-day web components, such as a map system and a messenger platform. Learn to integrate the Google Map API in your website to ensure that your website is future-proof and provides a great user experience to your users.
Final Product Deployment
Run final unit testing for your product and deploy a fully functional Django project on the web. Add your full stack website to your personal portfolio and share your project for your employers and peers to see!
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.
Course Format
The lesson schedule and format are highly flexible. Apart from bootcamps, you can choose to learn face-to-face or online (in real-time).
Bootcamp
In-person
Private Class
In-person, Online
Module 1 - 2
Module 3 - 5
Key learnings
Get a grasp on the fundamentals of HTML, CSS, JavaScript, AJAX, and Bootstrap, to build responsive web applications.
Use Django web framework as the backbone for rapid web development.
Maintain a relational database with SQL and ORM.
Application

Immersive learning at your own pace
Everyone lives life at a different speed, which is why our bootcamp is modular and offered at different paces. Just pick the package that works with your schedule, lifestyle, and learning style.
Feel like staying home?
Our instructors are well-trained to teach over live video chat, just as effective as in the classroom, so that you can learn from anywhere.
Course
Module 1
Web Programming with Python Basics
Module 1 - 2
Web Programming Essentials
Full Course : Module 1 - 5
Advanced Full Stack Web Development
Length8 sessions in 16 hrs16 sessions in 32 hrs40 sessions in 80 hrs
Best ForStarter module with no commitment. Take the leap and enter the vast world of Web Development.Ready to become a full-stack Web Developer? Boost your career with Python in Django and data management knowledge.​​Gain a well-rounded technical foundation, and walk away with a portfolio showcasing your web development acumen.
Price
HK$ 10,880
HK$ 680/hour
HK$ 20,672
HK$646/hour
  ·  5% Off
HK$ 48,960
HK$612/hour
  ·  10% Off
Course
Web Programming with Python Basics
Length
8 sessions in 16 hrs
Best For
Starter module with no commitment. Take the leap and enter the vast world of Web Development.
Price
HK$ 10,880
HK$ 680/hour
Course
Web Programming Essentials
Length
16 sessions in 32 hrs
Best For
Ready to become a full-stack Web Developer? Boost your career with Python in Django and data management knowledge.
Price
HK$ 20,672
HK$646/hour
  ·  5% Off
Course
Advanced Full Stack Web Development
Length
40 sessions in 80 hrs
Best For
​​Gain a well-rounded technical foundation, and walk away with a portfolio showcasing your web development acumen.
Price
HK$ 48,960
HK$612/hour
  ·  10% Off
Tailored learning experience
We will customise your learning paths and map the right knowledge points centered to your learning goals, providing just what you need to learn, at the right time.
Course
Module 1
Web Programming with Python Basics
Module 1 - 2
Web Programming Essentials
Full Course : Module 1 - 5
Advanced Full Stack Web Development
Length8 sessions in 16 hrs16 sessions in 32 hrs40 sessions in 80 hrs
Best ForStarter module with no commitment. Take the leap and enter the vast world of Web Development.Ready to become a full-stack Web Developer? Boost your career with Python in Django and data management knowledge.​​Gain a well-rounded technical foundation, and walk away with a portfolio showcasing your web development acumen.
Price
HK$ 12,800
HK$ 800/hour
HK$ 24,320
HK$760/hour
  ·  5% Off
HK$ 57,600
HK$720/hour
  ·  10% Off
Course
Web Programming with Python Basics
Length
8 sessions in 16 hrs
Best For
Starter module with no commitment. Take the leap and enter the vast world of Web Development.
Price
HK$ 12,800
HK$ 800/hour
Course
Web Programming Essentials
Length
16 sessions in 32 hrs
Best For
Ready to become a full-stack Web Developer? Boost your career with Python in Django and data management knowledge.
Price
HK$ 24,320
HK$760/hour
  ·  5% Off
Course
Advanced Full Stack Web Development
Length
40 sessions in 80 hrs
Best For
​​Gain a well-rounded technical foundation, and walk away with a portfolio showcasing your web development acumen.
Price
HK$ 57,600
HK$720/hour
  ·  10% Off
4

Days in total
4

Hours daily
1:8

Class Ratio
2500+

Happy Graduates
IN-PERSON
Try our 1-hour trial class
HK$ 800
In a 1-on-1 private session, you will grasp the fundamentals of Python and learn about a real-life business use case recommended by our in-house algorithm. You can redeem the trial fee at your next purchase of any course packages. Terms and conditions apply.
Proud Preface Grads
Feedbacks from happy learners inspire us everyday
As a startup founder without technical background, Preface's programming course gave me solid understanding & practical skills about coding, and enabled me to build an effective communication channel with my engineers. Preface is definitely the go-to upskill platform for anyone in the field.
Vincent So
Founder at Inspect Element
I used to think coding is the new & hip trend that only fits young people, but Preface has proven me wrong. The systematic & practical learning system helped me to get my hands on programming seamlessly, and to actually apply to work. How much I love Preface? I applied to both courses.
Bernard Hui
Senior District Director at AIA Hong Kong
The Preface Difference
Come for learning a skill.
Stay for the continual growth.

Frequently Asked

This is the first thing you need to know when you become our students. A student portal account is created for all Preface students for class booking and note review.
For all newly registered students, your first lesson could be arranged in 7 days as soon as your payment is completed. Of course, you're always welcome to book in for a later time to lock down your schedule first.
The beauty of 1-on-1 classes is you get to choose your favorite time and location, while not having to give up other priorities. Lessons can be scheduled from Mon-Sun, starting as early as 9 am or as late as 9 pm local time.
For 1-on-1 in-person classes:
Book a class, meet and code. Time and location of your choice. We will get in touch to schedule your first lesson and guide you through your learning journey. You’ll also receive reminder emails prior to each lesson.
For 1-on-1 online classes:
Book your class and get online. We will get in touch to schedule your lessons and set you up for the online lessons. You will receive a link in your email 1 day before your class as a confirmation. If you have any questions, please contact us via live chat.
Not sure where to start?

Answer a few questions and a Preface education advisor will work one-on-one to find the right course for your kid.

Want to stay tuned?
Be the first to know about new courses and offers.