× {{alert.msg}} Never ask again
Class time and plan

What will we build in this class?

codementor-live-classes-project

Create an Account and Set Up a Profile

codementor-live-classes-project

Receive Real-time Messages From Others

codementor-live-classes-project

Chat and Send Unfurled Messages

“In 4 weeks, we will be building a WhatsApp Messenger clone in React. Through building a real application on your own, you will learn how to think when building an app in React and how to deploy it.”

Fernando Trigoso

Fernando has been programming and leading software teams for over 10 years. He has architected and developed cloud-based systems for enterprises and technology startups. He has coached small and large software engineering teams achieving great success. Fernando improves the teams he coaches by applying systems thinking, simplicity, and engineering discipline, as well as knowing the opportunity cost of technical decisions.

Build a WhatsApp Messenger Clone with a Live Mentor

Who is this class for?

This class is for advanced beginner front-end developers that want to take their skills to the next level. If you know Javascript, have basic knowledge of React and want to work on a real project then this class is for you.

What will you learn?

We’ll be developing a WhatsApp clone as a web application. This clone will be scalable and real-time, similar to the real thing. You will learn how to structure the code of a real project. You will also learn how to develop and deploy the full stack of a scalable web application. You’ll learn how to use many technologies in the process. In the front-end we will focus on React, Flux, ES6, LocalStorage, HTML5, APIs, etc. We will develop the backend using Node, Redis, WebSockets, JSON Web Tokens, etc. We’ll even use Universal Javascript. You will also learn how to deploy an API server and Web server to the cloud.




Codementor React Project-based Class: Syllabus

Lesson 1

Requirements, Architecture, Deployment

  • Review requirements, use cases, mockups

  • System architecture

  • Build and deployment configuration*

  • Deploying API server to Heroku*

  • Setting up Redis*

  • Deploying static Web server

Lesson 2

User Profile, Universal Javascript, Unit Tests

  • Universal Javascript

  • API to setup user profile

  • React/Flux implementation to setup user profile

  • Unit testing in javascript using mocha, chai and sinon*

Lesson 3

APIs, Authentication, LocalStorage

  • Managing API request state

  • Authentication using JSON Web Tokens*

  • Using LocalStorage

  • API to add contact

  • React components to add contact

Lesson 4

Lesson 4: WebSockets, Multiple Chats, Exchanging Messages

  • Working with modals

  • Using WebSockets*

  • React components to render multiple chats

  • API to exchanging messages

  • React components to render message exchange

  • Extra credit (i.e. take home assignments)

    • Message state: sent, received, acknowledge
    • Tracking last-read messages
    • React components to render unread counters
    • Unfurl links using external API



You Will Get

8 Hours of Live Classes

The live group lecture is the core of the class. The mentor will build a WhatsApp Messenger clone with features specified in the curriculum live, and students can code along and ask questions directly.

Hands-on Exercises

In this class, you'll be building a WhatsApp Messenger clone yourself, too. Perfect for those who want to get hands-on but not sure where to start.

Unlimited Lesson Playbacks

Had to miss a class? Fear not. All lessons are recorded and you can review the recordings in the future.

Frequently Asked Questions

How is this different from other courses?

For only $99, you’ll get to learn React live with a real online mentor. This includes 4 weekly live sessions. Having live interaction with a mentor makes learning much easier than watching recorded video tutorials.

What do I need to know before the class?

To get the most out of this class, it would be great for you to brush your JavaScript skills and familiarize yourself with React concepts and syntax. Make sure to have the latest node.js installed.

What if I miss a class?

All classes will be recorded and you‘ll have access to the recordings at any time. You can also ask questions in our Slack channel and get help from other members of the community.

What is a Delayed Live Class?

Delayed Live Class is for those who couldn't make it for the live sessions. With Delayed Live Classes, you'll be able to watch recordings uploaded within 24 hours after each session, and have access to our Slack community to ask questions and discuss with your peers and the instructor.

Class Enrollment Starts Soon

Space is Limited - Reserve Your Seat Now!

This is an intermediate class.
Not familiar with React? Check out the video course featuring React basic concepts.
The class will be held on Thurs, at 5PM PDT / 8PM EDT, staring on May 25th.
Marc

Questions? We're here to help!

Have questions about this live class or Codementor in general? Our team is here to help!

Class time and plan