آموزش توسعه فول استک وب با MERN STACK و GenAI 2025 - آخرین آپدیت

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

به روز رسانی دوره Changelog | باید خواند شود !!! COURSE UPDATE Changelog | MUST READ !!!

• به روز رسانی دوره تغییرات سیاهههای مربوط Course UPDATE Change-logs

• به انجمن ما بپیوندید Join Our Community

نحوه شروع این دوره | مهم باید بخوانید!!! HOW TO START THIS COURSE | IMPORTANT MUST READ!!!

• نحوه شروع این دوره How to start this course

هوش مصنوعی مولد (GenAI) برای توسعه‌دهندگان GENERATIVE AI (GenAI) FOR DEVELOPERS

• به دوره خوش آمدید Welcome To The Course

• نقشه راه دوره Course Roadmap

• هوش مصنوعی مولد (GenAI) چیست؟ What's Generative AI (GenAI)

• هوش مصنوعی در حال تصاحب مشاغل برنامه‌نویسان است AI is Taking Programmers Jobs

• ابزارهای محبوب هوش مصنوعی برای برنامه‌نویسان Popular AI Tools For Programmers

• چگونه از هوش مصنوعی برای یادگیری برای توسعه‌دهندگان استفاده کنیم How To Use AI To Learn For Developers

• مهندسی Prompt چیست؟ What is Prompt Engineering

• Promptها برای یادگیری کدنویسی Prompts For Learning To Code

• تمرین Prompting هوش مصنوعی AI Prompting Practice

• Prompting عمومی برای توسعه‌دهندگان General Purpose Prompting For Developers

• اسلایدهای دوره و دانلود رایگان چک‌لیست Prompt هوش مصنوعی Course Slides and AI Prompting CheatSheet Free Download

• آزمون Prompting هوش مصنوعی AI Prompting Quiz

پیش نمایش زنده همه پروژه ها ساخته خواهند شد LIVE PREVIEW ALL PROJECTS WILL BE BUILDING

• پیش نمایش همه پروژه ها ساخته خواهند شد Preview All Projects Will Be Building

مشاهده تمام پروژه ها ساخته خواهد شد VIEW ALL PROJECTS WILL BE BUILDING

• لیست پروژه هایی که خواهیم ساخت List of Projects we will be building

هشدار و اعلام به‌روزرسانی‌های آینده ۲۰۲۵ || لطفاً حتماً بخوانید 2025 UPCOMING UPDATES ALERT & ANNOUNCEMENT || PLEASE MUST READ

• لطفاً حتماً بخوانید!!! PLEASE MUST READ !!!

• لیست پروژه‌هایی که خواهیم ساخت List of Projects we will be building

• به انجمن بپیوندید Join the Community

• دانلود تمام اسلایدهای دوره Download All Course Slides

• دانلود تمام فایل‌های کد منبع برای کل دوره Download all source code files for the entire course

شروع کار با توسعه وب GETTING STARTED WITH WEB DEVELOPMENT

• بخش مقدمه Section Introduction

• توسعه وب چیست؟ What Is Web Development

• معرفی دوره Introducing The Course

• مروری بر توسعه وب Overview of Web Development

• توسعه وب Full Stack چیست؟ What is Full Stack Web Development

• مسیرهای شغلی Career Paths

• آزمون مسیرهای شغلی Career Paths QUIZ

• اینترنت چگونه کار می‌کند؟ How Does The internet Works

• Full-stack Development چیست؟ What is Full-stack Development

• مسیرهای شغلی – آزمون Career Paths QUIZ

• نقشه راه توسعه Frontend Frontend Development Roadmap

• توسعه پشته MERN چیست؟ What's MERN Stack Development?

• نقشه راه توسعه Backend Backend Development Roadmap

• چرا از پشته MERN استفاده کنیم؟ Why use the MERN stack?

• شناخت خود Knowing Yourself

• نتایج بالقوه شغلی Potential Career Outcomes

• چگونه از این دوره بیشترین بهره را ببرید How To Get Most Out Of This Course

• سایر مسیرهای شغلی Other Career Paths

• چه مدت طول می کشد تا توسعه دهنده وب شوید؟ How Long Will It Take To Become Web Developer

• دانش پیشینه مورد نیاز Required Background Knowledge

• اینترنت چگونه کار می کند How Internet works

• چگونه اینترنت از نظر فنی کار می کند How Internet Works Technically

• چگونه اینترنت در درک Layman کار می کند How Internet Works In Layman's Understanding

به انجمن بپیوندید JOIN THE COMMUNITY

• به انجمن بپیوندید Join the Community

چالش های پروژه های توسعه وب WEB DEVELOPMENT PROJECTS CHALLENGES

• چالش 1: ساخت یک وب سایت رویداد واکنش گرا Challenge 1: Building a Responsive Event Website

به روز رسانی و اطلاعیه دوره | مهم !!! COURSE UPDATE & ANNOUNCEMENT | IMPORTANT !!!

• به روز رسانی دوره تغییرات سیاهههای مربوط Course UPDATE Change-logs

• دانلود تمام اسلایدهای دوره Download All Course Slides

• به انجمن ما بپیوندید Join Our Community

• دانلود تمام فایل های کد منبع برای کل دوره Download all source code files for the entire course

تسلط بر HTML || زبان نشانه‌گذاری ابرمتن MASTERING HTML || HYPERTEXT MARKUP LANGUAGE

• نقش‌های HTML و تاریخچه مختصر HTML Roles & Brief History

• کد منبع کامل و کتاب الکترونیکی Complete Source Code and E-Book

• اجزای برنامه App Components

• رابطه HTML – CSS – JS HTML - CSS- JS -Relationships

• دانلود فایل‌های PDF دوره Download Course PDF Files

• راه‌اندازی محیط Setting Up The Environment

• اولین وب‌سایت من My First Website

• تگ‌ها و سینتکس HTML HTML Tags and Syntax

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

• تگ‌های رایج HTML Common HTML Tags

• تگ‌های رایج HTML Common HTML Tags

• تگ‌های قالب‌بندی متن Text Formatting Tags

• عناصر درون‌خطی در مقابل بلوکی Inline VS Block Level Elements

• فرم‌های HTML HTML Forms

• ۱۳. جداول در HTML 13.Tables in HTML

• ۱۴. قوانین HTML 14.HTML Rules

• رسانه HTML | ویدئو، MP3 و ویدئوهای یوتیوب HTML Media | Video, MP3 and Youtube Videos

• ۱۷. ایموجی‌ها و موجودیت‌های HTML 17.Emojis and HTML Entities

• ناوبری داخلی و خارجی Internal and External Navigation

• Favicon و آیکون‌ها Favicon and Icons

• دانلود – ایمیل و تماس تلفنی Download-Email and Phone Call

• سفارشی‌سازی VS-CODE Customising VS-CODE

• استقرار توضیح داده شده Deployment Explained

• استقرار وب‌سایت HTML Deploying HTML Website

• پروژه تمرینی: وب‌سایت نمونه کار | فقط HTML Practice Project: Portfolio Website | HTML ONLY

• تمرین: وب‌سایت HTML خود را با Prompt هوش مصنوعی ما ایجاد کنید! Practice: Create Your HTML Website with Our AI Prompt!

• مواد مرجع Reference materials

• تمرین کدنویسی ساختار HTML HTML Structure Coding Exercise

• کاوش در دنیای تگ‌های HTML Exploring the World of HTML Tags

• زمان آزمون: اصول اولیه HTML QUIZ TIME: HTML Fundamentals

• تمرین کدنویسی تگ‌های HTML HTML Tags Coding Exercise

• کاوش تگ‌های اولیه HTML Exploring Basic HTML Tags

• تمرین ناوبری داخلی و خارجی Internal and External Navigation Practice

• دانش خود را در HTML آزمایش کنید Test Your Knowledge in HTML

مبانی HTML->> به روز شده HTML BASICS->>UPDATED

• دانلود فایل PDF دوره Download Course PDF Files

• نقش HTML/CSS و جاوا اسکریپت در توسعه وب Role Of HTML/CSS And JavaScript In Web Development

• معنی و تاریخچه HTML Meaning And History Of HTML

• تنظیم محیط Setting Up The Environment

• کاوش ویرایشگر متن (VSCODE) Exploring Text Editor (VSCODE)

• اولین وب سایت من My First Website

• نحو HTML HTML Syntax

• عناصر، اسناد و ویژگی های HTML توضیح داده شده است HTML Elements, Documents and Attributes Explained

• ساختار HTML HTML Structure

• تمرین کدنویسی ساختار HTML HTML Structure Coding Exercise

• سفارشی کردن VS-CODE Customising VS-CODE

• نظرات HTML HTML Comments

• تگ های عنوان HTML HTML Heading Tags

• تگ HTML Div HTML Div Tag

• برچسب های لیست HTML HTML List Tags

• تگ لینک HTML HTML Link Tag

• برچسب پیوند برای دانلود فایل ها، باز کردن برنامه های ایمیل و تلفن Link Tag to Download Files, Open Email and Phone apps

• برچسب های خود بسته شدن Self Closing Tags

• تمرین کدنویسی برچسب های HTML HTML Tags Coding Exercise

• برچسب های تصویر و تصویر Image and Picture Tags

• قوانین HTML HTML Rules

• برچسب های قالب بندی متن HTML HTML Text Formatting Tags

• راه های استفاده از ایموجی ها Ways Of Using EMOJIS

• نسخه ی نمایشی HTML EMOJIS HTML EMOJIS Demo

• موجودیت های HTML HTML Entities

• پیمایش های HTML توضیح داده شد HTML Navigations Explained

• افزونه های اضافی VSCODE Additional VSCODE Extensions

• راه اندازی پروژه نمایشی ناوبری HTML HTML Navigation Demo Project Setup

• پیمایش داخلی HTML HTML Internal Navigation

• HTML Anchor Navigation HTML Anchor Navigation

• استقرار توضیح داده شده است Deployment Explained

• استقرار وب سایت HTML Deploying HTML Website

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

• نحوه استفاده از نمادهای مبتنی بر فونت (FontAwesome) How To Use Font Based Icons (FontAwesome)

• نحوه استفاده از SVG (گرافیک برداری مقیاس پذیر) How To Use SVG (Scalable Vector Graphic)

• نحوه استفاده از FAVICONS How To Use FAVICONS

تسلط بر اصول CSS MASTERING CSS BASICS

• درک کامل معنای CSS به تفصیل Understanding Full Meaning Of CSS in Details

• تاریخچه مختصر CSS CSS Brief History

• سینتکس CSS و روش درون‌خطی CSS Syntax and Inline Method

• روش CSS داخلی Internal CSS Method

• روش CSS خارجی External CSS Method

• معرفی MDN | مستندات رسمی وب Introducing MDN | The Official Documentation For The Web

HTML پیشرفته: جداول>>به روز شده HTML ADVANCED:TABLES >>UPDATED

• جدول توضیح داده شده Table Explained

• نسخه ی نمایشی جدول اصلی HTML Basic HTML Table Demo

• استایل بندی جدول پایه HTML Styling Basic HTML Table

• چالش کدنویسی جدول پایه HTML HTML Basic Table Coding Challenge

• جدول HTML پیشرفته Advanced HTML Table

• سبک پایه: جدول HTML پیشرفته Basic Styling: Advanced HTML Table

• جداول تو در تو HTML HTML Nested Tables

• استایل پایه: جداول HTML تو در تو Basic Styling: Nested HTML Tables

مبانی HTML HTML BASICS

• دانلود فایل PDF دوره Download Course PDF Files

• نقش HTML/CSS و جاوا اسکریپت در توسعه وب Role Of HTML/CSS And JavaScript In Web Development

• معنی و تاریخچه HTML Meaning And History Of HTML

• راه اندازی محیط Setting Up The Environment

• کاوش ویرایشگر متن (VSCODE) Exploring Text Editor (VSCODE)

• اولین وب سایت من My First Website

• نحو HTML HTML Syntax

• عناصر، اسناد و ویژگی های HTML توضیح داده شده است HTML Elements, Documents and Attributes Explained

• ساختار HTML HTML Structure

• تمرین کدنویسی ساختار HTML HTML Structure Coding Exercise

• سفارشی کردن VS-CODE Customising VS-CODE

• نظرات HTML HTML Comments

• تگ های عنوان HTML HTML Heading Tags

• تگ HTML Div HTML Div Tag

• برچسب های لیست HTML HTML List Tags

• تگ لینک HTML HTML Link Tag

• برچسب پیوند برای دانلود فایل ها، باز کردن برنامه های ایمیل و تلفن Link Tag to Download Files, Open Email and Phone apps

• برچسب های خود بسته شدن Self Closing Tags

• تمرین کدنویسی برچسب های HTML HTML Tags Coding Exercise

• برچسب های تصویر و تصویر Image and Picture Tags

• قوانین HTML HTML Rules

• برچسب های قالب بندی متن HTML HTML Text Formatting Tags

• راه های استفاده از Emojis Ways Of Using EMOJIS

• نسخه ی نمایشی HTML EMOJIS HTML EMOJIS Demo

• موجودیت های HTML HTML Entities

• پیمایش های HTML توضیح داده شد HTML Navigations Explained

• افزونه های اضافی VSCODE Additional VSCODE Extensions

• راه اندازی پروژه نمایشی ناوبری HTML HTML Navigation Demo Project Setup

• پیمایش داخلی HTML HTML Internal Navigation

• HTML Anchor Navigation HTML Anchor Navigation

• استقرار توضیح داده شده است Deployment Explained

• استقرار وب سایت HTML Deploying HTML Website

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

• نحوه استفاده از نمادهای مبتنی بر فونت (FontAwesome) How To Use Font Based Icons (FontAwesome)

• نحوه استفاده از SVG (گرافیک برداری مقیاس پذیر) How To Use SVG (Scalable Vector Graphic)

• نحوه استفاده از FAVICONS How To Use FAVICONS

• کاوش تگ های پایه HTML Exploring Basic HTML Tags

• دانش خود را در HTML تست کنید Test Your Knowledge in HTML

• کاوش در دنیای تگ های HTML Exploring the World of HTML Tags

تسلط بر CSS || انتخابگرها و مدل جعبه MASTERING CSS || SELECTORS & BOX MODEL

• انتخابگر CSS | انتخابگرهای جهانی، شناسه و کلاس CSS Selector | Universal, ID and Class Selectors

• استایل‌دهی با انتخابگرهای جهانی، شناسه و کلاس Styling with Universal, ID, and Class Selectors

• تمرین انتخابگر شناسه CSS CSS ID Selector Practice

• انتخابگر CSS | انتخابگرهای گروهی و نوع-ویژگی CSS Selector | Group And Type-Attribute Selectors

• تمرین انتخابگرهای گروهی و نوع-ویژگی CSS CSS Group and Type-Attribute Selectors Practice

• انتخابگر CSS | انتخابگر فرزند CSS Selector | Descendant Selector

• استایل‌دهی با انتخابگرهای فرزند Styling with Descendant Selectors

• استایل‌دهی به یک صفحه وب Styling a Web Page

• ویژگی خاص CSS CSS Specificity

• تمرین ویژگی خاص CSS CSS Specificity Practice

• پروژه تمرینی انتخابگرهای CSS CSS Selector Practice Project

• مدل جعبه CSS CSS Box Model

• تمرین مدل جعبه Box Model Practice

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

• بهبود صفحه وب با انتخابگرهای پیشرفته CSS Enhancing a Web Page with Advanced CSS Selectors

HTML پیشرفته: فرم ها>> به روز شده HTML ADVANCED: FORMS >>UPDATED

• فرم اصلی HTML Basic HTML Form

• ویژگی های فرم Form Attributes

• انواع ورودی فرم Form Input Types

• انتخاب چندگانه و تک Multiple And Single Select

• HTML FieldSet HTML FieldSet

• HTML OptionGroups HTML OptionGroups

• HTML DataList HTML DataList

• تمرین کدگذاری فرم های HTML HTML Forms Coding Exercise

HTML پیشرفته: جداول HTML ADVANCED:TABLES

• جدول توضیح داده شده Table Explained

• نسخه ی نمایشی جدول اصلی HTML Basic HTML Table Demo

• استایل بندی جدول پایه HTML Styling Basic HTML Table

• چالش کدنویسی جدول پایه HTML HTML Basic Table Coding Challenge

• جدول HTML پیشرفته Advanced HTML Table

• سبک پایه: جدول HTML پیشرفته Basic Styling: Advanced HTML Table

• جداول تو در تو HTML HTML Nested Tables

• استایل پایه: جداول HTML تو در تو Basic Styling: Nested HTML Tables

• مبانی جداول HTML Basics of HTML Tables

