آموزش بوت‌کمپ جامع توسعه‌دهنده وب: از مبتدی تا پیشرفته - آخرین آپدیت

سرفصل ها و درس ها

HTML5 و CSS3-مقدمه‌ای بر HTML HTML5 & CSS3 - Introduction to HTML

• انتخاب مرورگر مناسب Choosing The Right Browser

• انتخاب ویرایشگر کد مناسب Choosing the right code editor

• دانلود و نصب VS Code Download and Install VS Code

• HTML چیست What is HTML

• وب از چه ساخته شده است What's the web made of

• HTML، CSS و JavaScript چه کاری انجام می‌دهند What do HTML, CSS, and JavaScript do

• مبانی وب و راه‌اندازی محیط Web Fundamentals & Environment Setup

HTML5 و CSS3-فرمت‌بندی متن در HTML HTML5 & CSS3 - Text Formatting in HTML

• سینتکس HTML HTML Syntax

• تگ پاراگراف در عمل Paragraph Tag in Practical

• عناوین در HTML Headings in HTML

• متن‌های ضخیم و مورب در HTML Bolds and Italics in HTML

• لیست‌ها در HTML Lists in HTML

• انواع عناصر Types of Elements

• نقل‌قول‌ها در HTML Quotes in HTML

• تاریخ و زمان در HTML Date and Time in HTML

• تگ‌های Kbd، Code، Pre و Br Kbd Code Pre and Br Tag

• تگ‌های زیرنویس، بالانویس و Small Subscript Superscript and Small Tag

HTML5 و CSS3-ضروریات HTML HTML5 & CSS3 - HTML Essentials

• اتریبیوت‌ها در HTML Attributes in HTML

• ARIA در HTML ARIA in HTML

• فضاهای خالی و کامنت‌ها Blank Spaces and Comments

• حروف بزرگ و کوچک Uppercase and Lowercase

• انواع تگ‌ها Types of Tags

• فاصله نشکن (Non-Breaking Space) Non Breaking Space

• لینک‌ها و تگ‌های Anchor Links and Anchor Tags

• URLهای مطلق Absolute URLs

• URLهای نسبی Relative URLs

• سازماندهی فایل‌ها Organizing Files

• نام‌گذاری فایل‌ها Naming Files

• ناوبری HTML HTML Navigation

HTML5 و CSS3-تصاویر در HTML HTML5 & CSS3 - Images in HTML

• تصاویر در HTML Images in HTML

• فرمت‌های فایل تصویر Image File Formats

• تصاویر واکنش‌گرا در HTML Responsive Images in HTML

• تصاویر واکنش‌گرا بر اساس عرض Responsive Images Based on Width

• تگ واکنش‌گرای Picture Responsive Picture Tag

• تگ‌های Figure و Figcaption Figure and Fig-Caption Tag

HTML5 و CSS3-چندرسانه‌ای در HTML HTML5 & CSS3 - Multimedia in HTML

• صوت در HTML Audio in HTML

• ویدیو در HTML Video in HTML

• کپشن‌ها و زیرنویس‌های ویدیو Video Captions and Subtitles

• جاسازی ویدیوها با iFrame Embedding Videos with iFrame

HTML5 و CSS3-محتوا در HTML HTML5 & CSS3 - Content in HTML

• زبان‌ها در HTML Languages in HTML

• تگ‌های Div و Span The Div and The Span Tag

• ساختار سند The Document Structure

• داخل تگ Head Inside the Head Tag

• داخل تگ Body Inside the Body Tag

• ایجاد یک صفحه ساده Creating a Basic Page

HTML5 و CSS3-عناصر فرم در HTML HTML5 & CSS3 - Form Elements in HTML

• عناصر فرم Form Elements

• انواع Input در فرم‌ها Input Types in Forms

• فیلدهای تلفن و رمز عبور Phone and Password Field

• فیلدهای URL و عدد URL and Number Field

• تاریخ، زمان، ماه، هفته و موارد دیگر Date Time Month Week and More

• دکمه‌های رادیویی Radio Buttons

• فیلدهای چک‌باکس Checkbox Fields

• فیلدهای جستجو و آپلود Search and Upload Fields

• فیلد رنگ The Color Field

• فیلدهای دراپ‌داون در فرم‌ها Dropdown Fields in Forms

• فیلدهای پیام و محدوده (Range) Message and Range Field

• دکمه‌های فانتزی، فیلد مخفی و ریست Range Fancy Button Hidden Field and Reset

• بسته‌بندی فیلدهای فرم Wrapping Form Fields

HTML5 و CSS3-جداول در HTML HTML5 & CSS3 - Tables in HTML

• جداول در HTML Tables in HTML

• کار با جداول در HTML Working with Tables in HTML

HTML5 و CSS3-شروع کار با CSS HTML5 & CSS3 - Getting started with CSS

• شروع کار با CSS Getting Started with CSS

• ابزارهای توسعه‌دهنده مرورگر Browser Developer Tools

• محل‌های قرارگیری CSS CSS Placements

• سینتکس CSS CSS Syntax

HTML5 و CSS3-ضروریات CSS HTML5 & CSS3 - CSS Essentials

• مفاهیم اصلی CSS CSS Core Concepts

• مقادیر ویژگی رنگ Color Property Values

• انتخابگرهای CSS CSS Selectors

• کلاس و ID در CSS Class and ID in CSS

• مثال زنده از کلاس و ID Live Example of Class and ID

• انتخابگرهای تودرتو (Descendant) در CSS Descendant Selectors in CSS

• گروه‌بندی انتخابگرها Grouping Selectors

