آموزش دوره برنامه نویس وب نتیجه گرا - BOOTCAMP 2023

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

شما 9 پروژه بزرگ خواهید ساخت You Will Build 9 Major Projects

• پروژه 1 - ExotiCar Project 1 - ExotiCar

• پروژه 2 - گاتهام Project 2 - Gotham

• پروژه 3 - بیایید سفر کنیم Project 3 - Let's Travel

• پروژه 4 - CNN (کلون) Project 4 - CNN (clone)

• پروژه 5 - دستکاری بلوک Project 5 - Block Manipulation

• پروژه 8 - فهرست کارها Project 8 - To-Do List

شما 9 پروژه بزرگ خواهید ساخت You Will Build 9 Major Projects

• آنچه در این دوره دریافت خواهید کرد What You'll Get in This Course

• آنچه در این دوره دریافت خواهید کرد What You'll Get in This Course

• پروژه 1 - ExotiCar Project 1 - ExotiCar

• پروژه 2 - گاتهام Project 2 - Gotham

• پروژه 3 - بیایید سفر کنیم Project 3 - Let's Travel

• پروژه 4 - CNN (کلون) Project 4 - CNN (clone)

• پروژه 5 - دستکاری بلوک Project 5 - Block Manipulation

• پروژه 6 - بادکنک Project 6 - Balloons

• پروژه 6 - بادکنک Project 6 - Balloons

• پروژه 7 - ساعت و شمارش معکوس Project 7 - Clock & Countdown

• پروژه 7 - ساعت و شمارش معکوس Project 7 - Clock & Countdown

• پروژه 8 - فهرست کارها Project 8 - To-Do List

• پروژه 9 - بیایید سفر کنیم (پیشرفته) Project 9 - Let's Travel (Advanced)

• پروژه 9 - بیایید سفر کنیم (پیشرفته) Project 9 - Let's Travel (Advanced)

HTML 5 HTML 5

• کیفیت ویدیو - مهم!!! Video Quality - IMPORTANT!!!

• گوگل کروم را نصب کنید Install Google Chrome

• اولین صفحه وب شما Your First Webpage

• قالب بندی متن Formatting Text

• لیست های مرتب شده Ordered Lists

• لیست های تو در تو Nested Lists

• جداول Tables

• نظرات Comments

• پیوندهای نسبی - قسمت 1 Relative Links - Part 1

• چند رسانه ای Multimedia

• تشکیل می دهد Forms

HTML 5 HTML 5

• کیفیت ویدیو - مهم!!! Video Quality - IMPORTANT!!!

• کد Sublime Text و Visual Studio Sublime Text & Visual Studio Code

• کد Sublime Text و Visual Studio Sublime Text & Visual Studio Code

• گوگل کروم را نصب کنید Install Google Chrome

• مقدمه ای بر HTML Introduction to HTML

• مقدمه ای بر HTML Introduction to HTML

• ساختار صفحه وب Webpage Structure

• ساختار صفحه وب Webpage Structure

• اولین صفحه وب شما Your First Webpage

• سرفصل ها Headings

• سرفصل ها Headings

• پاراگراف ها Paragraphs

• پاراگراف ها Paragraphs

• قالب بندی متن Formatting Text

• لیست های مرتب شده Ordered Lists

• لیست های نامرتب Unordered Lists

• لیست های نامرتب Unordered Lists

• لیست های تو در تو Nested Lists

• تصاویر - قسمت 1 Images - Part 1

• تصاویر - قسمت 1 Images - Part 1

• تصاویر - قسمت 2 Images - Part 2

• تصاویر - قسمت 2 Images - Part 2

• جداول Tables

• پیوندها Links

• پیوندها Links

• نظرات Comments

• پیوندهای نسبی - قسمت 1 Relative Links - Part 1

• پیوندهای نسبی - قسمت 2 Relative Links - Part 2

• پیوندهای نسبی - قسمت 2 Relative Links - Part 2

• رمزگذاری: UTF-8 Encoding: UTF-8

• رمزگذاری: UTF-8 Encoding: UTF-8

• چند رسانه ای Multimedia

• نمادهای خاص Special Symbols

• نمادهای خاص Special Symbols

• تشکیل می دهد Forms

پروژه 0: قهوه و کیک Project 0: Coffee & Cake

• قهوه و کیک - قسمت 1 Coffee&Cake - Part 1

• قهوه و کیک - قسمت 2 Coffee&Cake - Part 2

• قهوه و کیک - قسمت 4 Coffee & Cake - Part 4

پروژه 0: قهوه و کیک Project 0: Coffee & Cake

• قهوه و کیک - قسمت 1 Coffee&Cake - Part 1

• قهوه و کیک - قسمت 2 Coffee&Cake - Part 2

• قهوه و کیک - قسمت 3 Coffee & Cake - Part 3

• قهوه و کیک - قسمت 3 Coffee & Cake - Part 3

• قهوه و کیک - قسمت 4 Coffee & Cake - Part 4

CSS 3 CSS 3

• کیفیت ویدیو - مهم!!! Video Quality - IMPORTANT!!!

• 3 راه برای اتصال CSS 3 Ways To Connect CSS

• فونت های غیر استاندارد Non-Standard Fonts

• متن تراز و ارتفاع خط Text-align & line-height

• رنگ ها Colors

• سبک فهرست List-style

• کلاس Class

• پیوندهای شناسه و لنگر ID & Anchor Links

• بخش Div

• مدل جعبه: حاشیه Box Model: Margin

• پس زمینه - قسمت 2 Background - Part 2

• موقعیت Position

• شاخص Z Z-index

• نمایش دادن Display

• شیب Gradient

• جعبه-سایه Box-shadow

• مقدمه 7 درس بعدی Introduction To the Next 7 Lessons

• شبه کلاس ها - قسمت 1 Pseudo-classes - Part 1

• کلاس های شبه - قسمت 2 Pseudo-classes - Part 2

• کلاس های شبه - قسمت 4 Pseudo-classes - Part 4

• انتقال Transition

CSS 3 CSS 3

• کیفیت ویدیو - مهم!!! Video Quality - IMPORTANT!!!

• CSS چیست؟ What Is CSS?

• CSS چیست؟ What Is CSS?

• 3 راه برای اتصال CSS 3 Ways To Connect CSS

• خانواده فونت Font Families

• خانواده فونت Font Families

• فونت های ایمن و بازگشتی Safe Fonts & Fallback

• فونت های ایمن و بازگشتی Safe Fonts & Fallback

• فونت های غیر استاندارد Non-Standard Fonts

• سبک سازی متن Text Styling

• سبک سازی متن Text Styling

• تبدیل متن Text Transformation

• تبدیل متن Text Transformation

• متن تراز و ارتفاع خط Text-align & line-height

• رنگ ها Colors

• سبک فهرست List-style

• کلاس Class

• پیوندهای شناسه و لنگر ID & Anchor Links

• طول Span

• طول Span

• بخش Div

• شناور Float

• شناور Float

• بلوک و عناصر درون خطی Block & Inline Elements

• بلوک و عناصر درون خطی Block & Inline Elements

• مدل جعبه: حاشیه Box Model: Border

• مدل جعبه: حاشیه Box Model: Border

• مدل جعبه: بالشتک Box Model: Padding

• مدل جعبه: بالشتک Box Model: Padding

• مدل جعبه: حاشیه Box Model: Margin

• بازرس وب Web Inspector

• بازرس وب Web Inspector

• پس زمینه - قسمت 1 Background - Part 1

• پس زمینه - قسمت 1 Background - Part 1

• پس زمینه - قسمت 2 Background - Part 2

• موقعیت Position

• شاخص Z Z-index

• نمایش دادن Display

• شیب Gradient

• شعاع مرزی Border-radius

• شعاع مرزی Border-radius

• جعبه-سایه Box-shadow

• کدورت Opacity

• کدورت Opacity

• مقدمه 7 درس بعدی Introduction To the Next 7 Lessons

