Master Full Stack Web Development Skills

Learn web development and level up your competitiveness in the digital era. We will give you a in-depth understanding of both front-end (HTML & CSS) and backend (Python in Django) development with business use cases happening in Silicon Valley.

Course Overview

Be future-ready in all programming “stacks”.

Being a technical expert who understands all the capabilities and limitations of web applications is no longer an impossible task. We’ll walk you through both front and back-end development with business use cases happening in Silicon Valley.

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.

Why Full Stack?

Be the person who understands the whole “stack” of your company’s tech project, is able to “speak the language” and collaborate with programmers, project managers and designers.

530%

Growth in demand by 2024

Source: United States Bureau of Labor Statistics

Curriculum:

Module 1 - Python Basics in Web Programming

Lesson Format:

Online Private Class

Curriculum

Explore our curriculum.

All modules can be taken individually. Skipping to Module 3-5 will require an interview.

Python Basics in Web Programming
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 to businesses store, extract and manipulate data through industry use cases and case studies.

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.

Web Scraping with APIs

Learn how to navigate, collect and organize data from various sources like CSV files, APIs. You’ll leverage on existing datasets, scrape web data and learn to access useful information in these data structures.

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
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
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 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
Building a Blog Application

Learn the basics of the Django web framework by creating a basic blog application. You have to design the data models and applied migrations project and create the views, templates, and URLs for the blog, including object pagination.


Learn how to enhance the blog application with a comment system, tagging functionality, and allowing your users to share posts by email.

Building a Social Website

Learn how to create sitemaps and feeds, and build a search engine for the blog application. Develop a social application. Create functionality for users to login, logout, edit, and reset their password.


Learn how to create a custom profile for users, and add social authentication to the site.

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 / 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, do data validation, build forms that collect user data for storage with Structured Query Language (SQL). Know the technique that allows us to query and manipulate data stored with an Object Relational Mapping (ORM) tool called Active Record.

MVT (Model-View-Templete System)

Simply put, 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 in Django to build powerful web apps in a short amount of time. Dive deeper into the frontend part with Python with Django, e.g. merging HTML, CSS, JavaScript codes into Djangos and extended functionalities like hosting and image update and devise.

Advanced Django and Final Project
Building an Online Shop

Learn how to manage payments and orders, integrate a payment gateway into your project. Manage payment notifications, export orders to CSV files, create custom views for the administration site, generate PDF invoices dynamically and build a product recommendation engine.

Building an e-Learning Platform

Learn how to create fixtures for your models, use model inheritance. Manage groups and permissions, create a content management system (CRM). Create public views for displaying course information, build a student registration system, handle authentication and permissions for API views.

Wrapping everything with Django

Dive deeper in the Django framework and unearth advanced concepts - from payment gateways, maps to user log-in systems, permission control and even marketing and transactional emails, we’ve got you covered.

Final Product Deployment

You’ll learn how to use APIs, conduct background jobs and run final unit testing for your web product for final deployment in a breeze. You’ll come out of the course with your own final project or an Instagram and Spotify clone to show off your skills.

Module 1: Python Basics in Web Programming

Course Duration: 16 Hours

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 to businesses store, extract and manipulate data through industry use cases and case studies.

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.

Web Scraping with APIs

Learn how to navigate, collect and organize data from various sources like CSV files, APIs. You’ll leverage on existing datasets, scrape web data and learn to access useful information in these data structures.

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.

Module 2: Advanced Data Analysis and Data Engineering

Course Duration: 16 Hours

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.

Module 3: Frontend Programming with HTML, CSS and JavaScript

Course Duration: 16 Hours

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 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.

Module 4: Django and Web Application

Course Duration: 16 Hours

Building a Blog Application

Learn the basics of the Django web framework by creating a basic blog application. You have to design the data models and applied migrations project and create the views, templates, and URLs for the blog, including object pagination.


Learn how to enhance the blog application with a comment system, tagging functionality, and allowing your users to share posts by email.

