Front-End Development with React

Download Brochure

Get Your Brochure

Course Dates

STARTS ON

TBD

Course Duration

DURATION

11 weeks, online
15–20 hours/week

Course Fee
Course Fee

For Your Team

Enroll your team and learn with your peers

Learn More

Team-Based Learning Options

  • Enroll as a team or group and learn with your peers

  • Receive support and services

  • Inquire about special team/group pricing

  • ENROLL YOUR TEAM

    Emeritus works with leading companies to close critical skills gaps


    Our partners include

    JP Morgan
    Amazon
    AB in Bev

Who is this program for

This course is an ideal launch pad for those who are proficient in JavaScript with familiarity in ES6 syntax, and want to learn the fundamentals of React for front-end web development from MIT faculty, including:

  • Professionals starting out in their careers who want an entry point into the software development stack
  • Early-career developers, engineers, and other software professionals, who want to expand their career opportunities
  • Non-technical professionals who want to switch careers to build website interfaces
  • Independent and freelance developers and software professionals who want to expand their front-end web development toolset to include React

What you will learn

BUILD THE FOUNDATION

  • Understand key front-end development concepts and how to approach the design process
  • Use JavaScript ES6 syntax to write clean, concise code
  • Understand the lifecycle of a React component

BUILD CONFIDENCE

  • Build components and user interfaces using React
  • Hone skills by manipulating data and working with multiple components
  • Design, implement, and test front-end applications

BUILD JOB READINESS

  • Build expertise in front-end design and development to rapidly create modern, secure websites and apps
  • Set up code management tools such as GitHub and start building your peer network
  • Develop a portfolio to show off your programming skills to potential employers

Program Highlights

Decorative image relating to text that follows

A certificate from MIT xPRO to recognize your skills and success

Decorative image relating to text that follows

Insights and coding demos from renowned MIT faculty

Decorative image relating to text that follows

Market-ready coding skills in a high-growth market

Decorative image relating to text that follows

GitHub projects to share with potential employers

Program Topics

Week 1:

Introduction to JavaScript ES6

Review key features in JavaScript ES6 that will help you code more efficiently and prepare to use the React library.

Week 2:

Introduction to React

Start using the features of ES6 in order to build highly efficient components in React.

Week 3:

Introduction to JSX

Dive deeper into React and JSX to build basic components that enable you to create flexible user interfaces.

Week 4:

Working With Lists in React

Build your skills in React by manipulating data to display key information.

Week 5:

Working With Simple Components

Build skills with multiple components and track state by working through ATM and shopping card exercises.

Week 6:

Tic-Tac-Toe Exercise With React

Delve deeper into working with multiple components and track state by creating a tic-tac-toe game.

Week 7:

Working With React Components

Learn routing, linking, and how to style and customize components using frameworks like Bootstrap in React.

Week 8:

Bad Bank Exercise

Build a bank application using React, making decisions about routing, context, styles, parent-child components, tracking state, forms, and handling events.

Week 9:

Shopping Cart Exercise

Develop a complete application with a store, shopping cart, and checkout.

Week 10:

Testing

Use the full set of skills learned in the course to build and deploy an application on Amazon Web Services, and then learn how to test your code using the React library.

Week 11:

GitHub Portfolio Project

The culmination of all your learnings, you'll work on the front-end of a banking app that you can share with potential employers on your GitHub portfolio.

Week 1:

Introduction to JavaScript ES6

Review key features in JavaScript ES6 that will help you code more efficiently and prepare to use the React library.

Week 7:

Working With React Components

Learn routing, linking, and how to style and customize components using frameworks like Bootstrap in React.

Week 2:

Introduction to React

Start using the features of ES6 in order to build highly efficient components in React.

Week 8:

Bad Bank Exercise

Build a bank application using React, making decisions about routing, context, styles, parent-child components, tracking state, forms, and handling events.

Week 3:

Introduction to JSX

Dive deeper into React and JSX to build basic components that enable you to create flexible user interfaces.

Week 9:

Shopping Cart Exercise

Develop a complete application with a store, shopping cart, and checkout.

Week 4:

Working With Lists in React

Build your skills in React by manipulating data to display key information.

Week 10:

Testing

Use the full set of skills learned in the course to build and deploy an application on Amazon Web Services, and then learn how to test your code using the React library.

Week 5:

Working With Simple Components

Build skills with multiple components and track state by working through ATM and shopping card exercises.

Week 11:

GitHub Portfolio Project

The culmination of all your learnings, you'll work on the front-end of a banking app that you can share with potential employers on your GitHub portfolio.

Week 6:

Tic-Tac-Toe Exercise With React

Delve deeper into working with multiple components and track state by creating a tic-tac-toe game.

Download Brochure

Faculty

Faculty Member John R. Williams

John R. Williams

Professor of Information Engineering in MIT Department of Civil and Environmental Engineering

John Williams holds a BA in Physics from Oxford University, an MS in Physics from UCLA, and a Ph.D. in Numerical Methods from University of Wales, Swansea. His research focuses on the application of large-scale computation to problems in Cyber-Physical security and energy studies. He is director of MIT's Geospatial Data Center and from 2006-2012, was Director of the MIT Auto-ID Laboratory, which invented the Internet of Things. More info

Faculty Member Abel Sanchez

Abel Sanchez

Research Scientist and Executive Director of MIT’s Geospatial Data Center

Dr. Abel Sanchez holds a Ph.D. from the Massachusetts Institute of Technology (MIT). He is the Executive Director of MIT's Geospatial Data Center, architect of "The Internet of Things" global network, and architect of data analytics platforms for SAP, Ford, Johnson & Johnson, Accenture, Shell, Exxon Mobil, and Altria. In cyber security, Dr. Sanchez architected impact analysis of large-scale cyber-attacks designing Cyber Ranges for the Department of Defense (DOD). More info

Certificate

Example image of certificate that will be awarded after successful completion of this program

Certificate

Get recognized! MIT xPRO grants a certificate of completion to all participants who successfully complete the program. This program is graded as a pass or fail; participants must receive 75% to pass and obtain a certificate.

Download Brochure

After successful completion of the program, your verified digital certificate will be emailed to you, at no additional cost, in the name you used when registering for the program. All certificate images are for illustrative purposes only and may be subject to change at the discretion of MIT.

Registration for this program is done through Emeritus. You can contact us at mit@emeritus.org
Apply Now

Early registrations are encouraged. Seats fill up quickly!