• انتخابگرهای پیشرفته - قسمت 1 Advanced Selectors - Part 1

• انتخابگرهای پیشرفته - قسمت 1 Advanced Selectors - Part 1

• انتخابگرهای پیشرفته - قسمت 2 Advanced Selectors - Part 2

• انتخابگرهای پیشرفته - قسمت 2 Advanced Selectors - Part 2

• شبه کلاس ها - قسمت 1 Pseudo-classes - Part 1

• کلاس های شبه - قسمت 2 Pseudo-classes - Part 2

• شبه کلاس ها - قسمت 3 Pseudo-classes - Part 3

• شبه کلاس ها - قسمت 3 Pseudo-classes - Part 3

• کلاس های شبه - قسمت 4 Pseudo-classes - Part 4

• شبه عناصر Pseudo-elements

• شبه عناصر Pseudo-elements

• تبدیل Transform

• تبدیل Transform

• انتقال Transition

• برچسب های معنایی HTML 5 HTML 5 Semantic Tags

• برچسب های معنایی HTML 5 HTML 5 Semantic Tags

امت Emmet

• نحوه نصب Emmet How to Install Emmet

• دستورات اصلی - قسمت 1 Main Commands - Part 1

• دستورات اصلی - قسمت 2 Main Commands - Part 2

امت Emmet

• امت چیست؟ What Is Emmet?

• امت چیست؟ What Is Emmet?

• نحوه نصب Emmet How to Install Emmet

• دستورات اصلی - قسمت 1 Main Commands - Part 1

• دستورات اصلی - قسمت 2 Main Commands - Part 2

فتوشاپ Photoshop

• فتوشاپ چیست؟ What Is Photoshop?

• مبانی - قسمت 1 Basics - Part 1

• مبانی - قسمت 2 Basics - Part 2

• مبانی - قسمت 3 Basics - Part 3

فتوشاپ Photoshop

• فتوشاپ چیست؟ What Is Photoshop?

• نحوه نصب فتوشاپ How to Install Photoshop

• نحوه نصب فتوشاپ How to Install Photoshop

• مبانی - قسمت 1 Basics - Part 1

• مبانی - قسمت 2 Basics - Part 2

• مبانی - قسمت 3 Basics - Part 3

• Photopea در مقابل فتوشاپ Photopea vs Photoshop

• Photopea در مقابل فتوشاپ Photopea vs Photoshop

پروژه 1: ExotiCar Project 1: ExotiCar

پروژه 1: ExotiCar Project 1: ExotiCar

• ExotiCar - قسمت 1 ExotiCar - Part 1

• ExotiCar - قسمت 1 ExotiCar - Part 1

• ExotiCar - قسمت 2 ExotiCar - Part 2

• ExotiCar - قسمت 2 ExotiCar - Part 2

• ExotiCar - قسمت 3 ExotiCar - Part 3

• ExotiCar - قسمت 3 ExotiCar - Part 3

• ExotiCar - قسمت 4 ExotiCar - Part 4

• ExotiCar - قسمت 4 ExotiCar - Part 4

فلکس باکس Flexbox

• جهت فلکس Flex-direction

• توجیه-محتوا Justify-content

• خود را تراز کنید Align-self

• Flex-grow Flex-grow

• فلکس (خلاصه) Flex (shorthand)

فلکس باکس Flexbox

• فلکس باکس چیست؟ What Is Flexbox?

• فلکس باکس چیست؟ What Is Flexbox?

• جهت فلکس Flex-direction

• توجیه-محتوا Justify-content

• تراز کردن موارد Align-items

• تراز کردن موارد Align-items

• خود را تراز کنید Align-self

• بسته بندی فلکس Flex-wrap

• بسته بندی فلکس Flex-wrap

• سفارش فلکس Flex Order

• سفارش فلکس Flex Order

• بر اساس فلکس Flex-basis

• بر اساس فلکس Flex-basis

• فلکس شرینک Flex-shrink

• فلکس شرینک Flex-shrink

• Flex-grow Flex-grow

• فلکس (خلاصه) Flex (shorthand)

پروژه 2: گاتهام Project 2: Gotham

• گاتهام - قسمت 5 - جعبه جستجو Gotham - Part 5 - Search Box

پروژه 2: گاتهام Project 2: Gotham

• Gotham - Part 1 - Header Gotham - Part 1 - Header

• Gotham - Part 1 - Header Gotham - Part 1 - Header

• Gotham - Part 2 - Footer Gotham - Part 2 - Footer

• Gotham - Part 2 - Footer Gotham - Part 2 - Footer

• Gotham - Part 3 - Central Part 1 Gotham - Part 3 - Central Part 1

• Gotham - Part 3 - Central Part 1 Gotham - Part 3 - Central Part 1

• Gotham - Part 4 - Central Part 2 Gotham - Part 4 - Central Part 2

• Gotham - Part 4 - Central Part 2 Gotham - Part 4 - Central Part 2

• گاتهام - قسمت 5 - جعبه جستجو Gotham - Part 5 - Search Box

• گاتهام - قسمت 6 - تقویم Gotham - Part 6 - Calendar

• گاتهام - قسمت 6 - تقویم Gotham - Part 6 - Calendar

• گاتهام - قسمت 7 - اخبار محبوب Gotham - Part 7 - Popular News

• گاتهام - قسمت 7 - اخبار محبوب Gotham - Part 7 - Popular News

چگونه وب سایت ها را ریسپانسیو کنیم How to Make Websites Responsive

• نحوه سازماندهی این بخش How This Section Is Organized

• کد ویژوال استودیو را نصب کنید Install Visual Studio Code

• مرحله 1 - پروژه: مافین - قسمت 1 Step 1 - Project: Muffin - Part 1

• مرحله 1 - پروژه: مافین - قسمت 3 Step 1 - Project: Muffin - Part 3

• مرحله 2 - Em in Media Queries Step 2 - Em in Media Queries

• مرحله 2 - فرمت های فایل تصویری Step 2 - Image File Formats

• مرحله 2 - نحوه ایجاد یک بازگشت برای تصاویر Step 2 - How to Make a Fallback For Images

• مرحله 3 - گاتهام - نقشه راه Step 3 - Gotham - Roadmap

• مرحله 3 - گاتهام - تبلت ها - قسمت 1 Step 3 - Gotham - Tablets - Part 1

• مرحله 3 - گاتهام - گوشی های هوشمند Step 3 - Gotham - Smartphones

• مرحله 3 - گاتهام - هدر - قسمت 1 Step 3 - Gotham - Header - Part 1

چگونه وب سایت ها را ریسپانسیو کنیم How to Make Websites Responsive

• نحوه سازماندهی این بخش How This Section Is Organized

• کد ویژوال استودیو را نصب کنید Install Visual Studio Code

• مرحله 1 - پروژه: مافین - قسمت 1 Step 1 - Project: Muffin - Part 1

• مرحله 1 - پروژه: مافین - قسمت 2 Step 1 - Project: Muffin - Part 2

• مرحله 1 - پروژه: مافین - قسمت 2 Step 1 - Project: Muffin - Part 2

• مرحله 1 - پروژه: مافین - قسمت 3 Step 1 - Project: Muffin - Part 3

• مرحله 2 - Viewport Step 2 - Viewport

• مرحله 2 - Viewport Step 2 - Viewport

• مرحله 2 - واحدهای نسبی اندازه گیری Step 2 - Relative Units of Measurement

• مرحله 2 - واحدهای نسبی اندازه گیری Step 2 - Relative Units of Measurement

• مرحله 2 - Em in Media Queries Step 2 - Em in Media Queries

• مرحله 2 - فرمت های فایل تصویری Step 2 - Image File Formats

• مرحله 2 - نحوه ایجاد یک بازگشت برای تصاویر Step 2 - How to Make a Fallback For Images

• مرحله 3 - گاتهام - نقشه راه Step 3 - Gotham - Roadmap

• مرحله 3 - گاتهام - تبلت ها - قسمت 1 Step 3 - Gotham - Tablets - Part 1