Building a Social Website

Learn how to create sitemaps and feeds, and build a search engine for the blog application. Develop a social application. Create functionality for users to login, logout, edit, and reset their password.


Learn how to create a custom profile for users, and add social authentication to the site.

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 / 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, do data validation, build forms that collect user data for storage with Structured Query Language (SQL). Know the technique that allows us to query and manipulate data stored with an Object Relational Mapping (ORM) tool called Active Record.

MVT (Model-View-Template System)

Simply put, 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 in Django to build powerful web apps in a short amount of time. Dive deeper into the frontend part with Python with Django, e.g. merging HTML, CSS, JavaScript codes into Djangos and extended functionalities like hosting and image update and devise.

Module 5: Advanced Django and Final Project

Course Duration: 16 Hours

Building an Online Shop

Learn how to manage payments and orders, integrate a payment gateway into your project. Manage payment notifications, export orders to CSV files, create custom views for the administration site, generate PDF invoices dynamically and build a product recommendation engine.

Building an e-Learning Platform

Learn how to create fixtures for your models, use model inheritance. Manage groups and permissions, create a content management system (CRM). Create public views for displaying course information, build a student registration system, handle authentication and permissions for API views.

Wrapping everything with Django

Dive deeper in the Django framework and unearth advanced concepts - from payment gateways, maps to user log-in systems, permission control and even marketing and transactional emails, we’ve got you covered.

Final Product Deployment

You’ll learn how to use APIs, conduct background jobs and run final unit testing for your web product for final deployment in a breeze. You’ll come out of the course with your own final project or an Instagram and Spotify clone to show off your skills.

Choose your Lesson Format

Program Experience

One of a kind learning experience.

But first, get to know you.

Unlike other traditional schools that push students into standardized learning with rigid lesson plans, we tailor each lesson entirely for you. Tell us about your learning goals, your level, area of programming interests, and we’ll design lessons and exercises based on our curriculum that move you closer to your objectives and learning pace.

Calibrate the best in-lesson materials.

Lesson after lesson, we collect data and feedback on what you’re weak at and where you need help with. This facilitates gradual ever-improving personalization in lesson materials for the coming lessons you’ll have with us. We make sure your progress is always improving with endless refinements.

Decode with real-world applications.

Instead of long, skill-based lectures, we base our lectures on real-life use cases and business applications so you can easily and quickly understand how to apply different programming techniques to various scenarios.

Curate your personal learning aids.

From revision flashcard to after-class challenges, they’re all made just for you. We curate and recommend relevant learning cues so you can study smarter and rehearse core concepts at any time on our platform.

Always know you better

The more lessons you have, the better our A.I. engine generates tailor-made and ever-improving curriculum for you. Iterating from feedback after feedback, our data-driven personalized learning program will always keep you on track.

But first, get to know you

Unlike other traditional schools that push students into standardized learning with rigid lesson plans, we tailor each lesson entirely for you. Tell us about your learning goals, your level, area of programming interests, and we’ll design lessons and exercises based on our curriculum that move you closer to your objectives and learning pace.

Calibrate the best in-lesson materials

Lesson after lesson, we collect data and feedback on what you’re weak at and where you need help with. This facilitates ever-improving personalization in lesson materials for the coming lessons you’ll have with us. We make sure your progress is always improving with endless refinements.

Decode with real-world applications

Instead of long, skill-based lectures, we base our lectures on real-life use cases and business applications so you can easily and quickly understand how to apply different programming techniques to various scenarios.

Curate your personal learning aids

From revision flashcard to after-class challenges, they’re all made just for you. We curate and recommend relevant learning cues so you can study smarter and rehearse core concepts at any time on our platform.

Always know you better

The more lessons you have, the better our A.I. engine generates tailor-made and ever-improving curriculum for you. Iterating from feedback after feedback, our data-driven personalized learning program will always keep you on track.

But first, get to know you