• وراثت در CSS Inheritance in CSS

• شبه‌کلاس‌ها در CSS Pseudo Classes in CSS

HTML5 و CSS3-درک مدل جعبه‌ای (Box Model) در CSS HTML5 & CSS3 - Understanding Box Model in CSS

• شروع کار با مدل جعبه‌ای (Box Model) Getting Started with Box Model

• Inline، Block و Display Inline Block and Display

• تست مدل جعبه‌ای Box Model Testing

HTML5 و CSS3-تایپوگرافی در CSS HTML5 & CSS3 - Typography in CSS

• مقدمه‌ای بر تایپوگرافی Introduction to Typography

• وزن و استایل فونت Font Weight and Style

• اندازه و فرمت‌بندی فونت Font-Size and Formatting

HTML5 و CSS3-چیدمان‌ها در CSS HTML5 & CSS3 - Layouts in CSS

• Floats و Clear Floats and Clear

• ساخت چیدمان با Floats Build a Layout with Floats

• موقعیت‌ها (Positions) در CSS Positions in CSS

• Z-Index The Z-Index

HTML5 و CSS3-فلکس‌باکس و گرید در CSS HTML5 & CSS3 - Flexbox and Grid in CSS

• سیستم‌های Flexbox و Grid Flexbox and Grid Systems

• جهت‌های Flex و موارد دیگر Flex Directions and More

• ضروریات CSS Grid CSS Grid Essentials

HTML5 و CSS3-انتخابگرهای پیشرفته CSS HTML5 & CSS3 - Advanced CSS Selections

• انتخابگرهای پیشرفته CSS Advanced CSS Selectors

• شبه‌انتخابگرها Pseudo Selectors

HTML5 و CSS3-ساخت وب‌سایت HTML5 & CSS3 - Building The Website

• ساختار وب‌سایت The Website Structure

• نصب فونت‌های گوگل برای وب‌سایت Installing Google Fonts for Website

• استایل‌دهی به هدر سایت Styling The Site Header

• ساخت نوار ناوبری (Navigation Bar) Building The Navigation Bar

• ایجاد اسلایدر تصاویر واکنش‌گرا Creating a Responsive Image Slider

• استایل‌دهی به نگهدارنده محتوا Styling The Content Holder

• استایل‌دهی به فوتر Styling The Footer

• ایجاد و استایل‌دهی صفحه خدمات و محصولات Creating and Styling Services and Products Page

• ایجاد و استایل‌دهی صفحه درباره ما Creating and Styling About Page

• ایجاد و استایل‌دهی صفحه تماس با ما Creating and Styling Contact Page

HTML5 و CSS3-طراحی وب واکنش‌گرا (RWD) HTML5 & CSS3 - Responsive Web Design (RWD)

• مقدمه‌ای بر طراحی وب واکنش‌گرا (RWD) Introduction to Responsive Web Design (RWD)

• نحوه عملکرد طراحی واکنش‌گرا How Responsive Web Design Works

• ایجاد هدر واکنش‌گرا Creating Responsive Header

• ایجاد نوار ناوبری واکنش‌گرا Creating Responsive Navigation Bar

• ایجاد اسلایدر بنر واکنش‌گرا Creating Responsive Banner Slider

• ایجاد نگهدارنده محتوای واکنش‌گرا Creating Responsive Content Holder

• ایجاد فوتر واکنش‌گرا Creating Responsive Footer

• کدهای HTML من کار می‌کنند... اما زشت هستند! My HTML Works… But It Looks Ugly!

هوش مصنوعی به عنوان دستیار کدنویسی شما Ai as your Coding Assistant

• هوش مصنوعی چه کارهایی را باید (و نباید) برای شما انجام دهد What AI Should (and Should NOT) Do For You

• استفاده از AI برای توضیح واضح HTML و CSS Using AI to Explain HTML & CSS Clearly

• اصلاح چیدمان‌های خراب با AI Fixing Broken Layouts with AI

• استفاده از AI برای سرعت بخشیدن به کارهای تکراری Using AI to Speed Up Repetitive Tasks

• تولید ایده‌های پروژه تمرینی با AI Generating Practice Project Ideas with AI

• کار بر روی یک پروژه واقعی Working on a Real Project

جاوااسکریپت مدرن-مقدمه Modern JavaScript - Introduction

• آنچه خواهید آموخت What you will learn

• مقدمه‌ای بر جاوااسکریپت مدرن Introduction to Modern JavaScript

• درک پلتفرم جاوااسکریپت Understanding The JavaScript Platform

• آنچه برای شروع نیاز دارید What you will need to Get Started

• ابزارهای اضافی برای کار با جاوااسکریپت Additional Tools to Work with JavaScript

• یادگیری مبانی Learning The Basics

• محل‌های قرارگیری جاوااسکریپت JavaScript Placements

• ASYNC و DEFER در جاوااسکریپت ASYNC and DEFER in JavaScript

جاوااسکریپت مدرن-متغیرها، اسکوپ‌ها و موارد دیگر Modern JavaScript - Variables, Scopes, and More

• متغیرها چیستند What are Variables

• متغیر var The var Variable

• اسکوپ (محدوده) متغیر Variable Scope

• متغیرهای Let و Const Let and Const Variables

• انواع داده‌ها The Data Types

• عملگرهای انتساب و مقایسه Assignment and Comparison Operators

• عملگرهای ریاضی The Math Operators

جاوااسکریپت مدرن-کار با آرایه‌ها Modern JavaScript - Working with Arrays

• درک آرایه‌ها Understanding Arrays

• آرایه‌ها در عمل Arrays in Practical

• متدهای آرایه Array Methods

