Mastering Modern Web Development Using React
4.4 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,537 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mastering Modern Web Development Using React to your Wishlist.

Add to Wishlist

Mastering Modern Web Development Using React

Build Applications for the Future!
4.4 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,537 students enrolled
Created by Mohammad Azam
Last updated 3/2017
English
Curiosity Sale
Current price: $10 Original price: $195 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Students will be able to develop applications using React
  • Students will be able to create reusable components using React
  • Students will be able to understand all the modern tools of web development
  • Students will be able to apply for React job postings and earn higher salary
View Curriculum
Requirements
  • Basic understanding of HTML, CS and Javascript
  • You should be able to use a PC at a beginner level
Description

Are you interested in learning how to write a modern web applications using React? 

React by Facebook is the future of web development. And now you can learn it from the comfort of your home.. in your own time.. without having to attend class. 

My name is Mohammad Azam, creator of many popular online courses including Mastering MapKit in iOS Using Swift, Mastering Server Side Development Using Vapor and Creating Stickers and iMessages Applications in iOS 10 Using Swift 3

I have been developing web applications since 2002 and have been awarded the prestigious Microsoft MVP award 5 years in a row. I have worked with fortune 500 companies as a lead web developer and helped them grow their business ten folds. At present I am a full time Instructor at The Iron Yard where I teach users how to create amazing applications.  

What’s stopping you from signing up to today?

  • You don't have enough time: Not a problem at all. We have designed the course so you can learn everything you need to know in less than 4 hours. In fact if you think that the course fell short on delivering topics then we will give you your MONEY BACK. 

Here are some of the reviews from our previous courses: 

"His course is AWESOME very detail instructions."

"Mohammad Azam has an excellent teaching style which makes it easy & fun to comprehend these Swift features in such a short course & he explains the concepts in more detail & clarity than most instructors. Plus, his videos are well prepared & he's very articulate. I hope he will create more courses."

"Excellent teaching. Just perfect!!!"

The lessons are concise and to the point. The instructor is great. I'm enjoying the topics. I hope that this program is extended and added to as Vapor continues to gain functionality and popularity.

Very important topic that is rarely discussed in other tutorials, and training videos.

The instructors style is very clear, concise and engaging. I'm already beginning to use the concepts in demo apps!

Very valuable, a lot of good stuff in this course. Recommend ++++++

Buy this course today and this is what you’ll get. 

I will show you how to build real web applications using React framework. You will also learn how to setup a development environment when working with React applications. 

The course is accompanied with all the code sample files. 

You will also receive a UNLIMITED support on Udemy forums. I am very active on forums and make sure that every questions is answered. 

Can you believe you get all this (and more) for just $195?

"Awesome class for really learning how to setup and implement MapKit in your iOS apps using swift. Def. one of the best classes I've taken on Udemy. Looking forward to more classes offered by Mohammad Azam. A++ class"

This course explains everything I wanted to know about Server Swift Development. It is really a benefit to my skills, that are now improved. Thank you very much.

It's a great course, especially if you are an beginner and don't know where to start from. It gives you the start to build your own backend in Swift rather than learning a new language just to save some data in DB. Many thanks to the author and hope many others will start using Vapor and Swift on server :D It's amazing!!!

Why learn React?

  • React has taken the world of web development by storm. It is one of the most fastest growing UI frameworks available. React enables you to write highly optimized component oriented code which can be easily reused at multiple places. 

Who is this for?

This course is for anyone who wants to take their web development skills to the next level. This course teaches you how to use React to build modern web applications which are easy to maintain. This course is for developers who wants to learn the modern way of developing web applications.

React has been embraced by the community and React developers usually get a salary offer of over $95K dollars. Don't miss this opportunity to learn React and take your career to the next level. 

Is this course right for me?

Look: if you are still not convinced then I urge you to check out my 5 star reviews in other courses. I am a well known developer in the web development and iOS community with a large following. I do a lot of speaking engagements in which I spread knowledge and education. I received the Microsoft most prestigious award ASP.NET MVP 5 times in a row.  

If you are not satisfied with the course then I offer a 100% REFUND. I am confident that you will enjoy the course and you will utilize the knowledge you learned in this course in your future web applications.

What are the requirements?

  • A Mac Computer or a PC
  • Any code editor 
  • Basic understanding of the HTML, CSS and Javascript - I'll teach you everything you need to know about developing modern web applications using React. 

What am I going to get from this course?

  • Create modern web applications using React
  • Learn to separate your code into reusable components 
  • Implement a build engine to convert JSX to Javascript 
  • Increase web application performance by using virtual DOM and synthetic events in React
  • Bored with the same old, same old? Apply for a new job in a software company as a React developer
  • Make over $95K annual salary as a React developer

Who is the target audience?

  • Anyone who wants to be a web developer: This is a complete course, just like my Complete MapKit, iMessages, Server Side Swift and Swift 2.0 courses.
  • Anyone who wants to learn to code: React is the future and the future is right NOW.
  • Anyone who wants to understand how computers work: Learning to code is so much more than being able to make apps - knowing how computers work is your key to a hugely powerful world.
Who is the target audience?
  • This course is for developers who wants to learn how to create modern apps using React
  • Developers interested in taking their web development skills to the next level
  • Web developers interested in learning how to make single page applications