• مرحله 3 - گاتهام - تبلت ها - قسمت 2 Step 3 - Gotham - Tablets - Part 2

• مرحله 3 - گاتهام - تبلت ها - قسمت 2 Step 3 - Gotham - Tablets - Part 2

• مرحله 3 - گاتهام - گوشی های هوشمند Step 3 - Gotham - Smartphones

• مرحله 3 - گاتهام - هدر - قسمت 1 Step 3 - Gotham - Header - Part 1

• مرحله 3 - گاتهام - هدر - قسمت 2 Step 3 - Gotham - Header - Part 2

• مرحله 3 - گاتهام - هدر - قسمت 2 Step 3 - Gotham - Header - Part 2

• مرحله 3 - گاتهام - تصاویر Step 3 - Gotham - Images

• مرحله 3 - گاتهام - تصاویر Step 3 - Gotham - Images

بوت استرپ 5 - جدید Bootstrap 5 - NEW

• لطفا این را بخوان!!! Please Read This!!!

• نحوه اتصال بوت استرپ 5 How to Connect Bootstrap 5

• سیستم شبکه - قسمت 1 The Grid System - Part 1

• کول فلکس Col-flex

• آف بوم Offcanvas

• نان تست Toasts

بوت استرپ 5 - جدید Bootstrap 5 - NEW

• لطفا این را بخوان!!! Please Read This!!!

• لطفا این را بخوان!!! Please Read This!!!

• بوت استرپ چیست؟ What is Bootstrap?

• بوت استرپ چیست؟ What is Bootstrap?

• نحوه اتصال بوت استرپ 5 How to Connect Bootstrap 5

• سیستم شبکه - قسمت 1 The Grid System - Part 1

• سیستم شبکه - قسمت 2 The Grid System - Part 2

• سیستم شبکه - قسمت 2 The Grid System - Part 2

• کلاس های "کانتینر" - قسمت 1 "Container" Classes - Part 1

• کلاس های "کانتینر" - قسمت 1 "Container" Classes - Part 1

• کلاس های "کانتینر" - قسمت 2 "Container" Classes - Part 2

• کلاس های "کانتینر" - قسمت 2 "Container" Classes - Part 2

• پیچیدن ستون Column Wrapping

• پیچیدن ستون Column Wrapping

• کلاس های افست Offset Classes

• کلاس های افست Offset Classes

• ستون های تو در تو Nested Columns

• ستون های تو در تو Nested Columns

• کول فلکس Col-flex

• کول فلکس Col-flex

• کامپوننت های بوت استرپ چیست؟ What are Bootstrap Components?

• کامپوننت های بوت استرپ چیست؟ What are Bootstrap Components?

• فایل جاوا اسکریپت بوت استرپ Bootstrap JavaScript File

• فایل جاوا اسکریپت بوت استرپ Bootstrap JavaScript File

• آکاردئون Accordion

• آکاردئون Accordion

• کارت ها Cards

• کارت ها Cards

• چرخ فلک (لغزنده) Carousel (Slider)

• چرخ فلک (لغزنده) Carousel (Slider)

• ویندوز مدال Modal Windows

• ویندوز مدال Modal Windows

• نوارهای ناوبری Navbars

• نوارهای ناوبری Navbars

• آف بوم Offcanvas

• نان تست Toasts

• تشکیل می دهد Forms

• تشکیل می دهد Forms

پروژه 3: بیایید سفر کنیم - بوت استرپ 5 Project 3: Let's Travel - Bootstrap 5

پروژه 3: بیایید سفر کنیم - بوت استرپ 5 Project 3: Let's Travel - Bootstrap 5

• بیایید سفر کنیم - قسمت 1 - سربرگ Let's Travel - Part 1 - Header

• بیایید سفر کنیم - قسمت 1 - سربرگ Let's Travel - Part 1 - Header

• بیایید سفر کنیم - قسمت 2 - اسلایدر Let's Travel - Part 2 - Slider

• بیایید سفر کنیم - قسمت 2 - اسلایدر Let's Travel - Part 2 - Slider

• بیایید سفر کنیم - قسمت 3 - کارت Let's Travel - Part 3 - Cards

• بیایید سفر کنیم - قسمت 3 - کارت Let's Travel - Part 3 - Cards

• بیایید سفر کنیم - قسمت چهارم - پاورقی Let's Travel - Part 4 - Footer

• بیایید سفر کنیم - قسمت چهارم - پاورقی Let's Travel - Part 4 - Footer

پروژه 4: وب سایت خبری CNN Project 4: CNN News Website

• CNN - قسمت 3 - Dropbox CNN - Part 3 - Dropbox

• CNN - قسمت 6 - پاورقی CNN - Part 6 - Footer

• CNN - قسمت 7 - بخش مرکزی 1 (HTML) CNN - Part 7 - Central Section 1 (HTML)

• CNN - قسمت 10 - بخش مرکزی 3 CNN - Part 10 - Central Section 3

پروژه 4: وب سایت خبری CNN Project 4: CNN News Website

• CNN - قسمت 1 - تنظیم مجدد ساختار و CSS CNN - Part 1 - Structure & CSS Reset

• CNN - قسمت 1 - تنظیم مجدد ساختار و CSS CNN - Part 1 - Structure & CSS Reset

• CNN - قسمت 2 - منو CNN - Part 2 - Menu

• CNN - قسمت 2 - منو CNN - Part 2 - Menu

• CNN - قسمت 3 - Dropbox CNN - Part 3 - Dropbox

• CNN - قسمت 4 - جستجو و همبرگر CNN - Part 4 - Search & Hamburger

• CNN - قسمت 4 - جستجو و همبرگر CNN - Part 4 - Search & Hamburger

• CNN - قسمت 5 - منوی گسترده CNN - Part 5 - Expanded Menu

• CNN - قسمت 5 - منوی گسترده CNN - Part 5 - Expanded Menu

• CNN - قسمت 6 - پاورقی CNN - Part 6 - Footer

• CNN - قسمت 7 - بخش مرکزی 1 (HTML) CNN - Part 7 - Central Section 1 (HTML)

• CNN - قسمت 8 - بخش مرکزی 1 (CSS) CNN - Part 8 - Central Section 1 (CSS)

• CNN - قسمت 8 - بخش مرکزی 1 (CSS) CNN - Part 8 - Central Section 1 (CSS)

• CNN - قسمت 9 - بخش مرکزی 2 CNN - Part 9 - Central Section 2

• CNN - قسمت 9 - بخش مرکزی 2 CNN - Part 9 - Central Section 2

• CNN - قسمت 10 - بخش مرکزی 3 CNN - Part 10 - Central Section 3

• CNN - قسمت 11 - بخش مرکزی 4 CNN - Part 11 - Central Section 4

• CNN - قسمت 11 - بخش مرکزی 4 CNN - Part 11 - Central Section 4

جاوا اسکریپت (ES9، ES2018) JavaScript (ES9, ES2018)

• جاوا اسکریپت چیست؟ What Is JavaScript?

• اولین برنامه شما در جاوا اسکریپت Your First Program in JavaScript

• متغیر چیست؟ What Is a Variable?

• اعداد و عملیات اساسی Numbers and Basic Operations

• رشته ها و عملیات پایه Strings and Basic Operations

• قوانین نامگذاری قراردادهای کدنویسی جاوا اسکریپت Naming Rules. JavaScript Coding Conventions.

• تمرین 1 - Prompt - TASK Exercise 1 - Prompt - TASK

• تمرین 1 - Prompt - SOLUTION Exercise 1 - Prompt - SOLUTION

• نظرات Comments

• اپراتورهای مقایسه Comparison Operators

• عملگرهای منطقی Logical Operators

• بیانیه های مشروط (اگر، اگر...دیگر، اگر...دیگر اگر...دیگر) Conditional Statements (if, if…else, if…else if…else)

• تمرین 4 - بیانیه های شرطی - TASK Exercise 4 - Conditional Statements - TASK