• ساخت و تغییر یک آرایه Building and Modifying an Array

جاوااسکریپت مدرن-کار با اشیاء Modern JavaScript - Working with Objects

• درک اشیاء (Objects) Understanding Objects

• تمرین‌های عملی اشیاء جاوااسکریپت JavaScript Objects Practical's

• دسترسی به اشیاء Accessing Objects

• دسترسی به ویژگی‌های شیء Accessing Object Properties

• متدهای شیء Object Methods

• کلاس‌ها و نقشه‌های اشیاء Classes and Objects Blueprints

• اشیاء گلوبال Global Objects

• ایجاد اشیاء اضافی با کلاس‌ها Creating Additional Objects with Classes

جاوااسکریپت مدرن-توابع و متدها Modern JavaScript - Functions and Methods

• توابع و متدها Functions and Methods

• ایجاد یک عنصر با جاوااسکریپت مدرن Creating an Element with Modern JavaScript

• توابع پیکانی (Arrow Functions) جدید The New Arrow Function

• اسکوپ توابع پیکانی و This Arrow Function Scope and This

• ساخت تابع محاسبه مالیات Building a Tax Calculator Function

• استفاده از توابع داخلی جاوااسکریپت Using a Built in JavaScript Function

• ایجاد خروجی HTML Creating a HTML Output

• ایجاد یک صفحه وب با جاوااسکریپت مدرن Creating a Web Page with Modern JavaScript

• عملگرهای منطقی در جاوااسکریپت مدرن Logical Operators in Modern JavaScript

• دستورات Switch Case Switch Case Statements

• حلقه‌ها در جاوااسکریپت مدرن The Loops in Modern JavaScript

• متد map() در آرایه‌ها The map() Array Method

• بیایید یک تابع پیچیده بسازیم Let's Build a Complex Function

جاوااسکریپت مدرن-خروجی‌های رشته‌ای Modern JavaScript - String Outputs

• ارسال خروجی جاوااسکریپت به HTML Output JavaScript to HTML

• اتصال رشته‌ها (String Concatenation) String Concatenation

جاوااسکریپت مدرن-مدل شیء سند (DOM) و رویدادها Modern JavaScript - DOM Document Object Model and Events

• DOM و Query Selector DOM and Query Selector

• متدهای قدیمی DOM Legacy DOM Methods

• مدیریت کلاس‌ها Class Manipulation

• دستکاری اتریبیوت‌ها Manipulating Attributes

• مدیریت استایل‌های Inline Inline Style Manipulation

• پروژه: ساخت یک NavBar Project - Create a NavBar

• رویدادها در DOM Events in DOM

• Async, Await, Fetch و Response Async, Await, Fetch, and Response

جاوااسکریپت مدرن-پروژه‌ها Modern JavaScript - Projects

• اپلیکیشن ساعت دیجیتال Digital Clock App

• اپلیکیشن یادداشت‌ها Notes App

• اپلیکیشن آب و هوا با جاوااسکریپت مدرن Weather App with Modern JavaScript

هوش مصنوعی به عنوان دستیار کدنویسی جاوااسکریپت شما AI as Your JavaScript Coding Assistant

• راه‌اندازی و اعتبارسنجی اولیه (ابتدا دستی) Setup & Basic Validation (Manual First)

• عیب‌یابی خطاهای جاوااسکریپت با AI Debugging JavaScript Errors with AI

• بازنویسی (Refactoring) کدهای شلوغ با کمک AI Refactoring Messy JavaScript with AI Assistance

• استفاده از AI برای تجزیه یک ویژگی قبل از کدنویسی Using AI to Break Down a Feature Before Coding

• پروژه کوچک یکپارچه‌سازی ویژگی‌ها با کمک AI Mini AI-Assisted Feature Integration Project

• استفاده از AI برای درک و بهبود پردازش داده‌های API Using AI to Understand & Improve API Data Processing

بوت‌استرپ ۵-شروع کار Bootstrap 5 - Getting Started

• مقدمه‌ای بر بوت‌استرپ ۵ Introduction to Bootstrap 5

• آنچه نیاز دارید What you will need

• Hello World Hello World

• ساختار سند بوت‌استرپ ۵ Bootstrap 5 Document Structure

بوت‌استرپ ۵-چیدمان‌ها Bootstrap 5 - Layouts

• نقاط شکست (Breakpoints) Breakpoints

• کانتینرها Containers

• گرید (Grid) Grid

• گزینه‌های گرید Grid Options

• تودرتو کردن ردیف‌ها و ستون‌ها Nesting Rows and Columns

• تراز عمودی ستون Column Vertical Alignment

• تراز افقی ستون Column Horizontal Alignment

• شکست و پیچش ستون‌ها Column Wrapping and Column Breaks

• تغییر ترتیب و آفست ستون‌ها Reordering and Offsetting Columns

• ابزارهای حاشیه (Margin) Margin Utilities

• گاترها (Gutters) Gutters

• گاترهای افقی Horizontal Gutters

• گاترهای عمودی Vertical Gutters

• گاترهای افقی و عمودی Horizontal and Vertical Gutters

بوت‌استرپ ۵-محتوا Bootstrap 5 - Contents

• تایپوگرافی Typography

• عناصر متنی Inline Inline Text Elements

• اختصارات و نقل‌قول‌های بلوکی Abbreviations and Blockquotes

• کار با لیست‌ها Working with Lists

• تصاویر در بوت‌استرپ Images in Bootstrap

• جداول در بوت‌استرپ Tables in Bootstrap

• تراز، تودرتو سازی و کالبدشناسی جدول Table Alignment, Nesting and Anatomy