Students Who Viewed This Course Also Viewed
Curriculum For This Course
29 Lectures
02:28:09
+
Introduction
4 Lectures 13:39

Welcome to Mastering Modern Web Development Using React. In this lecture I am going to introduce myself and the outline of the course. 

Preview 01:52

In this lecture students learn what is wrong with the current state of the web development. 

Current Problems with Web Development
01:43

In this lecture students learn how React solves web development issues by creating reusable components, virtual DOM etc. 

React to the Rescue
01:41

In this lecture students are going to learn how to start using React. This lecture will show students how to use CDN links for React, ReactDOM and Babel. In the future section I will demonstrate how to use a build tool to automatically perform all the tasks associated with converting JSX to Javascript. 

Preview 08:23
+
Creating Reusable Code Using React Components
4 Lectures 19:21

In this lecture students are going to learn about components. Components are building blocks of React development which allow us to create reusable controls. 

Introduction to Components
03:52

In this lecture, students will learn how to create properties for React components. Properties help to pass additional information to React components. 

Introduction to Properties
02:43

In this lecture students will learn how to style components using CSS like approach in React. 

Styling Components
05:32

In this lecture students will learn how to install and run Browsersync. Browsersync will allow the web page to refresh automatically without having to press the refresh button. Students will also learn how to display child elements in their component.  

Components with Children
07:14
+
Intermediate Components
4 Lectures 29:21

In this lecture students are going to learn how to make complex components communicate with each other using properties. 

Creating Complex Components
10:13

In this lecture students will learn how to display collections using React. 

Displaying Collections
05:38

In this lecture students will learn how to create and capture events from components. 

Working with Events
08:46

Just like everything in life, components also go through a lifecycle. In this lecture students will learn different lifecycle events of the components. 

Understanding Component Lifecycle
04:44
+
Understanding Properties and State Management in React
3 Lectures 17:42

In this lecture students are going to learn how to transfer properties between different parts of the component. 

Transferring Properties Among Components
04:45

In this lecture students are going to learn how to maintain state inside your components. 

State Management in Components
07:47

In this lecture students are going to learn how to access DOM elements from right inside their components. 

Accessing DOM Elements
05:10
+
Creating Single-Page App Using React Router
4 Lectures 24:16

In this lecture students are going to learn how to setup React Router. React Router allows users to configure different routes for their components. 

Setting Up React Router and App Frame
08:40

In this lecture students are going to learn how to create and configure React Router for our application. 

Configuring Routes Using React Router
06:17

In this lecture students are going to learn how to create navigation links which allows them to navigate to different components using React Router. 

Creating Navigation Links
04:54

In this lecture, students are going to learn how to remove the ReactRouter prefix and also how to highlight links based on their selection. 

Highlighting Active Links and Removing ReactRouter Prefix
04:25
+
Creating a TODO List App Using React
5 Lectures 20:09

In this lecture students are going to learn about the architecture of the TODO List React application. 

Setting the Base Architecture of the App
01:27

In this lecture students are going to learn how to create and structure the interface for the TODO list application. 

Creating the User Interface
04:13

In this lecture students will learn how to save TODO list item in a collection. We are going to use the state object to keep track of all TODO list items. 

Populating State with TODO List Items
06:25

In this lecture students will learn how to display the TODO list items in a custom child component. The lecture will also demonstrate how to use the map function in Javascript language. 

Displaying Tasks in a List
05:14

A bonus lecture which will show how to style your TODO list app. Most probably you can do a much better job in styling your TODO list app then I did :) 

Styling TODO List App
02:50
+
Setting Up Your React Development Environment
3 Lectures 20:16

In this lecture students will learn as why they need to setup a development environment for React.   

Why Set Up React Development Environment?
03:00

In this lecture students will learn how to setup and install the required tools for setting up the development environment for React apps. 

Installing Tools
12:48

In this lecture students learn how to run the build process for their new environment. This lecture also contains the sample code as a downloadable resource. 

Building and Testing Our App
04:28
+
Conclusion
2 Lectures 03:25

Download the sample code associated with the course :) 

Download All Sample Code
01:06

Save a ton of money on my other courses! This bonus lecture includes coupon code for all of my other courses. Save over 74% on their original price. 

Bonus Lecture: 74% Coupon Codes for All My Courses
02:19
About the Instructor
Mohammad Azam
4.4 Average rating
338 Reviews
7,854 Students
9 Courses
Apple Featured iOS Developer and iOS Instructor

My name is Mohammad Azam and I have been programming in iOS for the last 6+ years. Currently, I am teaching iOS at The Iron Yard academy, which is the world's largest coding bootcamp. Before joining The Iron Yard I have worked as a lead mobile developer for many large companies including Schlumberger, Baker Hughes, AIG and Valic. Currently, I am a senior developer at Blinds Dot Com, a Home Depot company. Before iPhone development I was leading projects in Microsoft ASP technology. I was also awarded the Microsoft MVP award five years in a row due to my contributions in the community.

I have also published several of my personal apps to the App Store including Vegetable Tree which was featured by Apple as the most beautiful gardening app on the App Store. I am a frequent speaker at local and national conferences and have authored many articles for many different development magazines.