React and Serverless - Fullstack Developmnent

Course Overview

In this course, you will build a secure and production-ready fullstack application from start to finish. Along the way, you will learn core concepts of developing modern web applications like React, app security, Serverless Functions, and continuous integration. By then end of this course, you will have the knowledge you need to build amazing applications to share with the world!

Here's what you will learn.

  • Modern React including Hooks and the Context API
  • Source Control with Git/Github
  • CSS in JSS using Styled Components
  • Storing Data using the Airtable API
  • Securing applications using JSON Web Tokens
  • Build and Deploying Serverless Functions in Netlify
  • Creating a Light/Dark Mode
  • Deploying to Netlify using Continuous Integration

Who Is It For

The beginner to intermediate developer who wants to learn how to build secure fullstack applications!

This course is perfect for developers who are interested in building real-world applications with React and love to learn new things. Although most React concepts will be covered in detail, it is expected that you already have basic knowledge of both JavaScript and React. Everything else, you'll learn along the way!

What You Get

  • 45+ premium training videos
  • full access to the source code
  • exclusive live Q&A sessions
  • exclusive Discord channel
  • lifetime access and updates

FAQ

Do these videos expire?

Nope, you'll have lifetime access 😀

How do I login and view the course?

You can login at learn.jamesqquick.com. Use the login button in the top right.

Is this course for beginners?

Although most concepts will be covered in detail, it is expected that you already have basic knowledge of JavaScript and React. If you are looking for more beginner resources, shoot me and email and I'll point you in the right direction.

I also found this course on Udemy... what gives?

Udemy is an amazing platform, but from my perspective as a content creator, it's not ideal. I don't have direct control over pricing, and the engagement level with students isn't as high.

By moving my courses to Podia, I have a lot more control and flexibility in how I create content. So, to make it worth your while, I'm going to add a few extra benefits for enrolling on Podia.

  • exclusive Discord channel
  • exclusive live QandA sessions
  • extra videos for cool new features

If you still want to take the course on Udemy, feel free. The core content will remain the same on both platforms.

Do you have any other courses?

Why yes, I do. You can find a full list of courses here.

Are there refunds?

Yes. If you aren't quite happy with the course, just let me know.

Is there a student discount?

Sure thing! Send me an email at me@jamesqquick.com with a picture of your student ID, and I'll send you a 50% off link.

Other questions?

Feel free to reach out in chat or send me an email at me@jamesqquick.com.

Course Outline

1. Course Overview and Project Setup

  • course overview and resources
  • create starter React project

2. Styled Components

  • introduction to Styled Components
  • create base tyled components and style our pages

3. Game Functionality with React Hooks

  • intro to React Hooks
  • use hooks to track user input and score

4. Using the Context API to Share State Between Components

  • introduction to React Context
  • track user's score between components

5. Setup Airtable for Storing High Scores

  • introduction to Airtable
  • Airtable Workspace and API

6. Serverless Functions to Interact with Airtable

  • introduction to Serverless Functions
  • implement score functionality with Airtable

7. Adding Authentication with Auth0

  • introduction to Authentication/Authorization and Auth0
  • add authentication to our React app

8. Add Authentication to Serverless Function for Saving Score

  • what are JSON Web Tokens (JWTs) and access tokens
  • protect our save score serverless function with access tokens

9. Create Light/Dark Mode with Context API and Hooks

  • define and implement theming in our application using React Hooks

10. Final Touches

  • add last bit of styling
  • add the final configurations in Netlify to deploy our app

11. Wrap Up

  • recap of what we accomplished
  • what do to do next

Buy the Course

$40USD
  • 45+ premium training videos
  • full access to the source code
  • exclusive live Q&A sessions
  • exclusive Discord channel
  • lifetime access and updates

BUY NOW