• فیگورها در بوت‌استرپ Figures in Bootstrap

بوت‌استرپ ۵-فرم‌ها Bootstrap 5 - Forms

• فرم‌ها در بوت‌استرپ Forms in Bootstrap

• کنترل فرم Form Control

• چک‌باکس‌ها و رادیوها Checks and Radios

• محدوده (Range) Range

• گروه‌های ورودی Input Groups

• برچسب‌های شناور (Floating Labels) Floating Labels

• چیدمان فرم Form Layout

• فرم‌های افقی Horizontal Forms

• فرم‌های با اندازه خودکار Auto Sizing Forms

• فرم‌های Inline Inline Forms

• اعتبارسنجی فرم Form Validation

بوت‌استرپ ۵-کامپوننت‌ها Bootstrap 5 - Components

• آکاردئون‌ها Accordions

• هشدارها (Alerts) Alerts

• بستن هشدارها Dismissing Alerts

• بج‌ها (Badges) Badges

• Breadcrumb (مسیر راهنما) Breadcrumb

• دکمه‌ها Buttons

• گروه دکمه‌ها Button Group

• نوار ابزار دکمه‌ها Button Toolbar

• تغییرات گروه دکمه‌ها Button Group Alteration

• کارت (Card) Card

• اندازه کارت Card Sizing

• ناوبری کارت Card Navigation

• تصاویر کارت Card Images

• استایل‌های کارت Card Styles

• کاروسل (Carousel) Carousel

• کنترل‌های کاروسل Carousel Controls

• اندیکاتورهای کاروسل Carousel Indicators

• کپشن کاروسل Carousel Caption

• افکت محو شدن کاروسل Carousel Fade Effect

• زمان‌بندی کاروسل Carousel Timing

• غیرفعال کردن لمس کاروسل Disable Carousel Touch Swiping

• نسخه تیره کاروسل Carousel Dark Variant

• (آپدیت ۵.۳) حذف Carousel Dark و روش جدید (Bootstrap 5.3 Update) Deprecation of Carousel Dark & The New Method

• دکمه بستن Close Button

• (آپدیت ۵.۳) حذف btn close white و روش جدید (Bootstrap 5.3 Update) Deprecation of "btn-close-white" & The New Method

• Collapse (جمع‌شونده) Collapse

• Collapse افقی Horizontal Collapse

• تارگت‌های متعدد Multiple Targets

• دراپ‌داون‌ها Dropdowns

• دکمه Split Split Button

• اندازه دراپ‌داون Dropdown Sizing

• دراپ‌داون‌های تیره Dark Dropdowns

• (آپدیت ۵.۳) حذف دراپ‌داون تیره و روش جدید (Bootstrap 5.3 Update) Deprecation of Dark Dropdowns & The New Method

• جهت‌های دراپ‌داون Dropdown Directions

• تراز Dropup و Dropdown Dropup and Dropdown Alignment

• آیتم‌های منو Menu Items

• تراز منو Menu Alignment

• گزینه‌های تراز دراپ‌داون Dropdown Alignment Options

• محتوای منو Menu Contents

• فرم‌های دراپ‌داون Dropdown Forms

• گزینه‌های دراپ‌داون Dropdown Options

• بستن خودکار دراپ‌داون Dropdown Auto Close

• گروه لیست (List Group) List Group

• لینک‌ها و دکمه‌های گروه لیست List Group Links and Buttons

• List Group Flush List Group Flush

• لیست شماره‌دار Numbered List

• گروه‌های لیست افقی Horizontal List Groups

• کلاس‌های متنی گروه لیست Contextual List Group Classes

• گروه لیست با بج List Group with Badges

• گروه لیست با محتوای سفارشی List Group with Custom Content

• چک‌باکس‌ها و رادیوها در گروه لیست List Group Checkboxes and Radios

• تب‌های جاوااسکریپتی در گروه لیست List Group JavaScript Tabs

• مودال‌ها (Modals) Modals

• پس‌زمینه استاتیک Static Backdrop

• اسکرول محتوای طولانی Scrolling Long Content

• تراز عمودی مرکز Vertically Centered

• تولتیپ‌ها و پاپ‌اورها در مودال Modal Tooltips and Popovers

• استفاده از سیستم گرید در مودال Using Grid system in Modal

• تغییر محتوای مودال Varying Modal Content

• تغییر بین مودال‌ها Toggle Between Modals

• اندازه‌های اختیاری مودال Optional Modal Sizes

• نوار ناوبری (Navbar) Navbar

• (آپدیت ۵.۳) کلاس جدید bg body tertiary (Bootstrap 5.3 Update) The All New "bg-body-tertiary"

• لینک‌های ناوبری Navigation Links

• دراپ‌داون نوار ناوبری Navbar Dropdown

• دراپ‌داون تودرتو در نوار ناوبری Navbar Nested Dropdown

• فرم‌های نوار ناوبری Navbar Forms

• گروه ورودی نوار ناوبری Navbar Input Group

• متن ساده نوار ناوبری Navbar Plain Text

• رنگ‌های نوار ناوبری Navbar Colors

• (آپدیت ۵.۳) حالت تیره نوار ناوبری (Bootstrap 5.3 Update) The Navbar Dark-Mode

• (آپدیت ۵.۳) رنگ جدید نوار ناوبری (Bootstrap 5.3 Update) The New Navbar Color

• کانتینرهای نوار ناوبری Navbar Containers

• موقعیت نوار ناوبری Navbar Placement

• اسکرول نوار ناوبری Navbar Scrolling

• نوار ناوبری Off Canvas Off Canvas Navbar

