React JS & Firebase Complete Course (incl. Chat Application)
React JS & Firebase Complete Course (incl. Chat Application), available at $69.99, has an average rating of 4.1, with 121 lectures, based on 118 reviews, and has 1119 subscribers.
You will learn about Develop real-world web application with React JS and Firebase Understand the processes and concepts of React JS 2 Use gained knowledge to create your own Web Applications This course is ideal for individuals who are Developers new to React JS & Firebase or Experienced developers looking to hone their React JS & Firebase skills or People eager to learn new knowledge It is particularly useful for Developers new to React JS & Firebase or Experienced developers looking to hone their React JS & Firebase skills or People eager to learn new knowledge.
Enroll now: React JS & Firebase Complete Course (incl. Chat Application)
Summary
Title: React JS & Firebase Complete Course (incl. Chat Application)
Price: $69.99
Average Rating: 4.1
Number of Lectures: 121
Number of Published Lectures: 121
Number of Curriculum Items: 121
Number of Published Curriculum Objects: 121
Original Price: €129.99
Quality Status: approved
Status: Live
What You Will Learn
- Develop real-world web application with React JS and Firebase
- Understand the processes and concepts of React JS 2
- Use gained knowledge to create your own Web Applications
Who Should Attend
- Developers new to React JS & Firebase
- Experienced developers looking to hone their React JS & Firebase skills
- People eager to learn new knowledge
Target Audiences
- Developers new to React JS & Firebase
- Experienced developers looking to hone their React JS & Firebase skills
- People eager to learn new knowledge
WHAT IS REACT JS?
React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components.”
WHAT IS FIREBASE?
Firebase provides a real-time database and backend as a service. The service provides application developers an API that allows application data to be synchronized across clients and stored on Firebase’s cloud.
THE COURSE
Students learn best when they’re putting what they learn into practice straight away, so we’ve built this course around one great project (which will look fantastic in your career portfolio!):
In this course, we will build an application where users can participate in different services that can improve users’ expertise in various fields.
We will start with the basicsof React JS framework. We will create the initial layout, first pages, and routing.
The first section will not only be about React JS. We need a database to make our application dynamic and up to the standards. The database we will use in this course is cloud Firestore from Firebase. IN Firestore, we will keep different data types, for example, services, offers, collaborations, and users.
After the first section, you will start learning about firebase authentication. I will show you how to log in and register with Firebase. After the user is logged in, we will display our application with modifications only authenticated users can see.
The main idea of this application is to offer and subscribe to various services.For this reason, we will implement a page. where users can create service and where I get you familiar with form validation as well
After the service is created, it will be displayed on the Home page and offered to other users.
Later we will be creating functionality to trade services between the users.Every logged-in user can make an offer for service after submitting the offer. Then, it is up to the service owner if he is willing to accept or decline an offer. If the service owner accepts the offer, the user can create collaboration.
When all of the users are joined into collaboration, then cooperation can be started for a specific amount of time, and users can exchange messages. Once collaboration is created, the service owner will receive a message to participate in the partnership. After the partnership is finished, messaging is disabled.
In the last section, I will be talking about security rules for Firestore, and finally, we will deploy our application to Heroku so you can share it with your friends and family. This is just a short preview of all of the features, and there is much more prepared for you.
With over 24 hours of on-screen instruction, it doesn’t matter whether you’re planning to start your career as a developer or want to improve your programming skills. This is the right course for you!
Course Curriculum
Chapter 1: React Basics
Lecture 1: Section Introduction
Lecture 2: Project initialization
Lecture 3: Framework deep dive
Lecture 4: Functional Component
Lecture 5: Class vs Functional Component
Lecture 6: What is State ?
Lecture 7: State in Functional component
Lecture 8: Counter functional component
Lecture 9: Counter class component
Lecture 10: Props in class component
Lecture 11: Props in functional component
Lecture 12: Previous data in functional component
Lecture 13: Jsconfig
Lecture 14: Init layout + styles
Lecture 15: Iterate services
Lecture 16: Service item component
Lecture 17: Routing
Lecture 18: Create Link + Navbar section
Chapter 2: State Management
Lecture 1: Section Introduction
Lecture 2: What is Redux
Lecture 3: Connect function
Lecture 4: Dispatch action + simple reducer
Lecture 5: Services reducer
Lecture 6: Add logger to dispatch
Lecture 7: Init Firebase
Lecture 8: Redux Promises
Lecture 9: Middleware improvements
Lecture 10: Add service detail page
Lecture 11: Service reducer
Lecture 12: Add API
Lecture 13: Reducer improvements
Lecture 14: Spinner component
Lecture 15: Is fetching state
Lecture 16: Redux thunk
Lecture 17: Caching improvements
Lecture 18: Enhancers
Chapter 3: Authentication
Lecture 1: Section Introduction
Lecture 2: Login & Register page
Lecture 3: Add useForm package
Lecture 4: Validators
Lecture 5: Custom validators
Lecture 6: Custom validators part 2
Lecture 7: Register User
Lecture 8: Create user profile
Lecture 9: Handle register response
Lecture 10: Handle Login
Lecture 11: Structural changes of App
Lecture 12: Watch auth state changes
Lecture 13: Display UI auth changes
Lecture 14: Handle Logout
Lecture 15: Fresh JS Loading
Lecture 16: Fresh JS Loading part 2
Lecture 17: Reset auth state
Lecture 18: High order component
Lecture 19: Custom HOC
Lecture 20: Small Improvements Dispatch
Chapter 4: Service Feature
Lecture 1: Section Introduction
Lecture 2: Service Create Page
Lecture 3: Handle form submit
Lecture 4: Create Service
Lecture 5: User services page
Lecture 6: User Services reducer
Lecture 7: User services reducer rework
Lecture 8: Modal component
Lecture 9: Add modal content
Lecture 10: Create user ref
Lecture 11: Structural changes of API
Chapter 5: Offer Feature
Lecture 1: Section Introduction
Lecture 2: Create offer
Lecture 3: Send & Received Offers
Lecture 4: Fetch Offers
Lecture 5: Display Offers + Extract Data
Lecture 6: Display offer in Service Item
Lecture 7: Accept and Decline Offer Button
Lecture 8: Accept & Decline Offer
Lecture 9: Create collaboration and messages
Lecture 10: Create Collaboration API
Lecture 11: Mark offer as in collaboration
Chapter 6: Messages Feature
Lecture 1: Subscribe to messages
Lecture 2: Create message component
Lecture 3: Display actual messages
Lecture 4: Mark message as read one
Chapter 7: Collaboration Feature
Lecture 1: Section Introduction
Lecture 2: Auth reducer refactor
Lecture 3: Collaboration List page
Lecture 4: Collaboration Detail
Lecture 5: Firebase functions
Lecture 6: Check user connection
Lecture 7: Check online status on firestore
Lecture 8: Set offline on logout
Lecture 9: Subscribe to collaborations
Lecture 10: Display joined people
Lecture 11: Watch profile changes
Instructors
-
Eincode by Filip Jerga
Online Education -
Filip Jerga
Software Engineer
Rating Distribution
- 1 stars: 2 votes
- 2 stars: 5 votes
- 3 stars: 8 votes
- 4 stars: 26 votes
- 5 stars: 77 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024