Sylhet IT Academy introducing the Web development with JavaScript (React Framework) course in Sylhet. The main objective of this course is to update & clear the concept of row JavaScript ECMA-5 standard, its library & its framework. This course also describe the necessity of front end framework of any medium to large project. Beside this this course also describe Ajax process that will be very helpful for web developers.
No. of Classes: 30 (2 Hours Per Class)
Course Fee: 15,000/= Currently 30% discount available (Discount Fee: 10,000 BDT)
Detail Syllabus
Introduction to JavaScript
—————————————
- Getting Started with JavaScript
- JS Variables & Constants
- JS console Log
- JavaScript Data types
- JavaScript Operators
- JavaScript Comments
- JavaScript Type Conversions
JavaScript Control Flow
————————————————————————————
- JavaScript Comparison and Logical Operators
- JavaScript if else Statement
- JavaScript for loop
- JavaScript while and do…while loop
- JavaScript break Statement
- JavaScript continue Statement
- JavaScript Switch Statement
JavaScript Functions
————————————————————————————
- JavaScript Function and Function Expressions
- JavaScript Variable Scope
- JavaScript Recursion
JavaScript Objects
————————————————————————————
- JavaScript Objects
- JavaScript Methods
JavaScript Types
————————————————————————————
- JavaScript Array
- JS Multidimensional Array
- JavaScript String
- JavaScript for…in loop
JavaScript Exceptions & Modules
————————————————————————————
- JavaScript try…catch…finally
- JavaScript throw Statement
- JavaScript Modules
JavaScript ES6
————————————————————————————
- JavaScript ES6
- JavaScript Arrow Function
- JavaScript Default Parameters
- JavaScript Template Literals
- JavaScript Spread Operator
- JavaScript Map
- Destructuring Assignment
- JavaScript for…of
JavaScript Asynchronous
————————————————————————————
- JavaScript setTimeout()
- JavaScript CallBack Function
- JavaScript Promise
- JavaScript async/await
- JavaScript setInterval()
JS Document Object Model
————————————————————————————
- What is DOM
- Analyze the DOM
- Traversing DOM Elements
- Traversing DOM Hierarchy
- Manipulate the DOM
- Listening to DOM Events
- DOM Project – To Do App using DOM
Javascript Advance
————————————————————————————
- JavaScript JSON
- JavaScript Browser Debugging
React Js
————————————————————————————
- What is React and How It Works
- React Virtual DOM Explained – Easy Explanation
- React ESLint, Formatting with Prettier, Editor & Project Setup
- React Prerequisites
- React JSX Element & Rendering Elements
- React Components and Props Core Concept
React Context API
————————————————————————————
- React State & Lifecycle in Class Component
- React Higher Order Components (HOC)
- React Render Props
- What is Context API – Why Context API
- How to Use React Context API
- contextType & useContext Hook
React Hooks
————————————————————————————
- What is React Hook – React Hook Introduction
- React useState Hook
- React useEffect Hook
- React useReducer Hook
- React Custom Hook
Styling React Components & React Router
————————————————————————————
- Stylesheets Inline Style & CSS Modules
- React Styling – CSS in JS
- React Router DOM Complete Guide
- Router DOM v6 – Breaking Changes – React Router 6 vs 5
- React Router v6 Private Route
State Management
————————————————————————————
- React 18 New Features – What’s New in React
- React Event Handling & Control Re-Rendering
- React Conditional Rendering, List, and Keys
Rendering React
————————————————————————————
- React Form Handling – Controlled vs. Uncontrolled Component
- Webpack
- Fetch Data from API in React
- React with Firebase
- Server-Side Rendering
React Full Project – 01
————————————————————————————
- Project Day 1
React Full Project – 02
————————————————————————————
- Project Day 2
React Full Project – 03
————————————————————————————
- Project Day 3
Projects
————————————————————————————
1. Calculator
2. Timer
3. Clock
4. Ecommerce Site
5. Accounting App
6. Fibonacci Number
7. Search Item
Get ready for Marketplace
————————————————————————————
- Branding
- Portfolio
- Payoneer
- Remote Jobs Opportunity
Get Started with Fiverr
————————————————————————————
- Fiverr Account Creation
- Fiverr Profile setup and gig creation
- Fiverr TOS Discussion
- Buyer Communication
- Order Delivery
- Payment Method
Get started with Upwork
————————————————————————————
- Upwork Account Creation & Profile setup
- Bidding
- Client Communication
- Followup
No. of Classes: 30 (2 Hours Per Class)
Course Fee: 15,000/= Currently 30% discount available (Discount Fee: 10,000 BDT)