آموزش بوت کمپ توسعه وب Full Stack 2024 - MERN STACK

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

به روز رسانی دوره 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

پیش نمایش زنده همه پروژه ها ساخته خواهند شد 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

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

• بخش مقدمه Section Introduction

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

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

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

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

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

• نقشه راه توسعه 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

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

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

• اینترنت چگونه کار می کند 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->> به روز شده 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

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

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

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

مبانی 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

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

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

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

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

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

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

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

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

• موقعیت یابی چسبنده Sticky 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JS ADVANCED | برنامه نویسی ناهمزمان | وعده JS ADVANCED | ASYNCHRONOUS PROGRAMMING | PROMISE

• مروری بر وعده ها Promises Overview

• نمونه های کد وعده ها Promises Code Examples

• وعده های زنجیره ای Chaining Promises

• Promise.all و Promise.race Promise.all and Promise.race

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

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 BACKEND DEVELOPMENT: WHY NODEJS

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

• NodeJS چیست؟ What is NodeJS?

• اهمیت در توسعه وب مدرن Importance in modern web development

• موارد استفاده در صنعت Industry use-cases

توسعه پس زمینه با NODEJS: رابط خط فرمان BACKEND DEVELOPMENT WITH NODEJS: COMMANDLINE INTERFACE

• نمای کلی رابط خط فرمان (CLI). Command-line Interface (CLI) overview

• نمای اجمالی خط فرمان Command prompt oveview

• دستورات رایج پوسته Common Shell Commands

• تمرین دستورات شل معمولی! مهم است Common Shell Commands Practice !IMPORTANT

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)

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

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 با استفاده از 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

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

سرور و مسیریابی 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

درک میان افزارهای 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

ارائه و ارائه فایل‌های استاتیک (موتور قالب 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

پایگاه داده | 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

پایگاه داده | 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

پایگاه داده | عملیات و اپراتورهای نفت خام - 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

پایگاه داده | اعتبارسنجی MONGOOSE DATABASE | MONGOOSE VALIDATIONS

• اعتبار سنجی داخلی Built-in-Validators

• اعتبار سنجی سفارشی Custom Validations

• اعتبار سنجی شخص ثالث Third Party Validator

• تنظیم کننده ها و دریافت کننده ها Setters and Getters

پایگاه داده | مدل سازی داده ها در 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

احراز هویت و مجوز | احراز هویت مبتنی بر کوکی 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

احراز هویت و مجوز | بر اساس جلسه و JWT AUTHENTICATION & AUTHORIZATION | SESSION & JWT BASED

• احراز هویت مبتنی بر جلسه چگونه کار می کند How Session based Authentication Works

• احراز هویت مبتنی بر جلسه Session Based Authentication

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

• یکپارچه سازی JWT Integrating JWT

NODEJS: ERROR Handling NODEJS: ERROR HANDLING

• نحوه رسیدگی به خطاها How to handle Errors

• کنترل کننده خطای داخلی Built In Error Handler

• مدیریت خطای میان افزار Middleware Error Handling

• مدیریت خطای همزمان Synchronous error handling

• رسیدگی به خطاهای ناهمزمان Handling Asynchronous Errors

الگوی طراحی || MVC DESIGN PATTERN || MVC

• الگوهای طراحی چیست؟ What are design patterns?

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

• نحوه تعامل MVC How MVC Interact

• یکپارچه سازی الگوی طراحی MVC Integrating MVC Design Pattern

تصاویر در ابر آپلود می شوند 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

توسعه 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

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

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

پروژه: 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

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

پروژه: 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

پروژه: ساخت 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

پروژه: 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

پروژه: 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

پروژه: مبدل ارز 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