• Post category:StudyBullet-4
  • Reading time:12 mins read


Learn Full Stack Development React & Redux & Node & Express & MySQL| integrate Node with MySQL DB and create CRUD APPS

What you will learn

Build amazing Real World Full Stack Apps using (React Redux Node Express MySQL) From Scratch

Learn & Understand The basics of React From Scratch

Learn & Understand The basics of redux From Scratch

Learn & Understand The basics of node From Scratch

Learn & Understand The basics of Express Framework From Scratch

Learn & Understand The basics of MySQL DB From Scratch

Understand how to use MySQL Command Line Orders & who to deal with MySQL Server using CMD (terminal)

Understand how to use MySQL Databases With Node js From Scratch

Create REST APIs using Express

Create REST APIs using Ndde JS

learn how to upload image to your app

Set up authentication and user accounts

deploying app to heroku

Using the latest ES6/ES7/ES8/ES9/ES10 JavaScript to write clean code

Description

Building. fullstack applications (frontend + backend) with the React Noode MySQL is very popular – in this course, you will learn it from scratch at the example of a complete project!

Our Project stands for MySQL, Express.js, React.js, Redux , GitHub API and Node.js – and combined, these technologies allow you to build amazing web applications.

In this course, we’ll build an entire project and you will learn how these different technologies work together step by step. We’ll first have a look at all the individual building blocks, so that we then can also combine them all into one amazing application by the end of the course.

This course also doesn’t stop after the basics – instead, you’ll also learn how to add file upload, authentication, and how to deploy your application To  heroku

These days everything uses a database, and MySQL is one of the most popular databases out there. FREE and Open Source, Mysql is a great database for just about all your needs.

All code is going to be provided step by step and even if you don’t like to code along, you will get access to the the full master project code so anyone signed up for the course will have their own project to put on their portfolio right away.

 

You’ll learn…

–  Learn React Basics From Scratch

–  React Router

–  Lifecycle Hooks 

–  State

–  Redux

–  React Produced Routes

–  Asynchronous Redux

–  React Hooks

–  React Performance

–  React Design Patterns

–  Persistance + Session Storage

–  Node.js Architectue

–  NPM (Node Package Manager)

–  Node.js Modules

–  JSON File


Get Instant Notification of New Courses on our Telegram channel.


–  Node.js Basics

–  File System

–  Events

–  HTTP Module

–  Learn Exprress js Basics From Scratch

–  How To install Wamp and PHPMyAdmin

–  Learn who to connect to the MySQL Server with CMD (terminal)

–  Learn who to do an CRUD operation to the MySQL DB with CMD (terminal)

–  How To install the MySQL Node Module

–  How To Connect To Database In Node

–  How To Create A Database

–  How To Insert into table

–  How To Select Data From Table

–  How To Updating  Records

–  How To Delete (Drop) A Table

–  Integrate Node.js with MySQL

–  How To Work With GitHub API To Fetching Users Data

–  Create a complete Real World Full Stack App using (React Redux Node Express MySQL) From Scratch

–  Deployed to Heroku

+ more

English
language

Content

Introduction
Introduction
Environment & Tools Setup
Editors
Git
Node
Xampp Server & Mysql
REACT JS
Project-Original-Code
01 React Setup Environment With Quick Overview
02 Create React App From Scratch
03 Add Bootstap To React App
04 React Components
05 Expressions
06 Setting Attributes
07 Style Attributes
08 Rendering Classes Dynamically
09 Loops Rendering Lists
10 Conditional Rendering
11 Handling Events
12 Binding Event Handlers Updating the State
13 Compose Component
14 Passing Data Props and Children
15 Handling Events From Chiled Componnet
16 Restructuring The APP
17 Basics Of React Router
18 Protected Route
19 LifeCycleHooks
20 Forms
21 HTTP Request
Redux
Temp
Project-Original-Code
Why Redux
1 setup-work-enviroment
2 redux Quqe demo
3 Actions
4 Reducer
5 Redux Dev Tool
6 Main Component
7 Counter Component
8 DataList Component
Node JS
Project-Original-Code
01 What Is NodeJS
02 What is NPM
03 Node Modules
04 Basics Opration Required
05 Module Wraper Functions
06 Path Module
07 Fs Module
08 OS Module
09 URL Module
10 Event Emitter
11 HTTP Module
12 CreateServer
Express JS
00 Project-Original-Code
01 What Is Express
02 SetUp The Envireoment Tools
03 Create Express Server
04 Route
05 Static Folder
06 Rest API
07 Middleware
08 Get Request
09 Express Router
10 Post Request
11 Put Request
12 Delete Request
MySQL ( Server & Database & CMD ) With NODE JS
00 Project-Original-Code
01 MySQL
02 Create DB And Add Tables
03 Insert data to table
04 Selecting Data
05 Update And Delete
06 Setup node envirement
07 Create And Connected To DB
08 Create Table
09 Insert Data
10 Select Single And multi data
11 Updated
12 Delete
Application
00 app_source_code
00 html_temp
01 Intro & Setup Environment
02 Get App Ready
03 Main Component
04 Router
05 GitHup API
06 Data Component
07 Specific Component
08 STORE
09 Store With Specific Compoenet
10 Favorite Component
11 Backend-Server
12 Backend-User-Connect To DB
13 Backend – Create Users Table
14 Backend – Register
15 Backend – Login
16 LoginRegester Front-end
17 MainPage
18 Login Component
19 Reigester Compoenent
20 PrivateRoute
21 Get User DATA Profile BackEnd
22 UPDATA User DATA BackEnd
23 DELETE USER BackEnd
24 Get User DATA Profile FrontEnd
25 UPDATA User DATA Profile FrontEnd
26 DELETE USER FE
deploying to Heroku
Final_App
1 Get The APP Ready
2 deploy