موقعیت‌دهی CSS و Flexbox CSS POSITIOING & FLEXBOX

• موقعیت‌دهی ایستا و مطلق توضیح داده شده Static and Absolute Positioning Explained

• موقعیت‌دهی مطلق و ایستا Absolute and Static Positioning

• موقعیت‌دهی نسبی Relative Positioning

• موقعیت‌دهی ثابت Fixed Positioning

• موقعیت‌دهی چسبنده Sticky Positioning

• Flexbox توضیح داده شده Flexbox Explained

• دموی Flexbox Flexbox Demo

• پروژه: کارت پروفایل با استفاده از Flexbox Project: Profile Card using Flexbox

• پروژه: طراحی کارت محصول Project: Design Product Card

• پروژه: ساخت یک صفحه فرود Project: Build a Landing Page

• فضای بازی Flexbox Flexbox Playground

HTML پیشرفته: HTML 5>>به روز شده HTML ADVANCED: HTML 5 >>UPDATED

• نمای کلی HTML5 HTML5 Overview

• HTML4 در مقابل HTML5 HTML4 VS HTML5

• عناصر منسوخ شده Deprecated Elements

• HTML5 معنایی توضیح داده شد HTML5 Semantic Explained

• نسخه ی نمایشی دقیق HTML 5 HTML 5 Detailed DEMO

HTML پیشرفته: فرم ها HTML ADVANCED: FORMS

• فرم اصلی HTML Basic HTML Form

• ویژگی های فرم Form Attributes

• انواع ورودی فرم Form Input Types

• انتخاب چندگانه و تک Multiple And Single Select

• HTML FieldSet HTML FieldSet

• HTML OptionGroups HTML OptionGroups

• HTML DataList HTML DataList

• تمرین کدگذاری فرم های HTML HTML Forms Coding Exercise

• فرم تعاملی HTML5 Interactive HTML5 Form

طراحی واکنش‌گرا RESPONSIVE DESIGN

• درک مفهوم طراحی وب واکنش‌گرا (RWD) Understanding Responsive Web Design (RWD) Concept

• اول موبایل در مقابل رویکرد اول دسکتاپ Mobile First vs Desktop First approach

• Viewport و مقیاس اولیه Viewport and Initial Scale

• مقدمه‌ای بر Media Queries Introduction to Media Queries

• نقاط شکست Media Query Media Query Breakpoints

• اول موبایل با استفاده از Media Queries بر اساس عرض Mobile-First using Media Queries with Width

• اول دسکتاپ با استفاده از عرض Desktop-First Using Width

• Media Queries با استفاده از صفحه Media Queries using Screen

• Media Queries جهت‌گیری Orientation Media Queries

مبانی CSS | مفاهیم CSS CSS BASICS | CSS CONCEPTS

• CSS چیست؟ What is CSS ?

• نحو CSS CSS Syntax

• اولین کد CSS من My first CSS code

• ابزار توسعه دهنده CSS CSS Developer tool

• بازنشانی سبک پیش فرض مرورگر Reset Browser Default Style

• سبک هر وب سایتی را هک کنید؟ HACK any website Style ?

• انواع CSS قسمت 1 Types of CSS Part 1

• انواع CSS قسمت 2 Types of CSS Part 2

• آزمون مفاهیم CSS CSS Concepts QUIZ

HTML پیشرفته: HTML 5 HTML ADVANCED: HTML 5

• نمای کلی HTML5 HTML5 Overview

• HTML4 در مقابل HTML5 HTML4 VS HTML5

• عناصر منسوخ شده Deprecated Elements

• HTML5 معنایی توضیح داده شد HTML5 Semantic Explained

• نسخه ی نمایشی دقیق HTML 5 HTML 5 Detailed DEMO

درک Bootstrap 5 UNDERSTANDING BOOTSTRAP 5

• مرور کلی Bootstrap Bootstrap Overview

• نحوه نصب Bootstrap در HTML How to Install Bootstrap in HTML

• نحوه نصب Bootstrap در ReactJS How to install Bootstrap in ReactJS

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

• رنگ‌های Bootstrap Bootstrap Colors

• ابزارها Utilities

• ابزارهای عرض و ارتفاع Width and height Utilities

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

• جداول Bootstrap Bootstrap Tables

• فرم‌ها و دکمه‌های Bootstrap Bootstrap Forms and Buttons

• نقاط شکست و کانتینرها Breakpoints and Containers

• سیستم گرید با استفاده از ردیف‌ها و ستون‌ها Grid System Using Rows and Columns

• سیستم گرید با نقاط شکست Grid System With Breakpoints

• پروژه: ساخت و استقرار وب‌سایت مدرن فرود Bootstrap PROJECT: Build and Deploy Bootstrap Modern Landing Website

CSS ADVANCED | مدل جعبه، رنگ و انتخابگر CSS ADVANCED | BOX MODEL, COLORS & SELECTORS

• مدل جعبه چیست؟ What is Box Model?

• عرض ارتفاع Width & Height

• مرزهای CSS CSS Borders

• ویژگی های padding Padding Properties

• ویژگی های حاشیه Margin Properties

• انتخابگر CSS توضیح داده شد CSS selector Explained

• انتخابگر عنصر Element Selector

• انتخابگر کلاس Class Selector

• انتخابگر شناسه ID Selector

• انتخاب کننده نسل Descendant Selector

• انتخاب کننده کودک Child Selector

• انتخابگر خواهر و برادر مجاور Adjacent Sibling Selector

• انتخابگر خواهر و برادر عمومی General Sibling Selector

• VSCODE سفارشی Customised VSCODE

• کلاس های شبه ورودی Input Pseudo Classes

• کلاس های شبه اقدام کاربر User Action Pseudo Classes

• مکان کلاس های شبه Location Pseudo Classes

• عناصر شبه Pseudo Elements

• آزمون انتخابگر CSS CSS Selector Quiz

• ویژگی CSS CSS Specificity

• رنگ‌های CSS (HEX) CSS Colors (HEX)

• رنگ های CSS (RGB) CSS Colors (RGB)

• رنگ‌های CSS (RGBA) CSS Colors (RGBA)

• واحدهای CSS CSS Units

مبانی CSS: شروع به کار CSS BASICS: GETTING STARTED

• بخش مقدمه Section Introduction

• راهنمای PDF این بخش را دانلود کنید Download PDF Guide for this Section

• اهداف یادگیری Learning Objectives

• تاریخچه مختصر CSS Brief History Of CSS

• رابطه بین HTML-CSS-JS The Relationship Between HTML-CSS-JS

• اهمیت CSS Importance Of CSS

• درک پیش فرض پیش فرض مرورگر Understanding Default Browser Default

• CSS چگونه کار می کند How CSS Works

• چگونه مرورگرها CSS را رندر می کنند How Browsers Renders CSS

• نحو CSS CSS Syntax

• راه های گنجاندن CSS به HTML Ways of including CSS to HTML

• سفارشی کردن VSCODE - اختیاری Customise VSCODE - OPTIONAL

• پیوند دادن CSS با استفاده از روش Inline Linking CSS Using Inline Method

• پیوند دادن CSS با استفاده از روش داخلی Linking CSS using Internal Method

• پیوند دادن CSS با استفاده از روش خارجی Linking CSS Using External Method

شروع کار با جاوا اسکریپت GETTING STARTED WITH JAVASCRIPT

• راه‌های پیوند دادن جاوا اسکریپت به HTML Ways Of Linking Javascript to HTML

• آزمون QUIZ

• اعلان و توضیح متغیر Variable Declaration & Explanation

• انواع داده اولیه Primitive Data Types

• انواع داده غیر اولیه Non-Primitive Data Types

• تفاوت کلیدواژه‌های Let, Var و Const Let,Var & Const keywords Differences

• متدهای اعداد Number methods

• عملگرهای حسابی Arithmetic Operators

• تمرین: مطالعه موردی هزینه‌ها PRACTICE: Case Study on Expenses

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

• کار با رشته‌ها Working With Strings

• راهنمای PDF دانلود Download PDF Guide

CSS ADVANCED: عناصر موقعیت یابی CSS ADVANCED: POSITIONING ELEMENTS

• نسخه ی نمایشی پروژه Project Demo

• موقعیت یابی استاتیک Static Positioning

• CSS Positioning چیست؟ What is CSS Positioning?

• عناصر سطح درون خطی در مقابل بلوک Inline vs Block level Elements

• موقعیت یابی نسبی Relative Positioning

• موقعیت یابی چسبنده Sticky Positioning

• موقعیت یابی مطلق Absolute Positioning

• موقعیت یابی ثابت Fixed Positioning

• پروژه موقعیت یابی CSS: باید خوانده شود CSS Positioning Project: Must Read

• پروژه موقعیت یابی CSS CSS Positioning Project

• تمرین کدگذاری موقعیت یابی CSS CSS Positioning Coding Exercise

درک مدل CSS BOX UNDERSTANDING CSS BOX MODEL

• بخش مقدمه Section Introduction

• اهداف یادگیری Learning Objectives

• توضیح مدل جعبه Box Model Explanation

• اجزای مدل جعبه Box Model Components

• ویژگی عرض و ارتفاع Width and Height Property

• استفاده از پد Padding Usage

• املاک مرزی Border Property

• دارایی حاشیه Margin Property

• درک منطقه محتوای مدل جعبه Understanding Content Area of box Model

• کد نمایشی منطقه محتوا Content Area Demo Code

• عناصر درون خطی در مقابل بلوک توضیح داده شده است Inline vs Block Elements Explained

• رفتار CSS در عناصر درون خطی و بلوک Behaviour of CSS on Inline and Block Elements

جاوا اسکریپت پیشرفته | تسلط بر توابع ADVANCED JAVASCRIPT | MASTERING FUNCTIONS

• راهنمای PDF دانلود Download PDF Guide

• توابع چیستند؟ What are functions

• اعلان تابع Function Declaration

• پارامتر و آرگومان تابع Function Parameter and Arguments

• کلمه کلیدی بازگشت تابع Function Return keyword

• عبارت تابع Function Expression

• توابع فلش (Arrow Functions) Arrow Functions

• پارامترها در مقابل آرگومان‌ها Parameters vs Argument

• تابع ناشناس (IIF) Anonymous function (IIF)

• پارامترهای پیش‌فرض Default Parameters

• چالش کدنویسی | ساخت یک ماشین حساب ساده Coding Challenge | Build A Simple Calculator

• چالش کدنویسی | ساخت یک ابزار کاراکتر Coding Challenge | Build A Character Tool

• چالش کدنویسی | ساخت یک قالب‌بندی رشته Coding Challenge | Build A String Formatter

• چالش کدنویسی | ساخت یک ماشین حساب BMI Coding Challenge | Build A BMI Calculator

• چالش کدنویسی | ساخت یک سیستم نمره‌دهی دانش‌آموز Coding Challenge | Build A Student Grading System

• پروژه: ساخت تغییر دهنده رنگ پویا PROJECT: Build Dynamic color changer

• پروژه | ساخت پخش کننده موسیقی (Sound Board) PROJECT | Build Music Player (Sound Board)

• پروژه: ساخت پروژه شمارنده PROJECT: Build Counter Project

• آزمون QUIZ

CSS ADVANCED: FLEXBOX و طراحی پاسخگو CSS ADVANCED: FLEXBOX & RESPONSIVE DESIGN

• نسخه نمایشی پروژه Flexbox و طراحی واکنشگرا Flexbox and Responsive Design Project Demo

• پیش نمایش نهایی پروژه Final Project Preview

• کانتینر فلکس Flex Container

• جهت فلکس Flex Direction

• محور اصلی VS متقاطع Main VS Cross Axis

• تجسم محور اصلی در مقابل متقاطع Main VS Cross Axis Visualisation

• مطالب را توجیه کنید Justify Content

• تراز کردن موارد Align Items

• فلکس گرو Flex Grow

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

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

• زمین بازی فلکس باکس Flexbox Playground

• پروژه طراحی ریسپانسیو: طراحی ریسپانسیو چیست؟ Responsive Design Project: What is Responsive design?

• پروژه طراحی پاسخگو: نقشه راه طراحی پاسخگو Responsive Design Project: Responsive design Roadmap

• پروژه طراحی پاسخگو: Media Query چیست Responsive Design Project: What is Media Query

• پروژه طراحی پاسخگو: فقط سربرگ HTML Responsive Design Project: Header HTML Only

• پروژه طراحی ریسپانسیو: هدر CSS Responsive Design Project: Header CSS

• پروژه طراحی پاسخگو: فقط نوار HTML Responsive Design Project: Navbar HTML Only

• پروژه طراحی واکنشگرا: Navbar CSS Responsive Design Project: Navbar CSS

• پروژه طراحی پاسخگو: Navbar Media Query Responsive Design Project: Navbar Media Query

• پروژه طراحی پاسخگو: فقط طرح بندی HTML Responsive Design Project: Layout HTML Only

• پروژه طراحی واکنشگرا: Layout CSS Responsive Design Project: Layout CSS

• پروژه طراحی پاسخگو: پرسش رسانه طرح بندی Responsive Design Project: Layout Media Query

• پروژه طراحی پاسخگو: فقط HTML پاورقی Responsive Design Project: Footer HTML Only

• پروژه طراحی واکنشگرا: Footer CSS Responsive Design Project: Footer CSS

CSS ADVANCED: SELECTORS CSS ADVANCED: SELECTORS

• معرفی بخش Introducing The Section

• بررسی اجمالی انتخابگرهای CSS CSS Selectors Overview

• انتخابگرهای نوع Type Selectors

• انتخابگر کلاس Class Selector

• انتخابگر شناسه ID Selector

• انتخاب کننده نسل Descendant Selector

• انتخابگر ترکیب کننده کودک Child Combinator Selector

• انتخابگر مجاور Adjacent Selector

• انتخابگر خواهر و برادر عمومی General Sibling Selector

• لینک انتخابگر کلاس های شبه Link Pseudo Classes Selector

• اقدام کاربر انتخابگر شبه کلاس User action Pseudo-class Selector

• انتخابگر کلاس شبه کودک Child Pseudo Class Selector

• انتخابگر کلاس شبه را تایپ کنید Type Pseudo Class Selector

• انتخابگر درج محتوا Content insertion Selector

• انتخابگر شبه عنصر تایپی Typographical Pseudo element Selector

• انتخاب قطعه با استفاده از انتخابگر انتخاب Fragment Selection using selection Selector

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

• تسلط بر انتخابگرهای CSS: یک چالش جامع Mastering CSS Selectors: A Comprehensive Challenge

• تسلط بر تمرین انتخابگرهای CSS Mastering CSS Selectors Exercise

• طراحی یک صفحه فرود شرکت با انتخابگرهای CSS Styling a Company Landing Page with CSS Selectors

• چالش انتخابگر CSS پیشرفته: استایل دادن به صفحه وبلاگ Advanced CSS Selector Challenge: Styling a Blog Page

• چالش انتخابگر CSS پیشرفته - طراحی یک کارت نمایه کاربر پیچیده Advanced CSS Selector Challenge - Styling a Complex User Profile Card

• بهبود یک صفحه وب با انتخابگرهای پیشرفته CSS Enhancing a Web Page with Advanced CSS Selectors

جاوا اسکریپت پیشرفته | DOM - انتخاب عناصر ADVANCED JAVASCRIPT | DOM - SELECTING ELEMENTS

• معرفی بخش Introducing the Section

• درخت DOM چیست؟ What is DOM Tree

• آناتومی یک صفحه وب پایه Anatomy of a basic web page

• بازرسی DOM زنده Inspecting The DOM Live

• گره‌های عنصر Element Nodes

• شیء Window The Window Object

• استفاده از getElementById Using getElementById

• استفاده از getElementsByClassName Using getElementsByClassName

• استفاده از querySelector Using querySelector

• استفاده از QuerySelectorAll Using QuerySelectorAll

• گره‌های فرزند در مقابل فرزندان Child vs Children Nodes

• استفاده از getElementByName Using getElementByName

• دسترسی به عناصر والد و فرزند Accessing parent and child elements

• استفاده از Data Attributes Using Data Attributes

• پروژه تمرینی: اضافه کننده اعداد Practice Project: Number Adder

• آزمون: انتخابگرهای DOM جاوا اسکریپت Quiz: JavaScript DOM Selectors

اصول جاوا اسکریپت || مفاهیم JAVASCRIPT FUNDAMENTALS || CONCEPTS

• نقش های جاوا اسکریپت Roles Of Javascript

جاوا اسکریپت | تسلط بر ساختارهای کنترلی و حلقه‌ها JAVASCRIPT | MASTERING CONTROL STRUCTURES & LOOPS

• ساختار کنترلی - دستور If Control Structure -If Statement