• تمرین 4 - گزاره های شرطی - راه حل Exercise 4 - Conditional Statements - SOLUTION

• تمرین 5 - برای حلقه - راه حل Exercise 5 - For Loop - SOLUTION

• تمرین 6 - برای حلقه - TASK Exercise 6 - For Loop - TASK

• تمرین 6 - برای حلقه - راه حل Exercise 6 - For Loop - SOLUTION

• تمرین 7 - while Loop - TASK Exercise 7 - While Loop - TASK

• تمرین 8 - while Loop - TASK Exercise 8 - While Loop - TASK

• تمرین 8 - while Loop - SOLUTION Exercise 8 - While Loop - SOLUTION

• برگشت Return

• تمرین 9 - توابع - TASK Exercise 9 - Functions - TASK

• توابع پاسخ به تماس setInterval() و setTimeout() Callback Functions. setInterval() and setTimeout()

• آرایه چیست؟ What Is an Array?

• خواص طول و روش‌های آرایه‌ها (طول، فشار، جابجایی، پاپ و غیره) Length Property & Arrays Methods ( length, push, unshift, pop, etc.)

• تکرار آرایه Array Iteration

• تمرین 12 - آرایه ها - TASK Exercise 12 - Arrays - TASK

• تمرین 13 - آرایه ها - TASK Exercise 13 - Arrays - TASK

• تمرین 14 - آرایه ها - TASK Exercise 14 - Arrays - TASK

• تمرین 14 - آرایه ها - راه حل Exercise 14 - Arrays - SOLUTION

• یک شی چیست؟ What Is an Object?

• اشیاء تو در تو Nested Objects

• DOM چیست؟ What Is the DOM?

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

• ایجاد و حذف عناصر Creating and Deleting Elements

• رویدادهای صفحه کلید Keyboard Events

• نحوه تولید یک عدد تصادفی How to Generate a Random Number

جاوا اسکریپت (ES9، ES2018) JavaScript (ES9, ES2018)

• کیفیت ویدیو - مهم!!! Video Quality - IMPORTANT!!!

• کیفیت ویدیو - مهم!!! Video Quality - IMPORTANT!!!

• جاوا اسکریپت چیست؟ What Is JavaScript?

• اولین برنامه شما در جاوا اسکریپت Your First Program in JavaScript

• متغیر چیست؟ What Is a Variable?

• اعداد و عملیات اساسی Numbers and Basic Operations

• رشته ها و عملیات پایه Strings and Basic Operations

• پوچ و تعریف نشده Null and Undefined

• پوچ و تعریف نشده Null and Undefined

• تابع بولی و تایید Boolean and Confirm Function

• تابع بولی و تایید Boolean and Confirm Function

• قوانین نامگذاری قراردادهای کدنویسی جاوا اسکریپت Naming Rules. JavaScript Coding Conventions.

• درخواست - قسمت 1 Prompt - Part 1

• درخواست - قسمت 1 Prompt - Part 1

• تمرین 1 - Prompt - TASK Exercise 1 - Prompt - TASK

• تمرین 1 - Prompt - SOLUTION Exercise 1 - Prompt - SOLUTION

• نظرات Comments

• اپراتورهای مقایسه Comparison Operators

• عملگرهای منطقی Logical Operators

• تمرین 2، 3 - عملگرهای منطقی Exercise 2, 3 - Logical Operators

• تمرین 2، 3 - عملگرهای منطقی Exercise 2, 3 - Logical Operators

• بیانیه های مشروط (اگر، اگر...دیگر، اگر...دیگر اگر...دیگر) Conditional Statements (if, if…else, if…else if…else)

• تمرین 4 - بیانیه های شرطی - TASK Exercise 4 - Conditional Statements - TASK

• تمرین 4 - گزاره های شرطی - راه حل Exercise 4 - Conditional Statements - SOLUTION

• اپراتورهای کوتاه نویسی Shorthand Operators

• اپراتورهای کوتاه نویسی Shorthand Operators

• برای حلقه For Loop

• برای حلقه For Loop

• Prompt (قسمت 2) و typeof Prompt (Part 2) and typeof

• Prompt (قسمت 2) و typeof Prompt (Part 2) and typeof

• تمرین 5 - برای حلقه - TASK Exercise 5 - For Loop - TASK

• تمرین 5 - برای حلقه - TASK Exercise 5 - For Loop - TASK

• تمرین 5 - برای حلقه - راه حل Exercise 5 - For Loop - SOLUTION

• تمرین 6 - برای حلقه - TASK Exercise 6 - For Loop - TASK

• تمرین 6 - برای حلقه - راه حل Exercise 6 - For Loop - SOLUTION

• در حالی که حلقه While Loop

• در حالی که حلقه While Loop

• تمرین 7 - while Loop - TASK Exercise 7 - While Loop - TASK

• تمرین 7 - while Loop - SOLUTION Exercise 7 - While Loop - SOLUTION

• تمرین 7 - while Loop - SOLUTION Exercise 7 - While Loop - SOLUTION

• تمرین 8 - while Loop - TASK Exercise 8 - While Loop - TASK

• تمرین 8 - while Loop - SOLUTION Exercise 8 - While Loop - SOLUTION

• یک تابع چیست؟ توابع بدون آرگومان What Is a Function? Functions Without Arguments

• یک تابع چیست؟ توابع بدون آرگومان What Is a Function? Functions Without Arguments

• توابع با آرگومان ها Functions With Arguments

• توابع با آرگومان ها Functions With Arguments

• برگشت Return

• تمرین 9 - توابع - TASK Exercise 9 - Functions - TASK

• تمرین 9 - توابع - راه حل Exercise 9 - Functions - SOLUTION

• تمرین 9 - توابع - راه حل Exercise 9 - Functions - SOLUTION

• تمرین 10 - توابع - TASK Exercise 10 - Functions - TASK

• تمرین 10 - توابع - TASK Exercise 10 - Functions - TASK

• تمرین 10 - توابع - راه حل Exercise 10 - Functions - SOLUTION

• تمرین 10 - توابع - راه حل Exercise 10 - Functions - SOLUTION

• تمرین 11 - توابع - TASK Exercise 11 - Functions - TASK

• تمرین 11 - توابع - TASK Exercise 11 - Functions - TASK

• تمرین 11 - توابع - راه حل Exercise 11 - Functions - SOLUTION

• تمرین 11 - توابع - راه حل Exercise 11 - Functions - SOLUTION

• توابع پاسخ به تماس setInterval() و setTimeout() Callback Functions. setInterval() and setTimeout()

• محدوده Scope

• محدوده Scope

• آرایه چیست؟ What Is an Array?

• خواص طول و روش‌های آرایه‌ها (طول، فشار، جابجایی، پاپ و غیره) Length Property & Arrays Methods ( length, push, unshift, pop, etc.)

• تکرار آرایه Array Iteration

• تمرین 12 - آرایه ها - TASK Exercise 12 - Arrays - TASK

• تمرین 12 - آرایه ها - راه حل Exercise 12 - Arrays - SOLUTION

• تمرین 12 - آرایه ها - راه حل Exercise 12 - Arrays - SOLUTION

• تمرین 13 - آرایه ها - TASK Exercise 13 - Arrays - TASK

• تمرین 13 - آرایه ها - راه حل Exercise 13 - Arrays - SOLUTION

• تمرین 13 - آرایه ها - راه حل Exercise 13 - Arrays - SOLUTION

• تمرین 14 - آرایه ها - TASK Exercise 14 - Arrays - TASK

• تمرین 14 - آرایه ها - راه حل Exercise 14 - Arrays - SOLUTION

• تمرین 15 - توابع و آرایه ها - TASK Exercise 15 - Functions & Arrays - TASK

• تمرین 15 - توابع و آرایه ها - TASK Exercise 15 - Functions & Arrays - TASK

• تمرین 15 - توابع و آرایه ها - راه حل Exercise 15 - Functions&Arrays - SOLUTION

• تمرین 15 - توابع و آرایه ها - راه حل Exercise 15 - Functions&Arrays - SOLUTION

