Unit 3: Building a Frontend

Module 3.1 - Working with ReactJS

Course Material

• Build web apps with ReactJS
  • OC course time: 10 hrs

Mini-Projects

• Included in OC course:
  • Mini-Project 3.1a: Add a Validation Message
  • Mini-Project 3.1b: Edit Existing Products
    • Be sure to follow along with the last section. This mini-project will use the app that you built as the starting point.

Self-Graded Assignments

• Included in OC course:
  • 2 auto graded quizzes
  • Building a React App
  • Build a Ticking Clock Component
  • Understanding One-Way Data Bindings

Module 3.2 - Tick-Tac-Toe - An Introduction to React

Course Material

• An Intro to React
  • Estimated time: 2 - 4 hrs

Mini-Projects

• Not included in OC course:
  • Mini-Project 3.2a Using Local Storage
  • Mini- Project 3.2b Create a Component Hierarchy

Module 3.3 - Making Content Accessible

Course Material

• Not included in OC course:
  • Make Your Web Content Accessible
    • OC course time 6 hrs

Mini-Projects

• Included in OC course:
  • Mini-Project 3.3: Create an Accessible Style Guide

Self-Graded Assignments

• Included in OC course:
  • 3 auto graded quizzes
  • Add Captions to a Video or Create Descriptive Transcript
  • Design a Homepage Mock-up
  • Accessibility Annotation

Module 3.4 - Secure Your Web App

Course Material

• Included in OC course:
  • Secure You Web Application with OWAS
    • OC course time: 10 hrs

Mini-Projects

• Not included in OC course:
  • Mini-Project 3.4: Apply OWASP security best practices in your ExpressJS app

Self-Graded Assignments

• Included in OC course:
  • 3 auto graded quizzes