Front-End Bootcamp with React

Price : 15,000 BDT 10,000 BDT

Enroll Now
Starting Date

2022-10-05

Total Enrolled

22 of 30

Senior Front-end Developer
Skill: Js,vuejs,reactjs,html,css,php,laravel
Work Experience: 5 years

About the course

Ever thought, you're spending your everyday time on facebook, twitter and lots of other useful websites and how they develop!

Are you curious about web development but don't know where to start? Would you like to be able to build your own websites? Have you tried learning HTML, CSS & JavaScript, but found other courses too boring, outdated, difficult?

If your answer is YES to any of these questions, then this is the course for you! You won't find boring, I promise!

You'll learn the most advanced cutting edge web technologies to built your website. At the end of course you'll able to build any websites you can imagine. So, why are you waiting for? Get ready to binge!

Course Outline

Total Class: 30 | Total Topic Covered: 40

1

  • Things to know as a web developer
  • Future of web development
  • Both ends of web development
  • Introduction to Frontend Development

 

2

  • HTML document structure
  • Common elements of tags of HTML

3

  • HTML Tables
    • HTML table elements
    • Table head
    • Table row
    • Table Column
  • HTML forms
    • HTML form element
    • form methods, actions
  • HTML doctype
  • HTML meta tags and their uses

4

  • Introduction to CSS Targeting color and background ID targeting
  • margin and border Padding,
  • margin and float
  • Font weight, style and family
  • Text decorations
  • Text spacing
  • Text decoration modification
  • Text shadow

5

  • Background Image
  • CSS gradient
  • Element specificity
  • Pseudo class
  • Border radius
  • Position
  • z-index

6

  • CSS Flexbox
  • CSS Grids
  • CSS Transition
  • Media Queries and Responsive Design

7

Integrative bootstrap and tailwind with our project

8

  • CSS Preprocessors
  • Browser Prefixes
  • Web Performance

9

  • JS Arrays and Objects
  • String Operations
  • Array Operations
  • Object Operations

10

JavaScript loop

Conditional Operations

11

  • JavaScript functions Modules
  • Module System, and why are they?
  • Different types of Modules

12

NodeJS and NPM

Installing Node and NPM

Uses of node and npm

How they works?

13

  • ES6 andd Various new features.
  • Spread syntax
  • Ternary operations

14

What is JavaScript Frameworks?

Introduction to ReactJs

Basic ReactJS

Setup react js development environment

15

BabelJS and JSX React Hooks

16

  • What is React State Management?
  • How do you manage global state in React?
  • Why State Management is Important For React Apps ?

  • What are the best State Management Library Tools?

17

  • Installing and Integrating TailwindCSS
  • Installing and Integrating Material-UI Installing
  • Integrating AntD

18

  • Data Fetching with Axios and Fetch Using “Service” based architecture Integrating
  • Using React-query

19

  • Server state and Global State
  • Global State Management with Zustand

20

  • React Router
  • Multi Page React Application
  • Router Authentication React

21

  • Cache Management Custom React Hooks
  • What is custom react hooks ?
  • what is cache management ?
  • How to manage cache using custom react hooks?

 

© Copyright 2022 Kodeeo - All Rights reserved