ReactJS And Flux - Learn By Building 10 Projects Online Course

ReactJS and Flux - Learn By Building 10 Projects

All levels
English

Course Description

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 should not 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.

See more less

What you’ll learn

Project 1 - Bootstrap React Components - This starter project will familiarize you on how you can create simple React components using the Bootstrap framework.
Project 2 - Github Profile Viewer - This project will show you how to create a UI using React and also how to fetch data from the Github API.
Project 3 - Quick Quiz - This course will get you started on how to design a simple quiz using ReactJS.
Project 4 - Movie Find - Learn how to use the OMDB API to fetch data and create a database for movies.
Project 5 - Contact List - Learn how to make a contact list using the Firebase database technology
Project 6 - Stickypad Notes - This project will teach you how to create a ToDo List that looks like a Sticky Note
Project 7 - InfoFinder Search Engine - Create a working search engine using the DuckDuckGo API.
Project 8 - Youtube Gallery - Learn how to make a video gallery that allows you to add YouTube videos using just the ID of the video.
Project 9 - Socket.io Chat - Create a functional chat application that allows you to add a username and send messages back and forth over web sockets.
Project 10 - Workout Logger - Learn how to create a local storage and make Workout Logger with a mobile friendly interface, which allows you to input your exercise data.

Covering Topics

Section 1 : Course Introduction

Section 2 : Bootstrap React Components

Section 3 : Github Profile Viewer

Section 4 : Quick Quiz Application

Section 5 : MovieFind

Section 6 : Firebase ContactList

Section 7 : Stickypad Notes

Section 8 : InfoFinder Search Engine

Section 9 : Youtube Gallery

Section 10 : Socket.io Chat App

Section 11 : Workoutlogger

Section 12 : Course Summary

Curriculum

  Section 1 : Course Introduction
1
Intro

  Section 2 : Bootstrap React Components
2
Intro 
3
Setup React & Bootstrap
4
Creating React Components
5
Component Props
6
Working With State

  Section 3 : Github Profile Viewer
7
Intro 
8
Files & Webpack Setup
9
Main App Component
10
Profile Component
11
RepoList & Repo Components
12
Search Component

  Section 4 : Quick Quiz Application
13
Intro
14
App Component Setup
15
QuestionList & Question Component
16
Quiz Logic

  Section 5 : MovieFind
17
Intro
18
Flux Structure & Gulp
19
Flux Setup & Preperation
20
SearchForm Component
21
Working With The API
22
Displaying Results

  Section 6 : Firebase ContactList
23
Intro
24
Flux Boilerplate Setup
25
Adding Contacts To Store
26
Persisting Data To Firebase
27
Listing & Deleting Contacts
28
Edit & Update Contacts

  Section 7 : Stickypad Notes
29
Intro
30
Stickypad Boilerplate Setup
31
AddNoteForm Component
32
Add & Fetch Notes From MongoLab
33
Display Sticky Notes
34
Delete Sticky Notes

  Section 8 : InfoFinder Search Engine
35
Intro
36
Infofinder FluxBoiler Setup
37
Search Form
38
Fetch Data From DuckDuckGo API
39
Display Results

  Section 9 : Youtube Gallery
40
Intro
41
Boiler & Add Video Form
42
Persist Data To Firebase
43
Displaying Videos
44
Deleting Videos

  Section 10 : Socket.io Chat App
45
Intro
46
Webpack & React Setup
47
Server Connection Setup
48
Adding Messages
49
Display Messages
50
Username Functionality

  Section 11 : Workoutlogger
51
Intro
52
Setup & ShowForm State
53
Add Workout Form
54
Using LocalStorage
55
Fetch & Display Workouts
56
Deleting Workouts

  Section 12 : Course Summary
57
Summary

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.