4.50 (16 reviews)
☑ Dive in React JS and Native
☑ Learn how to build single page applications with React JS
☑ Learn to connect to an external API
☑ Create reusable React Components
☑ Set up our virtual environment
☑ Run Android and IOS simulator
☑ JSX syntax and expressions
☑ ES6 syntax
☑ See the content on the simulator
☑ User Inputs, Forms and Events in React
☑ Using React Portals to render Children Outside the DOM Hierarchy
☑ React JS Hooks and Context
☑ React’s modern face is to develop web applications with React Js Hooks and Context
☑ Creating Hooks and Context structures
☑ Routing with React Router
☑ Route Between Different Screens
☑ Data Transfer Between Different Screens with React Navigation
☑ Reducer, action and dispatch concepts and much more
☑ How to use coding techniques to make efficient development with React
☑ Build fast, user-friendly web apps with React
☑ Dive into Nodejs, learn rapidy growing web server technology, Nodejs & understand how NodeJS works with Node course!
☑ By learning growing web server technology, Nodejs, you can improve your skills, get a new job and you can build powerful, robust web applications.
☑ Learn the key concepts of the NodeJS
☑ Learn to create servers, and understand how it works
☑ Understand and use the Event Emitter
☑ Understand Buffers, Streams, and Pipes
☑ Learn routing with NodeJS
☑ Learn the most used, open-source document database, and NoSQL database aka MongoDB
☑ Install MongoDB
☑ Logic behind the MongoDB data storage
☑ The most popular Object Data Modeling Library for MongoDB, Mongoose JS
☑ Learn to execute CRUD - write queries to create, read, update and delete operations
☑ Understand terminal commands for managing the database
☑ Advanced Features of MongooseJS
☑ The best testing framework for NodeJS, Mocha
☑ Learn how easy to use MongoDB
Welcome to Mobile and Web Development 2021 Guide-inlc. NodeJS & MongoDB course.
Do you want to learn React Js from scratch?
Do you want to learn React Native from scratch?
Do you want to learn the latest React features of the Hooks and Context system?
Do you want to create an app with React React Router; in a very detailed way?
Do you want to learn NodeJS from scratch?
Do you want to learn Mongo DB from scratch?
If your answer is "Yes", you are in the right place. This Mobile and Web Development 2021 Guide-inlc. NodeJS & MongoDB course will be a perfect match.
React is one of the best choices for building modern web applications. If you are new to React or maybe you've been struggling to learn and truly understand what’s going on then this course is the best way for you to learn React.
By learning growing web server technology, NodeJS, you can improve your skills, get a new job and you can build powerful, robust web applications.
MongoDB is a cross-platform document-oriented NoSQL database program. By using MongoDB, you can build a modern application database for your projects.
In the course, we are going to tell you what dependencies you need to install and how in detail, to be able to create mobile apps on both MAC and Windows. We are going to use free tools and platforms so you don't have to buy any tool or app. You are going to learn how to run an Android and IOS simulator on your MAC or Windows computer. Besides, with the Expo app, you will be able to run your apps on your own mobile device as well.
Later on in the course, we are going to learn the basics of React and React Navigation. JSX, 'props system' and 'state system' are going to be crystal clear for you at the end of the course. We are going to create nice looking reusable components. You are going to be able to use these reusable components in your own future projects. You are going to go to different screens from the app with React-navigation.
Finally, you are going to learn the latest React features "Hooks and Context" system. We are going to create two nice looking app, teach you "Hooks and Context" in a very detailed way. You are going to learn how to use "state" in functional components with the "Hooks" system and with "Context API" you won't need any third-party package to manage the Application state.
We tried to tell all complex topics in very detail on the course. We used some diagrams to tell some important topics and created a nice-looking mobile application. We showed two different ways to create a mobile app. We showed both react-native-cli and expo-cli in our course.
At the end of the course, you will learn;
Basics of React, React-Native, React-Navigation libraries
How to send an HTTP request from a mobile application
How to use flex-box system
How to create reusable components
To reach another app on the device from our app
Creating your own mobile app both with react-native-cli and expo-cli
Creating Context with Class-Based and Functional Components
How to Consume Context in Class-Based and Functional Components
How to Use Multiple Context in one single component
Hooks Functions(useState, useEffect, useReducer, useContext...)
Creating Reducer and
Using Reducer is going to be clear for you.
You'll learn how asynchronous code works in Node and the Node event loop, as well as how to use the event emitter, streams, buffers, pipes, and work with files.
We'll see how that leads to building a web server in Node with hands-on examples.
The logic behind MongoDB’s data storage
The most popular Object Data Modeling Library for MongoDB, Mongoose JS
Writing queries for creating, reading, updating, and deleting operations
Advanced Features of MongooseJS
The best testing framework for NodeJS, Mocha
Why would you want to take this course?
Our answer is simple: The quality of teaching.
When you enroll, you will feel the OAK Academy`s seasoned developers' expertise.
No prior knowledge is needed!
It doesn't need any prior knowledge to learn it and React is easy to understand for beginners.
This course starts with very basics. First, you will learn how to install the tools, some terminology. Then the show will start and you will learn everything with hands-on practices. I'll also teach you the best practices and shortcuts.
Step-by-Step Way, Simple and Easy With Exercises
By the end of the course, you’ll have a firm understanding of React and valuable insights on how things work under the hood and you'll also be very confident in the basics of coding and game development, and hungry to learn more. The good news is since the Free and popular tools are used you don’t need to buy any tool or application.
Video and Audio Production Quality
All our videos are created/produced as high-quality video and audio to provide you the best learning experience.
You will be,
Moving through the course without distractions
You'll also get:
Lifetime Access to The Course
Fast & Friendly Support in the Q&A section
Udemy Certificate of Completion Ready for Download
Dive in now to our Mobile and Web Development with React, NodeJS and Mongo DB course.
We offer full support, answering any questions.
See you in the course!
Let's Start to Learn React JS
Your First App Overview
Frequently Asked Questions
Project Files and Course Documents
Let, Const and Var in 3 Minutes
Install Node JS
Create Your React App
Why You Will Need To Create a React App?
Start Creating React App
Do You Want to Learn How To Stop React App?
Important Functional Components
What is JSX?
Converting HTML JSX
Inline Styling with JSX in React JS
React with Props
Three Tenets of Components
Simple App with React
Styling App with Semantic UI
Specifying The Image in React JS
Duplicating The Single Component
Passing Props to Child
Reusable Component Overview
Class - Based Components
Class - Based Components and Functional Components
New App Overview
Getting Users Physical Location
Handling Async Operation in React
Transformation Functional Component to Class Based Component
State in React
Initializing State In Constructor
Lifecycle Method Overview
Get to Know Lifecycle Method
Refactoring App with Lifecycle Method
Passing State as Props
Ternary Expressions in JSX
Styling The App
Free React Developer Tools
General App Review
User Inputs, Forms and Ivents in React JS
Styling The App
Creating Event Handlers
Controlled vs Uncontrolled Elements
Why Controlled Elements?
Understanding ‘this’ Key Word In JS
Communicating Child to Parent
Invoking Callbacks In Children
API Request with React
Axios vs Fetch
Async Await Function
Setting The State
Rendering a List of Components
Implementing The Key Values In List
What We Have Learned From The App?
Navigation with React Router
Initializing The Project
The React Router
Link and NavLinks
React Router Switch Tag
How to Create a Modal?
Why React Portals?
Creating a React Portals
Let's meet Hooks and Context
Context and Hooks
Let's Start Building Application
Why Context API?
Context Provider - 1
Context Provider - 2
Let's Reach Out the Context State
Consuming Data in TodoList Component
Update The Context Data
Multiple Context Usage
Create Multiple Context
Use Multiple Context Inside One Component
Introduction to React Hooks
Let's Start Creating The App
UseState with Forms
Create Multiple Context with useContext
Create Context with Functional Component
Hooks & Context
Hooks and Context
Let's Add New ToDo with Hooks and Context
Let's Remove Todo From Context
Get to Know the UseReducer Hook
Let's Implement UseReducer
Reducer Component Structure
Setup For Windows
Free Tools For Windows
Windows Setup for React Native
How To Start Emulator in Android Studio
Setup For OSX
Free Tools for IOS
OSX Setup for React Native
Start The Emulator
React Native and JSX
How To Create an App
See Content On Emulator
Why Do We Need React and React-Native?
Es6 Syntax ( Let, Const, Var)
How To Show Component On Device
How to Build Our First App
How to Connect a Component To The Root Component
Import a Component to Another Component
Styling For React Native
Styling with JSX
Header Component’s Styling
How to Reuse Code With Props System
API Request with React Native
How To Show a List To The User
The List Component
Func Component vs Class Based Component
When Do We Need Lifecycle Methods?
Making Request With Axios
State in React Native
What is State and How to Initial State
Using of State
A Component’s Lifecycle With State
List Item Component
Styled Component for List Items
Usage of Props.Children
Introduction to the Flexbox
Section Header Component
Layout with Flexbox
How to Show An Image
User Interaction with ReactNative
How to Open Another App (Browser)
React Native and Expo
React Native on Mobile Device
Expo CLI Project
Router Expo CLI Project
Router Expo CLI Project
See The Content On A Device or Emulator
What Is Router And Installation
Setting Up a Router in Project
Rendering A List With FlatList
How Does FlatList Work
Giving the Key Prop
Route Different Screens
Book Detail Screen
Navigate Between Screens
Navigating from a Child Component
Data Transfer Between Screens
What is Node JS
Installing Node JS
Node JS Globals
Module and Require
Module exports patterns
More about Event Emitters
Reading and Writing Files
Creating and Removing Directories
Clients & Servers
Streams and Buffers
Streams and Buffers
Serving JSON Data
What is MongoDB
OSX – Robomongo
Windows – Robomongo
Test Driven Experience
Last Setup Before the Project Start
Introduction to Project
Start to Project
Mongoose Connection Helper 1
Models of Mongoose
Start to test with Mocha
Creating and Saving Models
How we can drop collections?
isNew Property in Mongoose
The _id Property
Updating Records (1)
Updating Records (2)
$mul Operator as an example
Mongoose Validation (1)
Mongoose Validation (2)
Mongoose Validation (3)
Handling Relational Data
Test with Subdocuments
Adding New Subdocument
Virtual Types (1)
Virtual Types (2)
Developing Nested Resources
Using ref for associations
This course is good but his jokes are irritating. I think the instructor concentrated too much on the older methods like Class Based Components instead of the new stuff like Functional Components.
The content of the course is highly sufficient for anyone who wants to see the general structure in the field of web and mobile development.