20% OFF WEB DEVELOPMENT

Fronted Advanced

Instructor
Altab Raja
Last Update January 16, 2024
4.38 /5
(8)
0 already enrolled

About This Course

In this Front-End Web Development - Complete Guide (Step by Step) [Updated 2023] you will learn complete front-end web development from scratch. As part of the course, You will learn complete HTML5, and CSS3 step by step.

Later you will learn how to use, integrate or add user interactivity with the help of JavaScript. This course also covers the latest JavaScript version which is ECMA Script learn the modern JavaScript techniques with ECMA Script 6 or later.

The next big step would be to learn Bootstrap 5 which is the latest and the most popular CSS framework available. Here you will learn to create 3 Live Projects. In the 1st project, you will learn to create an EMS Web App also known as Employee Management System.

2nd the project we will see how to create a full blog for beginners to Advanced Levels. For the 3rd project, you will create a professional website.

Once you have completed Bootstrap 5 the next topic would be to get started with Angular. In the Angular Topic, you will learn the beginner’s level to integrate angular to any HTML5 and CSS3 App.

Then with the help of React JS, we will see how to build a Scratch Pad App from Beginner to Advanced level. After that you will learn about Create React App tool, used to build React applications. With the help of Bootstrap 5, you will learn to build a Practical web application with React.

As the project, you will learn to create a web application, which will manage the user data via API. In the web application, we allow the users to create new data, Read data and also Delete data from the application itself.

All the best, hope you enjoy the course.

Curriculum

17 Lessons 3 Month
Introduction to Angular
What you need to get started
Installing Node JS
Installing Angular
Installing Cmder for Angular
Setting up Angular Project
Install VS Code for Angular
Creating the "Hello World" Project in Angular
Angular App Directory Structure
Creating New Components in Angular
Creating Styles for Angular Components
Adding Bootstrap & jQuery to Angular Project
Interpolation in Angular
Data Binding in Angular
Ng If Else Directives in Angular
Event Binding in Angular
Pipes in Angular
Input Decorator in Angular
Creating Services in Angular
HTTP Client Module in Angular
Introduction to React JS
Installing Browser Tools
Installing Node JS for React
Install VS Code for React
Hello World in React JS
JSX in React JS
What is a Component in React JS
Create First React Component
Stateless Component in React JS
Props in React JS
Events in React JS
State in React JS
Adding State to Note Component
Refs in React JS
Introduction to Create React App
Prerequisites
What is React
Install React Tools on Chrome
Install React Tools on Firefox
Install Create-React-App
Project Generation
Creating React Elements
Using JSX to Refactor Elements
Creating React Components
Creating Different Components
Component Properties
Working with Lists
Adding Keys to List Items
Display Images in React
Working with Fragments
Conditional Rendering
Destructureing Arrays and Objects
Working with useState Hook
Working with useEffect
Incorporating useReducer with React
Using Hooks to Fetch Data
Displaying Data from API with React
Handling Loading States
Testing Platform using Create React App
Using Jest to Test Small Functions
Testing Library in React
Testing Hooks with React Testing Library
Installing and Setting up React Routers
React Routers Configuration
Linking Components Together
Introduction to React Project
Installing Requirements
Create React App Installation
Clean up React Application
Using External Components
Installing Bootstrap CSS in React
Customizing Bootstrap Components in React
Building your first Component
Sub Component Hooks
Adding Appointments into our Project
Creating JSON Data for Demo Users
Importing JSON Data into React Part-1
Sending Data to the Component
Conditional Classes and useState Hooks
Working with useEffect and useCallback
Deleting Data
Searching Data with Filters
Working with Sort
Applying the Sort Algorithm
Adding New Appointments

Your Instructors

instructor

Altab Raja

4.75 /5
4 Courses 4 Reviews 73 Students
See more

Student Feedback

Reviews (3)

Write a review

Live Chat Section