• پروژه | بررسی کننده سن PROJECT | Age Checker

• پروژه | مبدل دما PROJECT | Temperature Converter

• ساختار کنترلی | دستور Switch Control Structure | Switch Statement

• پروژه | صدای حیوان خود را بشناس PROJECT | Know Your Animal Sound

• ساختار کنترلی | حلقه For Control Structure | For Loop

• پروژه | تایمر شمارش معکوس PROJECT| Count Down Timer

• ساختار کنترلی | حلقه While Control Structure | While Loop

• پروژه | عدد را حدس بزن PROJECT | Guess The Number

JS BASICS | مفاهیم JS BASICS | CONCEPTS

• جاوا اسکریپت چیست؟ What is Javascript?

• جاوا اسکریپت چگونه کار می کند How Javascript works

• چرا جاوا اسکریپت؟ Why Javascript?

• آزمون مبانی جاوا اسکریپت Javascript Basics Quiz

CSS FLEXBOX CSS FLEXBOX

• آشنایی با فلکس باکس Introduction to Flexbox

• درک ظروف فلکس و اقلام فلکس Understanding Flex Containers and Flex Items

• درک محور اصلی و متقاطع Understanding Main and Cross Axis

• ویژگی های Flexbox برای عنصر والد Flexbox Properties for the Parent Element

• ویژگی های Flexbox برای عنصر کودک Flexbox Properties for the Child Element

• زمین بازی فلکس باکس Flexbox Playground

تسلط بر ساختارهای داده جاوا اسکریپت (آرایه‌ها و اشیاء) MASTERING JAVASCRIPT DATA STRUCTURES (ARRAYS & OBJECTS)

• ایجاد و اضافه کردن ویژگی‌ها به اشیاء Creating and Adding Properties to Objects

• درک آرایه‌ها و متدهای آرایه Understanding Arrays & Array Methods

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

• درک متدهای شیء Understanding Object Methods

• تودرتو کردن اشیاء Nesting Objects

• آرایه‌های اشیاء Arrays Of Objects

• تبدیل آرایه | forEach() Array Transformation | ForEach()

• تبدیل آرایه | Map() Array Transformation | Map()

• تبدیل آرایه | متد Reduce() Array Transformation | Reduce() Method

• تبدیل آرایه | متد Find() Array Transformation | Find() Method

• ایجاد کننده کارت پروفایل | ایجاد عناصر HTML با استفاده از جاوا اسکریپت Profile Card Generator |Creating HTML Element Using Javascript

JS BASICS | متغیرها JS BASICS | VARIABLES

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

• اعلان متغیر قسمت 1 Variable Declaration Part 1

• اعلان متغیر قسمت 2 Variable Declaration Part 2

• قوانین جاوا اسکریپت Javascript Rules

• انواع داده جاوا اسکریپت Javascript Data Types

• آزمون انواع داده جاوا اسکریپت Javascript Data Types Quiz

طراحی تعاملی RESPONSIVE DESIGN

• درک مفهوم طراحی وب ریسپانسیو (RWD). Understanding Responsive Web Design (RWD) Concept

• رویکرد اول موبایل در مقابل دسکتاپ اول Mobile First vs Desktop First approach

• Viewport و Initial Scale Viewport and Initial Scale

• مقدمه ای بر پرسش های رسانه ای Introduction to Media Queries

• نقاط شکست پرس و جو رسانه Media Query Breakpoints

• Mobile-First با استفاده از پرسش‌های رسانه‌ای با عرض Mobile-First using Media Queries with Width

• دسکتاپ-اول با استفاده از عرض Desktop-First Using Width

• پرسش‌های رسانه‌ای با استفاده از صفحه نمایش Media Queries using Screen

• پرس و جوهای رسانه جهت یابی Orientation Media Queries

پروژه‌های DOM جاوا اسکریپت JAVASCRIPT DOM PROJECTS

• ماشین حساب وام هوشمند Smart Loan Calculator

• پروژه شمارنده ساده Simple Counter Project

• ماشین حساب انعام Tip Calculator

• پروژه تایپ خودکار Auto Typed Project

• کامپوننت آکاردئون Accordion Component

• ماشین حساب درصد Percentage Calculator

• پروژه تمرینی: ماشین حساب پس‌انداز PRACTICE PROJECT: Savings Calculator

• مدیر وظایف حرفه‌ای Task Manager Pro

• ساخت وب‌سایت نمونه کار HTML/CSS/JS Build HTML/CSS/JS Portfolio Website

JS BASICS | اپراتورها JS BASICS | OPERATORS

• اپراتور جاوا اسکریپت چیست؟ What is javascript operator?

• عملگرهای حسابی Arithmetic Operators

• عملگر کاهش و افزایش Decrement and Increment Operator

• اپراتورهای واگذاری Assignment Operators

• تک، دو، سه برابر با تفاوت Single, double, triple equal to differences

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

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

• مسابقه اپراتورها Operators quiz

درک بوت استرپ 5 UNDERSTANDING BOOTSTRAP 5

• بررسی اجمالی بوت استرپ Bootstrap Overview

• نحوه نصب بوت استرپ در HTML How to Install Bootstrap in HTML

• نحوه نصب بوت استرپ در ReactJS How to install Bootstrap in ReactJS

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

• رنگ های بوت استرپ Bootstrap Colors

• خدمات رفاهی Utilities

• ابزارهای عرض و ارتفاع Width and height Utilities

• تصاویر واکنش گرا Responsive Images

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

• فرم ها و دکمه های بوت استرپ Bootstrap Forms and Buttons

• نقاط شکست و کانتینرها Breakpoints and Containers

• سیستم گرید با استفاده از سطرها و ستون ها Grid System Using Rows and Columns

• سیستم شبکه با نقاط شکست Grid System With Breakpoints

جاوا اسکریپت پیشرفته | ES6 JAVASCRIPT ADVANCED | ES6

• معرفی بخش Introducing the section

• مرور کلی ES6 ES6 Overview

• توابع فلش (Arrow Functions) Arrow Functions

• "let" و "const" "let" and "const"

• Destructuring در جاوا اسکریپت ES6 Destructuring in JavaScript ES6

• تضمین نام صحیح ویژگی‌ها با توابع فلش Ensuring Correct Property Names with Arrow Functions

JS BASICS | شرایط JS BASICS | CONDITIONALS

• اگر بیانیه If Statement

• بیانیه دیگر اگر Else If Statement

• ورزش Exercise

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

• ارزش های درست و نادرست Truthy & Falsy Values

اصول جاوا اسکریپت JAVASCRIPT FUNDAMENTALS

• جاوا اسکریپت چیست؟ What is Javascript?

• اولین کد جاوا اسکریپت شما Your first javascript code

• راه های گنجاندن JS در HTML Ways of Including JS in HTML

• مروری بر متغیرهای جاوا اسکریپت Javascript variables overview

• تفاوت بین var، let و const Differences between var, let & const

• انواع داده ها چیست؟ What are data Types

• عملگرهای حسابی Arithmetic Operators

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

جاوا اسکریپت پیشرفته | پیمایش DOM JAVASCRIPT ADVANCED | DOM TRANSVERSAL

• معرفی بخش پیمایش DOM Introducing DOM Transversal section

• مرور کلی پیمایش DOM DOM Traversing Overview

• استفاده از `parentNode` در پیمایش DOM Using `parentNode` in DOM Traversal

• استفاده از childNodes Using childNodes

• استفاده از previousSibling Using previousSibling

• استفاده از nextSibling Using nextSibling

• استفاده از previousElementSibling Using previousElementSibling

• textContent, innerHTML و innerText textContent, innerHTML & innerText

• استفاده از setAttribute Using setAttribute

• استفاده از getAttribute Using getAttribute

• استفاده از createElement و appendChild() Using createElement & appendChild()

• استفاده از insertBefore Using insertBefore

• جایگزینی عناصر Replacing elements

• استفاده از removeChild Using removeChild

• استفاده از classList Using classList

JS BASICS | تکرار و حلقه ها JS BASICS | ITERATION & LOOPS

• حلقه چیست؟ What's a loop?

• برای حلقه For Loop

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

• تخصیص حلقه Loop Assignment

مبانی JS: ساختارهای کنترلی JS BASICS: CONTROL STRUCTURES

• بخش مقدمه Section Introduction

• اهداف یادگیری Learning Objectives

• ساختارهای کنترلی توضیح داده شد Control Structures Explained

• انواع سازه های تصمیم گیری Types of Decision making structures

• استفاده از عبارت If If statement Usage

• در غیر این صورت استفاده از عبارت Else if statement usage

• استفاده از عبارت Other if Else if statement Usage

• بیانیه سوییچ توضیح داده شد Switch Statement Explained

• کد بیانیه سوئیچ مثال Switch Statement code Example

جاوا اسکریپت پیشرفته | رویدادهای DOM JAVASCRIPT ADVANCED | DOM EVENTS

• رویدادهای DOM چیستند؟ What are DOM events?

• انواع رویدادهای رایج Common event types

• مدیریت‌کننده‌های رویداد درون‌خطی در مقابل سنتی Inline Vs Traditional Event handlers

• نمونه استفاده از مدیریت‌کننده‌های رویداد درون‌خطی Using Inline Event Handlers Demo

• استفاده از مدیریت‌کننده‌های رویداد سنتی Using Traditional Event Handlers

• متد addEventListener() addEventListener() Method

• متد removeEventListener() removeEventListener() Method

• جریان رویداد | حباب‌کننده-کپچر-فازهای هدف Event Flow | Bubbling-Capturing-Target Phases

• متد event.stopPropagation() event.stopPropagation() Method

• تفویض رویداد Event Delegations

• استفاده از چندین مدیریت‌کننده رویداد روی یک عنصر Using multiple event listeners on an element

• ایجاد و راه‌اندازی رویدادهای سفارشی Creating and triggering custom events

JS INTERMEDIATE | کارکرد JS INTERMEDIATE | FUNCTIONS

• تابع چیست؟ What is a function?

• نحوه ایجاد یک تابع How to create a function

• چرا توابع؟ Why functions?

• تابع آرگومان در مقابل پارامترهای تابع Function Argument vs function Parameters

• کلمه کلیدی برگرداندن Return keyword

• توابع QUIZ Functions QUIZ

درک رشته های جاوااسکریپت UNDERSTANDING JAVASCRIPT STRINGS

• معرفی بخش Introducing the section

• نمای کلی رشته ها Strings Overview

• رشته ها غیر قابل تغییر هستند Strings are Immutable Overview

• راه های ایجاد رشته ها Ways of creating strings

• رشته ایجاد کد نمایشی String Creating Code Demos

• الفاظ الگو Template Literals

• شخصیت های فرار در رشته ها Escape Characters in Strings

• الحاق رشته String concatenation

• به روش های کوچک و بزرگ حروف بزرگ toLowercase and toUpperCase methods

• طول رشته را پیدا کنید Find the length of string

• برش متن با استفاده از .slice() Slicing Text using .slice()

• روش تقسیم Split method

• روش IndexOf(). IndexOf() method

• با استفاده از متد String.trim() Using String.trim() method

• استفاده از String.replace() Using String.replace()

• با استفاده از متد String.lastIndexOf(). Using String.lastIndexOf() method

• استفاده از String.includes() Using String.includes()

• تبدیل به رشته با استفاده از `String() Converting to String Using `String()

• تبدیل به رشته با استفاده از `.toString() Converting to String Using `.toString()

• تبدیل رشته به اعداد Converting from String To Numbers

• تبدیل از رشته به Booleans Converting from String To Booleans

برنامه‌نویسی ناهمزمان جاوا اسکریپت JAVASCRIPT ASYNCHRONOUS PROGRAMMING

• اهداف بخش Section Objectives

• برنامه‌نویسی همزمان چیست؟ What is Synchronous Programming?

• مثال‌های کد همزمان Synchronous Code Examples

• برنامه‌نویسی ناهمزمان چیست؟ What is Async Programming

• حلقه رویداد | چگونه کد ناهمزمان اجرا می‌شود Event Loop | How Async Code Execute

• درک درخواست‌های HTTP Understanding HTTP Requests

• API چیست؟ What is an API?

• تابع Callback چیست؟ What's a Callback Function?

• مثال کد تابع Callback Callback Function Code Example

• اجزای درخواست HTTP HTTP Request Components

• انجام اولین درخواست HTTP شما Making Your First HTTP Request

• تابع Callback در مثال واقعی Callback Function In Real Example

• درک Promise Understanding Promise

• Promise در مثال واقعی Promise In Real Example

• درک Async Await Understanding Async Await

• پروژه ناهمزمان: پست‌های شگفت‌انگیز ASYNC PROJECT: Awesome Posts

• پروژه ناهمزمان: کاوشگر کشور ASYNC PROJECT: Country Explorer

• پروژه API ناهمزمان: یابنده فیلم ASYNC API PROJECT: Movie Finder

• پروژه GenAI: ساخت برنامه چت هوش مصنوعی با HTML/CSS/JS GENAI PROJECT: Build AI Chat App using HTML/CSS/JS

• پروژه ناهمزمان: پروژه مبدل ارز AYNC PROJECT: Currency Converter Project

• پروژه ناهمزمان: ساخت حذف کننده پس‌زمینه هوش مصنوعی ASYNC PROJECT: Build AI Background Remover

JS INTERMEDIATE | روش های رشته ای JS INTERMEDIATE | STRING METHODS

• نحوه ایجاد رشته How to create a string

• الحاق رشته String Concatenation

• الفاظ الگو Template Literals

• روش طول رشته String Length Method

• چالش کدنویسی 1 Coding CHALLENGE 1

• چالش کدنویسی 1: راه حل Coding CHALLENGE 1 : SOULUTION

• indexOf()-toUpperCase-toLowerCase() indexOf()-toUpperCase-toLowerCase()

• چالش کدنویسی 2 Coding CHALLENGE 2

• چالش کدنویسی 2: راه حل Coding CHALLENGE 2: SOLUTION

• متدهای Split()-reverse()-join(). Split()-reverse()-join() methods

• کدنویسی چالش 3: راه حل Coding CHALLENGE 3: SOLUTION

• کدنویسی CHALLENGE 4: روش Repeat(). Coding CHALLENGE 4: Repeat() method

• چالش کد نویسی 4: راه حل Coding CHALLENGE 4: SOLUTION

• متد StartWith(). StartWith() method

• چالش کدنویسی 5 Coding CHALLENGE 5

• چالش کدنویسی 5- راه حل Coding CHALLENGE 5- SOLUTION

• چالش کدنویسی 6 - بدون راه حل Coding CHALLENGE 6 - NO SOLUTION

• شامل متد() includes method()

• چالش کدنویسی 7 Coding CHALLENGE 7

• کدنویسی CHALLENGE 7 -SOLUTION Coding CHALLENGE 7 -SOLUTION

• متد Slice(). Slice() method

• چالش کدنویسی 8 Coding CHALLENGE 8

• کدنویسی CHALLENGE 8 -SOLUTION Coding CHALLENGE 8 -SOLUTION

• مقایسه رشته ها String comparison

• تمرین کدنویسی Coding Exercise

JS BASICS | شماره JS BASICS | NUMBERS

• معرفی بخش Introducing The Section

• بررسی اجمالی اعداد Numbers Overview

• روش String.toString(). String.toString() Method

• روش String.toFixed(). String.toFixed() Method

• روش () Number.toExponential Number.toExponential() Method

• روش Number.parseInt(). Number.parseInt() Method

• روش Number.parseFloat(). Number.parseFloat() Method

• روش Number.isNaN(). Number.isNaN() Method

توسعه Backend با استفاده از NodeJS - جدید BACKEND DEVELOPMENT USING NODEJS - NEW

• به توسعه Backend خوش آمدید Welcome To Backend Development

• توسعه Backend چیست؟ What is Backend Development

• حقوق مورد انتظار توسعه‌دهندگان Backend Backend Developers Expected Salaries

• چقدر طول می‌کشد تا یک توسعه‌دهنده Backend شویم؟ How Long Will Take Become Backend Developer

• اجزای کلیدی توسعه Backend Key Components of Backend Development

• چگونه Frontend با Backend ارتباط برقرار می‌کند؟ How Frontend Communicate with Backend

• درک دستورات Shell Understanding Shell Commands

• دستورات Shell Command Shell Commands

• NodeJS چیست؟ What is NodeJS?

• نحوه نصب NodeJS How To Install NodeJS

• اولین کد NodeJS شما Your First NodeJS Code

• درک NodeJS REPL Understanding NodeJS REPL

• سیستم ماژول NodeJS - CommonJS NodeJS Module System - CommonJS

• سیستم ماژول NodeJS - ماژول ES6 NodeJS Module System - ES6 Module

• ماژول Path NodeJS NodeJS Path Module

