× {{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

THU 02 MAR 5:00 PM (GMT-8)
Other times?

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

THU 09 MAR 5:00 PM (GMT-8)

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

THU 16 MAR 5:00 PM (GMT-7)

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

THU 23 MAR 5:00 PM (GMT-7)

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 be building a WhatsApp Messenger clone to learn React live with a real online mentor. This includes 4 live classes with instant feedback and hands-on exercises. Having live interaction with a mentor makes learning much easier than watching recorded video tutorials.

What is the class structure?

We have 1 live sessions per week for 4 weeks. Each session is 2 hours long, and will include live lectures, hands-on exercises, and Q&A. You will get to code together with the instructor and other members of the class!

What time are the live classes?

The live classes will be held online at 6PM PST (GMT-8) / 9PM EST (GMT-5) on Thursday starting from Mar 2nd, 2017. All classes will be recorded.

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 Starts Mar 2nd

Money-Back Guarantee
If you feel this isn‘t a good fit after the first class, we‘ll give you a full refund.

$199
$99
limited-time only
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 6PM PST/PDT, staring on Mar 2nd.
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