Eduonix
Eduonix Logo

ReactJS and Flux - Learn By Building 10 Projects 

  • Offered byEduonix

ReactJS and Flux - Learn By Building 10 Projects
 at 
Eduonix 
Overview

Duration

11 hours

Total fee

1,437

Mode of learning

Online

Difficulty level

Intermediate

Credential

Certificate

Future job roles

Senior Infromation processing specialist, Business Analytics, Technical Leader , CMS, Mainframe System Analyst

ReactJS and Flux - Learn By Building 10 Projects
 at 
Eduonix 
Highlights

  • 56 Supplemental Resources
  • 10 Industry case studies & 10 real world examples
Details Icon

ReactJS and Flux - Learn By Building 10 Projects
 at 
Eduonix 
Course details

Skills you will learn
Who should do this course?
  • Students and IT professionals
  • Basic web development knowledge of HTML, CSS and JS
  • Basic Knowledge of React
What are the course deliverables?
  • 11 hours on-demand video
  • 56 Supplemental Resources
  • Course Completion Certificate
  • 10 Industry case studies & 10 real world examples
More about this course
  • It is universally known that you learn more when you have fun, than when you are bored. The same is applicable to learning programming languages. When you do the projects and get your hands dirty, is when you learn not only concepts but also how to deal with problems that can arise during coding.
  • This is what our Projects Using React.JS and Flux course is aiming for. Not only do we believe in sharing knowledge, but we believe that learning should be fun. It shouldnt be just a monotonous experience of memorizing, but actually creating and growing. Our 10 projects will not only familiarize you with the concepts of React.JS and Flux, but it will also teach you how to use those concepts in real world applications. So, what exactly are React.JS and Flux? Both technologies were developed by Facebook at different times to simplify their processes of creating applications. React.JS is an open-source JavaScript library that provides a view that is rendered using components that contain additional components specified as custom HTML tags. It is a way to constantly keep your DOM up-to-date. Using JSX (an XML type syntax), it makes the code more readable and similar to writing HTML.
Read more

ReactJS and Flux - Learn By Building 10 Projects
 at 
Eduonix 
Curriculum

SECTION 1 : Course Introduction

Intro

SECTION 2 : Bootstrap React Components

Intro Preview

Setup React & Bootstrap

Creating React Components

Component Props

Working With State

SECTION 3 : Github Profile Viewer

Intro Preview

Files & Webpack Setup

Main App Component

Profile Component

RepoList & Repo Components

Search Component

SECTION 4 : Quick Quiz Application

Intro Preview

App Component Setup

QuestionList & Question Component

Quiz Logic

SECTION 5 : MovieFind

Intro

Flux Structure & Gulp

Flux Setup & Preperation

SearchForm Component

Working With The API

Displaying Results

SECTION 6 : Firebase ContactList

Intro

Flux Boilerplate Setup

Adding Contacts To Store

Persisting Data To Firebase

Listing & Deleting Contacts

Edit & Update Contacts

SECTION 7 : Stickypad Notes

Intro

Stickypad Boilerplate Setup

AddNoteForm Component

Add & Fetch Notes From MongoLab

Display Sticky Notes

Delete Sticky Notes

SECTION 8 : InfoFinder Search Engine

Intro

Infofinder FluxBoiler Setup

Search Form

Fetch Data From DuckDuckGo API

Display Results

SECTION 9 : Youtube Gallery

Intro

Boiler & Add Video Form

Persist Data To Firebase

Displaying Videos

Deleting Videos

SECTION 10 : Socket.io Chat App

Intro

Webpack & React Setup

Server Connection Setup

Adding Messages

Display Messages

Username Functionality

SECTION 11 : Workoutlogger

Intro

Setup & ShowForm State

Add Workout Form

Using LocalStorage

Fetch & Display Workouts

Deleting Workouts

SECTION 12 : Course Summary

Summary

Other courses offered by Eduonix

199
10 hours
Intermediate
– / –
4 hours
Intermediate
View Other 119 CoursesRight Arrow Icon
qna

ReactJS and Flux - Learn By Building 10 Projects
 at 
Eduonix 

Student Forum

chatAnything you would want to ask experts?
Write here...