🌐 Web Design - Complete Frontend with HTML CSS and JS

ওয়েব ডিজাইনের সম্পূর্ণ গাইড — ওয়েবসাইট বেসিক, HTML, CSS, JavaScript, jQuery, AJAX, API ও JSON পর্যন্ত সব কিছু বাংলায় শিখুন। শুরু থেকে অ্যাডভান্স পর্যন্ত।

৪৪টি লেসন Beginnerফ্রি

কোর্সের বিষয়বস্তু

১

ওয়েবসাইট ও ওয়েবপেজ পরিচিতি

ওয়েবসাইট কী, ওয়েবপেজ কী — পার্থক্য ও উদাহরণ

→
২

ওয়েবসাইটের গঠন (Structure)

Client-Server আর্কিটেকচার, Frontend-Backend-Database

→
৩

ব্রাউজার (Web Browser)

ব্রাউজার কী, কীভাবে কাজ করে, জনপ্রিয় ব্রাউজার

→
৪

DNS, Domain ও Hosting

ডোমেইন, DNS সিস্টেম, হোস্টিং কী

→
৫

URL এর গঠন

URL, URI, Query String, Fragment

→
৬

Protocol — HTTP/HTTPS

HTTP, HTTPS, Request-Response, Status Codes

→
৭

HTML পরিচিতি ও ডকুমেন্ট স্ট্রাকচার

HTML কী, একটি পেজের কাঠামো, DOCTYPE

→
৮

HTML Headings ও Text Formatting

h1-h6, p, strong, em, mark, sub, sup

→
৯

HTML Lists (তালিকা)

Ordered, Unordered, Description lists

→
১০

HTML Links ও Anchors

a tag, href, target, internal/external links

→
১১

HTML Images ও Multimedia

img, video, audio, iframe, figure

→
১২

HTML Tables (টেবিল)

table, tr, td, th, rowspan, colspan

→
১৩

HTML Forms ও Inputs

form, input, label, textarea, select, button

→
১৪

HTML Semantic Elements

header, nav, main, section, article, footer, aside

→
১৫

HTML Meta Tags ও SEO

meta charset, viewport, description, Open Graph

→
১৬

CSS পরিচিতি ও প্রয়োগের পদ্ধতি

CSS কী, Inline/Internal/External CSS

→
১৭

CSS Selectors

Element, Class, ID, Descendant, Pseudo selectors

→
১৮

CSS Box Model

Content, Padding, Border, Margin

→
১৯

CSS Colors ও Backgrounds

color, background, gradient, opacity

→
২০

CSS Typography

font-family, size, weight, line-height, letter-spacing

→
২১

CSS Layout — Position

static, relative, absolute, fixed, sticky

→
২২

Flexbox (Flexible Box Layout)

display:flex, justify-content, align-items, flex-direction

→
২৩

CSS Grid

grid-template-columns, rows, gap, grid-area

→
২৪

CSS Transitions ও Animations

transition, @keyframes, animation

→
২৫

Responsive Design ও Media Queries

Mobile-first, breakpoints, viewport units

→
২৬

JavaScript পরিচিতি

JS কী, কেন, ইতিহাস, কীভাবে ব্যবহার

→
২৭

Variables ও Data Types

var, let, const, string, number, boolean, null, undefined

→
২৮

Operators, Conditionals ও Loops

==, ===, if/else, switch, for, while

→
২৯

Functions

Function declaration, expression, arrow functions

→
৩০

Arrays ও Array Methods

push, pop, map, filter, reduce, forEach

→
৩১

Objects

Object তৈরি, access, methods, destructuring

→
৩২

DOM Manipulation

getElementById, querySelector, innerHTML, createElement

→
৩৩

Events ও Event Handling

addEventListener, click, submit, keydown, event object

→
৩৪

Asynchronous JavaScript

setTimeout, Promises, async/await

→
৩৫

jQuery পরিচিতি ও ইনস্টলেশন

jQuery কী, কেন, কীভাবে যুক্ত করবেন

→
৩৬

jQuery Selectors ও DOM Manipulation

Selectors, css, attr, html, text, addClass

→
৩৭

jQuery Events ও Effects

click, on, hover, fadeIn, slideDown, animate

→
৩৮

JSON — JavaScript Object Notation

JSON syntax, parsing, stringifying

→
৩৯

AJAX পরিচিতি

AJAX কী, কেন, XMLHttpRequest

→
৪০

Fetch API (Modern AJAX)

fetch(), GET, POST, headers, error handling

→
৪১

jQuery AJAX

$.ajax, $.get, $.post, $.getJSON

→
৪২

REST API ও API Call

REST principles, endpoints, methods

→
৪৩

HTTP Status Codes ও Response

2xx, 3xx, 4xx, 5xx — অর্থ ও ব্যবহার

→
৪৪

সম্পূর্ণ Project — API দিয়ে User List

API call, render, loading, error states

→