• Navs و Tabs Navs and Tabs

• ابزارهای Flex در Nav Nav Flex Utilities

• تب‌ها و Pillها با دراپ‌داون Nav Tabs and Pills with Dropdown

• رفتارهای تب‌ها و Pillها Tabs and Pills Behaviors

• بررسی عمیق Offcanvas Offcanvas In-Depth

• (آپدیت ۵.۳) حالت تیره Offcanvas (Bootstrap 5.3 Update) Offcanvas Dark-Mode

• اسکرول Offcanvas Offcanvas Scrolling

• موقعیت Offcanvas Offcanvas Placement

• صفحه‌بندی (Pagination) Pagination

• جایگزین‌ها (Placeholders) Placeholders

• بررسی عمیق پاپ‌اورها Popovers In-Depth

• جهت پاپ‌اور Popover Direction

• پاپ‌اورهای سفارشی Custom Popovers

• بستن با کلیک بعدی Dismiss on next click

• فعال کردن پاپ‌اور در حالت Hover Enable Popover on Hover

• نوار پیشرفت (Progress Bars) Progress Bars

• ارتفاع و پس‌زمینه نوار پیشرفت Progress bar height and Background

• راه‌راه‌شدن و انیمیشن Stripes and Animation

• (آپدیت ۵.۳) نوار پیشرفت جدید (Bootstrap 5.3 Update) The New Progress Bar

• (آپدیت ۵.۳) ارتفاع نوار پیشرفت (Bootstrap 5.3 Update) Progress Bar Height

• (آپدیت ۵.۳) برچسب‌ها و پس‌زمینه‌ها در نوار پیشرفت (Bootstrap 5.3 Update) Labels and Backgrounds in Progress Bars

• (آپدیت ۵.۳) نوارهای پیشرفت چندگانه روی هم (Bootstrap 5.3 Update) Multiple Stacked Progress Bars

• (آپدیت ۵.۳) نوارهای پیشرفت انیمیشنی و راه‌راه (Bootstrap 5.3 Update) Stripped and Animated Progress Bars

• Scrollspy Scrollspy

• اسپینرها (Spinners) Spinners

• اسپینر در حال رشد Growing Spinner

• تراز اسپینر Spinner Alignment

• اندازه‌های اسپینر Spinner Sizes

• اسپینر در دکمه‌ها Spinner in Buttons

• توست‌ها (Toasts) Toasts

• تراز توست Toast Alignment

• بررسی عمیق تولتیپ‌ها Tooltips In-Depth

• تولتیپ سفارشی Custom Tooltip

• جهت‌های تولتیپ Tooltip Directions

• استفاده از HTML در تولتیپ HTML in Tooltip

• تولتیپ روی عناصر غیرفعال Tooltip on Disabled Elements

بوت‌استرپ ۵-کمک‌ها Bootstrap 5 - Helpers

• Clearfix Clearfix

• رنگ‌ها و پس‌زمینه Colors and Background

• لینک‌های رنگی Colored Links

• (آپدیت ۵.۳) ابزارهای لینک (Bootstrap 5.3 Update) Link Utilities

• (آپدیت ۵.۳) حلقه‌های فوکوس (Bootstrap 5.3 Update) Focus Rings

• (آپدیت ۵.۳) لینک‌های آیکون‌دار (Bootstrap 5.3 Update) Icon Links

• نسبت‌ها (Ratios) Ratios

• موقعیت‌ها Positions

• پشته‌ها (Stacks) Stacks

• مخفی‌سازی بصری Visually Hidden

• لینک کشیده شده (Stretched Link) Stretched Link

• برش متن (Truncate) Text Truncate

• خط عمودی (Vertical Rule) Vertical Rule

بوت‌استرپ ۵-ابزارها (Utilities) Bootstrap 5 - Utilities

• پس‌زمینه‌ها Backgrounds

• (آپدیت ۵.۳) رنگ‌های پس‌زمینه اضافی (Bootstrap 5.3 Update) Additional Background Colors

• گرادینت‌های پس‌زمینه Background Gradients

• شفافیت پس‌زمینه Background Opacity

• حاشیه‌ها (Borders) Borders

• رنگ حاشیه Border Color

• شفافیت حاشیه Border Opacity

• ضخامت حاشیه Border Width

• شعاع حاشیه (Border Radius) Border Radius

• اندازه‌های حاشیه گرد Rounded Border Sizes

• رنگ‌های متن Text Colors

• شفافیت متن Text Opacity

• نمایش Inline و Block Display Inline and Block

• مخفی کردن عناصر Hiding Elements

• نمایش در چاپ Display in Print

• Flex Flex

• جهت Flex Flex Direction

• تراز محتوا در Flex Flex Justify Content

• تراز آیتم‌ها در Flex Flex Align Items

• تراز شخصی در Flex Flex Align Self

• Flex Fill Flex Fill

• رشد و کوچک شدن Flex Flex Grow and Shrink

• حاشیه‌های خودکار Flex Flex Auto Margins

• Flex با تراز آیتم‌ها Flex with Align Items

• پیچش Flex (Wrap) Flex Wrap

• ترتیب Flex Flex Order

• تراز محتوای Flex Flex Align Content

• شیء رسانه‌ای Flex Flex Media Object

• Float واکنش‌گرا Responsive Float

• تعاملات Interactions

• (آپدیت ۵.۳) شفافیت لینک (Bootstrap 5.3 Update) Link Opacity

• (آپدیت ۵.۳) زیرخط لینک‌ها (Bootstrap 5.3 Update) Link Underlines