• ماژول File System NodeJS - همزمان NodeJS File System Module-Synchronously

• ماژول File System NodeJS - ناهمزمان NodeJS File System Module-Asynchronously

• رابط خط فرمان NodeJS NodeJS CommandLine Interface

• سرورها به روشی ساده توضیح داده شده‌اند Servers Explained in a simple way

• بررسی عمیق سرورهای HTTP HTTP Servers Deep Dive

• ایجاد سرور HTTP پایه Basic HTTP Server Creation

• سرور با مسیریابی Server with Routing

• سرور ارسال کننده داده JSON Server that sends JSON Data

• پروژه تمرینی: ساخت API نمایش سیستم Practice Project : Build System View API

JS INTERMEDIATE | آرایه ها JS INTERMEDIATE | ARRAYS

• آرایه چیست. باید تماشا کرد What is an Array. MUST WATCH

• نحوه ایجاد آرایه How to create Array

• دسترسی به عناصر آرایه Accessing Array Elements

• تکرار روی آرایه Iterating over Array

• روش‌های آرایه‌ای که معمولاً مورد استفاده قرار می‌گیرند، قسمت 1 Commonly Used Array Methods Part 1

• روش کاهش آرایه Array Reduce Method

• روش یافتن آرایه Array Find Method

• روش فیلتر آرایه ای Array filter Method

• چالش کدنویسی 1 Coding CHALLENGE 1

• راه حل CHALLENGE 1 کدنویسی Coding CHALLENGE 1 SOLUTION

• چالش کدنویسی 2 Coding CHALLENGE 2

• راه حل CHALLENGE 2 کدنویسی Coding CHALLENGE 2 SOLUTION

• چالش کدنویسی 3 Coding CHALLENGE 3

• راه حل برنامه نویسی چالش 3 Coding CHALLENGE 3 SOLUTION

• چالش کدنویسی 4 Coding CHALLENGE 4

• راه حل CHALLENGE 4 کدنویسی Coding CHALLENGE 4 SOLUTION

• چالش کدنویسی 5 Coding CHALLENGE 5

• راه حل CHALLENGE 5 کدنویسی Coding CHALLENGE 5 SOLUTION

• چالش کدنویسی 6 Coding CHALLENGE 6

• راه حل برنامه نویسی چالش 6 Coding CHALLENGE 6 SOLUTION

• چالش کدنویسی 7 Coding CHALLENGE 7

• راه حل CHALLENGE 7 کدنویسی Coding CHALLENGE 7 SOLUTION

مبانی جاوا اسکریپت || آرایه ها JAVASCRIPT BASICS || ARRAYS

• معرفی بخش Introducing the section

• آرایه ها چیست؟ What are Arrays?

• ایجاد آرایه با استفاده از Array Literal Creating Array using Array Literal

• ایجاد آرایه با استفاده از Array Constructor Creating Array using Array Constructor

• ایجاد آرایه با استفاده از Array.of() Creating Array using Array.of()

• ایجاد آرایه با استفاده از Array.from() Creating Array using Array.from()

• دسترسی به عناصر آرایه Accessing array elements

• اضافه کردن عناصر .push() و .unshift() Add Elements .push() and .unshift()

• حذف عناصر .pop() و .shift() Remove Elements .pop() and .shift()

• ویژگی اندازه آرایه .length Array Size .length property

NodeJS: حلقه رویداد، فرآیند و شیء سراسری NODEJS: EVENT LOOP, PROCESS & GLOBAL OBJECT

• حلقه رویداد NodeJS NodeJS Event Loop

• ورودی/خروجی غیر مسدود کننده Non-Blocking IO

• اجزای NodeJS NodeJS Components

• حلقه رویداد تک رشته‌ای Single-threaded Event Loop

• موتور V8 | چگونه NodeJS جاوا اسکریپت را تفسیر می‌کند V8 Engine | How NodeJS interprets JavaScript

• شیء سراسری و شیء Process Global Object and Process Object

• متدهای شیء سراسری Global Object Methods

• دموی کد شیء Process Process Object Code Demo

JS INTERMEDIATE | اشیاء JS INTERMEDIATE | OBJECTS

• یک شی چیست؟ باید تماشا کرد Whats is an Object? MUST WATCH

• نحوه ایجاد یک Object.mp4 How to create an Object.mp4

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

• به روز رسانی ویژگی های شی Updating Object Properties

• حذف ویژگی های شی Deleting Object Properties

• افزودن متد به شی Adding method to object

• کلمه مرموز (این کلمه کلیدی) Mysterious word (this keyword)

• شیء تکرار شونده | برای در حلقه Iterating Object | for in loop

• شیء تکرار شونده | Object.Keys() Iterating Object | Object.Keys()

• شیء تکرار شونده | برای هر حلقه (استثنایی) Iterating Object | for each loop (exceptional)

• شیء تکرار شونده | Object.Values() Iterating Object | Object.Values()

• شیء تکرار شونده | Object.entries() Iterating Object | Object.entries()

• چالش کدنویسی 1 Coding CHALLENGE 1

• راه حل CHALLENGE 1 کدنویسی Coding CHALLENGE 1 SOLUTION

• چالش کدنویسی 2 Coding CHALLENGE 2

• راه حل CHALLENGE 2 کدنویسی Coding CHALLENGE 2 SOLUTION

• چالش کدنویسی 3 Coding CHALLENGE 3

• راه حل برنامه نویسی چالش 3 Coding CHALLENGE 3 SOLUTION

JAVASCRIPT INTERMEDIATE || گذر آرایه JAVASCRIPT INTERMEDIATE || ARRAY TRANSVERSAL

• معرفی Looping Through Arrays Introducing Looping Through Arrays

• برای حلقه ها For Loops

• برای هر حلقه ForEach Loop

• نقشه برداری .map() Mapping .map()

• فیلتر کردن .filter() Filtering .filter()

• کاهش .reduce() Reducing .reduce()

• آرایه های چند بعدی Multi-Dimensional Arrays

NodeJS: سیستم ماژول و تابع require NODEJS: MODULE SYSTEM & REQUIRE FUNCTION

• مرور کلی ماژول‌ها و require Modules and Require Overview

• CommonJS در مقابل ماژول‌های ES CommonJS vs ES Modules

• دموی کد CommonJS CommonJS Code Demo

• دموی کد ماژول ES ES Module Code Demo

• معرفی APIهای وب‌سایت رسمی Introducing Official Website APIs

• API سیستم فایل (FS) File System (FS) API

• API سیستم عامل (OS) The Operating System (OS) API

• API Path The Path API

JS INTERMEDIATE | شیء ریاضی JS INTERMEDIATE | MATH OBJECT

• شیء ریاضی چیست؟ Whats is math object?

• روش های رایج شیء ریاضی Common math object methods

• چالش کدنویسی 1 Coding CHALLENGE 1

• راه حل CHALLENGE 1 کدنویسی Coding CHALLENGE 1 SOLUTION

• چالش کدنویسی 2 Coding CHALLENGE 2

• راه حل CHALLENGE 2 کدنویسی Coding CHALLENGE 2 SOLUTION

• چالش کدنویسی 3 Coding CHALLENGE 3

• راه حل برنامه نویسی چالش 3 Coding CHALLENGE 3 SOLUTION

• چالش کدنویسی 4 Coding CHALLENGE 4

مبانی جاوا اسکریپت || اشیاء JAVASCRIPT BASICS || OBJECTS

• بخش مقدمه Section Introduction

• بررسی اجمالی اشیاء Objects Overview

• ایجاد شی با استفاده از Object Literals Creating Object using Object Literals

• دسترسی به ویژگی های شی (نقطه نویسی) Accessing Object Properties (Dot Notation)

• دسترسی به خواص شی با استفاده از علامت گذاری براکت Accessing Object Properties Using Bracket Notation

• افزودن خواص به اشیا Adding properties to objects

شروع کار با توسعه API با استفاده از NodeJS GETTING STARTED WITH API DEVELOPMENT USING NODEJS

• مقدمه بخش Section Introduction

• مرور کلی مختصر APIهای RESTful Brief overview of RESTful APIs

• APIها توضیح داده شده‌اند APIS Explained

• چرخه عمر ارتباط کلاینت-سرور Client-Server communication life cycle

• درک REST و متدهای HTTP Understanding REST and HTTP methods

• نحوه ایجاد سرور NodeJS How to create NodeJS Server

• مسیریابی در NodeJS Routing in NodeJS

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

• درک پارامترهای query Understanding query parameters

• ارسال داده JSON به عنوان پاسخ Sending JSON Data as Response

• پروژه عملی: توسعه API کارمندان Practical Project: Develop Employees API

JS ADVANCED | آرایه از اشیاء JS ADVANCED | ARRAY OF OBJECTS

• معرفی بخش Section introduction

• تمرین جهش داده ها Data Mutation Practice

• تکرار با استفاده از ForEach() Iterating Using ForEach()

• تکرار با استفاده از map() Iterating Using map()

• تکرار با استفاده از فیلتر() Iterating Using filter()

• تکرار با استفاده از reduce() Iterating Using reduce()

JAVASCRIPT INTERMEDIATE | کارکرد JAVASCRIPT INTERMEDIATE | FUNCTIONS

• معرفی این بخش Introducing This Section

• بررسی اجمالی توابع Functions Overview

• نحو اعلان تابع Syntax of Function declaration

• فراخوانی یا فراخوانی توابع Invoking or Calling functions

• بیان تابع Function expression

• توابع ناشناس Anonymous functions

• عبارت تابع فراخوانی فوری (IIFE) Immediately Invoked Function Expression (IIFE)

• پارامترهای تابع در مقابل آرگومان ها Function parameters vs arguments

• پارامترهای پیش فرض Default parameters

• بیانیه بازگشت Return Statement

• محدوده عملکرد Function Scope

Express: NPM و سرور Express پایه EXPRESS: NPM & BASIC EXPRESS SERVER

• به Express JS خوش آمدید Welcome to Express JS

• مرور کلی ExpressJS Overview of ExpressJS

• NodeJS در مقابل Express JS NodeJS Vs Express JS

• درک NPM و نحوه ایجاد برنامه Express Understanding NPM & How To Create Express Application

• نحوه ایجاد برنامه Express How to Create Express Application

• نحوه ایجاد سرور Express How to Create Express Server

• پروژه عملی: ساخت API کتاب PRACTICAL PROJECT: Build Book API

• پیکربندی اسکریپت Node و راه‌اندازی مجدد خودکار سرور Configuring Node Script and Auto Restart Server

JS ADVANCED - ویژگی های جدید جاوا اسکریپت (ES6) JS ADVANCED - JAVASCRIPT NEW FEATURES (ES6)

• نسخه های جاوا اسکریپت Javascript Versions

• تخریب آرایه Array Destructuring

• تخریب شی Object Destructuring

• تخریب ساختار با مقادیر پیش فرض Destructuring with Default Values

• پارامترهای تخریب ساختار Destructuring Parameters

• پارامترهای استراحت Rest Parameters

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

• اپراتور گسترش Spread Operator

JAVASCRIPT ADVANCED | ES6 JAVASCRIPT ADVANCED | ES6

• معرفی بخش Introducing the section

• نمای کلی ES6 ES6 Overview

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

• "لذا" و "تقویت" "let" and "const"

• تخریب در جاوا اسکریپت ES6 Destructuring in JavaScript ES6

• اطمینان از نام‌های صحیح اموال با عملکردهای پیکان Ensuring Correct Property Names with Arrow Functions

سرور Express JS و مسیریابی EXPRESS JS SERVER & ROUTING

• مرور کلی Express Router Express Router Overview

• Thunder Client جایگزین Postman Thunder Client Postman Alternative

• مسیریابی بدون Express Router Routing Without Express Router

• پیاده‌سازی Express Router Implementing Express Rouer

• زنجیره‌سازی متد Express Router Express Router Method chaining

• Middlewares در مسیریابی Express Middlewares in Express Routing

JS ADVANCED - مروری بر سطح بالا JAVASCRIPT JS ADVANCED - JAVASCRIPT HIGH LEVEL OVERVIEW

• تاریخچه جاوا اسکریپت History Of Javascript

• Console.log() چیست؟ What is Console.log() ?

• ویژگی های جاوا اسکریپت Characteristics of Javascript

• موتور جاوا اسکریپت Javascript Engine

• زمان اجرا جاوا اسکریپت (مرورگر) Javascript Runtime (Browser)

• پشته تماس جاوا اسکریپت Javascript Call Stack

• آزمون QUIZ

JAVASCRIPT ADVANCED | آرایه های اشیاء JAVASCRIPT ADVANCED | ARRAYS OF OBJECTS

• معرفی بخش Introducing the Section

• مفهوم اشیاء در حال عبور توسط مرجع The Concept of Objects Being Passed by Reference

• اشیاء در آرایه ها Objects In Arrays

• آرایه ها در اشیاء Arrays In Objects

• با استفاده از «forEach()» در میان آرایه ها تکرار کنید Iterate through arrays using `forEach()`

• با استفاده از "map()" در میان آرایه ها تکرار کنید Iterate through arrays using `map()`

• تکرار در میان آرایه ها با استفاده از `filter() Iterate through arrays using `filter()

• تبدیل و دستکاری با استفاده از `splice() Transformation and Manipulation using `splice()

• Object.assign() Object.assign()

• با استفاده از «find()» جستجو و فیلتر کنید Search and Filter using `find()`

• استفاده از «some()». Using `some()`

• استفاده از «every()». Using `every()`

• مبدل ارز Currency Converter

• مدیر موجودی فروشگاه مواد غذایی - رویکرد عملکردی Grocery Store Inventory Manager - Functional Approach

درک Express Middlewares UNDERSTANDING EXPRESS MIDLEWARES

• درک middleware.Middleware Understanding middleware.Middleware

• سینتکس Middleware Middleware Syntax

• Middleware چگونه کار می‌کند How Middleware works

• استفاده از next() و پشته middleware Utilizing next() and the middleware stack

• Middlewares داخلی Built-in middlewares

• Middleware سطح برنامه Application Level Middleware

JS ADVANCED | کارکرد JS ADVANCED | FUNCTIONS

• انواع دامنه؟ Types of Scope?

• دامنه جهانی Global Scope

• Block Scope Block Scope

• محدوده عملکرد Function Scope

• دامنه واژگانی Lexical Scope

• توابع درجه یک در مقابل توابع مرتبه بالا First Class functions vs High Order Functions

• توابع سفارش بالا (HOF) High Order Functions (HOF)

• تابع برگرداندن یک تابع Function Returning a Function

• IIFE (بیان تابع فراخوانی فوری) IIFE (Immediately Invoked Function Expression)

JAVASCRIPT ADVANCED | DOM-GETTTING شروع شد JAVASCRIPT ADVANCED | DOM-GETTING STARTED

• معرفی بخش Introducing the Section

• DOM چیست؟ What is DOM?

• آناتومی یک صفحه وب پایه Anatomy of a basic web page

رندر کردن و سرو کردن فایل‌های استاتیک (موتور قالب EJS) RENDERING & SERVING STATIC FILES (EJS TEMPLATE ENGINE )

• مرور کلی سرو کردن دارایی‌های استاتیک Serving Static Assets Overview

• Middleware Express.static The Express.static Middleware

• سرو کردن HTML، CSS و JS بدون استفاده از موتور نمایش در Express Serving HTML, CSS, and JS without Using a View Engine in Express

• درک موتورهای قالب Understanding template engines

• معرفی موتور قالب EJS و نصب Introducing EJS Template Engine & Installation

• سینتکس رایج EJS Common EJS Syntax

• راه‌اندازی سرور برای سرو کردن دارایی‌ها با استفاده از EJS Setting up server to serve assets using EJS

• ارسال داده به قالب‌ها Passing data to templates

• شرایط در EJS Conditionals in EJS

• پسوند EJS و متد render EJS اصلاح شده EJS Extension and modified EJS render method

• استفاده از حلقه‌ها در EJS Utilizing loops in EJS

• پارتیال‌های EJS EJS Partials

• عنوان صفحه پویا HTML HTML Dynamic Page Title

• Layoutهای EJS EJS Layouts

• ایجاد صفحات خطا پویا Creating dynamic error pages

JS ADVANCED - کار با DOM JS ADVANCED - WORKING WITH THE DOM

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

• گره DOM چیست؟ What is DOM node ?

• DOM را بررسی کنید Examine the DOM

• انواع انتخابگرهای DOM Types of DOM Selectors

• انتخاب تمرین عناصر DOM Selecting DOM Elements Practice

• تغییر ویژگی های عنصر Changing Element Properties

• روش های ClassList ClassList Methods

• افزودن و حذف محتوا Adding and Removing Content

