Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
The problem of scale and complexity creates new challenges for system designers and force us all to fundamentally innovate processes and paradigms for software creation. React and Flux are Facebook's response to their scaling problems and these technologies have opened up new avenues for all web programmers worldwide. React has become the buzzword as it provides a cool new framework to solve real world problems and if you are a web developer you must learn this amazing new technology.
This is where our Projects Using React JS and Flux course comes in. The course has been meticulously designed in a manner to help you understand the technology as well as have a little fun with them. Using 10 different projects, we will get you on board on how to use ReactJS and Flux to make your application unique, just like you!
What are ReactJS and Flux?
The Projects Using React.JS and Flux tutorial is the perfect way to not only learn these technologies, but also understand how they can be practically applied to create applications. It will also give you a working idea of other technologies that can be used in tandem with these technologies.
In this course, you will build the following 10 projects:
Project 1 – Bootstrap React Components – This is a starter project to help you understand how to use Bootstrap to create basic React components.
Project 2 – Github Profile Viewer – Learn how to use ReactJS to create a UI and fetch data from the Github API.
Project 3 – Quick Quiz – Design a simple React quiz application
Project 4 – Movie Find – Learn how to create a movie find database that uses the OMDB API to fetch movies from the database.
Project 5 – Contact List – Create a contact list and learn how to use the Firebase database technology
Project 6 – Stickypad Notes - Create a fancy ToDo List that uses a Stickypad image for its background
Project 7 – InfoFinder Search Engine – Learn how to use the DuckDuckGo API to design a fully-functional search engine.
Project 8 – Youtube Gallery – Create a complex video gallery that allows you to add YouTube videos using just the ID of the video.
Project 9 – Socket . io Chat – Learn how to create a functional chat application that allows you to create a username and send messages back and forth over web sockets.
Project 10 – Workout Logger – Finally one of the most interesting and the most complex application in the list, this Workout Logger will have a mobile friendly interface and will also teach you how to create a local storage.
At the end of this course, not only will you have 10 functional applications ready for use, but you will also learn how to use React.JS and Flux to create interesting web and mobile applications. Enroll now and become a React and Flux wiz.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Course Introduction|
|Section 2: Bootstrap React Components|
Setup React & BootstrapPreview
Creating React Components
Working With State
Bootstrap React Components Quiz
|Section 3: Github Profile Viewer|
Files & Webpack SetupPreview
Main App ComponentPreview
RepoList & Repo Components
Github Profile Viewer Quiz
|Section 4: Quick Quiz Application|
App Component Setup
QuestionList & Question Component
Quick Quiz Application Quiz
|Section 5: MovieFind|
Flux Structure & Gulp Part A
Flux Structure & Gulp Part B
Flux Setup & Preperation Part A
Flux Setup & Preperation Part B
Working With The API
|Section 6: Firebase ContactList|
Flux Boilerplate Setup
Adding Contacts To Store
Persisting Data To Firebase
Listing & Deleting Contacts
Edit & Update Contacts Part A
Edit & Update Contacts Part B
|Section 7: Stickypad Notes|
Stickypad Boilerplate Setup
Add & Fetch Notes From MongoLab
Display Sticky Notes
Delete Sticky Notes
Stickypad Notes Quiz
|Section 8: InfoFinder Search Engine|
InfoFinder Fluxboiler Setup
Fetch Data From DuckDuckGo API
InfoFinder Search Engine Quiz
|Section 9: Youtube Gallery|
Boiler & Add Video Form
Persist Data To Firebase
Youtube Gallery Quiz
|Section 10: Socket.io Chat App|
Webpack & React Setup
Server Connection Setup
Socket.io Chat App Quiz
|Section 11: Workoutlogger|
Setup & ShowForm State
Add Workout Form
Fetch & Display Workouts
|Section 12: Course Summary|
Eduonix creates and distributes high quality technology training content. Our team of industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.