• (آپدیت ۵.۳) لینک‌های رنگی (Bootstrap 5.3 Update) Colored Links

• (آپدیت ۵.۳) Object Fit (Bootstrap 5.3 Update) Object Fit

• (آپدیت ۵.۳) Object Fit واکنش‌گرا (Bootstrap 5.3 Update) Responsive Object Fit

• شفافیت (Opacity) Opacity

• سرریز (Overflow) Overflow

• موقعیت (Position) Position

• مرکز کردن عناصر Position Center Elements

• مرکز کردن عناصر در لبه‌ها Position Center Elements within Edges

• مثال‌های موقعیت - بخش ۱ Position Examples Part 1

• مثال‌های موقعیت - بخش ۲ Position Example Part 2

• سایه (Shadow) Shadow

• اندازه‌بندی Sizing

• فاصله‌گذاری (Spacing) Spacing

• شکاف (Gap) Gap

• تراز متن Text Alignment

• پیچش متن (Wrap) Text Wrap

• شکست متن (Break) Text Break

• تغییر شکل متن (Transform) Text Transform

• اندازه فونت Font Size

• وزن و مورب بودن فونت Font weights and italics

• ارتفاع خط Line Height

• فونت Monospace Monoscope

• ریست رنگ Reset Color

• تزئین متن (Decoration) Text Decoration

• تراز عمودی Vertical Alignment

• قابلیت مشاهده (Visibility) Visibility

• (آپدیت ۵.۳) Z-Index (Bootstrap 5.3 Update) The Z-Index

• آیکون‌های بوت‌استرپ Bootstrap Icons

بوت‌استرپ ۵-پروژه: اپلیکیشن EMS Bootstrap 5 - Project: EMS App

• مقدمه‌ای بر پروژه اپلیکیشن EMS 2.0 Introduction To EMS2.0 Application Project

• ساخت صفحه ورود Creating The Login Page

• ساخت ناوبری داشبورد و لوگوی برند Creating Dash Nav and Brand Logo

• ساخت دکمه تگل نوار ناوبری Creating The Navbar Toggler

• ساخت آیتم‌های نوار ناوبری Creating Navbar Items

• ساخت فیلدهای فرم برای نوار ناوبری Creating Form Fields For Navbar

• ساخت کارت‌ها برای داشبورد Creating Cards For Dashboard

• ساخت صفحه لیست کارکنان Creating Employees List Page

• ساخت سایدبار صفحه کارکنان Creating Employees Page Sidebar

• ساخت جدول لیست کارکنان Creating Employees List Table

• ساخت مودال افزودن کارکنان Creating Add Employee Modal

• ساخت فرم مودال افزودن کارکنان Creating Add Employee Modal Form

• ساخت مودال جزئیات برای لیست کارکنان Creating Details Modal For Employee List

• ساخت ویرایش جزئیات برای لیست کارکنان Creating Edit Details For Employee List

• ساخت مودال حذف برای لیست کارکنان Creating Delete Modal For Employees List

• ساخت صفحه لیست مشاغل Creating Jobs List Page

• به‌روزرسانی صفحه لیست مشاغل Updating The Job List Page

• ساخت جدول لیست مشاغل Creating Job List Table

• ساخت مودال افزودن شغل Creating Add Job Modal

• ساخت مودال جزئیات شغل Creating Details Modal For Job

• ساخت مودال ویرایش جزئیات شغل Creating Edit Details For Job Modal

• ساخت مودال حذف برای لیست مشاغل Creating Delete Modal For Job List

بوت‌استرپ ۵-پروژه: اپلیکیشن وبلاگ Bootstrap 5 - Project: Blog App

• مقدمه پروژه وبلاگ Blog Project Introduction

• نیازمندی‌های ساخت قالب What's Required For Template Building

• ساخت فایل Index Creating The Index File

• ساخت نوار ناوبری و لوگوی برند Creating The Navbar and Brand Logo

• ساخت تگل نوار ناوبری Creating Navbar Toggler

• ساخت آیتم‌های نوار ناوبری Creating Navbar Items

• ساخت فیلد جستجو Creating The Search Field

• ساخت بنر صفحه اصلی Creating The Home Banner

• ساخت مودال عضویت Creating The Subscribe Modal

• ساخت بخش پست‌های صفحه اصلی Creating Home Posts Section

• ساخت فوتر وبلاگ Creating Blog Footer

• افزودن افکت‌های سفارشی به نوار ناوبری Adding Custom Effects To Navbar

• ساخت هدر پیش‌فرض صفحه Creating Default Page Header

• ساخت حلقه پست‌ها برای صفحه پیش‌فرض Creating Post Loop For Default Page

• ساخت فرم عضویت سایدبار Creating Sidebar Subscribe Form

• ساخت ویجت‌های دسته‌بندی و آرشیو Creating Categories and Archive Widgets

• ساخت ناحیه محتوای صفحه و پست Creating Page and Post Content Area

• ساخت فرم دیدگاه برای پست‌ها Creating Comment Form For Posts

• ساخت صفحه جستجو Creating The Search Page

• متصل کردن همه بخش‌ها به یکدیگر Linking Everything Together

بوت‌استرپ ۵-پروژه: وب‌سایت حرفه‌ای Bootstrap 5 - Project: Professional Website

• مقدمه پروژه Introduction To Project

• راه‌اندازی پوشه پروژه Setting Up Project Folder

• ساخت نوار ناوبری و برند Creating Navbar and Brand

• ساخت تگل نوار ناوبری Creating Navbar Toggler

• ساخت آیتم‌های ناوبری Creating Nav Items

• ساخت فیلد جستجوی نوار ناوبری Creating Navbar Search Field