• انواع رویدادهای DOM Types of DOM Events

• انواع رویداد ماوس Mouse Event Types

• انواع رویداد صفحه کلید Keyboard Event Types

• انواع رویدادهای فرم (بررسی فرم) Form Event Types (Form Handling)

JAVASCRIPT ADVANCED | انتخاب عناصر DOM JAVASCRIPT ADVANCED | SELECTING DOM ELEMENTS

• درخت DOM چیست؟ What is DOM Tree

• بازرسی DOM Live Inspecting The DOM Live

• گره های عنصر Element Nodes

• شی پنجره The Window Object

• با استفاده از getElementById Using getElementById

• با استفاده از getElementsByClassName Using getElementsByClassName

• با استفاده از querySelector Using querySelector

• با استفاده از QuerySelectorAll Using QuerySelectorAll

• گره های کودک در مقابل کودکان Child vs Children Nodes

• با استفاده از getElementByName Using getElementByName

• دسترسی به عناصر والدین و فرزند Accessing parent and child elements

• استفاده از ویژگی های داده Using Data Attributes

پروژه: پروژه اصلاح کننده دستور زبان هوش مصنوعی PROJECT: AI GRAMMAR CORRECTOR PROJECT

• پروژه اصلاح کننده دستور زبان هوش مصنوعی (زنده در یوتیوب) AI Grammar Corrector Project (Live on Youtube)

JS ADVANCED - برنامه نویسی ناهمزمان JS ADVANCED - ASYNCHRONOUS PROGRAMMING

• تفاوت بین برنامه نویسی Async و Synchronous Differences between Async and Synchronous Programming

• نحوه عملکرد کد همزمان How Synchronous code works

• برنامه نویسی Async چیست؟ What is Async Programming?

• کد Async چگونه در پشت صحنه کار می کند؟ How Async Code Works Behind the Scene?

• روش های نوشتن کد Async Ways Of Writing Async Code

• تابع Callback چیست؟ What is Callback function ?

• تمرین برگشت به تماس Callback Practice

• وعده چیست؟ What is a Promise?

• برخی از حقایق در مورد وعده Some Facts About Promise

• چگونه یک قول ایجاد کنیم How To Create a Promise

• چگونه یک وعده را مصرف کنیم How to Consume a Promise

• نحوه رسیدگی به رد وعده How To Handle Promise Rejection

• تابع Returning a Promise Function Returning a Promise

• Promise.all() & Promise.race() Promise.all() & Promise.race()

• Async/Await توضیح داده شد Async/Await Explained

• Async/Await Practice Async/Await Practice

• آزمون QUIZ

پروژه JS: برنامه ضد ساده JS PROJECT: SIMPLE COUNTER APP

• پروژه پیشخوان ساده Simple Counter Project

پایگاه داده | فقط MongoDB | شروع کار DATABASE | MONGODB ONLY | GETTING STARTED

• ۱. MongoDB چیست؟ 1.What's MongoDB ?

• چرا MongoDB؟ Why MongoDB?

• MongoDB چگونه با پایگاه داده‌های SQL تفاوت دارد؟ How MongoDB differs from SQL databases

• مرور کلی MongoDB Atlas MongoDB Atlas Overview

• مرور کلی درایورهای MongoDB MongoDB Drivers Overview

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

• رشته اتصال MongoDB MongoDB Connection String

• دانلودهای افزونه MongoDB Compass و VSCODE MongoDB Compass and VSCODE Extension Downloads

• اصطلاحات مهم MongoDB MongoDB important terms

JS ADVANCED: API های وب و درخواست HTTP JS ADVANCED: WEB APIs & HTTP REQUEST

• نسخه ی نمایشی پروژه ها Projects Demo

• API چیست؟ What's An API?

• انواع وب API Types Of Web APIs

• Battery API: Project Part 1 Battery API: Project Part 1

• Battery API: Project Part 2 Battery API: Project Part 2

• LocalStorage API: Task Manger Project LocalStorage API: Task Manger Project

• Fetch API: درخواست HTTP چیست؟ Fetch API: What is HTTP Request ?

• واکشی API: پروژه درخواست HTTP Fetch API: HTTP Request Project

• GeoLocation API: پروژه GeoLocation API GeoLocation API: GeoLocation API Project

JAVASCRIPT ADVANCED | DOM TRANSVERSAL JAVASCRIPT ADVANCED | DOM TRANSVERSAL

• معرفی بخش DOM Transversal Introducing DOM Transversal section

• مرور کلی DOM Traversing DOM Traversing Overview

• استفاده از "parentNode" در DOM Traversal Using `parentNode` in DOM Traversal

• استفاده از childNodes Using childNodes

• با استفاده از خواهر و برادر قبلی Using previousSibling

• با استفاده از nextSibling Using nextSibling

• با استفاده از previousElementSibling Using previousElementSibling

• textContent، innerHTML و innerText textContent, innerHTML & innerText

• با استفاده از setAttribute Using setAttribute

• با استفاده از getAttribute Using getAttribute

• استفاده از createElement و appendChild() Using createElement & appendChild()

• با استفاده از insertBefore Using insertBefore

• جایگزینی عناصر Replacing elements

• با استفاده از removeChild Using removeChild

• با استفاده از classList Using classList

پایگاه داده | فقط MongoDB | CRUD و پرس‌وجو DATABASE | MONGODB ONLY | CRUD AND QUERYING

• عملیات CRUD: عملیات نوشتن CRUD OPERATIONS: Write Operations

• عملیات CRUD: عملیات بازیابی CRUD OPERATIONS: Retrieve Operations

• عملیات CRUD: عملیات به‌روزرسانی CRUD OPERATIONS: Update Operations

• عملیات CRUD: عملیات حذف CRUD OPERATIONS: Delete Operations

• پرس‌وجو: درک شیء Cursor QUERYING: Understanding Cursor Object

• پرس‌وجو: عملگرهای پرس‌وجو QUERYING: Query Operators

• پرس‌وجو: عملگرهای منطقی QUERYING: Logical Operators

• ساخت یک برنامه Node.js با MongoDB Atlas Building a Node.js Application with MongoDB Atlas

• توسعه برنامه وب پویا: سرو کردن دارایی‌ها با EJS در Express Dynamic Web Application Development: Rendering Assets with EJS in Express

NODE JS: اصول NODE JS: FUNDAMENTALS

JAVASCRIPT ADVANCED | رویدادهای DOM JAVASCRIPT ADVANCED | DOM EVENTS

• رویدادهای DOM چیست؟ What are DOM events?

• انواع رویدادهای رایج Common event types

• گردانندگان رویداد درون خطی در مقابل سنتی Inline Vs Traditional Event handlers

• استفاده از نسخه نمایشی Inline Event Handlers Using Inline Event Handlers Demo

• استفاده از رویدادهای سنتی Using Traditional Event Handlers

• متد addEventListener() addEventListener() Method

• روش removeEventListener() removeEventListener() Method

• جریان رویداد | فازهای حباب-گرفتن-هدف Event Flow | Bubbling-Capturing-Target Phases

• متد () event.stopPropagation event.stopPropagation() Method

• هیئت های رویداد Event Delegations

• استفاده از چندین شنونده رویداد روی یک عنصر Using multiple event listeners on an element

• ایجاد و راه اندازی رویدادهای سفارشی Creating and triggering custom events

پایگاه داده | عملیات CRUD و عملگرها - Mongoose DATABASE | CRUD OPERATIONS & OPERATORS - MONGOOSE

• مرور کلی Mongoose Mongoose Overview

• MongoDB در مقابل Mongoose و تابع اتصال به MongoDB MnogoDB vs Mongoose & Connecting to MongoDB Function

• تعریف Schema و Model Schema and Model Definitions

• عملیات ایجاد Create Operations

• عملگرهای خواندن Read Operators

• عملیات خواندن `.where()`, `.sort()`, `.limit()` Read Operations `.where()`, `.sort()`, `.limit()`

• عملیات به‌روزرسانی Update Operations

• عملگرهای به‌روزرسانی Update Operators

• عملیات حذف Delete Operations

JS ADVANCED | برنامه نویسی ناهمزمان | شروع شدن JS ADVANCED | ASYNCHRONOUS PROGRAMMING | GETTING STARTED

• اهداف بخش Section Objectives

• برنامه نویسی ناهمزمان چیست؟ What is Asynchronous Programming?

• چرا برنامه نویسی ناهمزمان مهم است؟ Why Asynchronous Programming is Important

• اجرای همزمان در مقابل اجرای ناهمزمان Synchronous vs. Asynchronous Execution

• توابع setTimeout و setInterval setTimeout and setInterval Functions

• مسدود کردن در مقابل غیر مسدود کردن کد Blocking vs non-blocking code

پایگاه داده | اعتبارسنجی Mongoose DATABASE | MONGOOSE VALIDATIONS

• اعتبارسنجی‌های داخلی Built-in-Validators

• اعتبارسنجی‌های سفارشی Custom Validations

• اعتبارسنجی شخص ثالث Third Party Validator

• Setterها و Getterها Setters and Getters

JS ADVANCED | برنامه نویسی ناهمزمان | بازگشت به تماس و حلقه رویداد JS ADVANCED | ASYNCHRONOUS PROGRAMMING | CALLBACKS & EVENT LOOP

• بررسی اجمالی توابع پاسخ به تماس Callback Functions Overview

• کد توابع پاسخ به تماس مثال Callback Functions Code Example

• جهنم پاسخ به تماس (هرم پاسخ به تماس) Callback Hell (Callback Pyramid)

• مدیریت خطاها در Callbacks Handling Errors in Callbacks

• حلقه رویداد جاوا اسکریپت The JavaScript Event Loop

• کاوش بصری حلقه رویداد با استفاده از ابزار Latentflip Visually Exploring Event Loop Using Latentflip Tool

پایگاه داده | مدل‌سازی داده در Mongoose DATABASE | DATA MODELLING IN MONGOOSE

• مرور کلی مدل‌سازی داده Data Modelling Overview

• اسناد جاسازی شده Embedded documents

• آرایه‌های اسناد جاسازی شده فرعی Arrays of Sub Embedded documents

• ارجاع داده Data Referencing

• روابط یک به یک One to One Relationships

• رابطه یک به چند One to Many Relationship

• رابطه چند به چند قسمت ۱ Many to may relationship Part 1

• رابطه چند به چند قسمت ۲ Many to may relationship Part 2

JS ADVANCED | برنامه نویسی ناهمزمان | وعده JS ADVANCED | ASYNCHRONOUS PROGRAMMING | PROMISE

• مروری بر وعده ها Promises Overview

• نمونه های کد وعده ها Promises Code Examples

• وعده های زنجیره ای Chaining Promises

• Promise.all و Promise.race Promise.all and Promise.race

احراز هویت و مجوز | احراز هویت مبتنی بر کوکی AUTHENTICATION & AUTHORIZATION | COOKIE BASED AUTHENTICATION

• جریان احراز هویت Authentication Flow

• احراز هویت در مقابل تأیید هویت. فقط متن Authentication VS Authentication. Text only

• نحوه عملکرد احراز هویت کوکی How Cookie Authentication Works

• تنظیم سرور Setting up the server

• پیاده‌سازی منطق ورود Implementing login logic

• پیکربندی کوکی Configuring Cookie

• تجزیه کوکی با استفاده از Cookie Parser Parsing cookie using Cookie Parser

• پیاده‌سازی خروج Implementing Logout

• پیاده‌سازی مبتنی بر کوکی در API Implementing Cookie Based in API

• ادغام پایگاه داده در احراز هویت Integrate Database into Authentication

• میدل‌ور Is Authenticated Is Authenticated middleware

• میدل‌ور Is Admin Is Admin Middleware

JS ADVANCED | برنامه نویسی ناهمزمان | ASYNC در انتظار JS ADVANCED | ASYNCHRONOUS PROGRAMMING | ASYNC AWAIT

• مقدمه ای بر Async Await Introduction to Async Await

• نمونه‌های کد انتظار Async Async Await Code Examples

• رسیدگی به خطا با AsyncAwait Error Handling with AsyncAwait

احراز هویت و مجوز | مبتنی بر سشن و JWT AUTHENTICATION & AUTHORIZATION | SESSION & JWT BASED

• نحوه عملکرد احراز هویت مبتنی بر سشن How Session based Authentication Works

• احراز هویت مبتنی بر سشن Session Based Authentication

• نحوه عملکرد JWT How JWT Works

• ادغام JWT Integrating JWT

JS ADVANCED | برنامه نویسی ناهمزمان | AJAX - ساخت درخواست HTTP JS ADVANCED | ASYNCHRONOUS PROGRAMMING | AJAX -MAKING HTTP REQUEST

• نمای کلی AJAX و اجزای آن AJAX Overview and it's components

• ایجاد درخواست HTTP با استفاده از XMLHttpRequest Making HTTP Request using XMLHttpRequest

• ایجاد درخواست HTTP با Fetch API Making HTTP Requests with the Fetch API

• ایجاد درخواست HTTP با Axios Making HTTP Requests with the Axios

NODEJS: مدیریت خطا NODEJS: ERROR HANDLING

• نحوه مدیریت خطاها How to handle Errors

• مدیریت خطای داخلی Built In Error Handler

• مدیریت خطای میدل‌ور Middleware Error Handling

• مدیریت خطای همزمان Synchronous error handling

• مدیریت خطاهای ناهمزمان Handling Asynchronous Errors

توسعه پس زمینه: چرا NODEJS BACKEND DEVELOPMENT: WHY NODEJS

• به NodeJS خوش آمدید Welcome to NodeJS

• NodeJS چیست؟ What is NodeJS?

• اهمیت در توسعه وب مدرن Importance in modern web development

• موارد استفاده در صنعت Industry use-cases

الگوهای طراحی || MVC DESIGN PATTERN || MVC

• الگوهای طراحی چیست؟ What are design patterns?

• MVC چیست؟ What is an MVC?

• نحوه تعامل MVC How MVC Interact

• ادغام الگوی طراحی MVC Integrating MVC Design Pattern

توسعه پس زمینه با NODEJS: رابط خط فرمان BACKEND DEVELOPMENT WITH NODEJS: COMMANDLINE INTERFACE

• نمای کلی رابط خط فرمان (CLI). Command-line Interface (CLI) overview

• نمای اجمالی خط فرمان Command prompt oveview

• دستورات رایج پوسته Common Shell Commands

• تمرین دستورات شل معمولی! مهم است Common Shell Commands Practice !IMPORTANT

آپلود تصاویر به فضای ابری IMAGES UPLOAD TO CLOUD

• ایجاد سرور برای آپلود فایل Creating Server for file uploads

• پیکربندی Multer و Cloudinary برای آپلود تصاویر Configuring Multer and Cloudinary for images upload

• آپلود تصویر به Cloudinary Upload Image to Cloudinary

• ذخیره تصاویر در MongoDB Saving Images into MongoDB

NODEJS: شروع به کار NODEJS: GETTING STARTED

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

• نصب و سفارشی سازی VSCODE Installing & Customizing VSCODE

• اولین برنامه نود من My First Node Application

• NodeJS REPL (Read-Eval-Print-Loop) NodeJS REPL (Read-Eval-Print-Loop)

ساخت ابزار تجزیه و تحلیل گیاهان با استفاده از GEMINI AI BUILD PLANT ANALYSIS TOOL USING GEMINI AI

• ساخت ابزار تجزیه و تحلیل گیاهان با Gemini AI و Express.js! Build a Plant Analysis Tool with Gemini AI & Express.js!

NODEJS: EVENT LOOP، PROCESS و GLOBAL OBJECT NODEJS: EVENT LOOP, PROCESS & GLOBAL OBJECT

• حلقه رویداد NodeJS NodeJS Event Loop

• IO غیر مسدود کننده Non-Blocking IO

• اجزای NodeJS NodeJS Components

• حلقه رویداد تک رشته ای Single-threaded Event Loop

• موتور V8 | نحوه تفسیر NodeJS جاوا اسکریپت V8 Engine | How NodeJS interprets JavaScript

• شیء جهانی و شیء فرآیند Global Object and Process Object

• روش‌های شی جهانی Global Object Methods

• نمایش کد شی پردازش Process Object Code Demo

پروژه: پروژه کامل بلاگ فول‌استک PROJECT: FULLSTACK BLOG PROJECT

• ایجاد سرور Creating Server

• رشته اتصال MongoDB Mongodb Connection string

• مدل‌سازی داده Data Modelling

• مرور کلی الگوهای طراحی Design Pattern Overview

• نمایش صفحات ورود و ثبت‌نام Displaying Login and Register Pages

• منطق ثبت‌نام کاربر User Registration Logic

• منطق ورود Login Logic

