Learn with Redwood

a comprehensive approach to
Full-Stack Development

Learn Full Stack without the Pain of Full Stack

Enroll Now
Tom Preston-Werner
Open Quotes

Amy Dutton is an accomplished course creator and tech leader who has helped thousands of engineers and designers to get to the next level! Her new course, Learn with Redwood will give you the foundation you need for building something extraordinary. I highly recommend this course for the next generation of full stack engineers and startup leaders who want to build quickly, beautifully and easily.

Tom Preston-Werner

Founder and Former CEO of GitHub, Co-Founder of Redwood

Jamstack Conference
University of Florida
Prisma Day 2022
Level Up Tutorials

The skills that enable you to be a front-end developer are very different than the skills you need to be a back-end developer.

What got you here, won’t get you there.

The logic is different.

The approach is different.

The end user can’t see the backend, but it’s the part that makes your applications interactive and dynamic. It processes information and allows you to save and manipulate data. The backend transforms a website into a web application.

The Backend is what will take your career to the next level.

With that said, let’s be honest, full-stack is hard.

It takes time to learn something new. — And when it comes to development, it’s one thing to learn it and another to truly know it apply it, and implement it.

It takes time. Time you don’t have.

It’s hard to know what to focus on or how it all fits together. There are so many moving pieces — APIs, database, data modeling, queries, mutations, resolvers.

There are so many libraries and frameworks you could reach for. How do you know which is the best? or which ones will stick around? Everything is constantly changing.

There’s not a clear path to success. Where do you start?

Everyone has an opinion. What separates the signal from the noise? Where do you start? Who do you trust?

You feel stuck. It’s easy to be paralyzed.

Instead of trying to make sense of it all. You do nothing.

You watch other people succeed, while you stay put.

Will I ever get good at this? Will it ever make sense to me? Do I even have what it takes?

The answer is YES! YES! and YES!

You simply need a strong foundation that’s built to last. Let me help you get there. Make it easy on yourself. Don’t take the hard road or the long way.

introducing

Learn with Redwood

Learn with Redwood is a self-paced course that will give you the tools you need and the confidence you deserve to become a full-stack developer.

We’ll get you up and running with the best-in-class JavaScript libraries and frameworks.

This course is not about learning redwood
it’s about learning with redwood

Redwood takes the most popular, best-in class libraries and frameworks, and bundles them together in a way that’s approachable.

It removes the need for setup and configurations, while still providing flexibility and customizations.

Redwood enables you to build stable applications at scale, that are easy to maintain. The included generators, encourage the best practices and workflows, allowing you to hone your craft, through an exceptional developer experience.

In this course, you will receive hands-on training, coding an application within a real-world development environment. You’ll leave equipped with everything you need to build a full stack application.

Our self-paced workshop will give you the
foundation you need to focus on what you do best:
build something extraordinary.
David Price
Open Quotes

Amy Dutton is a rare expert developer who is a master of design and teaching! Her approach makes things easy to understand even for full-stack, which is inherently complex. Amy is an expert at teaching both the components and workflow you'll need to take your career to the next level. Her focus on Redwood makes the course and learnings that much more integrated and accessible. I highly recommend her!

David Price

Co-Founder of Redwood

Amanda Giannelli
Open Quotes

From Amy’s very first YouTube video, she has been providing content that is to the point and easy to follow all while being extremely fun and engaging. Amy knows how to build up to the finale in just the right way to leave you feeling confident in what you’ve learned. LearnWithRedwood is no different!

Amanda Giannelli

Software Engineer - DX-Support Experience @ Okta and Redwood.js Core Team

Michael Liendo
Open Quotes

Amy Dutton is one of the most genuine people out there.

Michael Liendo

Sr. Developer Advocate, AWS

Learn Full Stack
Without the Pain of Full Stack

Join the Redwood community to level up!

$199

starter

  1. Dynamic, interactive self-paced lessons
  2. Full Course Transcripts and Captions
  3. Source code for each lesson
  4. Community Access
Get Early Access
$264

complete

  1. Dynamic, interactive self-paced lessons
  2. Full Course Transcripts and Captions
  3. Source code for each lesson
  4. Community Access
  5. Setting up a CICD Pipeline
  6. Bonus designs for taking the application to the next level and making this project portfolio-worthy
Get Early Access

Not sure if this is for you?

We have a 30-Day "Try-It, Test-It, Implement-It" 100% Money Back Guarantee. Want details?

Team License Packages

There’s no better way to learn than to work through a course with a group of people.

With a bulk license, you can allocate each slot to a student or an employee.

The bulk license includes everything within the Complete Plan. Spots cannot be reassigned once used.

Please contact support@learnwithredwood.com for larger groups and corporate workshops.

