Full Stack Web Development

Learn how dynamic web applications like Airbnb are built - from client-facing side of beautiful design to backend workflow of database management, web infrastructure and more.

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 - Frontend Programming with HTML, CSS and JavaScript

Lesson Format:

Online Private Class

Curriculum

Explore our curriculum.

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

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.

Programming Basics with Ruby
Developer set up & workflow

Learn to set up the right developer’s environment with the best software engineering practices and get familiar with the command line and text editor to start your first coding project. You’ll be introduced to common developer’s tool like Git and GitHub to manage collaborative work.

Intro to Programming with Ruby

Develop a solid base in programming and computer science knowledge with Ruby and be familiar with concepts like loops,data structures, control flow that respond to user’s inputs. You’ll grasp and learn how logics and powerful algorithms are developed in the real-work via creating in-trend, real-life programs like chatbots.

OOP & Database Management
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 Ruby’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 Object Relational Mapping (ORM) tool called Active Record.

MVC & Ruby on Rails Basics
MVC (Model-View-Controller System)

Simply put, MVC is a design patter 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 user’s specific action. This section teach you how to use the Ruby on Rails MVC framework that provides flexibility and scalability for applications.

Modern Frontend with Rails

Explore the array of useful plugins and robust features of Rails as the favorite web framework use together with Ruby to build powerful web apps in a short amount of time. First, dive into the frontend part with Ruby on Rails, e.g. merging HTML, CSS, JS codes into Rails and extended functionalities like hosting and image update and devise.

Advanced Ruby on Rails and Final Project
Wrapping everything with Rails

Dive deeper in the Rails framework and unearth advanced concepts -- learn and master everything you see on Airbnb, from payment gateways, maps to user log-in systems, permission control and even marketing/ 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 Airbnb clone to show off your skills.

Module 1: 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 2: Programming Basics with Ruby

Course Duration: 16 Hours

Developer set up & workflow

Learn to set up the right developer’s environment with the best software engineering practices and get familiar with the command line and text editor to start your first coding project. You’ll be introduced to common developer’s tool like Git and GitHub to manage collaborative work.

Intro to Programming with Ruby

Develop a solid base in programming and computer science knowledge with Ruby and be familiar with concepts like loops,data structures, control flow that respond to user’s inputs. You’ll grasp and learn how logics and powerful algorithms are developed in the real-work via creating in-trend, real-life programs like chatbots.

Module 3: OOP & Database Management

Course Duration: 16 Hours

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 Ruby’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 Object Relational Mapping (ORM) tool called Active Record.

Module 4: MVC & Ruby on Rails Basics

Course Duration: 16 Hours

MVC (Model-View-Controller System)

Simply put, MVC is a design patter 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 user’s specific action. This section teach you how to use the Ruby on Rails MVC framework that provides flexibility and scalability for applications.

Modern Frontend with Rails

Explore the array of useful plugins and robust features of Rails as the favorite web framework use together with Ruby to build powerful web apps in a short amount of time. First, dive into the frontend part with Ruby on Rails, e.g. merging HTML, CSS, JS codes into Rails and extended functionalities like hosting and image update and devise.

Module 5: Advanced Ruby on Rails and Final Project

Course Duration: 16 Hours

Wrapping everything with Rails

Dive deeper in the Rails framework and unearth advanced concepts -- learn and master everything you see on Airbnb, from payment gateways, maps to user log-in systems, permission control and even marketing/ 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 Airbnb 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

Frontend Programming with HTML, CSS and JavaScript

  • 8 sessions in 16 hrs

  • Online real-time

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

JPY 152,000

JPY 9,500 / 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 Ruby on Rails and data management knowledge.

JPY 646,000

was JPY 760,000

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