• بازسازی برای استفاده از MVC Refactoring to use MVC

• هش کردن رمز عبور کاربر Hashing User Password

• پیکربندی Passport Passport Configuration

• ورود با استفاده از Passport Login Using Passport

• بخش‌های هدر و فوتر Header and Footer Partials

• لینک‌های خصوصی، عمومی و خروج Private, Public Links and Logout

• ادغام Bootstrap و قالب‌ها Integrating Bootstrap and Templates

• رندر صفحه اصلی Render Homepage

• ایجاد پست‌ها Creating of Posts

• ایجاد پست با تصاویر Create Posts with Images

• پیش‌نمایش تصاویر پست و اعتبارسنجی سمت کلاینت Post Images Preview and client side validation

• میدل‌ور IsAuthenticated IsAuthenticated Middleware

• میدل‌ور مدیریت خطا Error Handling Middleware

• دریافت همه پست‌ها Fetching All Posts

• کنترلر دریافت پست بر اساس شناسه Get Post By ID Controller

• جزئیات پست در فرانت‌اند Post Details Frontend

• افزودن نظرات Adding of comments

• نمایش نظرات Displaying Comments

• به‌روزرسانی پست بخش اول Update post Part 1

• به‌روزرسانی پست بخش دوم Update Post Part 2

• حذف پست Delete Post

• به‌روزرسانی نظر بخش اول Update Comment part 1

• به‌روزرسانی نظر بخش دوم Update Comment Part 2

• حذف نظر Delete Comment

• کنترلر پروفایل کاربر User Profile Controller

• به‌روزرسانی پروفایل کاربر Updating User Profile

• رفع خطای به‌روزرسانی و افزودن حذف حساب کاربری Fixed Update Error and Added Delete User Account

NODEJS: سیستم ماژول و نیاز به تابع NODEJS: MODULE SYSTEM & REQUIRE FUNCTION

• ماژول ها و نیاز به مرور کلی Modules and Require Overview

• ماژول های CommonJS در مقابل ES CommonJS vs ES Modules

• نسخه ی نمایشی کد CommonJS CommonJS Code Demo

• نسخه نمایشی کد ماژول ES ES Module Code Demo

• معرفی APIهای وب سایت رسمی Introducing Official Website APIs

• API سیستم فایل (FS). File System (FS) API

• API سیستم عامل (OS). The Operating System (OS) API

• Path API The Path API

کدنویسی هوش مصنوعی: ساخت یک API جامع تجارت الکترونیک AI CODING: BUILD A COMPREHENSIVE ECOMMERCE API

• به این پروژه خوش آمدید Welcome To This Project

• دستور AI برای شروع AI Prompt for getting Started

• مرور کلی و سفارشی‌سازی Cursor AI Cursor AI Overview and Customization

• استفاده از هوش مصنوعی برای تولید فایل‌ها و پوشه‌ها Using AI to generate Files and Folders

• پیاده‌سازی احراز هویت Implementing Authentication

• رشته اتصال MongoDB Mongodb Connection String

• تست منطق ثبت‌نام و ورود Testing Register and login Logic

• پیاده‌سازی کنترلرهای کاربر Implementing User Controllers

• تست مسیرهای کاربر Testing of users Routes

• کنترلر محصول Product Controller

• تست کنترلرهای محصول Products controllers Testing

• کنترلرهای برند و دسته بندی Brand and Category Controllers

• تست مسیرهای برند و دسته بندی Testing Brands and Categories Routes

• کنترلر سبد خرید Cart Controller

• تست مسیرهای مدیریت سبد خرید Testing Cart Management Routes

• کنترلرهای روش‌های ارسال Shipping methods controllers

• تست نقاط پایانی روش‌های ارسال Testing Shipping Methods Endpoints

• کنترلر تاریخچه پرداخت Payment history Controller

• پیاده‌سازی لیست علاقه‌مندی‌ها Implement Wish lists

• کنترلر نظرات محصول Product Reviews Controller

شروع با توسعه API با استفاده از NODEJS GETTING STARTED WITH API DEVELOPMENT USING NODEJS

• بخش مقدمه Section Introduction

• مروری کوتاه بر API های RESTful Brief overview of RESTful APIs

• APIS توضیح داده شده است APIS Explained

• چرخه عمر ارتباط مشتری و سرور Client-Server communication life cycle

• آشنایی با روش های REST و HTTP Understanding REST and HTTP methods

• نحوه ایجاد سرور NodeJS How to create NodeJS Server

• مسیریابی در NodeJS Routing in NodeJS

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

• درک پارامترهای پرس و جو Understanding query parameters

• ارسال داده های JSON به عنوان پاسخ Sending JSON Data as Response

• پروژه عملی: توسعه API کارکنان Practical Project: Develop Employees API

توسعه فرانت‌اند با استفاده از React JS FRONTEND DEVELOPMENT USING REACT JS

• به ReactJS خوش آمدید Welcome to ReactJS

• ReactJS چیست؟ What's ReactJS?

• برنامه‌های SPA چیستند؟ What are SPA Applications?

• راه‌اندازی محیط‌ها Setting up the environments

• نحوه ایجاد برنامه‌های React How to create React Applications

• نحوه کار پروژه React How React Project works

• مرور کلی JSX با مثال‌های کد JSX Overview with Code Examples

• ۴ روش استفاده از CSS در React 4 Ways to use CSS in React

• ادغام Bootstrap | Tailwindcss در React Integration Bootstrap | Tailwindcss into React

• درک کامپوننت‌ها Understanding Components

• نمونه کد ساخت کامپوننت Creating Components Demo Code

• سفارشی‌سازی کامپوننت‌ها با استفاده از Props Customising Components Using Props

• زمان تمرین کامپوننت‌ها Components Practice Time

• حالت‌ها (states) چیستند؟ What are states?

• معرفی useState برای مدیریت حالت محلی Introducing useState for local state management

• تمرین UseState: ساخت پروژه شمارنده UseState Practice: Build Counter Project

• مرور کلی نمایش لیست List Rendering Overview

• مرور کلی UseEffect - انجام درخواست HTTP (عوارض جانبی) UseEffect Overview- Making HTTP Request (Side Effects)

• پروژه تمرینی - انجام پروژه درخواست HTTP (USEEFFECT) Practice Project-Making HTTP Request Project (USEEFFECT)

• مرور کلی مدیریت فرم | کنترل شده و کنترل نشده Form handling Overview | Controlled & Uncontrolled

• تمرین فرم: فرم ثبت‌نام دانشجو FORM PRACTICE: Student Registration form

EXPRESS: NPM و BASIC EXPRESS Server EXPRESS: NPM & BASIC EXPRESS SERVER

• به Express JS خوش آمدید Welcome to Express JS

• بررسی اجمالی ExpressJS Overview of ExpressJS

• NodeJS در مقابل Express JS NodeJS Vs Express JS

• آشنایی با NPM و نحوه ایجاد اپلیکیشن اکسپرس Understanding NPM & How To Create Express Application

• نحوه ایجاد اپلیکیشن اکسپرس How to Create Express Application

• نحوه ایجاد سرور اکسپرس How to Create Express Server

• پروژه عملی: Build Book API PRACTICAL PROJECT: Build Book API

• پیکربندی نود اسکریپت و راه اندازی مجدد خودکار سرور Configuring Node Script and Auto Restart Server

API های REACT USECONTEXT، USEREDUCER و REACT ROUTER DOM REACT USECONTEXT API , USEREDUCER & REACT ROUTER DOM

• درک API UseContext Understanding UseContext API

• درک API UseReducer Understanding UseReducer API

• USECONTEXT + USEREDUCER USECONTEXT + USEREDUCER

• React Router DOM برای ناوبری React Router DOM For Navigation

سرور و مسیریابی EXPRESS JS EXPRESS JS SERVER & ROUTING

• نمای کلی روتر اکسپرس Express Router Overview

• Thunder Client پستچی جایگزین Thunder Client Postman Alternative

• مسیریابی بدون روتر اکسپرس Routing Without Express Router

• پیاده سازی اکسپرس روئر Implementing Express Rouer

• روش زنجیره ای روتر اکسپرس Express Router Method chaining

• میان افزارها در مسیریابی سریع Middlewares in Express Routing

پیشرفته | ساخت برنامه‌های بلادرنگ با SOCKET.IO ADVANCED | BUILDING REAL-TIME APPLICATIONS WITH SOCKET.IO

• دموی پروژه نهایی Final Project Demo

• پیش‌نمایش زنده Live Preview

• به دوره خوش آمدید Welcome To The Course

• ارتباط بلادرنگ چیست؟ What is Real Time Communication?

• فناوری‌های زیربنایی برای ارتباط بلادرنگ Underlying Technologies for Real Time communication

• نحوه عملکرد ارتباط بلادرنگ How Real-Time Communication Works

• Socket.IO چیست؟ What is Socket.IO?

• رویدادهای Socket IO Socket IO Events

• نحوه ایجاد سرور Socket.IO How To Create Socket.IO Server

• ادغام رویداد اتصال Socket.IO Integrating Socket.IO Connection Event

• ادغام Socket.IO در کلاینت Integrating Socket.IO into Client

• ارسال رویداد از سرور به کلاینت Emitting Event from Server to Client

• ارسال رویداد از کلاینت به سرور Emitting Event from Client to Server

درک میان افزارهای EXPRESS UNDERSTANDING EXPRESS MIDLEWARES

• درک میان افزار.Middleware Understanding middleware.Middleware

• نحو میان افزار Middleware Syntax

• چگونه Middleware کار می کند How Middleware works

• استفاده از next() و پشته میان افزار Utilizing next() and the middleware stack

• میان افزارهای داخلی Built-in middlewares

• میان افزار سطح برنامه Application Level Middleware

پیشرفته | SOCKET.IO | ساخت برنامه چت پایه ADVANCED | SOCKET.IO | BUILD BASIC CHAT APP

• تنظیم سرور برنامه چت پایه Basic Chat App Server setup

• پیاده‌سازی منطق اصلی Implementing The Main Logics

• برنامه چت - پخش گسترده Chat App-Broadcasting

• تأییدیه - از کلاینت به سرور Acknowledgement-Client to server

ارائه و ارائه فایل‌های استاتیک (موتور قالب EJS) RENDERING & SERVING STATIC FILES (EJS TEMPLATE ENGINE )

• بررسی اجمالی دارایی های ایستا خدمت Serving Static Assets Overview

• میان افزار Express.static The Express.static Middleware

• ارائه HTML، CSS و JS بدون استفاده از View Engine در Express Serving HTML, CSS, and JS without Using a View Engine in Express

• آشنایی با موتورهای قالب Understanding template engines

• معرفی موتور و نصب قالب EJS Introducing EJS Template Engine & Installation

• نحو رایج EJS Common EJS Syntax

• راه اندازی سرور برای خدمت به دارایی ها با استفاده از EJS Setting up server to serve assets using EJS

• انتقال داده ها به قالب ها Passing data to templates

• شرایط در EJS Conditionals in EJS

• افزونه EJS و روش رندر اصلاح شده EJS EJS Extension and modified EJS render method

• استفاده از حلقه ها در EJS Utilizing loops in EJS

• جزئی EJS EJS Partials

• عنوان صفحه پویا HTML HTML Dynamic Page Title

• طرح بندی EJS EJS Layouts

• ایجاد صفحات خطای پویا Creating dynamic error pages

پیشرفته | ساخت برنامه چت بلادرنگ MERN STACK - بک‌اند ADVANCED | BUILD REAL-TIME MERN STACK CHAT APP - BACKEND

• دموی پروژه نهایی Final Project Demo

• مدل کاربر User Model

• مدل چت گروهی Group-Chat Model

• ثبت‌نام کاربر User Registration

• ورود کاربر User Login

• پیکربندی سرور Configuring the server

• رشته اتصال MongoDB Mongodb Connection String

• تست مسیرهای ثبت‌نام و ورود Testing Register and Login Routes

• مسیر ایجاد گروه Create Group Router

• میدل‌ور احراز هویت Auth Middleware

• میدل‌ور isAdmin isAdmin Middleware

• دریافت همه گروه‌ها Getting All groups

• پیوستن به گروه Joining Group

• مسیر ارسال پیام Send message route

• دریافت پیام‌های گروه Get group Messages

• پیوستن به اتاق/گروه Joining Room/Group

• خروج از گروه Leaving a group

• ارسال پیام جدید Sending new message

• رویداد قطع اتصال Disconnecting Event

• رویدادهای نشانگر تایپ کردن و توقف تایپ Typing and Stop Typing indicator Events

پایگاه داده | MONGODB ONLY | شروع شدن DATABASE | MONGODB ONLY | GETTING STARTED

• 1. MongoDB چیست؟ 1.What's MongoDB ?

• چرا MongoDB؟ Why MongoDB?

• تفاوت MongoDB با پایگاه داده های SQL How MongoDB differs from SQL databases

• نمای کلی MongoDB Atlas MongoDB Atlas Overview

• بررسی اجمالی درایورهای MongoDB MongoDB Drivers Overview

• به MongoDB متصل شوید Connect to MongoDB

• رشته اتصال MongoDB MongoDB Connection String

• دانلودهای برنامه افزودنی MongoDB Compass و VSCODE MongoDB Compass and VSCODE Extension Downloads

• اصطلاحات مهم MongoDB MongoDB important terms

پیشرفته | ساخت برنامه چت بلادرنگ MERN STACK | فرانت‌اند ADVANCED | BUILD REAL-TIME MERN STACK CHAT APP | FRONTEND

• ادغام فرانت‌اند - ورود Integrating Frontend-Login

• ثبت‌نام کاربر User Registration

• بررسی کامپوننت‌های چت Exploring Chat Components

• بررسی وضعیت مدیر Check Admin Status

• دریافت همه گروه‌ها Fetch all groups

• گروه‌های کاربر User Groups

• ایجاد گروه‌ها توسط مدیر Admin Creating Groups

• پیوستن کاربر به گروه User Joining Group

• خروج کاربر از گروه User Leaving a group

• منطق خروج Logout Logic

• اتصال به socket.io از React Connecting to socket.io from React

• دریافت پیام‌های گروه Fetching Group Messages

• مدیریت رویدادهای سوکت Managing Socket Events

• نمایش کاربران آنلاین Displaying Online Users

• ارسال پیام، قالب‌بندی زمان، نشانگر تایپ Send message, format time, typing indicator

• نمایش نشانگر تایپ Render Typing Indicator

• نمایش اطلاعات گروه Display Group Info

• نمایش پیام‌های چت Display Chat Messages

• استقرار Deployment

پایگاه داده | MONGODB ONLY | CRUD و پرس و جو DATABASE | MONGODB ONLY | CRUD AND QUERYING

• عملیات خام: عملیات را بنویسید CRUD OPERATIONS: Write Operations

• عملیات خام: عملیات بازیابی CRUD OPERATIONS: Retrieve Operations

• عملیات نفت خام: عملیات به روز رسانی CRUD OPERATIONS: Update Operations

• عملیات خام: عملیات را حذف کنید CRUD OPERATIONS: Delete Operations

• QUERYING: درک شی مکان نما QUERYING: Understanding Cursor Object

• QUERYING: اپراتورهای پرس و جو QUERYING: Query Operators

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

• ساخت یک برنامه Node.js با MongoDB Atlas Building a Node.js Application with MongoDB Atlas

• توسعه برنامه های وب پویا: ارائه دارایی ها با EJS در Express Dynamic Web Application Development: Rendering Assets with EJS in Express

REACT REDUX و REACT QUERY REACT REDUX & REACT QUERY

• Redux چیست؟ What's Redux?

• Redux Toolkit (RTK) چیست؟ Whats's Redux Toolkit (RTK)?

• نحوه کار Redux در برنامه React How Redux Works in React Application

• برخی از معایب استفاده از Redux بدون React Query Some Drawbacks when using Redux without React Query

• نحوه عملکرد React Query و ویژگی‌های آن How Does React Query Works and It's Features

• Redux در مقابل React Query Redux vs React Query

• اصطلاحات و API/Hooks مهم Redux Important Redux Terminologies and APIs/Hooks

• ایجاد پروژه React + نصب بسته‌ها Create React Project + Package Installations

• رندر قالب‌ها - اختیاری Templates Rendering-Optional

• پیکربندی Redux Store، Actions، Reducers Redux Store, Actions, Reducers Configurations

• پیکربندی React Query Configure React Query

• مرور کلی React Query و ورود کاربر React Query Overview and Login User

• ارسال اکشن ورود با استفاده از Redux Dispatch Login Action using Redux

• ماندگاری کاربر وارد شده Persisting the Login User

• نمایش نوبار عمومی و خصوصی Showing Public and Private Navbar

• اکشن خروج - Redux Logout Action - Redux

