Sep 24 - Nov 21 (Tue / Thu)

Intro to React & Redux

Learn the fastest growing, most in-demand JavaScript skill in tech today.

Overview

Intro to React & Redux is an 8-week live coding course in Washington, DC that covers backend and frontend development using the most up-to-date frameworks and libraries. Covering React, Redux, Node, ES6, Express, we will create fully functional websites with user registration, image uploading, email notifications, real-time chat, and more. By the end, you will be able to build full stack web applications with the modern stack that is in demand in today's tech economy.

Prerequisites

Students should have a basic understanding of Javascript, data structures, as well as some familiarity with Object Oriented Programming (OOP). As a general rule of thumb, 6-12 months of self-study prior to enrollment is the right amount.

Outcomes

By the end of this course, students will have built at least one very strong, portfolio-ready project using React and Redux. This will be presentable to potential employers and clients as a demonstration of your skill with the MERN stack (Mongo, Express, React, Node).

Sep 24 - Nov 21 (Tue / Thu)

18 sessions

Sessions meet Tuesdays and Thursdays from 6pm to 9pm at our Arlington, VA location, just outside Washington DC: 1201 Wilson Blvd.

Tuition

$2,200

Our tuition is affordable when compared to other coding schools in the Washington DC area such as General Assembly ($3,950).

Small Classes

8 Student Max

Our classes are small which allows for more individualized attention and tailored material. No one gets left behind.

Curriculum

1. Components, JSX

React is written in JavaScript and a slight variant of the language called 'JSX'. To begin, we explore the concept of modular components which are building blocks of our React applications using JavaScript and JSX

2. State, Props & User Events

Component data is handled primarily through two concepts - state and props. In this unit, we show how to update a component visually by manipulating both state & props in response to user events such as clicking buttons. We also cover lifecycle methods which are important tools for updating UI according to key events.

3. Data Flow

Understanding data flow is confusing for many beginners and is a defining characteristic of the 'React' way of thinking. The 'one-way-data-flow' seems simple at first but as applications grow and components get more complex, handling application state becomes a challenge. In this unit, we will handle data flow in various scenarios.

4. Redux

In this section we extend our React project’s architecture by adding Redux state management. We explore the relationship between the actions and reducers used to maintain the 'single source of truth' in our application’s Redux store, including how to make asynchronous calls and how to fetch data from an API, and how those calls will be reflected in our application’s UI.

5. Working with APIs

Almost all applications of any complexity work with APIs significantly - both internal and 3rd party. In this section, we create a basic API using Node JS and Express and connect our React app. We then communicate with 3rd party APIs such as Google Places, YouTube and Instagram.

6. Themes & Styling

Even the best code make a bad impression if the UI looks terrible. In this section, we focus on styling our application using CSS, SASS, Bootstrap and other industry standard tools in order to make our apps look sleek and professional.

7. Deployment

Deplolying a React single-page-application is more than just throwing it on a server. It requires creating a 'production' build which optimizes our code for speed & security. In this unit, we cover this process to ensure our app is production-ready and deploy to a live server so the world can see what we build!

8. Project - Instagram

The best way to learn web development is to solve the same problems the pros solve. Coding in Washington, DC is a competitive market, so you’ll want to build a portfolio of work that will help you stand out. In this unit, we build a simple site where users can view the Instagram feeds of various accounts by typing in the username into a search field. We will then connect a separate page for viewing individual posts.

Realistic Projects

We don't teach cliché "todo" apps or school projects found in almost every beginner tutorial. Our courses focus on actual, real-world skills such as data scraping, leveraging 3rd party APIs, dealing with security issues and more.

Further, our curriculum is always up to date. JavaScript is a fast-moving ecosystem and many coding schools teach outdated material

"...interviews became a lot easier as I had relevant and expansive experience on the subject."

- Alex Supkay, Google
MEET INSTRUCTOR

Dan Kwon

I am a full stack developer based in Washington DC. For about seven years, I worked with early stage startups, digital agencies, and corporate entities. Having started out on iOS, I moved on to the web stack - Node, Express, React, Redux, React Native. Lately, I have been focusing on the AWS platform, mostly Lambda, API Gateway, CloudFormation etc. I enjoy candle-lit dinners, long walks on the beach, and fantasy football.

Professional Instructors

Software changes at a breakneck pace and it is imperative for students to learn from relevant perspectives. Unlike other coding schools, we do not hire former students immediately after a course to pad our employment stats. Our instructors come from industry and often teach out of sheer enjoyment of coding.

Our instructors currently work as developers "in the field", they are not exclusively coding teachers. As such, they are dedicated to keeping up with current trends, technologies, frameworks and any developments that impact the tech scene.

Get Started

Sep 24 - Nov 21
Tues & Thurs
6pm - 9pm
$2,200

Deposit, $200

Submit a $200 deposit today to reserve your spot in the next course. The tuition remainder is due on the first day of the course.


Full Tuition, $200 Discount

Pay full tuition now and receive a $200 discount (deposit fee waived). If the course does not run for any reason, a full refund will be issued.