stars.png

Learn advanced React, Node, TypeScript, and GraphQL by building a production-ready application in this 8-week, self-paced, online course.

  • Learn each of these technologies and how to build a production app that fits them together.

    Self-Paced:

    2 months

    Estimated 4 hours per week

    Contents:

    24 modules

    Each module contains 1-2 hours of lecture, code, challenges, and quizes

    Difficulty:

    Intermediate

    Our customers work at

    How The Course Works

    TinyHouse is a self-paced, 8-week, online course.

    Remote

    Take the course anywhere

    Self-paced

    Take the course anytime

    Structured

    Learn in a cohesive fashion

    Community

    Learn with other students

    Tinyhouse's What You Will Learn Background Image

    10 Things You'll Learn

    1. How to create a GraphQL API in Node.js, with Apollo Server, from scratch.
    2. Gain confidence to build robust production-ready applications.
    3. Build large-scale React applications with 2020 techniques (e.g. Hooks).
    4. Utilize React Apollo and the Apollo CLI to handle GraphQL requests from React.
    5. Avoid bugs by using TypeScript to write strongly-typed code.
    6. Persist data with both MongoDB and PostgreSQL.
      Pro
    7. Handle payments with Stripe.
      Pro
    8. Learn how to deploy applications hassle-free with Heroku.
      Pro
    9. Tackle the complexity of authentication by using the industry standard OAuth 2.0 (Google Sign-In).
      Pro
    10. Enable location searching with the powerful Google's Geocode API.
      Pro

    Nader Dabit

    Senior Developer Advocate at Amazon Web Services

    TinyHouse is the first full stack course that I've seen covering all of the aspects of building a real-world and modern application.

    This course stands out to me not only because of the great execution, but the breadth of important topics that are covered that are typically left out of these types of courses. By the end of this course, you'll be well on your way to becoming a full stack developer on one of the most modern stacks out there today. 5 stars!

    What You'll Build

    In this detailed Fullstack Masterclass, you'll build a production-ready home sharing application, inspired by sites like Airbnb.

    🏠 Try the completed app demo 🏠

    How to create a Node.js GraphQL API

    We'll build a GraphQL in Node.js from scratch
    ...and then upgrade to Apollo Server

    Create React UI with GraphQL Data

    Using Apollo Client we'll integrate our GraphQL queries and mutations into our React app (using hooks)

    Utilize Apollo to make GraphQL requests

    Using Apollo Client we'll call GraphQL mutations (using hooks)

    Avoid bugs with TypeScript

    Both our client and our server will be implemented in TypeScript

    Search-by-Location
    Pro

    We'll use a Geo-location API to allow searching for listings by physical location

    Accept Payments with Stripe
    Pro

    Using Stripe, we'll configure the front-end and server to take payments

    Create Gorgeous Pages
    Pro

    Creating intuitive and presentable UI isn't easy. We'll see how CSS component frameworks let us create beautiful pages (without being a designer)

    Tackle Authentication
    Pro

    Authentication can be difficult to get right, but we show each step to integrate our server and client to allow login with Google or any OAuth 2.0 provider

    Learn Efficient Pagination
    Pro

    See how offset-based pagination can easily be implemented with MongoDB and the Apollo framework.

    Build Complex Forms
    Pro

    Handle form validation with React Hooks and Ant Design's intuitive, form-based components.

    Building TinyHouse

    The TinyHouse course is broken into two parts

    See the full syllabus

    Part I

    An introduction to all the different tools we'll need to build the TinyHouse application.

    CONTAINS

    • - 65+ screencast videos (over 7hrs of recorded material)
    • - Detailed manuscript (and code) for every single screencast video.
    • - 110+ multiple choice quiz questions.
    • - In-depth challenge projects.
    • - 8+ PDF cheat sheets
    • - and more...

    Part II
    Pro

    Take everything we've learned from Part I and build the TinyHouse home sharing application.

    CONTAINS

    • - 96 additional screencast videos (over 16 additional hrs of recorded material)
    • - Detailed manuscript for every single screencast video.
    • - 110+ multiple choice quiz questions.
    • - More challenge projects.
    • - Build of the code for each lesson

    TinyHouse vs. Other Courses

    TinyHouse offers the capability to learn within a more complex, in-depth, and interoperable setting.

    Other Courses

    Complexity

    Build a production-ready appAnother todo list

    Depth

    Covers all of the details including structure, organization, tooling, and deployment.Leaves you wanting more, wondering how to build a "real" application.

    Interoperability

    Build one unified application in-depth.A bunch of different tutorials that don't fit together.

    Community

    Support from classmates and teachers in our Discord community.On your own

    Code Examples

    Complete code examples, with exercises and quizzes.Spotty, questionable code examples.

    Time Commitment

    Build a complete app in 4 - 6 weeks.Without a linear path you can waste months and get nowhere.

    Qualified Instructions

    We've written and sold thousands of copies of books such as Fullstack React and Fullstack Vue.Unpredictable

    Accountability

    Satisfaction guaranteed - refund at any time.Stingy refund policies, if any.
    Tinyhouse's Promotional Banner's Large Background Gradient

    What's Inside

    The Tinyhouse course is designed to maximize active learning.
    It's designed so that you can learn-by-doing and have the confidence to build a complete application (and get a better job) when you're done.

    Video Lectures

    Each week has 1-2 hours of video lectures.

    Complete Transcripts

    Every lesson comes with a complete transcript alongside the video, including code.

    Complete Code for Each Lesson

    Every lesson contains a folder of code that shows a runnable version of the app.

    Quizzes (with Solutions!)

    Recalling information helps improve retention. Each week you'll have quizzes to test your knowledge.

    Challenges

    Challenges are structured code problems that let you try your skills in a new domain.

    Community

    In our community Discord channel, you can chat with fellow students, ask questions, and help each other.

    Course Reviews

    What folks are saying

    TinyHouse tackles information overload by helping distill information in a specific, concise, and understandable format.

    Coming from a background of using React, Node, and MongoDB; this course helped introduce other concepts I haven't come across before. I can confidently say this course has made me more confident in building more scalabe web applications.

    I'm really enjoying the class and don’t feel overwhelmed with the amount of things being taught.

    Some great things about this class - there's a transcript for every lecture that's 100% accurate which has been tremendously helpful! I also love the quizzes at the end of each lecture so you can make sure you understand what you've learned thus far.

    TinyHouse is a zero-to-hero approach to full-stack JavaScript development.

    I was looking at different courses and books to learn GraphQL, React, and TypeScript and I'm so happy I've come across this course. The instructors have done a fantastic job in teaching the material and utilizing real-life examples to explain the content.

    Exactly what I needed to understand how React applications can work with GraphQL and TypeScript.

    I was enrolled in the beta-program for Part I, and I really enjoyed the structure of the TinyHouse course. From watching the screencast videos, reading the lesson manuscripts, and answering some of the quiz questions that came up; this course is really well laid out!

    I've been following Newline/Fullstack for a while now and they’ve finally entered the course market with this outstanding first course.

    With TinyHouse, powerful and advanced concepts are explained with examples, quizzes, and exercises. If you want to learn fast and proficient, no doubt this is your platform. Congrats on the awesome work!

    You can find a large number of courses on the web but not every course and every author will suit you. This one was perfect for me.

    I already knew React well and I was familiar with GraphQL but with this course I feel my knowledge about GraphQL is much deeper. Plus, this course is a great introduction to Typescript and React Hooks!

    The instructors have done an amazing job with making the material easy to understand.

    As someone starting a career in web development, I noticed a lot of positions asking for familiarity with TypeScript and GraphQL. By pure chance, I found this course for a capstone project I was working on!

    The real value of Tinyhouse lies in learning how to fit together the various technologies to make a significant application.

    This course focuses on React, but it also includes other technologies (Node, Express, MongoDB, etc.) with each topic explained clearly and shown how it fits into the overall application.

    Pricing

    Flexible plans designed for everyone

    Basics

    Error: Can't find product tinyhouse-basic. Please contact [email protected]
    • Learn the foundational technologies
    • 65+ screencast videos (7hrs+)
    • 400+ pages of screencast manuscript
    • 110+ multiple choice quiz questions
    • 2+ challenge projects
    • 8+ PDF cheat sheets

    Pro

    Error: Can't find product tinyhouse-pro. Please contact [email protected]

    Everything in the Basics plan and...

    • Additional 50+ screencast videos
    • Additional 300+ pages of screencast manuscript
    • Additional 80+ multiple choice quiz questions
    • Additional 2+ challenge projects

    Enterprise

    Error: Can't find product tinyhouse-pro-seats. Please contact [email protected]

    Everything in the Pro plan and...

    • Bulk discounts for teams of 10+ students

    Meet The Team

    Meet the team behind Tinyhouse

    Hassan Djirdeh

    👋 Hi! I'm Hassan, one of the core instructors of the TinyHouse Masterclass. You may recognize me from Fullstack Vue or from other publications I’ve made under the newline brand.

    I'm a Front-End/Web Engineer at Shopify where I've been working with React, TypeScript, and GraphQL for years now to help build some of the largest production applications at-scale.

    Jing Chen

    👋 Hello! I'm Jing, core instructor of the TinyHouse Masterclass. I'm a mechanical-engineer turned programmer and I work for the aerospace company Bombardier.

    In the Tinyhouse course, Hassan and I distill our knowledge of building full-stack apps using the ultimate stack: React, TypeScript, and Node - tied together with GraphQL.

    Nate Murray

    👋 Hey! I'm Nate, Founder of newline and and producer of a number of books such as Fullstack React, Fullstack D3 and a number of others. The books and courses we've produced have sold tens of thousands of copies because we create the highest-quality tutorials in the industry.

    Questions you might have

    Here are answers to some common questions you might have.

    We assume you know the basics of HTML/CSS/JavaScript and perhaps have dabbled in a newer front-end library (like React) to recognize what it offers. With that said, we spend as much time as we can to ensure that we introduce and explain all the technologies we intend to use before we use them.

    The course does not teach you how to program from scratch. We delve into intermediate/advanced code, for example, building a GraphQL server with Node and using Hooks with React.

    While you don't have to be a React or Node expert, it is good if you have, for example, gone through a basic React tutorial beforehand.

    Each module is about a weeks worth of work. The Basics part of the course is 8 modules. Within each week you'll have 1-2 hours of lecture videos, quizzes, and exercises to write code on your own. You can get help from other students in our class Discord channel.

    Pro part of the course is an additional 16 modules.

    All of the lectures and transcripts are viewable through our website.

    At the end of each week you'll have a new skill in your toolbox for building full-stack apps.

    Each module is about a weeks worth of work. The Basics part of the course is 8 modules.

    Pro part of the course is an additional 16 modules.

    Each week has 1-2 hours of lecture. So if you spend 4 hours a week on it, you should be able to complete the course in about 6-8 weeks.

    You will given access to the full course material right away. You will log in to our newline class platform and begin watching the videos.

    Yes! Not only will we share the entire code project for the course, we share the completed code directories for every single lesson in the course. In the lesson manuscript, you'll also be able to see the code being slowly constructed as you read/proceed through the lesson.

    In the Basic package (i.e Part I of the course), we spend as much time as we can introducing and using the technologies needed to persist data, create a GraphQL API, and have our React client interact with that API. Since our focus is on the patterns and methods we take to get this integration, we don't spend a significant amount of time building a large amount of markup in our client application.

    In the Pro package (i.e. Part II of the course), we build the TinyHouse application and focus on using the many different third party libraries and tools we'll need (Google Sign In, Google's Geocode API, Stripe, etc). We also spend a significant effort scaling our GraphQL API and React application.

    Yes!

    We picked the technologies for this course based on our experience, how well these technologies work together, and their use in numerous production applications today. With that being said, we stress the important patterns and concepts we think one needs to know to help build whatever full-stack application one might have in mind. Whether you prefer to use a relational database, like to set up your GraphQL API with Ruby, or use Vue.js on the client - there's a lot of information you'll learn from this course to help get you where you want to go.

    You'll be ready to slay dragons, travel the world, and conquer your next adventure!

    In all seriousness, after this course you'll be able to recognize what GraphQL offers, how to create a GraphQL API with Apollo Server, how TypeScript helps build more robust applications, how to use non-relational database like MongoDB, and how React and React Hooks can be used today to build dynamic client applications. In summary, you'll learn how to build full-stack JavaScript applications with some of the most popular technologies today.

    Be sure to check out the syllabus for more detail on the topics the course covers!

    If you're unhappy with the course for any reason, just reach out to us and we'll give you a full refund. There's no risk.

    Tinyhouse's Promotional Banner's Background Gradient

    I'm in!

    Jump to pricing options