• ثبت‌نام کاربر User Registration

• دریافت پروفایل کاربر Fetching User Profile

پایگاه داده | عملیات و اپراتورهای نفت خام - MONGOOSE DATABASE | CRUD OPERATIONS & OPERATORS - MONGOOSE

• بررسی اجمالی Mongoose Mongoose Overview

• MnogoDB در مقابل Mongoose و اتصال به عملکرد MongoDB MnogoDB vs Mongoose & Connecting to MongoDB Function

• طرحواره و تعاریف مدل Schema and Model Definitions

• ایجاد عملیات Create Operations

• اپراتورها را بخوانید Read Operators

• عملیات «.where()»، «.sort()»، «.limit()» را بخوانید Read Operations `.where()`, `.sort()`, `.limit()`

• به روز رسانی عملیات Update Operations

• به روز رسانی اپراتورها Update Operators

• حذف عملیات Delete Operations

کدنویسی هوش مصنوعی | تسلط بر Cursor AI AI CODING | MASTERING CURSOR AI

• Cursor AI چیست What is Cursor AI

• نصب Cursor AI Installing Cursor AI

• Cursor AI در ترمینال Cursor AI In The Terminal

• ویرایش درون خطی Cursor Cursor Inline Editing

• قابلیت چت Cursor Cursor Chat Feature

• اشاره به وب، فایل‌ها، پوشه‌ها Web, Files, Folder mentions

• درک قابلیت Codebase Understanding Codebase feature

• قابلیت اشاره به سند The Doc mention Feature

• تصویر به کد Image to Code

• معرفی Cursor NotePad Introducing Cursor NotePad

• استفاده از Composer برای ساخت API مدیر وظایف Using Composer to build Task Manager api

• پروژه: ساخت ردیاب هزینه جاوا اسکریپت با Cursor PROJECT: Build Javascript Expenses Tracker Using Cursor

• پروژه: ساخت تولیدکننده محتوا با هوش مصنوعی با Cursor PROJECT: Build AI Content Generator with Cursor

• پروژه: ساخت پروژه احراز هویت فول استک MERN PROJECT: Build MERN Full Stack Authentication Project

• ساخت آشکارساز محتوای هوش مصنوعی با Cursor AI و NextJS Build AI Content Detector using Cursor AI & NextJS

پایگاه داده | اعتبارسنجی MONGOOSE DATABASE | MONGOOSE VALIDATIONS

• اعتبار سنجی داخلی Built-in-Validators

• اعتبار سنجی سفارشی Custom Validations

• اعتبار سنجی شخص ثالث Third Party Validator

• تنظیم کننده ها و دریافت کننده ها Setters and Getters

پروژه: پروژه React JS: پورتفولیو PROJECT: REACT JS PROJECT: PORTFOLIO

• دمو و راه‌اندازی پروژه Project Demo and Setup

• کامپوننت Navbar Navbar Component

• Navbar CSS Navbar CSS

• کامپوننت Header Header Component

• Header CSS Header CSS

• کامپوننت Services Services Component

• Services CSS Services CSS

• Services Media Query Services Media Query

• کامپوننت Works Works Component

• Works CSS Works CSS

• کامپوننت Footer Footer Component

• Footer CSS Footer CSS

پایگاه داده | مدل سازی داده ها در MONGOOSE DATABASE | DATA MODELLING IN MONGOOSE

• مروری بر مدل سازی داده ها Data Modelling Overview

• اسناد جاسازی شده Embedded documents

• آرایه هایی از اسناد زیر جاسازی شده Arrays of Sub Embedded documents

• ارجاع داده ها Data Referencing

• روابط یک به یک One to One Relationships

• رابطه یک به چند One to Many Relationship

• رابطه بسیاری با می بخش 1 Many to may relationship Part 1

• بخش 2 بسیاری از افراد ممکن است Many to may relationship Part 2

پروژه هوش مصنوعی: دستیاران نوشتن هوش مصنوعی - MERN STACK AI PROJECT: AI WRITING ASSISTANTS-MERN STACK

• دموی پروژه Project Demo

• راه‌اندازی سرور NodeJS NodeJS Server setup

• ادغام OpenAI Integrating OpenAI

• راه‌اندازی فرانت‌اند Setting up frontend

• ادغام Privy برای احراز هویت Integrating Privy for Authentication

• پیاده‌سازی ورود-خروج Login-Logout Implementation

• توابع بررسی گرامر و املا Grammar and Spell Check Functions

• بازنویسی و انتخاب جمله Rephrasing & Sentence selection

• محافظت از مسیر Protecting Route

احراز هویت و مجوز | احراز هویت مبتنی بر کوکی AUTHENTICATION & AUTHORIZATION | COOKIE BASED AUTHENTICATION

• جریان احراز هویت Authentication Flow

• احراز هویت در مقابل احراز هویت. فقط متن Authentication VS Authentication. Text only

• احراز هویت کوکی چگونه کار می کند How Cookie Authentication Works

• راه اندازی سرور Setting up the server

• پیاده سازی منطق ورود Implementing login logic

• پیکربندی کوکی Configuring Cookie

• تجزیه کوکی با استفاده از Cookie Parser Parsing cookie using Cookie Parser

• پیاده سازی خروج Implementing Logout

• پیاده سازی کوکی مبتنی بر API Implementing Cookie Based in API

• ادغام پایگاه داده در احراز هویت Integrate Database into Authentication

• میان افزار احراز هویت شده است Is Authenticated middleware

• Admin Middleware است Is Admin Middleware

GIT و GITHUB GIT AND GITHUB

• GitHub چیست؟ What is GitHub?

• تفاوت‌های بین Git و GitHub Differences Between Git & GitHub

• نحوه نصب GIT How To Install GIT

• دستورات رایج GIT بخش اول Common GIT Commands Part 1

• دستورات رایج GIT بخش دوم Common GIT Commands Part 2

• شاخه‌های Git توضیح داده شده‌اند Git Branches Explained

احراز هویت و مجوز | بر اساس جلسه و JWT AUTHENTICATION & AUTHORIZATION | SESSION & JWT BASED

• احراز هویت مبتنی بر جلسه چگونه کار می کند How Session based Authentication Works

• احراز هویت مبتنی بر جلسه Session Based Authentication

• JWT چگونه کار می کند How JWT Works

• یکپارچه سازی JWT Integrating JWT

پروژه: ردیاب هزینه‌های MERN STACK PROJECT: MERN STACK EXPENSES TRACKER

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ساختار پوشه و مدل‌سازی داده Folder Structure and Data Modeling

• ثبت‌نام کاربر User Registration

• کنترلر ورود Login Controller

• مدیریت خطا Error Handling

• کنترلر پروفایل کاربر و میدل‌ور isAuthenticated User Profile Controller and isAuthenticated Middleware

• کنترلرهای تغییر رمز عبور، به‌روزرسانی پروفایل و کد وضعیت خطا Change Password, Update Profile Controllers and Error StatusCode

• ایجاد و لیست دسته‌بندی‌ها Create and List Categories

• کنترلر افزودن و لیست تراکنش‌ها Add and Lists Transaction Controller

• فیلتر کردن تراکنش‌ها Transactions Filtering

• به‌روزرسانی و حذف تراکنش Update and delete transaction

• به‌روزرسانی و حذف تراکنش Update and delete transaction

• ایجاد برنامه React و نصب تمام بسته‌ها Create React App and Install All Packages

• رندر قالب‌ها Rendering Templates

• پیکربندی Redux Configuring Redux

• ورود با استفاده از جهش React Query Login using React Query mutation

• ورود با استفاده از جهش React Query Login using React Query mutation

• ماندگاری کاربر وارد شده با استفاده از Redux Persisting Login user using Redux

• نوبار خصوصی و اکشن خروج Private Navbar and Logout Action

• به‌روزرسانی نوبار هنگام ورود/خروج کاربر Updating Navbar when user login-logout

• ثبت‌نام کاربر User Registration

• افزودن دسته بندی Add Category

• نمایش دسته‌بندی‌ها Displaying Categories

• حذف و به‌روزرسانی دسته بندی Delete and Update category

• افزودن تراکنش Adding Transaction

• نمایش تراکنش‌ها Displaying of Transactions

• فیلتر کردن تراکنش Transaction Filtering

• محاسبه کل درآمد و هزینه به همراه نصب ChartJS Calculating total Income and Expense plus ChartJS Installation

• داده‌ها و گزینه‌های ChartJS ChartJS Data and Options

• تغییر رمز عبور Change Password

• خروج کاربر پس از به‌روزرسانی رمز عبور و به‌روزرسانی پروفایل Logout user after password update and update profile

• محافظت از کامپوننت Protecting Component

NODEJS: ERROR Handling NODEJS: ERROR HANDLING

• نحوه رسیدگی به خطاها How to handle Errors

• کنترل کننده خطای داخلی Built In Error Handler

• مدیریت خطای میان افزار Middleware Error Handling

• مدیریت خطای همزمان Synchronous error handling

• رسیدگی به خطاهای ناهمزمان Handling Asynchronous Errors

پروژه: ساخت API با NEXTJS با MongoDB (اختیاری) PROJECT: BUILD API USING NEXTJS WITH MONGODB(Optional)

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ساخت API ساده با استفاده از Next JS با MongoDB Build Simple API Using Next JS With Mongodb

الگوی طراحی || MVC DESIGN PATTERN || MVC

• الگوهای طراحی چیست؟ What are design patterns?

• MVC چیست؟ What is an MVC?

• نحوه تعامل MVC How MVC Interact

• یکپارچه سازی الگوی طراحی MVC Integrating MVC Design Pattern

پروژه: تولیدکننده محتوای هوش مصنوعی ChatGPT MERN || بک‌اند PROJECT: CHATGPT MERN AI CONTENT GENERATOR || BACKEND

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• دموی پروژه Project Demo

• ایجاد سرور Express Creating Express Server

• مدل‌سازی داده Data Modelling

• کنترلر ثبت‌نام کاربر User Registration Controller

• تابع اتصال MongoDB MongoDB Connect Function

• میدل‌ور مدیریت خطا Error Handling Middleware

• کنترلر ورود کاربر Login User Controller

• تولید توکن با استفاده از JWT Generating Token Using JWT

• کنترلر خروج Logout controller

• کنترلر پروفایل کاربر User Profile Controller

• میدل‌ور IsAuthenticated IsAuthenticated Middleware

• دریافت کلید OpenAI (ChatGPT) Getting OPenAI Key (ChatGPT)

• کنترلر OpenAI برای تولید محتوا (ChatGPT) OpenAI Controller for Generating Content (ChatGPT)

• پیاده‌سازی اشتراک 3 روزه Implementing 3 Days Trial

• میدل‌ور محدودیت درخواست API API Request Limit Middleware

• ادغام پرداخت Stripe برای اشتراک Integrate Stripe Payment for Subscription

• مدیریت اشتراک رایگان Handle Free Subscription

• تأیید پرداخت Stripe Stripe Payment Verification

• توابع Node-Cron برای انقضای اشتراک Node-Cron Functions to expire subscription

• کنترلر بررسی احراز هویت کاربر Checking User authenticated Controller

تصاویر در ابر آپلود می شوند IMAGES UPLOAD TO CLOUD

• ایجاد سرور برای آپلود فایل Creating Server for file uploads

• پیکربندی Multer و Cloudinary برای آپلود تصاویر Configuring Multer and Cloudinary for images upload

• آپلود تصویر در Clodinary Upload Image to Cloudinary

• ذخیره تصاویر در MongoDB Saving Images into MongoDB

پروژه: تولیدکننده محتوای هوش مصنوعی ChatGPT MERN || فرانت‌اند PROJECT: CHATGPT MERN AI CONTENT GENERATOR || FRONTEND

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• نصب برنامه React و Tailwindcss React App and Tailwindcss installations

• نصب React Query React Query Installation

• نصب React Router Dom Installation of React Router Dom

• ثبت‌نام کاربر User Registration

• ورود کاربر Login User

• رندر کامپوننت‌های Home-Dashboard Render Home-Dashboard Components

• کانتکست احراز هویت Authentication Context

• خروج کاربر Logout User

• محافظت از کامپوننت Protecting Component

• داشبورد کاربر User Dashboard

• تولید محتوا با استفاده از ChatGPT Generating Content using ChatGPT

• مدیریت اشتراک‌های رایگان Handling Free Subscriptions

• اشتراک پرداخت Stripe بخش اول Stripe Payment Subscription Part 1

• اشتراک پرداخت Stripe بخش دوم Stripe Payment Subscription Part 2

• تأیید پرداخت Payment Verification

• نمایش تاریخچه تولید محتوا Display Content Generation History

توسعه FRONTEND با استفاده از REACT JS FRONTEND DEVELOPMENT USING REACT JS

• به ReactJS خوش آمدید Welcome to ReactJS

• ReactJS چیست؟ What's ReactJS?

• برنامه های SPA چیست؟ What are SPA Applications?

• راه اندازی محیط ها Setting up the environments

• نحوه ایجاد React Applications How to create React Applications

• پروژه React چگونه کار می کند How React Project works

• مروری بر JSX با نمونه کد JSX Overview with Code Examples

• 4 روش برای استفاده از CSS در React 4 Ways to use CSS in React

• یکپارچه سازی بوت استرپ | Tailwindcss را وارد React کنید Integration Bootstrap | Tailwindcss into React

• درک مولفه ها Understanding Components

• ایجاد کد نمایشی اجزاء Creating Components Demo Code

• سفارشی کردن اجزا با استفاده از Props Customising Components Using Props

• زمان تمرین اجزاء Components Practice Time

• ایالت ها چیست؟ What are states?

• معرفی useState برای مدیریت محلی محلی Introducing useState for local state management

• UseState Practice: Build Counter Project UseState Practice: Build Counter Project

• نمای کلی رندر فهرست List Rendering Overview

• مرور اجمالی UseEffect- ایجاد درخواست HTTP (عوارض جانبی) UseEffect Overview- Making HTTP Request (Side Effects)

• پروژه درخواست HTTP ساخت پروژه را تمرین کنید (USEEFECT) Practice Project-Making HTTP Request Project (USEEFFECT)

• بررسی اجمالی رسیدگی به فرم | کنترل شده و کنترل نشده Form handling Overview | Controlled & Uncontrolled

• فرم تمرین: فرم ثبت نام دانشجو FORM PRACTICE: Student Registration form

پروژه: مبدل ارز MERN PROJECT: MERN CURRENCY CONVERTER

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه مبدل ارز MERN Stack MERN Stack Currency Converter Project

REACT USECONTEXT API، USEREDUCER و DOM روتر REACT REACT USECONTEXT API , USEREDUCER & REACT ROUTER DOM

• درک UseContext API Understanding UseContext API

• آشنایی با UseReducer API Understanding UseReducer API

• USECONTEXT + USEREDUCER USECONTEXT + USEREDUCER

• React Router DOM For Navigation React Router DOM For Navigation

پروژه: API احراز هویت NodeJS PROJECT: NODEJS AUTHENTICATION API

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ساخت پروژه API احراز هویت NodeJS Build NodeJS Authentication API Project

REACT REDUX و REACT QUERY REACT REDUX & REACT QUERY

• Redux چیست؟ What's Redux?

• Redux Toolkit (RTK) چیست؟ Whats's Redux Toolkit (RTK)?

• Redux چگونه در React Application کار می کند How Redux Works in React Application

• برخی از اشکالات هنگام استفاده از Redux بدون React Query Some Drawbacks when using Redux without React Query

• React Query چگونه کار می کند و ویژگی های آن How Does React Query Works and It's Features

• Redux در مقابل React Query Redux vs React Query

• اصطلاحات مهم Redux و API ها/قلاب ها Important Redux Terminologies and APIs/Hooks

• ایجاد React Project + Package Installations Create React Project + Package Installations

• رندر قالب-اختیاری Templates Rendering-Optional

• Redux Store, Actions, Reducers Configurations Redux Store, Actions, Reducers Configurations

• React Query را پیکربندی کنید Configure React Query

• بررسی اجمالی React Query و ورود کاربر React Query Overview and Login User

• ارسال اقدام ورود به سیستم با استفاده از Redux Dispatch Login Action using Redux

• تداوم کاربر ورود به سیستم Persisting the Login User

• نمایش نوار ناوبری عمومی و خصوصی Showing Public and Private Navbar

• اقدام خروج - Redux Logout Action - Redux

• ثبت نام کاربر User Registration

• واکشی نمایه کاربر Fetching User Profile

پروژه: تایمر شمارش معکوس PROJECT: COUNT DOWN TIMER

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه تایمر شمارش معکوس COUNTDOWN TIMER PROJECT

