ফাউন্ডেশন
1.ইন্ট্রোডাকশন অব ওয়েব ডেভেলপমেন্ট এবং HTML (1st Week 1-7)
Class 1: VS Code Setup for HTML | Structural Tags | Text Formatting | List | Link |
Image and Multimedia | Table | Form | Semantic Tags | Scripting | Interactive
Element | Special Purpose Tags | Advance web page structure
Class 2: Meta | SEO Meta | HTTP-Equiv Meta | Open Graph | Twitter Card | Mobile
Device Meta | Security Meta | Cache Control Meta Tags | Manifest Configurations |
Meta tags for progressive web application (PWA)
2.[Foundation] শিখে নেই CSS (2nd Week 7-14)
Class 1: CSS Introduction | How to add CSS | Basic Syntax | Selector |
Background properties | Border Properties | Border Radius
Display Property | Cursor Property | Float Property
Class 2: CSS Fonts | Important | Line Height | Margin | Padding | Filter | Overflow |
Position | Word Wrap | Justify content | Text Decoration | Word and Letter Spacing |
Variable
3.[Foundation] CSS ফ্রেমওয়ার্ক কৌশল ও বুটস্ট্রাপ (3rd week 15-21)
Class 1: Installation | Light- Dark Mode | Layout | Responsive Layout |
Gutters | Typography | Images | Table | Form Control | Alert | Button | Card
Class 2: Dropdown Button | List Group and Spinner Progress Bar | Placeholders |
Modal | Navbar | Opacity and Shadow | Margin & Padding | Colors
Creating Pixel-Perfect Designs with Advanced Bootstrap Features.
4.[Foundation] রেস্পন্সিভ ওয়েব ডিজাইন ও প্রোজেক্ট (4th Week 21- 28)
Class 1: Introduction to responsive design | Grid system and utilities | Responsive
images | Responsive forms | Custom breakpoints | Typography optimization
Class 2: Responsive tables | Advanced media queries | Testing and debugging |
Design a responsive portfolio website using bootstrap | Home About Me | Portfolio |
Services | Contact
Build a blog project using Bootstrap.
5. [Foundation] ভালো করে শিখবো Git Github ( 5th week 29-35)
Class 1: Install Git | Initialize a repository | Stage changes | Commit changes |
Check status | Show changes in working directory | Show changes in staging area |
View commit history | List branches | Create a branch | Switch branches | Merge
branches | Fetch and merge from remote | Unstage changes | Reset to last commit
Class 2: Discard changes in file Create GitHub account | Clone repository locally |
Set remote repository | Push changes to GitHub | Fetch and merge changes from
remote | Create pull request | Create new branch | Delete remote branch | Fork
repository | Fetch changes without merging | Clone with latest commits only | View
file modification history
Mastering Advanced Git Workflows with GitHub Desktop.
জাভাস্ক্রিপ্ট মাস্টারি
6.[Foundation] চলুন শিখি জাভাস্ক্রিপ্ট (6th Week 36-42)
Class 1: VS Code JavaScript tips | Execution context | JavaScript variables |
operators | comments | Data types | if-else statements | switch case statements | for
loops | While loops | do-while loops | for-in loops
Class 2: JavaScript function | Real-life use cases | Passing arguments | Returning
values | Named functions | Anonymous functions | Arrow functions | Immediately
Invoked | Function Expressions (IIFE) | Generator functions | Recursive functions
Fun with JavaScript: 5 Simple Projects to Boost Your Skills.
7. [Foundation] জাভাস্ক্রিপ্ট এর গুরুত্বপুর্ন বিষয়গুলো (7th Week 43-49)
Class 1: JavaScript Object & JSON | Arrays and Array Methods | Strings and String
Operations | JavaScript Date | Math | Number | Window object | Navigator object
Class 2: JavaScript events | JavaScript DOM in detail | DOM HTML elements | DOM
manipulation | Form handling | DOM element creation | Appending elements | Query
selector
Simple Calculator, Modal Popup Window project.
8.[Foundation] জাভাস্ক্রিপ্ট এজাক্স এবং এসিনক্রোনাস প্রোগ্রামিং (8th Week 50-56)
Class 1: Understanding Ajax architecture | Ajax methods (GET, POST, PUT,
DELETE) | File upload with Ajax | Advanced configuration and settings for Ajax |
Caching and re-validation with Ajax
Class 2: Task Manager Project using Ajax Architecture | Implement Ajax to fetch and
render task list | Use Ajax POST to create new tasks | Utilize Ajax PUT and DELETE
for updating and deleting tasks respectively
Create a simple project that fetches user data from an API and displays it
dynamically on the webpage.
ব্যাকেন্ডের জন্য নোড জে এস
9.[Back End] নোড জেএস শুরু , মডার্ন জাভাস্ক্রিপ্ট এবং অবজেক্ট অরিয়েন্টেড প্রোগ্রামিং (9th
Week 57-63)
Class 1: General concept of Node.js | Running JavaScript in Node.js | ES6 basic
syntax | The strict mode | Spread operator | Rest parameter | Dynamic function | ES6
variables | Variable scope | hoisting | Loops | Objects | Decision-making | ES6
functions । ES6 array de-structuring | ES6 Map | ES6 Set | Object-Oriented
Programming (OOP) in detail | Object literal
Class 2: Instance of Object । Object constructor | Classes | Re-declaring class |
Constructor | Constructor parameters | Changing class properties value using
constructor | Static keyword | Importance of static | Inheritance | Inheritance
constructor | Overriding | Overloading | Polymorphism | Abstraction
10. [Back End] নোড জেএস সার্ভ ার-সাইট পোগ্রামিং (10th Week 64-70)
Class 1: Tools and Terminal | Node.js modules | Request-response model |
Understanding HTTP client | Understanding package.json file | URL module | Getting
started with the FS (File System) module |
Class 2: Understanding synchronous and asynchronous | Operations | Exploring FS
module's methods | Reading files | Writing files | Deleting files | Renaming files |
Checking file existence | Creating a simple back-end and deploying it to a real server
Building a Simple Website with Node.js.
ব্যাকেন্ডের জন্য এক্সপ্রেস জে এস
11.[Back End] এক্সপ্রেস জেএস সার্ভ ার-সাইট পোগ্রামিং (11th Week 71-77)
Class 1: Your First Express Application | Express.js routing | Understanding
responses | Simple string response | Response status code
JSON response | Response download | Response redirect | Response header |
Response Set Cookies | Clear Cookies | Working With Request
Class 2: Simple Get Request | Get Request With URL Query | Working With Get
Request Header | Simple Post Request | Post Request With URL Query | Post
Request With Header Properties | Post application-json | Working With Multipart
Form Data | File Upload | Application Middleware | Route Middleware
Multer-file-upload
12. [Back End] ওয়েব সার্ভ ার-সাইট ডেভেলপমেন্ট আর্কি টেকচার এবং প্যাকেজেস (12th Week
78-84)
Class 1: Server-side vs. Client-side | Request-response model | Routing and
controller concept | Middleware concept | Introduction to JSON | Understanding
JSON structure | Best practices of JSON | Understanding HTTP client | HTTP
request segments | Comparison between GET and POST | When to use GET and
when to use POST | Request rate limiting | Response segments | Response status
code | URI naming best practices | HTTP cookies in detail | Uses of HTTP cookies |
Response best practices | Request best practices | Controller best practices |
Middleware best practices .
Class 2: Encryption-decryption process | JSON Web Token (JWT) concept | JWT
structure | Simulating JWT encryption-decryption | CSR (Client-side rendering) vs.
SSR (Server-side rendering) concepts | Benefits and drawbacks of SSR | Benefits
and drawbacks of CSR | Optimized solutions for CSR and SSR | Express REST API
packages | Project structure and working process | Creating an Express REST API
project structure | Creating the first Express API | Handling undefined routes |
Implementing security middleware | Implementing environment variables.
ExpressJs folder structure_in_ES6_format
ড্যাটাবেজের জন্য মংগোডিবি
(Project)
13.[Back End] মঙ্গোডিবি বিগিনার-এডভান্স এগ্রেশন কুয়েরি রাইটিং (13th Week 85-91)
Class 1: Meet MongoDB, Terminology and Data Model | Data Types and
Understanding Sample Documents | MongoDB Atlas | MongoDB Compass |
MongoDB VS Code Extension | MongoDB Community Server | Database-related
methods Insert One query | Insert Many query | Find query | Projection concept |
Comparison query operators | Logical query operators | Element query operators |
Evaluation query operators | Sort | Limit | Distinct | Row count | Delete One and
Many | MongoDB Aggregation Studio 3T | Aggregation Sorting
Class 2: Limiting | First and Last | Match Condition | Like | Projection | Skip and Limit
| Group By | Group By SUM | Group By Avg | Max Min | Without Group By Sum Avg
Max Min | Group By Multiple | Join By Lookup Operator | Facet Operator | Projection
After Join | Add New Field With Result | Arithmetic Aggregation Operators | String
Aggregation Operators | Date Aggregation Operators | Comparison Aggregation
Operators | Boolean Aggregation Operators | Conditional Aggregation Operators
Mongodb query writing
ফ্রন্টেন্ডের জন্য রিয়েক্ট জে এস
14.[Front End] রিয়াক্ট জেএস শুরু (14th Week 92-98)
Class 1: Create New React App Using Vite | Project Run And Build Command | Dive
Inside React Project Structure | Organizing File Folders | Best VS Code Extensions
And Settings For React Development | Primary Understanding On Component | JSX
And Conventions | JSX Short Hand If else | JSX Immediately invoked function | JSX
Loop Inside.
Class 2: JSX Why use Map Why Others loop not | JSX Conditional Rendering Using
If Else | Using Switch Statement | Using Ternary Operator | Using Logical && | Using
Immediately Invoked Function | Passing properties to child component |
Managing Click Event | Managing Form Submit
Level Up Skills with React.js
15. [Front End] রিয়াক্ট জেএস এর গুরুত্বপুর্ন বিষয় গুলো (15 Week)
Class 1: Meet With Hook | useRef InnerText | InnerHTML | Attribute | Input Element |
CSS Class Persisted Mutable Property | Caching Expensive Computation
useState Understanding Inside | Working With Immutable Object | Immutable Array |
Spread Operator And Immutability Principle
Class 2: Managing Form Like Pro | useEffect understanding arguments and uses |
Calling API using promises | Calling API using async await |
Applying React Router Dom | Link And NavLink For Router | Browser Router VS
HashRouter | Passing Parameter Via Navigation
Project with use reactjs + bootstrap css
16.[Front End] রিয়াক্ট জেএস ব্লগ প্রজেক্ট + প্রোডাক্ট কার্ট ইউজিং রেস্ট এপিআই (16th Week)
Live Class 1: Project Strategy | Project Settings | Exploring Rest API | Project File
Folders | Completing Dynamic Navbar
Live Class 2: Completing Home Page Latest Blog | Set Up API Calling Loader |
Completing By Category Blog List | Post Details | Deploy In Linux Cpanel Server
Mastering Tailwind CSS in React JS
(Project)