• یک شی چیست؟ What Is an Object?

• اشیاء تو در تو Nested Objects

• روش های شی Object Methods

• روش های شی Object Methods

• DOM چیست؟ What Is the DOM?

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

• ایجاد و حذف عناصر Creating and Deleting Elements

• سبک دستکاری Manipulating Style

• سبک دستکاری Manipulating Style

• مناسبت ها Events

• مناسبت ها Events

• رویدادهای صفحه کلید Keyboard Events

• رویدادهای صفحه کلید Keyboard Events

• نحوه تولید یک عدد تصادفی How to Generate a Random Number

• توابع پیکان Arrow Functions

پروژه 5: دستکاری بلوک Project 5: Block Manipulation

• دستکاری بلوک - قسمت 1 Block Manipulation - Part 1

پروژه 5: دستکاری بلوک Project 5: Block Manipulation

• دستکاری بلوک - قسمت 1 Block Manipulation - Part 1

• دستکاری بلوک - قسمت 2 Block Manipulation - Part 2

• دستکاری بلوک - قسمت 2 Block Manipulation - Part 2

• دستکاری بلوک - قسمت 3 Block Manipulation - Part 3

• دستکاری بلوک - قسمت 3 Block Manipulation - Part 3

پروژه 6: بالن Project 6: Balloons

• بالن - قسمت 2 - HTML و CSS Balloons - Part 2 - HTML & CSS

• بالن - قسمت 5 - جاوا اسکریپت (قسمت 3) Balloons - Part 5 - JavaScript (Part 3)

پروژه 6: بالن Project 6: Balloons

• بالن - قسمت 1 - مقدمه Balloons - Part 1 - Intro

• بالن - قسمت 1 - مقدمه Balloons - Part 1 - Intro

• بالن - قسمت 2 - HTML و CSS Balloons - Part 2 - HTML & CSS

• بالن - قسمت 3 - جاوا اسکریپت (قسمت 1) Balloons - Part 3 - JavaScript (Part 1)

• بالن - قسمت 3 - جاوا اسکریپت (قسمت 1) Balloons - Part 3 - JavaScript (Part 1)

• بالن - قسمت 4 - جاوا اسکریپت (قسمت 2) Balloons - Part 4 - JavaScript (Part 2)

• بالن - قسمت 4 - جاوا اسکریپت (قسمت 2) Balloons - Part 4 - JavaScript (Part 2)

• بالن - قسمت 5 - جاوا اسکریپت (قسمت 3) Balloons - Part 5 - JavaScript (Part 3)

• به روز رسانی پروژه بالن The Balloons Project Update

• به روز رسانی پروژه بالن The Balloons Project Update

پروژه 7: ساعت و شمارش معکوس Project 7: Clock & Countdown

• ساعت و شمارش معکوس - قسمت 1 - HTML Clock & Countdown - Part 1 - HTML

پروژه 7: ساعت و شمارش معکوس Project 7: Clock & Countdown

• ساعت و شمارش معکوس - قسمت 1 - HTML Clock & Countdown - Part 1 - HTML

• ساعت و شمارش معکوس - قسمت 2 - CSS Clock & Countdown - Part 2 - CSS

• ساعت و شمارش معکوس - قسمت 2 - CSS Clock & Countdown - Part 2 - CSS

• ساعت و شمارش معکوس - قسمت 3 - CSS Clock & Countdown - Part 3 - CSS

• ساعت و شمارش معکوس - قسمت 3 - CSS Clock & Countdown - Part 3 - CSS

• ساعت و شمارش معکوس - قسمت 4 - JS Clock & Countdown - Part 4 - JS

• ساعت و شمارش معکوس - قسمت 4 - JS Clock & Countdown - Part 4 - JS

• ساعت و شمارش معکوس - قسمت 5 - JS Clock & Countdown - Part 5 - JS

• ساعت و شمارش معکوس - قسمت 5 - JS Clock & Countdown - Part 5 - JS

• ساعت و شمارش معکوس - قسمت 6 - JS Clock & Countdown - Part 6 - JS

• ساعت و شمارش معکوس - قسمت 6 - JS Clock & Countdown - Part 6 - JS

جی کوئری jQuery

• جی کوئری چیست؟ What Is jQuery?

• یک رویداد چیست؟ What Is an Event?

• رویدادهای ماوس Mouse Events

• رویدادهای صفحه کلید Keyboard Events

• رویدادهای پنجره Window Events

• طراحی ظاهر Styling

• جلوههای بصری Visual Effects

• دستکاری کلاس Class Manipulation

جی کوئری jQuery

• جی کوئری چیست؟ What Is jQuery?

• افزودن jQuery به صفحه وب شما Adding jQuery to Your Webpage

• افزودن jQuery به صفحه وب شما Adding jQuery to Your Webpage

• انتخابگرها و عملکرد آماده Selectors & Ready Fuction

• انتخابگرها و عملکرد آماده Selectors & Ready Fuction

• یک رویداد چیست؟ What Is an Event?

• رویدادهای ماوس Mouse Events

• رویدادهای صفحه کلید Keyboard Events

• رویدادهای صفحه کلید Keyboard Events

• رویدادها را تشکیل دهید Form Events

• رویدادها را تشکیل دهید Form Events

• رویدادهای پنجره Window Events

• طراحی ظاهر Styling

• جلوههای بصری Visual Effects

• متحرک کردن Animate

• متحرک کردن Animate

• Attr Attr

• Attr Attr

• وال Val

• وال Val

• دستکاری کلاس Class Manipulation

• دستکاری محتوا Content Manipulation

• دستکاری محتوا Content Manipulation

پروژه 8: فهرست کارها Project 8: To-Do List

پروژه 8: فهرست کارها Project 8: To-Do List

• فهرست کارها - قسمت 1 - HTML و CSS To-Do List - Part 1 - HTML & CSS

• فهرست کارها - قسمت 1 - HTML و CSS To-Do List - Part 1 - HTML & CSS

• لیست کارها - قسمت 2 - jQuery To-Do List - Part 2 - jQuery

• لیست کارها - قسمت 2 - jQuery To-Do List - Part 2 - jQuery

GIT و GitHub GIT & GitHub

• GIT چیست؟ What Is GIT?

• GitHub GitHub

GIT و GitHub GIT & GitHub

• GIT چیست؟ What Is GIT?

• مبانی GIT GIT Basics

• مبانی GIT GIT Basics

• بازنشانی کنید Reset

• بازنشانی کنید Reset

• GitHub GitHub

خط فرمان (CLI) The Command Line (CLI)

• مقدمه ای بر خط فرمان Introduction to the Command Line

• نحوه کار با خط فرمان How to Work with the Command Line

• تمرین 15: خط فرمان - TASK Exercise 15: The Command Line - TASK

• تمرین 15: خط فرمان - راه حل Exercise 15: The Command Line - SOLUTION

خط فرمان (CLI) The Command Line (CLI)

• مقدمه ای بر خط فرمان Introduction to the Command Line

• نحوه کار با خط فرمان How to Work with the Command Line

• تمرین 15: خط فرمان - TASK Exercise 15: The Command Line - TASK

• تمرین 15: خط فرمان - راه حل Exercise 15: The Command Line - SOLUTION

Node.js: شروع به کار Node.js : Getting Started

• Node.js چیست؟ What Is Node.js?

• معماری گره Node Architecture

• Node.js چگونه کار می کند How Node.js Works

• نحوه نصب Node.js How to Install Node.js

Node.js: شروع به کار Node.js : Getting Started

• Node.js چیست؟ What Is Node.js?

• معماری گره Node Architecture

• Node.js چگونه کار می کند How Node.js Works

• نحوه نصب Node.js How to Install Node.js

• اولین برنامه نود شما Your First Node Program

• اولین برنامه نود شما Your First Node Program

• نصب کد ویژوال استودیو Installing Visual Studio Code

• نصب کد ویژوال استودیو Installing Visual Studio Code

