Reactjs

Nodejs

Thank you for joining Nodejs and React Course. Welcome to the course and let's get started!

Welcome to The Nodejs and React course

Why Nodejs and React and Future of these combo

Getting started with Nodejs and React

Setup the Reactjs Environment

The awesome "Hello world" in new Component

Create a react app and a component and show "I want to be a pro dev"

Getting started with Reactjs

Learn basic and core concepts of Reactjs. Get familiar with Reactjs

Understanding the Reactjs folder structure

Understanding jsx in react

JSX syntax, condition and loop

What is reactivity and reactivity in Reactjs

Working with events and methods

User input and data binding

First Reactjs Test

Create a Reactjs application with loop, condition and methods. Make it as good as possible

Hooks in Reactjs

Custom hook in reactjs

Hook vs custom hook vs normal function : when to use what

Props

Why Array Destructuring?

Understanding the difference between functional and class components

Reactivity test

Dynamic Styling with Inline Styles

Adding CSS Classes Dynamically

React chrome dev tool

Basic and core Reactjs concepts

Learn redux proper way and handle states like a pro

Introduction to Redux

Redux vs Redux Toolkit

Asynchronous Requests with createAsyncThunk

Redux Toolkit : the big guy

 Event Handlers

Updating State

Handle forms with reactjs

Setting up React Router

Nested routes

Dynamic route

Adding a middleware with the route

Issues with React Router

Project code

React Router

Let's create a small budget with reactivity and all the knowledge we have learned so far. 

Project overview

Create data structure in JSON

Render the list

Dynamically style the list

Reactive CRUD of the app

Develop an app with the descriptions attached in the file

Test react project skill and core concept

Create a budget/expense app

Let's learn how we can use axios for calling apis and updating data

Setting up axios

Making a network request method and sending get, post etc request

Debugging network request

Reactjs api call with axios

Setting up Nodejs environment 

Exploring different nodejs frameworks

Adonisjs, a true mvc and modern framework of nodejs

Understanding the Adonisjs project structure 

Adonisjs route

Adonisjs Controller

Adonisjs Model

Adonisjs migration

Understanding how Adonisjs works

Adonisjs CLI & Tinker

Getting started with Nodejs

Routes and Routes Parameters

Constraining the route parameter format

Named routes

Route groups

Any route

Adonisjs routing

Let's learn how to write sql queries with Adonisjs

Querying database with ORM

Using the Where clauses

Inserting, Updating and deleting records

Mass assignment

Inserting or updating method

Adonisjs query: Eloquent Like ORM and Database

Learn pagination with Adonisjs and custom pagination approach

Adonisjs normal pagination

Another unique ways to do pagination

Adonisjs Pagination

Let's learn how to create apis for our social network project. Project includes custom auth, feed, comment, reply and likes

Create migrations and model for the social network feed

Adonisjs authentication

JWT authentication

Solving cors issue

Create feed CRUD apis with validation

Like CRUD apis with validation

Comment CRUD api with validation

Reply CRUD with validation

The social network feed project

We will build a social network feed. It will contain feed, like, comment, reply. It will be developed with vuex and more

Understanding the data structure

Render feed

Feed CRUD

Render comments with feed

Comments CRUD

Comment reply CRUD

Like for feed, comment and reply

Let's build a social network feed with Reactjs

Now it's time to connect both framework together and complete our app

Call backend api for data

Run all the CRUD operation from frontend to backend

Connect Nodejs backend with React frontend

Learn how to setup a vps and deploy your project

Deploy basic

Setup deploy environments 

Push code and build project

Project deployment

React test

Create a reactjs project. Description attached

Adonisjs test

Create a Adonisjs project. Description attached. 

Submit a project based on the description attached. 

Project 2. Description attached

Final test

In this chapter, we will guide you on how to get an internship.

Internship Guideline

Quiz

Assignment

Internship Opportunities

What is freelancing and how it works 

When should you try this options and when you shouldn't

Creating accounts and proper setup 

How to communicate with buyer with confidence 

 Best ways to impress buyer that works

Complete freelancing guide 

Know how to prepare yourself for a job placement

Preparing your projects 

 Writing a professional looking CV and cover letter 

Start sending personalized CV to different companies

Job Placement Support 

<h3 class="PlaygroundEditorTheme__h3">WHAT YOU'LL LEARN</h3> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Build powerful modern application with Nodejs and React</li><li value="2" class="PlaygroundEditorTheme__listItem">Learn how to build any kind of application</li><li value="3" class="PlaygroundEditorTheme__listItem">Learn the industry best practices with Nodejs and React</li><li value="4" class="PlaygroundEditorTheme__listItem">Deploy Nodejs and React application in a server</li></ol> If you want to learn Nodejs and React and how they work together, then this course is for you. <h2 class="PlaygroundEditorTheme__h2">REWARD</h2> End of this course, we will choose top talents to work with us and our large scale projects. We will guide you all the way to getting a job or start freelancing on your own.

Learn to develop production grade application with Nodejs and React. Nodejs and React is a great combination to build modern application

Course content

Full stack development with Nodejs and React

Appifylab Academy

This Course Includes

Our menu

Important Links

Get In Touch With