• ساخت دکمه‌های ثبت‌نام و ورود در نوار ناوبری Creating Navbar Sign-Up and Login Buttons

• ساخت متن بنر Creating The Banner Text

• افزودن تصویر بنر Adding Banner Image

• ساخت مجموعه ویژگی‌های سایت Creating Site Feature Set

• ساخت هدر حلقه دوره‌ها Creating Course Loop Header

• ساخت فیلتر حلقه دوره‌ها Creating Course Loop Filter

• ساخت هدر حلقه دوره‌ها (تکرار) Creating Course Loop Header

• ساخت آیتم تک دوره در لیست Creating Single Course List Item

• ساخت کپی‌های آیتم‌های دوره Creating Duplicates of Course Items

• ساخت محتوای صفحه اصلی Creating Home Page Content

• افزودن تصویر محتوای اصلی Adding Home Content Image

• ساخت ناحیه عضویت Creating Subscribe Area

• ساخت فوتر اصلی Creating Main Footer

• ساخت آدرس فوتر Creating Footer Address

• ساخت آیتم‌های لینک برای فوتر Creating Link Items For Footer

• ساخت آیکون‌های اجتماعی Creating Social Icons

• ساخت اطلاعات کپی‌رایت Creating Copyright Info

• ساخت فوتر چسبان (Sticky) Creating Sticky Footer

• ساخت هدر صفحه درباره ما Creating About Page Header

• ساخت بخش محتوای درباره ما Creating About Content Section

• ساخت صفحه دوره‌ها Creating The Courses Page

• ساخت صفحه تک دوره و Breadcrumb Creating Single Course Page and Breadcrumb

• ساخت توضیحات هدر دوره و متادیت‌ها Creating Course Header Description and Meta Data

• ساخت متادیت‌های دوره Creating Course Meta Data

• افزودن آیکون‌ها به متادیت‌های دوره Adding Icons To Course Meta Data

• افزودن دکمه‌های دوره Adding Course Buttons

• ساخت تصویر تک دوره Creating Single Course Image

• ساخت محتویات تک دوره Creating Single Course Contents

• ساخت هدر سوالات متداول (FAQ) Creating FAQ Header

• ساخت لیست سوالات متداول Creating FAQ List

• ساخت فرم ارسال سوال Creating Post Question Form

• ساخت صفحه وبلاگ و هدر آن Creating Blog Page and Header

• ساخت لیست پست‌های وبلاگ Creating Blog Posts List

• ساخت سایدبار وبلاگ Creating Blog Sidebar

• ساخت مودال عضویت Creating Subscribe Modal

• ساخت فرم عضویت Creating The Subscribe Form

• ساخت صفحه تک پست Creating Single Post Page

• ساخت هدر صفحه تماس با ما Creating Contact Page Header

• ساخت کارت‌های صفحه تماس با ما Creating Contact Page Cards

• ساخت مودال تماس Creating Contact Modal

• متصل کردن همه بخش‌ها به یکدیگر Linking Everything Together

پایتون-شروع کار با پایتون Python - Getting Started with Python

• مقدمه‌ای بر پایتون Introduction to Python

• نصب صحیح پایتون Installing Python the Right Way

• راه‌اندازی محیط برای پایتون Environmental Setup for Python

• Hello World Hello World

• اسکریپت بررسی نسخه پایتون Check Python Version Script

پایتون-مبانی Python - Fundamentals

• دستورات و عبارت‌ها در پایتون Statements & Expressions in Python

• فضای خالی و تو رفتگی‌ها (Indents) در پایتون White Space and Indents in Python

• تابع ()print The print() function

• بلاک‌ها و اسکوپ‌ها Blocks & Scopes

• If, Else, Elif در پایتون If, Else, Elif in Python

• حلقه‌ها در پایتون Loops in Python

• توابع در پایتون Functions in Python

• اشیاء در پایتون Objects in Python

پایتون-انواع داده‌ها Python - Data Types

• مروری بر انواع داده‌ها Datatypes Overview

• جزئیات انواع رشته‌ها (Strings) String-Types in Detail

• انواع عددی در پایتون Numeric Types in Python

• نوع Bool در پایتون Bool-Type in Python

• انواع توالی (Sequence) در پایتون Sequence Type in Python

• توابع ()Type, ()Id و ()Isinstance در پایتون Type() Id() & Isinstance() in Python

پایتون-عملیات شرطی Python - Conditional Operations

• شرط‌ها در پایتون Conditions in Python

• عملیات Ternary در پایتون Ternary Operations in Python

• عملگرهای ریاضی در پایتون Arithmetic Operators in Python

• عملگرهای مقایسه‌ای Comparison Operators

• عملگرهای Boolean در پایتون Boolean Operators in Python

پایتون-حلقه‌ها Python - Loops

• حلقه While در پایتون While Loop in Python

• حلقه For در پایتون For Loop in Python

• کنترل حلقه در پایتون Loop Control in Python

پایتون-تعریف تابع Python - Defining Function

• تعریف یک تابع Defining a Function

• آرگومان‌های تابع Function Arguments

• آرگومان‌های تابع با حلقه‌ها Function Arguments with Loops

پایتون-ساختار داده Python - Data Structure

• لیست‌ها در آرگومان‌ها Lists in Arguments

• آرگومان‌های کلیدواژه‌ای (Keyword Arguments) Keyword Arguments

• مقادیر بازگشتی در توابع Return Values in Functions

• ژنراتورها در پایتون Generators in Python

• دکوراتورها در پایتون Decorators in Python

• لیست‌ها و تاپل‌ها Lists and Tuples