Node.js: npm Node.js : npm

• npm چیست؟ What Is npm?

• تمرین 16: npm - TASK Exercise 16: npm - TASK

Node.js: npm Node.js : npm

• npm چیست؟ What Is npm?

• Package.json و Dependencies Package.json and Dependencies

• Package.json و Dependencies Package.json and Dependencies

• تمرین 16: npm - TASK Exercise 16: npm - TASK

• تمرین 16: npm - راه حل Exercise 16: npm - SOLUTION

• تمرین 16: npm - راه حل Exercise 16: npm - SOLUTION

Node.js: مسیریابی Node.js : Routing

• URL - مسیر URL - Route

• URL - HTTP&HTTPS URL - HTTP&HTTPS

• توابع پیکان Arrow Functions

• پارامترهای مسیر Route Parameters

• رشته های پرس و جو Query Strings

• تمرین 17: مسیریابی - راه حل Exercise 17: Routing - SOLUTION

Node.js: مسیریابی Node.js : Routing

• URL - نام دامنه، آدرس IP، پورت URL - Domain Name, IP Address, Port

• URL - نام دامنه، آدرس IP، پورت URL - Domain Name, IP Address, Port

• URL - مسیر URL - Route

• URL - HTTP&HTTPS URL - HTTP&HTTPS

• چارچوب اکسپرس Express Framework

• چارچوب اکسپرس Express Framework

• توابع پیکان Arrow Functions

• توابع پیکان Arrow Functions

• پارامترهای مسیر Route Parameters

• رشته های پرس و جو Query Strings

• تمرین 17: مسیریابی - TASK Exercise 17: Routing - TASK

• تمرین 17: مسیریابی - TASK Exercise 17: Routing - TASK

• تمرین 17: مسیریابی - راه حل Exercise 17: Routing - SOLUTION

Node.js: ماژول ها Node.js : Modules

• شیء و ماژول های جهانی Global Object & Modules

• نحوه صادرات و واردات یک ماژول How to Export and Import a Module

• تمرین 18: ماژول ها - TASK Exercise 18: Modules - TASK

Node.js: ماژول ها Node.js : Modules

• شیء و ماژول های جهانی Global Object & Modules

• نحوه صادرات و واردات یک ماژول How to Export and Import a Module

• تمرین 18: ماژول ها - TASK Exercise 18: Modules - TASK

• تمرین 18: ماژول ها - راه حل Exercise 18: Modules - SOLUTION

• تمرین 18: ماژول ها - راه حل Exercise 18: Modules - SOLUTION

Node.js: جاوا اسکریپت ناهمزمان Node.js : Asynchronous JavaScript

• وعده ها Promises

• Async/Await Async/Await

• تمرین 19: برنامه نویسی ناهمزمان - TASK Exercise 19: Asynchronous Programming - TASK

Node.js: جاوا اسکریپت ناهمزمان Node.js : Asynchronous JavaScript

• کد ناهمزمان Asynchronous Code

• کد ناهمزمان Asynchronous Code

• توابع پاسخ به تماس Callback Functions

• توابع پاسخ به تماس Callback Functions

• وعده ها Promises

• Async/Await Async/Await

• تمرین 19: برنامه نویسی ناهمزمان - TASK Exercise 19: Asynchronous Programming - TASK

• تمرین 19: برنامه نویسی ناهمزمان - راه حل Exercise 19: Asynchronous Programming - SOLUTION

• تمرین 19: برنامه نویسی ناهمزمان - راه حل Exercise 19: Asynchronous Programming - SOLUTION

Node.js: MongoDB Node.js : MongoDB

• MongoDB چیست؟ (SQL در مقابل NoSQL) What Is MongoDB? (SQL vs NoSQL)

• اتصال به MongoDB Connecting to MongoDB

• عملیات CRUD: نحوه ایجاد یک سند CRUD Operations: How to Create a Document

• عملیات CRUD: چگونه یک سند را حذف کنیم CRUD Operations: How to Delete a Document

• تمرین 20: وظیفه Exercise 20: TASK

• تمرین 20: راه حل Exercise 20: SOLUTION

• تمرین 21، 22 و 23: TASK Exercise 21, 22 and 23: TASK

Node.js: MongoDB Node.js : MongoDB

• قبل از اینکه شروع کنیم Before We Start

• قبل از اینکه شروع کنیم Before We Start

• MongoDB چیست؟ (SQL در مقابل NoSQL) What Is MongoDB? (SQL vs NoSQL)

• نحوه نصب MongoDB در macOS How to Install MongoDB on macOS

• نحوه نصب MongoDB در macOS How to Install MongoDB on macOS

• نحوه نصب MongoDB در ویندوز How to Install MongoDB on Windows

• نحوه نصب MongoDB در ویندوز How to Install MongoDB on Windows

• اتصال به MongoDB Connecting to MongoDB

• طرحواره ها Schemas

• طرحواره ها Schemas

• کلاس و مدل Class and Model

• کلاس و مدل Class and Model

• عملیات CRUD: نحوه ایجاد یک سند CRUD Operations: How to Create a Document

• عملیات CRUD: نحوه خواندن یک سند CRUD Operations: How to Read a Document

• عملیات CRUD: نحوه خواندن یک سند CRUD Operations: How to Read a Document

• عملیات CRUD: چگونه یک سند را به روز کنیم CRUD Operations: How to Update a Document

• عملیات CRUD: چگونه یک سند را به روز کنیم CRUD Operations: How to Update a Document

• عملیات CRUD: چگونه یک سند را حذف کنیم CRUD Operations: How to Delete a Document

• تمرین 20: وظیفه Exercise 20: TASK

• تمرین 20: راه حل Exercise 20: SOLUTION

• تمرین 21، 22 و 23: TASK Exercise 21, 22 and 23: TASK

• تمرین 21، 22 و 23: راه حل Exercise 21, 22 and 23: SOLUTION

• تمرین 21، 22 و 23: راه حل Exercise 21, 22 and 23: SOLUTION

Node.js: REST API و AJAX Node.js : REST API & AJAX

• قبل از شروع این بخش Before We Start This Section

• REST چیست؟ What Is REST?

• درخواست PUT PUT Request

• درخواست حذف DELETE Request

• تمرین 24: راه حل - قسمت 1 - سرور Exercise 24 : SOLUTION - PART 1 - Server

• تمرین 24: راه حل - قسمت 2 - مشتری Exercise 24: SOLUTION - PART 2 - Client

Node.js: REST API و AJAX Node.js : REST API & AJAX

• قبل از شروع این بخش Before We Start This Section

• REST چیست؟ What Is REST?

• محتوای ثابت Static Content

• محتوای ثابت Static Content

• AJAX چیست؟ What Is AJAX?

• AJAX چیست؟ What Is AJAX?

• دریافت درخواست GET Request

• دریافت درخواست GET Request

• درخواست ارسال POST Request

• درخواست ارسال POST Request

• درخواست PUT PUT Request

• درخواست حذف DELETE Request

• تمرین 24: وظیفه Exercise 24: TASK

• تمرین 24: وظیفه Exercise 24: TASK

• تمرین 24: راه حل - قسمت 1 - سرور Exercise 24 : SOLUTION - PART 1 - Server

• تمرین 24: راه حل - قسمت 2 - مشتری Exercise 24: SOLUTION - PART 2 - Client

پروژه 9: بیایید سفر کنیم (پیشرفته) - جدید Project 9: Let's Travel (Advanced) - NEW

• ساختار پایه - قسمت 1 Basic Structure - Part 1

• صفحه مدیریت - قسمت 2 Admin Page - Part 2

• ایجاد پست - قسمت 1 Creating Posts - Part 1

• ایجاد پست - قسمت 2 Creating Posts - Part 2

• ایجاد پست - قسمت 4 Creating Posts - Part 4

• حذف پست ها - قسمت 1 Deleting Posts - Part 1

• به روز رسانی پست ها - قسمت 2 Updating Posts - Part 2

