Intro to Full Stack Javascript
An intermediate-level, 12 hour JavaScript and React.js course designed for budding full stack developers and folks who want to build big things.
Purchase this course for $299
Or... get a discount by building a bundle with our learning paths!
Create full stack applications using JavaScript and React.js. This project-based, 12 hour course takes you through the development of complex web experiences using JavaScript and React.js.
Learn how to use and combine different parts of the JavaScript and React ecosystems to turn your ideas into dynamic, fully-fledged applications.
In this course, Sam Nixon teaches you the skills needed to make full stack Javascript applications using React, Node.js, Vite, Typescript and databases like AWS, MySQL and MongoDB. You'll build your own frontends and backends, construct APIs, authenticate users into your applications, and persist data in databases.
What you’ll learn
Create full stack applications using JavaScript and React.js
Explore Typescript as a new way of writing JavaScript, Axios and authentication for accessing APIs
Learn about Styled Components for our CSS, and React Select as a way of creating dropdown components
Experiment with animation using react-spring, forms using Formik and we’ll explore how we can organise our workflow and code
Build a backend that persists data, stores it in a cloud database and exposes that data via an API.
Learn about MongoDB, Node.js and Express
Pull data from an Amazon Web Services (AWS) database, build out a Node.js backend and connect it to that database using Sequelize
12+ hours of video lessons – Practical, go-at-your-own pace learning
Access the community – Join our Discord and connect with thousands of SuperHi students and alumni
Continued help – Help from our expert teachers and educators with years of experience in the industry
Real world projects – Projects and code that you can alter and remix to add to your own sites and portfolio
Resources – Resources to get you started and going post-course
This course is for anybody with some knowledge of coding HTML, CSS, and JS who wants to take it further and build big things.
You need a computer (MacOS, Windows, or Linux) with the latest version of Chrome installed and a broadband internet connection. That’s it!
Want to try our teaching before signing up? Join our free 'Plan, Design + Code Your First Website' course!
Syllabus
Brut
In our first project, we’ll create Brut - a brutalistic web music player that uses the Spotify API. Through Brut we’ll explore Typescript as a new way of writing JavaScript, Axios and authentication for accessing APIs, Styled Components for our CSS, and React Select as a way of creating dropdown components. Additionally, we will quickly review some of the key elements of JavaScript and React.js that we’ll be using throughout the rest of this course.
Notes
In our second project, we’ll be building a full stack, wallet-style notes app that will allows us to store text. This project is a big undertaking, so we’ll split the task into two parts. In part A, we’ll use starter code to get a head start on the frontend of our application then experiment with animation using react-spring, forms using Formik and we’ll explore how we can organise our workflow and code to make it easier for others to work with us.
Notes Pt. 2
Picking up where we left off at the end of Chapter 2A, in this Chapter we’ll finish our wallet-style notes app. We’ll build a backend that persists data, stores it in a cloud database and exposes that data via an API. To do that, we’ll be learning about MongoDB, Node.js and Express. Then we’ll connect our frontend and backend together using custom React hooks to create a fully-fledged notes app.
Careful
In the final project of this course, we’ll build Careful - an application that lets healthcare workers view detailed records of the patients they are looking after. We’ll pull data from an Amazon Web Services (AWS) database, build out a Node.js backend and connect it to that database using Sequelize, then dive into building our own authenticated API to protect that data. Last but not least, we’ll refactor our code to use the Zustand state management library to ensure that the applications state is clear and well-handled.
Your instructors
Our instructors have decades of professional experience, have spoken at international conferences and have won countless web design awards.
Sam Nixon
Sam is a Full Stack Engineer and Product Manager who has built products that reach millions and taught web development and product management to people around the world. In this course, he will show you the wide world of React and JavaScript and build your confidence with making complex applications.
You might also like...
How to Set Up a Store with Shopify 2.0
Join our 45-minute workshop, perfect for beginners/intermediate developers, to learn how to set up a Shopify store using the Dawn theme. We'll guide you step-by-step through the process, starting with installing Shopify's Command Line Interface (CLI).
Still looking around?
View our growing collection of resources, articles and tutorials. We're adding new things to read, learn and watch every week!