• دیکشنری‌ها در پایتون Dictionaries in Python

• مجموعه‌ها (Sets) در پایتون Sets in Python

• List Comprehensive List Comprehensive

پایتون-برنامه‌نویسی شی‌گرا Python - Object Oriented Programming

• ایجاد یک کلاس ساده Creating a Simple Class

• ساخت یک شیء Constructing an Object

• متدهای کلاس در پایتون Class Methods in Python

• مدیریت استثناها (Exceptions) Handling Exceptions

پایتون-کار با فایل‌ها و ماژول‌ها Python - Working with Files & Modules

• فایل‌ها در پایتون Files in Python

• نوشتن در فایل‌ها در پایتون Writing Files in Python

• فایل‌های باینری در پایتون Binary Files in Python

• ماژول‌های داخلی در پایتون Built In Modules in Python

• اپلیکیشن سازماندهنده فایل‌ها File Organizer App

جنگو-شروع کار Django - Getting Started

• مقدمه‌ای بر پروژه جنگو Introduction to Django Project

• آنچه باید بدانید What You Should Know

جنگو-راه‌اندازی جنگو برای توسعه Django - Setting up Django for Development

• جنگو چیست What Is Django

• نصب پایتون و جنگو Installing Python And Django

• ایجاد پروژه جنگو در محیط مجازی (Virtual Environment) Creating Django Project In Virtual Environment

• ساخت یک اپلیکیشن با جنگو Building An App With Django

جنگو-مدل‌ها و مدیریت Django - Models and Administration

• معماری MVC در جنگو MVC Architecture In Django

• مدل‌ها در جنگو Models In Django

• درک مدل‌ها برای EMS Understanding The Models For EMS

• پیاده‌سازی مدل‌ها و فیلدها Implementing Models And Fields

• میگریشن‌ها در جنگو Migrations In Django

• مدیریت داده‌ها با Django Admin Managing Data With Django Admin

• استفاده از Django ORM با Shell Django ORM With Shell

جنگو-URLها و Viewها Django - URLs and Views

• الگوهای URL در جنگو URL Patterns In Django

• پیاده‌سازی URLها در جنگو Implementing URLs In Django

• پیاده‌سازی Viewها در جنگو Implementing Views In Django

جنگو-ساخت قالب‌ها Django - Building Templates

• قالب‌های جنگو (Templates) Django Templates

• ساخت اولین قالب جنگو Building First Django Template

• ایجاد صفحه جزئیات برای کارکنان Creating Details Page For Employees

• ساختاردهی صحیح به قالب‌ها Structuring Templates The Right Way

• طراحی صفحه جزئیات با بوت‌استرپ ۵ Designing Details Page With Bootstrap 5

• افزودن فایل‌های استاتیک در جنگو Adding Static Files In Django

• اعمال URLها به صفحه جزئیات Applying URLs To Details Page

جنگو-پروژه پورتفولیو Django - Portfolio Project

• مرور کلی پروژه Project Overview

• استفاده از فایل‌های تمرینی Using Exercise Files

• مهارت‌ها و ابزارهای مورد نیاز Skills & Tools Required

• نصب و راه‌اندازی پروژه جنگو Install & Setup Django Project

• ساختار پوشه‌ها Folder Structure

جنگو-راه‌اندازی اپلیکیشن پروژه‌ها Django - Setting up Projects App

• ایجاد یک اپلیکیشن جدید در Django 4 Creating a New App in Django 4

• ثبت اپلیکیشن پروژه‌ها Registering The Projects App

• ساخت صفحه اصلی Creating Home Page

• ساخت صفحه درباره ما Creating About Page

جنگو-پایگاه‌های داده Django - Databases

• ایجاد مدل‌های پروژه Creating Project Models

• انتخاب پایگاه داده برای جنگو Selecting Database for Django

• میگریشن‌های جنگو Django Migrations

• ایجاد Superuser برای جنگو Creating Superuser for Django

• افزودن اپلیکیشن پروژه‌ها به Django Admin Adding Projects App to Django Admin

• افزودن پروژه‌ها به پایگاه داده Adding Projects to Database

• تنظیم عناوین در Django Admin Setting Titles in Django Admin

• افزودن فیلتر در Django Admin Adding Filter in Django Admin

جنگو-نمایش داده‌ها در فرانت‌اند Django - Display Data on Front-End

• راه‌اندازی Viewها برای فرانت‌اند Setting-up Views for Front-End

• نمایش داده‌ها با قالب‌های جنگو Display Data with Django Templates

• یکپارچه‌سازی بوت‌استرپ ۵ در جنگو Integrating Bootstrap 5 in Django

• سفارشی‌سازی قالب بوت‌استرپ Customizing Bootstrap Template

• افزودن تصاویر استاتیک در جنگو Add Static Images in Django

• Collect Static در جنگو Collect Static in Django

• نمایش تصویر پروفایل در صفحه اصلی Displaying Profile Image in Front-Page

• افزودن فایل‌های استاتیک CSS و JS Adding Static CSS & JS Files

• نمایش عنوان در کارت‌ها از پایگاه داده Showing Title in Cards from Database

• نمایش تصاویر پروژه Displaying The Project Images

جنگو-تک پروژه Django - Single Project

• به‌روزرسانی views.py برای تک پروژه Updating Veiws.py for Single Project

• به‌روزرسانی urls.py برای تک پروژه Updating Urls.py for Single Project

• سفارشی‌سازی صفحه جزئیات پروژه Customizing Project Details Page

• پایان پروژه با لینک دادن به صفحه جزئیات Finishing The Project with Linking to Details Page