10 Spots $2112 20 Spots $4224 More contact us

Topics We'll Cover

Since we’re working with full stack, this course covers A.LOT. Here are some of the things you can expect to learn:

  • Storybook
  • GraphQL Schemas
  • e2e Cypress Testing
  • React Best Practices
  • Animation
  • Visual Regression Testing
  • Routing
  • CI/CD Pipeline
  • State Management
  • Deployment
  • Authentication
  • Styling with Tailwind
  • Modern git Workflows
  • APIS
  • Sending Email
  • Database Setup
  • Framer Motion
  • User Management

In this Self Paced Course You Will

Clear Path

Have a clear path to Full-Stack development.

Learn How Everything Fits

Understand how all of the pieces fit together when building an app.

Level-Up

Experience a pain-free, guaranteed way to level up, so that when career opportunities come, you’ll be ready.

Community

Join an awesome community of developers and learners.

Build Quicker & Smarter

Work with best-in-class technologies, that will enable you to build quicker and smarter.

Foundation for Growth

Lay the foundation for growth. This stack is great for start-ups, but its also built for scale.

What will we Build?

In this course, we’ll build “Rotten Ratings,” a Rotten Tomatoes knock-off. We’ll pull data from the Movie Database API. We’ll build a user authentication system, where users can login, search, bookmark and flag movies to watch later, and create playlists.

Laptop with Rotten Ratings Screenshot
Terminal

Who is this course for?

Learn with Redwood is for frontend developers wanting to become full stack. You want to become more comfortable and confident in Full Stack development. You should have a basic understanding of HTML and CSS. You don't need to be a JavaScript expert, but you should know the basics: writing variables, arrow functions, and promises. This course doesn't require any prior knowledge of backend development, Node, or database management.

This course is intentionally designed to
equip you with everything you need to know
to become a successful full stack developer
with the best libraries and frameworks available.

Learn Full Stack
Without the Pain of Full Stack

Join the Redwood community to level up!

$199

starter

  1. Dynamic, interactive self-paced lessons
  2. Full Course Transcripts and Captions
  3. Source code for each lesson
  4. Community Access
Get Early Access
$264

complete

  1. Dynamic, interactive self-paced lessons
  2. Full Course Transcripts and Captions
  3. Source code for each lesson
  4. Community Access
  5. Setting up a CICD Pipeline
  6. Bonus designs for taking the application to the next level and making this project portfolio-worthy
Get Early Access
Amy Dutton

hello my name is
Amy Dutton

I will be your full-stack instructor

I have over 22+ years of web experience and have expertise in product design, frontend, and backend development. I’ve developed multiple technology courses like Everything Svelte , KeystoneJS , and Advent of CSS and JavaScript . I’ve written curriculum for the University of Florida, in their Master’s program and have spoken about full stack development around the world. My podcast, Compressed.fm supports thousands of frontend developers wanting to become full stack (like you!) with design and engineering tips. I have built hundreds of websites and products for enterprise companies, startups, and even major recording artists. As an instructor, I help designers and developers build with confidence so they can take their projects and careers to the next level.

Built with the Best Parts
Our Course Technologies Include

RedwoodJS is built on top of the best libraries and frameworks that make the developer experience exceptional and your application stable.

React

React

React is the most popular JavaScript framework. It handles the "view" layer, or the part that people see and interact with. React makes it easy to create reusable components that can be used throughout your entire application.
GraphQL

GraphQL

GraphQL allows you to work with your data, giving exactly what you need, and nothing more. -- This makes it easier to evolve your APIs over time and enables powerful developer tools.
Prisma

Prisma

Prisma is the easiest way to interact with your database. You can create your database structure in a way that's human-readable. Then, read and write to the database safely and intuitively.
Storybook

Storybook

Storybook allows you to build UI components and pages in isolation and provides a single interface for development, testing, and documentation. This becomes essential as your app grows.
Jest

Jest

Jest is a JavaScript testing framework. It gives you the confidence that your application is working correctly, and as it scales, changes won't break existing features.
TypeScript

TypeScript

A lot of people will complain that JavaScript is a "loosey goosey" language. Anything goes. TypeScript solves this in the best way. It improves your tooling and catches errors.

Overwhelmed? Seem like a lot?

We’ll hold your hand, every step of the way. Remember, this course is meant to teach
full-stack development without the pain of full-stack development.

lessons & modules

Closed Captioning

Closed Captioning and video transcripts are provided for every video.

Number 1

Introduction / Setup

  1. Introduction
    2:58
  2. Tooling
    11:10
  3. Installing and Setting up Redwood
    9:29
  4. Brief Overview of Redwood Folder Structure
    12:45
  5. Brief Overview of Tailwind / Installing and Setting up Tailwind
    7:57
  6. Setting up Custom Theme Elements
    9:27
