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?