پروژه: REACT JS پروژه: نمونه کارها PROJECT: REACT JS PROJECT: PORTFOLIO

• دمو و راه اندازی پروژه Project Demo and Setup

• کامپوننت نوار ناوبری Navbar Component

• Navbar CSS Navbar CSS

• کامپوننت هدر Header Component

• هدر CSS Header CSS

• جزء خدمات Services Component

• خدمات CSS Services CSS

• پرس و جو رسانه خدمات Services Media Query

• مؤلفه کار می کند Works Component

• CSS کار می کند Works CSS

• کامپوننت پاورقی Footer Component

• CSS پاورقی Footer CSS

پروژه || تولیدکننده تصویر OpenAI DALLE3 با استفاده از MERN STACK PROJECT || OPENAI DALLE3 IMAGE GENERATOR USING MERN STACK

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه تولیدکننده تصویر OpenAI Dalle3 با استفاده از MERN Stack OpenAI Dalle3 Image Generator Project using MERN Stack

GIT و GITHUB GIT AND GITHUB

• GitHub چیست؟ What is GitHub?

• تفاوت بین Git و GitHub Differences Between Git & GitHub

• نحوه نصب GIT How To Install GIT

• دستورات رایج GIT قسمت 1 Common GIT Commands Part 1

• دستورات رایج GIT قسمت 2 Common GIT Commands Part 2

• Git Branches توضیح داده شد Git Branches Explained

پروژه: GOOGLE GEMINI AI با MERN PROJECT: GOOGLE GEMINI AI WITH MERN

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ساخت پروژه MERN Stack AI با استفاده از Google Gemini AI Build MERN Stack AI Project using Google Gemini AI

پروژه: MERN STACK EXPENSES TRACKER PROJECT: MERN STACK EXPENSES TRACKER

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ساختار پوشه و مدل سازی داده ها Folder Structure and Data Modeling

• ثبت نام کاربر User Registration

• کنترل کننده ورود Login Controller

• رسیدگی به خطا Error Handling

• کنترلر نمایه کاربر و میان افزار تأیید شده است User Profile Controller and isAuthenticated Middleware

• تغییر رمز عبور، به‌روزرسانی کنترل‌کننده‌های نمایه و کد وضعیت خطا Change Password, Update Profile Controllers and Error StatusCode

• ایجاد و فهرست کردن دسته ها Create and List Categories

• کنترل کننده تراکنش را اضافه و فهرست می کند Add and Lists Transaction Controller

• فیلتر کردن معاملات Transactions Filtering

• به روز رسانی و حذف تراکنش Update and delete transaction

• به روز رسانی و حذف تراکنش Update and delete transaction

• برنامه React ایجاد کنید و همه بسته ها را نصب کنید Create React App and Install All Packages

• الگوهای رندرینگ Rendering Templates

• پیکربندی Redux Configuring Redux

• با استفاده از جهش React Query وارد شوید Login using React Query mutation

• با استفاده از جهش React Query وارد شوید Login using React Query mutation

• کاربر ورود مداوم با استفاده از Redux Persisting Login user using Redux

• نوار ناوبری خصوصی و اقدام خروج Private Navbar and Logout Action

• به روز رسانی نوار ناوبری هنگام ورود کاربر به سیستم Updating Navbar when user login-logout

• ثبت نام کاربر User Registration

• اضافه کردن دسته Add Category

• نمایش دسته ها Displaying Categories

• حذف و به روز رسانی دسته Delete and Update category

• افزودن تراکنش Adding Transaction

• نمایش معاملات Displaying of Transactions

• فیلتر معاملات Transaction Filtering

• محاسبه کل درآمد و هزینه به اضافه نصب ChartJS Calculating total Income and Expense plus ChartJS Installation

• داده ها و گزینه های ChartJS ChartJS Data and Options

• رمز عبور را تغییر دهید Change Password

• پس از به‌روزرسانی رمز عبور و به‌روزرسانی نمایه، از کاربر خارج شوید Logout user after password update and update profile

• مولفه حفاظتی Protecting Component

پروژه: چت‌بات هوش مصنوعی MERN با استفاده از OpenAI ChatGPT PROJECT: MERN AI CHATBOT USING OPENAI CHATGPT

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ساخت پروژه چت‌بات MERN Stack با استفاده از OpenAI Build MERN Stack Chatbot Project using OpenAI

پروژه: ساخت API با استفاده از NEXTJS با MONGODB (اختیاری) PROJECT: BUILD API USING NEXTJS WITH MONGODB(Optional)

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ساخت API ساده با استفاده از Next JS با Mongodb Build Simple API Using Next JS With Mongodb

پروژه: ارسال کننده ایمیل با استفاده از NODEJS PROJECT: EMAIL SENDER USING NODEJS

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ارسال کننده ایمیل با استفاده از NODEJS Email Sender using NODEJS

پروژه: CHATGPT MERN AI مولد محتوا || بازگشت PROJECT: CHATGPT MERN AI CONTENT GENERATOR || BACKEND

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• نسخه ی نمایشی پروژه Project Demo

• ایجاد سرور اکسپرس Creating Express Server

• مدل سازی داده ها Data Modelling

• کنترل کننده ثبت نام کاربر User Registration Controller

• تابع اتصال MongoDB MongoDB Connect Function

• خطا در مدیریت میان افزار Error Handling Middleware

• ورود به سیستم کنترل کاربر Login User Controller

• تولید توکن با استفاده از JWT Generating Token Using JWT

• کنترل کننده خروج Logout controller

• کنترلر پروفایل کاربری User Profile Controller

• میان افزار تایید شده است IsAuthenticated Middleware

• دریافت کلید OPenAI (ChatGPT) Getting OPenAI Key (ChatGPT)

• کنترلر OpenAI برای تولید محتوا (ChatGPT) OpenAI Controller for Generating Content (ChatGPT)

• اجرای آزمایشی 3 روزه Implementing 3 Days Trial

• API Request Limit Middleware API Request Limit Middleware

• پرداخت Stripe را برای اشتراک یکپارچه کنید Integrate Stripe Payment for Subscription

• اشتراک رایگان را مدیریت کنید Handle Free Subscription

• تأیید پرداخت خطی Stripe Payment Verification

• Node-Cron توابع برای انقضای اشتراک Node-Cron Functions to expire subscription

• بررسی کنترل کننده تأیید شده توسط کاربر Checking User authenticated Controller

پروژه: پروژه بازی تایپ PROJECT: TYPING GAME PROJECT

• الزامات | لطفاً حتماً بخوانید بسیار مهم!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه بازی تایپ Typing Game Project

پروژه: CHATGPT MERN AI مولد محتوا || جلو PROJECT: CHATGPT MERN AI CONTENT GENERATOR || FRONTEND

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• React App و نصب های Tailwindcss React App and Tailwindcss installations

• نصب React Query React Query Installation

• نصب React Router Dom Installation of React Router Dom

• ثبت نام کاربر User Registration

• ورود کاربر Login User

• مولفه های صفحه اصلی-داشبورد را رندر کنید Render Home-Dashboard Components

• زمینه احراز هویت Authentication Context

• خروج کاربر Logout User

• مولفه حفاظتی Protecting Component

• داشبورد کاربر User Dashboard

• تولید محتوا با استفاده از ChatGPT Generating Content using ChatGPT

• رسیدگی به اشتراک های رایگان Handling Free Subscriptions

• اشتراک پرداخت خطی قسمت 1 Stripe Payment Subscription Part 1

• اشتراک پرداخت خطی قسمت 2 Stripe Payment Subscription Part 2

• تأیید پرداخت Payment Verification

• نمایش تاریخچه تولید محتوا Display Content Generation History

ساخت ابزار تجزیه و تحلیل تصویر با API GPT-4o و NextJS (اختیاری) Building an Image Analyzer Tool with GPT-4o API and NextJS (OPTIONAL)

• ساخت ابزار تجزیه و تحلیل تصویر با API GPT-4o و Next.js Building an Image Analyzer Tool with GPT-4o API and Next.js

پروژه: مبدل ارز MERN PROJECT: MERN CURRENCY CONVERTER

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه مبدل ارز پشته ای MERN MERN Stack Currency Converter Project

پروژه: NODEJS AUTHENTICATION API PROJECT: NODEJS AUTHENTICATION API

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه API Authentication NodeJS را بسازید Build NodeJS Authentication API Project

پروژه: تایمر شمارش معکوس PROJECT: COUNT DOWN TIMER

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه تایمر شمارش معکوس COUNTDOWN TIMER PROJECT

پروژه || تولید کننده تصویر OPENAI DALLE3 با استفاده از MERN STACK PROJECT || OPENAI DALLE3 IMAGE GENERATOR USING MERN STACK

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه OpenAI Dalle3 Image Generator با استفاده از MERN Stack OpenAI Dalle3 Image Generator Project using MERN Stack

پروژه: GOOGLE GEMINI AI WITH MERN PROJECT: GOOGLE GEMINI AI WITH MERN

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه MERN Stack AI را با استفاده از هوش مصنوعی Google Gemini بسازید Build MERN Stack AI Project using Google Gemini AI

پروژه: ربات چت هوش مصنوعی MERN با استفاده از OPENAI CHATGPT PROJECT: MERN AI CHATBOT USING OPENAI CHATGPT

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• پروژه MERN Stack Chatbot را با استفاده از OpenAI بسازید Build MERN Stack Chatbot Project using OpenAI

پروژه: فرستنده ایمیل با استفاده از NODEJS PROJECT: EMAIL SENDER USING NODEJS

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• فرستنده ایمیل با استفاده از NODEJS Email Sender using NODEJS

پروژه: تایپ کردن پروژه بازی PROJECT: TYPING GAME PROJECT

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• تایپ بازی Project Typing Game Project

ساخت ابزار تجزیه و تحلیل تصویر با GPT-4o API و NextJS (اختیاری) Building an Image Analyzer Tool with GPT-4o API and NextJS (OPTIONAL)

• ساخت ابزار تجزیه و تحلیل تصویر با GPT-4o API و Next.js Building an Image Analyzer Tool with GPT-4o API and Next.js

پروژه: پروژه وبلاگ کامل: شروع به کار PROJECT : FULLSTACK BLOG PROJECT: GETTING STARTED

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• انواع برنامه های فول استک Types Of FullStack Applications

• مفاهیم و الزامات Concepts & Requirements

• منطق مدل سازی داده ها Data Modelling Logic

• راه های شروع توسعه یک پروژه Ways of Starting Developing a Project

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

• سرور ایجاد کنید Create Server

• تابع اتصال پایگاه داده Database Connection Function

• رشته اتصال MongoDB MongoDB Connection String

• متغیرهای محیطی Environment Variables

• برنامه های افزودنی VSCODE VSCODE Extensions

• MongoDB در VSCODE MongoDB in VSCODE

• مدل سازی داده ها Data Modeling

• مسیرهای ساختگی Dummy Routes

• تست نقاط پایانی با استفاده از Thunder Client Testing Endpoints Using Thunder Client

• مسیریابی سریع Express Routing

• الگوی طراحی MVC MVC Design Pattern

پروژه: پروژه BLOG FULLstack: فقط API کاربران - BACKEND PROJECT: FULLSTACK BLOG PROJECT: USERS API ONLY - BACKEND

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ثبت نام کاربر User Registration

• هش رمز عبور کاربر Hash User Password

• Login User API Login User API

• میان افزار کنترل کننده خطای جهانی Global Error Handler Middleware

• کنترل کننده خطای برنامه App Error Handler

• گرفتن خطاها Catching Errors

• احراز هویت: جلسه اکسپرس Authentication: Express Session

• احراز هویت: محافظت از میان افزار مسیر Authentication: Protecting Route Middleware

• احراز هویت: جلسه اکسپرس مداوم Authentication: Persisting Express Session

• API پروفایل کاربر User Profile API

• API جزئیات کاربر User Details API

• به‌روزرسانی API جزئیات کاربر Update User Details API

• به روز رسانی User Password API Update User Password API

• آپلود فایل - پیکربندی ابری File Upload- Cloudinary Configuration

• آپلود API تصویر نمایه Upload Profile Image API

• آپلود Cover Image API Upload Cover Image API

پروژه: پروژه BLOG FULLstack: فقط API نظرات - BACKEND PROJECT: FULLSTACK BLOG PROJECT: COMMENT API ONLY - BACKEND

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• ایجاد Comment API Create Comment API

• API پست را با نظرات پر کنید Populate Post With Comments API

• کاربر در حال حذف API نظرات خود User Deleting His Own Comment API

• Comment Update API Comment Update API

پروژه: پروژه بلاگ FULLstack: فقط API پست - BACKEND PROJECT: FULLSTACK BLOG PROJECT: POST API ONLY - BACKEND

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• Post API ایجاد کنید Create Post API

• ایجاد پست با Image API Create Post With Image API

• API پست‌های کاربر را پر کنید Populate User Posts API

• واکشی Single Post API Fetch Single Post API

• API همه پست‌ها را واکشی کنید Fetch All Posts API

• کاربر می تواند API پست خود را حذف کند User can Delete His Own Post API

• کاربر می تواند API پست خود را به روز کند User can Update His Own Post API

پروژه: FULLSTACK BLOG APP - FRONTEND PROJECT: FULLSTACK BLOG APP - FRONTEND

• الزامات | لطفاً باید بخوانید بسیار مهم است!!! REQUIREMENTS | PLEASE MUST READ VERY IMPORTANT!!!

• سرور را برای ارائه فایل های استاتیک پیکربندی کنید Configure Server To Serve Static Files

• صفحه اصلی را رندر کنید Render Home Page

• رندر فرم ورود Render Login Form

• رندر فرم ثبت نام Render Register Form

• رندر صفحه نمایه Render Profile Page

• رندر آپلود و فرم تصویر جلد Render Upload and Cover Image Form

• رندر به روز رسانی فرم کاربر Render Update User Form

• نوار ناوبری و پاورقی جزئی Navbar and Footer Partials

• ناوبری سمت مشتری Client-Side Navigation

• ثبت نام کاربر-Frontend User Registration-Frontend

• پس از ثبت نام تغییر مسیر دهید Redirect After Registration

• یک ظاهر طراحی شده فرم ثابت Fixed Form Styling

• نمایش پیام های خطا Display Error Messages

• ورود کاربر User Login

• سبک های CSS نمایه ثابت Fixed Profile CSS Styles

• نوار ناوبری عمومی و خصوصی Public And Private Navbar

• خروج کاربر Logout User

• آپلود عکس پروفایل Profile Photo Upload

• مشخصات کاربر User Profile Details

• تغییر مسیر و نمایش پیام خطا پس از آپلود تصویر نمایه Redirect& Display Error Message After Profile Image Upload

• صفحه غیر مجاز Unauthorised Page

• آپلود تصویر جلد کاربر Upload User Cover Image

• به روز رسانی پروفایل کاربری Update User Profile

• رمز عبور کاربر را به روز کنید Update User Password

• بهبود استایل برنامه Application Styling Improvement

• پر کردن پست های کاربر Populate User's Posts

• نمایش همه پست ها Display All Posts

• فرم ایجاد پست رندر Render Post Creation form

• ایجاد درخواست ارسال Create Post Request

• نمایش پیام های خطای پست Display Post Error Messages

• توضیحات پست را کوتاه کنید Truncate Post Descriptions

• صفحه جزئیات پست را رندر کنید Render Post Details Page

• نمایش جزئیات پست Display Post Details

• CSS پاورقی را بهبود دهید Improve Footer CSS

• جزئیات پست بهبود سبک Post Details Style Improvement

• استایل هدر و حذف و به‌روزرسانی نماد پست Header Styling and Delete & Update Post Icon

• شکل دادن به نمادهای اقدامات پست Styling Post Actions Icons

• حذف درخواست ارسال Delete Post Request

• پنهان کردن نماد حذف و به‌روزرسانی از کاربر غیرمجاز Hide Delete & Update Icon from Unauthorised User

• استایل جزئیات پست رفع شد Post Details Styling Fixed

• فرم به روز رسانی پست را رندر کنید Render Post Update Form

• به روز رسانی پست Update Post

• خطای ارسال به روز رسانی رفع شد Update Post Error Fixed

• ایجاد نظر Create Comment

• نمایش نظرات پست Display Post Comments

• پر کردن نظر با کاربر Populate Comment With User

• پس از ایجاد نظر تغییر مسیر دهید Redirect After Creating Comment

• یک ظاهر طراحی شده ثابت شده است Fixed Comment Styling

• حذف نظر Delete Comment

• پنهان کردن نمادهای حذف و به روز رسانی از نظرات کاربران غیرمجاز Hide Delete & Update Icons from Unauthorised User -Comments

• به روز رسانی نظر Update Comment