Number 2

Storybook

  1. Overview of Atomic Design (Atoms, Molecules, Organisms, Templates, and Pages)
    2:05
  2. Getting up and running with Storybook
    2:15
  3. Generating Components in Redwood, Styling the (Movie) Poster Component
    11:04
  4. Writing the Storybook Story, using the (Movie) Poster Component
    8:58
  5. Up and Running with Jest / Intro to Testing
    6:19
  6. Writing a Test for the (Movie) Poster Component
    15:03
  7. Creating the Percentage Ring Story
    9:05
  8. Extending the Poster Component
    9:05
  9. Customizing Storybook
    4:52
  10. Extending teh Poster Component - Writing Tests
    7:03
  11. Creating the Percentage Ring Story
    18:06
  12. Numeric Display
    15:41
  13. Percentage Ring, Numeric Display
    13:51
  14. Testing the Percentage Ring
    19:03
  15. Creating the Slider Story
    15:06
  16. Mocking Data, for the Slider Story
    5:49
  17. Testing the Slider Story
    7:21
  18. Creating the Icon Component
    11:07
  19. Writing Stories for the Icon Component
    8:18
  20. Testing the Icon Component
    8:55
  21. Creating the Icon Button
    7:43
  22. Testing th Button Component
    7:33
  23. Creating the Feature Hero Slider Story
    11:24
  24. Animating the Hero Slide
    12:15
  25. Creating the Feature Hero Slider Story
    6:17
  26. Animating the Hero Slider Elements in
  27. Testing the Feature Hero Slider Story
  28. Creating the Carousel Story
  29. Animating the Carousel
  30. Testing the Carousel Story
  31. Creating the Home Header Component
  32. Creating the Interior Header Component
  33. Creating the Navigation Component
  34. Testing the Navigation Component
  35. Testing the Home Header Component
  36. Testing the Interior Header Component
  37. Creating the Trailer Story
  38. Testing the Trailer Slider Story
  39. Adjusting the Text Color / Background Image of the Header Story
  40. Creating the Footer Story
  41. Testing the Footer Story
  42. Creating the Movie Hero Story
  43. Testing the Movie hero Story
  44. Creating the Meta Data Story
  45. Testing the Meta Data Story
  46. Create Available On (Hulu, Netflix, Disney+, etc) Story
  47. Testing the Available On Story
  48. Edit Playlist Story
  49. Testing the Playlist Story
  50. Settings Block
  51. Testing the Settings Block
Number 3

Routes and Layouts

  1. Generating the Pages with the Redwood Generator
  2. Routes in Redwood
  3. Layouts in Redwood
  4. Updating the Links in the Navigation
  5. Applying all the Pieces / Building the Homepage
  6. Applying all the Pieces / Building the Movie Page
  7. Applying all the Pieces / Settings
Number 4

APIs

  1. Working with a 3rd party API, The Movie DB
  2. Connecting the featured videos on the homepage
  3. Hotwiring the Most Popular Movies, Latest Trailers, and Trending
Number 5

Databases

  1. Data Modeling
  2. Getting started with Prisma
  3. Building my Data Models with Prisma
  4. Running Migrations with Prisma
  5. Manually Seeding the Database
  6. Programmatically Seeding the Database
Number 6

GraphQL

  1. Overview of Cells
  2. Basic Overview of GraphQL
  3. Working with Apollo: Queries
Number 7

Users and Authentication

  1. Setting up Database Authentication
  2. Protecting Page Routes
  3. Displaying Logged in Content vs Logged Out Content
Number 8

Deploying

  1. Deploying
  2. Where to go from here

Learn Full Stack
Without the Pain of Full Stack

Join the Redwood community to level up!

$199

starter

  1. Dynamic, interactive self-paced lessons
  2. Full Course Transcripts and Captions
  3. Source code for each lesson
  4. Community Access
Get Early Access
$264

complete

  1. Dynamic, interactive self-paced lessons
  2. Full Course Transcripts and Captions
  3. Source code for each lesson
  4. Community Access
  5. Setting up a CICD Pipeline
  6. Bonus designs for taking the application to the next level and making this project portfolio-worthy
Get Early Access

Not sure if this is for you?

We have a 30-Day "Try-It, Test-It, Implement-It" 100% Money Back Guarantee. Want details?

Team License Packages

There’s no better way to learn than to work through a course with a group of people.

With a bulk license, you can allocate each slot to a student or an employee.

The bulk license includes everything within the Complete Plan. Spots cannot be reassigned once used.

Please contact support@learnwithredwood.com for larger groups and corporate workshops.

10 Spots $2112 20 Spots $4224 More contact us

Frequently Asked Questions