• به روز رسانی پست ها - قسمت 3 Updating Posts - Part 3

• ایمیل - قسمت 2 Emails - Part 2

• نقاط دیدنی - قسمت 1 Landmarks - Part 1

• نقشه ها - قسمت 2 Maps - Part 2

• بخش 2 - احراز هویت و مجوز Part 2 - Authentication & Authorization

• بخش 3 - احراز هویت و مجوز Part 3 - Authentication & Authorization

• بخش 6 - احراز هویت و مجوز Part 6 - Authentication & Authorization

• قسمت 7 - احراز هویت و مجوز Part 7 - Authentication & Authorization

• بخش 8 - احراز هویت و مجوز Part 8 - Authentication & Authorization

پروژه 9: بیایید سفر کنیم (پیشرفته) - جدید Project 9: Let's Travel (Advanced) - NEW

• معرفی Introduction

• معرفی Introduction

• ساختار پایه - قسمت 1 Basic Structure - Part 1

• ساختار پایه - قسمت 2 Basic Structure - Part 2

• ساختار پایه - قسمت 2 Basic Structure - Part 2

• صفحه مدیریت - قسمت 1 Admin Page - Part 1

• صفحه مدیریت - قسمت 1 Admin Page - Part 1

• صفحه مدیریت - قسمت 2 Admin Page - Part 2

• ایجاد DB و پست ها Creating the DB and Posts

• ایجاد DB و پست ها Creating the DB and Posts

• اتصال صفحه مدیریت به DB Connecting Admin Page to DB

• اتصال صفحه مدیریت به DB Connecting Admin Page to DB

• ایجاد پست - قسمت 1 Creating Posts - Part 1

• ایجاد پست - قسمت 2 Creating Posts - Part 2

• ایجاد پست - قسمت 3 Creating Posts - Part 3

• ایجاد پست - قسمت 3 Creating Posts - Part 3

• ایجاد پست - قسمت 4 Creating Posts - Part 4

• ایجاد پست - قسمت 5 Creating Posts - Part 5

• ایجاد پست - قسمت 5 Creating Posts - Part 5

• حذف پست ها - قسمت 1 Deleting Posts - Part 1

• حذف پست ها - قسمت 2 Deleting Posts - Part 2

• حذف پست ها - قسمت 2 Deleting Posts - Part 2

• به روز رسانی پست ها - قسمت 1 Updating Posts - Part 1

• به روز رسانی پست ها - قسمت 1 Updating Posts - Part 1

• به روز رسانی پست ها - قسمت 2 Updating Posts - Part 2

• به روز رسانی پست ها - قسمت 3 Updating Posts - Part 3

• پاسخ به تماس - قسمت 1 Callbacks - Part 1

• پاسخ به تماس - قسمت 1 Callbacks - Part 1

• پاسخ به تماس - قسمت 2 Callbacks - Part 2

• تماس های تلفنی - قسمت 2 Callbacks - Part 2

• ایمیل - قسمت 1 Emails - Part 1

• ایمیل - قسمت 1 Emails - Part 1

• ایمیل - قسمت 2 Emails - Part 2

• نقاط دیدنی - قسمت 1 Landmarks - Part 1

• نقاط دیدنی - قسمت 2 Landmarks - Part 2

• نقاط دیدنی - قسمت 2 Landmarks - Part 2

• نقشه ها - قسمت 1 Maps - Part 1

• نقشه ها - قسمت 1 Maps - Part 1

• نقشه ها - قسمت 2 Maps - Part 2

• بخش 1 - احراز هویت و مجوز Part 1 - Authentication & Authorization

• بخش 1 - احراز هویت و مجوز Part 1 - Authentication & Authorization

• بخش 2 - احراز هویت و مجوز Part 2 - Authentication & Authorization

• بخش 3 - احراز هویت و مجوز Part 3 - Authentication & Authorization

• بخش 4 - احراز هویت و مجوز Part 4 - Authentication & Authorization

• بخش 4 - احراز هویت و مجوز Part 4 - Authentication & Authorization

• بخش 5 - احراز هویت و مجوز Part 5 - Authentication & Authorization

• بخش 5 - احراز هویت و مجوز Part 5 - Authentication & Authorization

• بخش 6 - احراز هویت و مجوز Part 6 - Authentication & Authorization

• قسمت 7 - احراز هویت و مجوز Part 7 - Authentication & Authorization

• بخش 8 - احراز هویت و مجوز Part 8 - Authentication & Authorization

در حال استقرار Deploying

• استقرار یک نمونه MongoDB از طریق Mongo Atlas Deploying a MongoDB Instance Through Mongo Atlas

• در حال اعزام به هروکو Deploying to Heroku

در حال استقرار Deploying

• Let's Travel (پیشرفته) - استقرار در GitHub Let's Travel (Advanced) - Deploying to GitHub

• Let's Travel (پیشرفته) - استقرار در GitHub Let's Travel (Advanced) - Deploying to GitHub

• استقرار یک نمونه MongoDB از طریق Mongo Atlas Deploying a MongoDB Instance Through Mongo Atlas

• در حال اعزام به هروکو Deploying to Heroku

پروژه 9: بیایید سفر کنیم (پیشرفته) - آرشیو شده Project 9: Let's Travel (Advanced) - ARCHIVED

• لطفا این را بخوان!!! Please Read This!!!

• مقدمه پروژه "بیایید سفر کنیم (پیشرفته)" INTRO to the Project "Let's Travel (Advanced)"

• Let's Travel (پیشرفته) - قسمت 5 - اتصال صفحه مدیریت به پایگاه داده Let's Travel (Advanced) - Part 5 - Connecting the Admin Page to the Database

• بیایید سفر کنیم (پیشرفته) - قسمت 6 - ایجاد پست - قسمت 1 Let's Travel (Advanced) - Part 6 - Creating Posts - Part 1

• بیایید سفر کنیم (پیشرفته) - قسمت 7 - ایجاد پست - قسمت 2 Let's Travel (Advanced) - Part 7 - Creating Posts - Part 2

• بیایید سفر کنیم (پیشرفته) - قسمت 9 - ایجاد پست - قسمت 4 Let's Travel (Advanced) - Part 9 - Creating Posts - Part 4

• بیایید سفر کنیم (پیشرفته) - قسمت 11 - به روز رسانی پست ها Let's Travel (Advanced) - Part 11 - Updating Posts

• Let's Travel (پیشرفته) - قسمت 12 - درخواست پاسخ به تماس - قسمت 1 Let's Travel (Advanced) - Part 12 - Callback Requests - Part 1

• بیایید سفر کنیم (پیشرفته) - قسمت 14 - ایمیل Let's Travel (Advanced) - Part 14 - Emails

• بیایید سفر کنیم (پیشرفته) - قسمت 15 - صفحه شاخص - قسمت 1 Let's Travel (Advanced) - Part 15 - Landmark Page - Part 1

• بیایید سفر کنیم (پیشرفته) - قسمت 16 - صفحه شاخص - قسمت 2 Let's Travel (Advanced) - Part 16 - Landmark Page - Part 2

• بیایید سفر کنیم (پیشرفته) - قسمت 17 - صفحه شاخص - قسمت 3 - نقشه ها Let's Travel (Advanced) - Part 17 - Landmark Page - Part 3 - Maps

• Let's Travel (Advanced ) - Part 18 - Security and Authentication - Part 1 Let's Travel (Advanced ) - Part 18 - Security and Authentication - Part 1

• Let's Travel (Advanced) - Part 21 - Security and Authentication - Part 4 Let's Travel (Advanced) - Part 21 - Security and Authentication - Part 4

پروژه 9: بیایید سفر کنیم (پیشرفته) - آرشیو شده Project 9: Let's Travel (Advanced) - ARCHIVED

• لطفا این را بخوان!!! Please Read This!!!

• لطفا این را بخوان!!! Please Read This!!!

• مقدمه پروژه "بیایید سفر کنیم (پیشرفته)" INTRO to the Project "Let's Travel (Advanced)"