Unlike other traditional schools that push students into standardized learning with rigid lesson plans, we tailor each lesson entirely for you. Tell us about your learning goals, your level, area of programming interests, and we’ll design lessons and exercises based on our curriculum that move you closer to your objectives and learning pace.

Calibrate the best in-lesson materials

Lesson after lesson, we collect data and feedback on what you’re weak at and where you need help with. This facilitates ever-improving personalization in lesson materials for the coming lessons you’ll have with us. We make sure your progress is always improving with endless refinements.

Decode with real-world applications

Instead of long, skill-based lectures, we base our lectures on real-life use cases and business applications so you can easily and quickly understand how to apply different programming techniques to various scenarios.

Curate your personal learning aids.

From revision flashcard to after-class challenges, they’re all made just for you. We curate and recommend relevant learning cues so you can study smarter and rehearse core concepts at any time on our platform.

Always know you better

The more lessons you have, the better our A.I. engine generates tailor-made and ever-improving curriculum for you. Iterating from feedback after feedback, our data-driven personalized learning program will always keep you on track.

But first, Coffee

Get your brain ready with some freshly brewed coffee from our in-house specialty - Preface Coffee.

Project-Based Lectures

Instead of long boring lectures, get trained up step-by-step through a series of mini-lectures and coding practices.

Real-world Use Cases

Understand how web development is applied to practical business settings with real-life use case analysis and business applications.

Live Code Challenges

Explore different programming techniques and their use cases through live practices and discussions with your batchmates.

Interactive Supports

Our group tutors will assist your in-class learning and facilitate discussions and interactions between classmates. Be ready to learn lightning fast when you work with others.

Support & Perks

A community made just for you.

Flexibility, No Compromise

At Preface Coding, you don’t have to quit your job or give up any other priorities when you learn with us. You will always have full control over the lesson schedule and learning pace to guarantee success.

Career Acceleration

Get noticed with coding skills on your resume and Preface Coding will do the rest! We will get you prepared with interview questions,host career workshops and help you compile your programming portfolio to show off to potential employers and collaborators.

Regular Review Session

Seek learning support post-class with our instructors via free review sessions and meet ups to freshen up your programming skills, get updates on the latest business use cases and meet other like-minded professionals!

Community Projects

Collaborate with a diverse background of graduates to build products that link to real-world problems, allowing you to apply learned concepts to situations that are inherently practical.

Mentorship

We are here not only to transfer knowledge from teachers to students, but also to show you how to learn and grow, encourage good habits and act as a supportive peer.

Lifetime Learning Support

Your second home of programming support with all graduates. We’ll share in-trend industry news and knowledge resources throughout and after the class in our private Slack group.

Our Graduates

Meet our graduates.

Tuition

Choose the right tuition plan.

Module 1

Python Basics in Web Programming

  • 8 sessions in 16 hrs

  • Online real-time

Starter module with no commitment. Take the leap and enter the vast world of Web Development.

HKD 680 / hour

APPLY NOW
Full Course

Full Stack Web Development

  • 40 sessions in 80 hrs

  • Online real-time

Ready to become a full-stack Web Developer? Boost your career with Python in Django and data management knowledge.

HKD 612 / hour

was HKD 680 / hour

APPLY NOW
Frequently Asked Questions

More information about our course.

Classes can be scheduled 2 days beforehand, so you can have lessons pretty much right after you’ve paid. Of course, you’re always welcome to book in for a later time to lock down your schedule first.

The beauty of the 1-on-1 class is you get to choose your time and class intensity, 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 JST.

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 to the necessary tools needed. You’ll also receive reminder emails prior to each lesson.


For 1-on-1 online classes:
Book your lesson and get online. We will get in touch to schedule your lessons and set you up for the online lessons. Receive a link in your email to start your first meeting with a private coding coach online.

SUBSCRIBE

to get updates on our classes and workshops

By clicking "Subscribe", you agree to receive emails from Preface and accept our web terms of use and privacy & cookie policy.