• بیایید سفر کنیم (پیشرفته) - قسمت 1 - ساختار پایه Let's Travel (Advanced) - Part 1 - Basic Structure

• بیایید سفر کنیم (پیشرفته) - قسمت 1 - ساختار پایه Let's Travel (Advanced) - Part 1 - Basic Structure

• Let's Travel (پیشرفته) - قسمت 2 - صفحه مدیریت - Front-end Let's Travel (Advanced) - Part 2 - Admin Page - Front-end

• Let's Travel (پیشرفته) - قسمت 2 - صفحه مدیریت - Front-end Let's Travel (Advanced) - Part 2 - Admin Page - Front-end

• Let's Travel (پیشرفته) - قسمت 3 - فهرست مقالات - Front-end Let's Travel (Advanced) - Part 3 - List of Articles - Front-end

• Let's Travel (پیشرفته) - قسمت 3 - فهرست مقالات - Front-end Let's Travel (Advanced) - Part 3 - List of Articles - Front-end

• Let's Travel (پیشرفته) - قسمت 4 - ایجاد پایگاه داده و مدل پست Let's Travel (Advanced) - Part 4 - Creating the Database and Post Model

• Let's Travel (پیشرفته) - قسمت 4 - ایجاد پایگاه داده و مدل پست Let's Travel (Advanced) - Part 4 - Creating the Database and Post Model

• Let's Travel (پیشرفته) - قسمت 5 - اتصال صفحه مدیریت به پایگاه داده Let's Travel (Advanced) - Part 5 - Connecting the Admin Page to the Database

• بیایید سفر کنیم (پیشرفته) - قسمت 6 - ایجاد پست - قسمت 1 Let's Travel (Advanced) - Part 6 - Creating Posts - Part 1

• بیایید سفر کنیم (پیشرفته) - قسمت 7 - ایجاد پست - قسمت 2 Let's Travel (Advanced) - Part 7 - Creating Posts - Part 2

• بیایید سفر کنیم (پیشرفته) - قسمت 8 - ایجاد پست - قسمت 3 Let's Travel (Advanced) - Part 8 - Creating Posts - Part 3

• بیایید سفر کنیم (پیشرفته) - قسمت 8 - ایجاد پست - قسمت 3 Let's Travel (Advanced) - Part 8 - Creating Posts - Part 3

• بیایید سفر کنیم (پیشرفته) - قسمت 9 - ایجاد پست - قسمت 4 Let's Travel (Advanced) - Part 9 - Creating Posts - Part 4

• بیایید سفر کنیم (پیشرفته) - قسمت 10 - حذف پست ها Let's Travel (Advanced) - Part 10 - Deleting Posts

• بیایید سفر کنیم (پیشرفته) - قسمت 10 - حذف پست ها Let's Travel (Advanced) - Part 10 - Deleting Posts

• بیایید سفر کنیم (پیشرفته) - قسمت 11 - به روز رسانی پست ها Let's Travel (Advanced) - Part 11 - Updating Posts

• Let's Travel (پیشرفته) - قسمت 12 - درخواست پاسخ به تماس - قسمت 1 Let's Travel (Advanced) - Part 12 - Callback Requests - Part 1

• Let's Travel (پیشرفته) - قسمت 13 - درخواست پاسخ به تماس - قسمت 2 Let's Travel (Advanced) - Part 13 - Callback Requests - Part 2

• Let's Travel (پیشرفته) - قسمت 13 - درخواست پاسخ به تماس - قسمت 2 Let's Travel (Advanced) - Part 13 - Callback Requests - Part 2

• بیایید سفر کنیم (پیشرفته) - قسمت 14 - ایمیل Let's Travel (Advanced) - Part 14 - Emails

• بیایید سفر کنیم (پیشرفته) - قسمت 15 - صفحه شاخص - قسمت 1 Let's Travel (Advanced) - Part 15 - Landmark Page - Part 1

• بیایید سفر کنیم (پیشرفته) - قسمت 16 - صفحه شاخص - قسمت 2 Let's Travel (Advanced) - Part 16 - Landmark Page - Part 2

• بیایید سفر کنیم (پیشرفته) - قسمت 17 - صفحه شاخص - قسمت 3 - نقشه ها Let's Travel (Advanced) - Part 17 - Landmark Page - Part 3 - Maps

• Let's Travel (Advanced ) - Part 18 - Security and Authentication - Part 1 Let's Travel (Advanced ) - Part 18 - Security and Authentication - Part 1

• Let's Travel (پیشرفته) - قسمت 19 - امنیت و احراز هویت - قسمت 2 Let's Travel (Advanced) - Part 19 - Security and Authentication - Part 2

• Let's Travel (پیشرفته) - قسمت 19 - امنیت و احراز هویت - قسمت 2 Let's Travel (Advanced) - Part 19 - Security and Authentication - Part 2

• Let's Travel (پیشرفته) - قسمت 20 - امنیت و احراز هویت - قسمت 3 Let's Travel (Advanced) - Part 20 - Security and Authentication - Part 3

• Let's Travel (پیشرفته) - قسمت 20 - امنیت و احراز هویت - قسمت 3 Let's Travel (Advanced) - Part 20 - Security and Authentication - Part 3

• Let's Travel (Advanced) - Part 21 - Security and Authentication - Part 4 Let's Travel (Advanced) - Part 21 - Security and Authentication - Part 4

بوت استرپ 4 - آرشیو شده Bootstrap 4 - ARCHIVED

• لطفا این را بخوان!!! Please Read This!!!

• بوت استرپ چیست؟ What Is Bootstrap?

• پیچیدن ستون Column Wrapping

• ستون های تو در تو Nested Columns

• کول فلکس Col-flex

• نوارهای ناوبری Navbars

• تشکیل می دهد Forms

• چرخ فلک (لغزنده) Carousel (Slider)

• ویندوز مدال Modal Windows

بوت استرپ 4 - آرشیو شده Bootstrap 4 - ARCHIVED

• لطفا این را بخوان!!! Please Read This!!!

• بوت استرپ چیست؟ What Is Bootstrap?

• افزودن بوت استرپ به پروژه Adding Bootstrap to a Project

• افزودن بوت استرپ به پروژه Adding Bootstrap to a Project

• سیستم شبکه The Grid System

• سیستم شبکه The Grid System

• ظرف و کانتینر مایع Container & Container-fluid

• ظرف و کانتینر مایع Container & Container-fluid

• پیچیدن ستون Column Wrapping

• پیچیدن ستون Column Wrapping

• پیچیدن ستون Column Wrapping

• انحراف Offset

• انحراف Offset

• ستون های تو در تو Nested Columns

• ستون های تو در تو Nested Columns

• ستون های تو در تو Nested Columns

• کول فلکس Col-flex

• کول فلکس Col-flex

• نوارهای ناوبری Navbars

• نوارهای ناوبری Navbars

• نوارهای ناوبری Navbars

• تشکیل می دهد Forms

• تشکیل می دهد Forms

• تشکیل می دهد Forms

• چرخ فلک (لغزنده) Carousel (Slider)

• چرخ فلک (لغزنده) Carousel (Slider)

• چرخ فلک (لغزنده) Carousel (Slider)

• ویندوز مدال Modal Windows

• ویندوز مدال Modal Windows

• ویندوز مدال Modal Windows

پروژه 3: بیایید سفر کنیم (بوت استرپ 4) - آرشیو شده Project 3: Let's Travel (Bootstrap 4) - ARCHIVED

• لطفا این را بخوان Please Read This

پروژه 3: بیایید سفر کنیم (بوت استرپ 4) - آرشیو شده Project 3: Let's Travel (Bootstrap 4) - ARCHIVED

• لطفا این را بخوان Please Read This

• پروژه بیایید سفر کنیم Let's Travel Project

• پروژه بیایید سفر کنیم Let's Travel Project

مهم IMPORTANT

• سخنرانی پاداش Bonus Lecture

مهم IMPORTANT

• سخنرانی پاداش Bonus Lecture