آموزش توسعه وب Full Stack مبتدی: HTML، CSS، React و Node

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

مقدمه ای بر توسعه وب Intro to Web Development

• مقدمه ای بر توسعه وب Intro to Web Development

• به گروه دانشجویی رایگان ما بپیوندید Join Our Free Student Group

• توسعه وب چیست؟ What is web development?

• به عنوان یک مبتدی از کجا شروع کنم؟ Where should I start as a beginner?

• HTML: ساختن اولین وب سایت شما HTML: Building Your First Website

• کارهایی که می توانید به عنوان یک توسعه دهنده وب انجام دهید What you can do as a web developer

• توسعه Frontend در مقابل Backend Frontend vs Backend development

• نصب IDE Installing an IDE

مقدمه ای بر توسعه وب Intro to Web Development

• مقدمه ای بر توسعه وب Intro to Web Development

• به گروه دانشجویی رایگان ما بپیوندید Join Our Free Student Group

• توسعه وب چیست؟ What is web development?

• به عنوان یک مبتدی از کجا شروع کنم؟ Where should I start as a beginner?

• HTML: ساختن اولین وب سایت شما HTML: Building Your First Website

• کارهایی که می توانید به عنوان یک توسعه دهنده وب انجام دهید What you can do as a web developer

• توسعه Frontend در مقابل Backend Frontend vs Backend development

• نصب IDE Installing an IDE

شروع کار با HTML Getting Started With HTML

• معرفی HTML، HEAD، BODY و HEADER Intro to HTML, HEAD, BODY, and HEADER

• HTML: فهرست‌ها، پاراگراف‌ها و استایل‌سازی متن HTML: Lists, Paragraphs, and Text Styling

• HTML: نمایش داده ها با جداول HTML: Displaying Data With Tables

• HTML: تصاویر و فرم ها HTML: Images & Forms

شروع کار با HTML Getting Started With HTML

• معرفی HTML، HEAD، BODY و HEADER Intro to HTML, HEAD, BODY, and HEADER

• HTML: فهرست‌ها، پاراگراف‌ها و استایل‌سازی متن HTML: Lists, Paragraphs, and Text Styling

• HTML: نمایش داده ها با جداول HTML: Displaying Data With Tables

• HTML: تصاویر و فرم ها HTML: Images & Forms

مقدمه ای بر CSS Introduction to CSS

• CSS چیست؟ What is CSS?

• نحوه استفاده از CSS داخلی، داخلی و خارجی How to use Inline, Internal and External CSS

• CSS: انتخابگرهای عنصر، شناسه و کلاس CSS: Element, ID & Class Selectors

• CSS: رنگ ها CSS: Colors

• CSS: پس‌زمینه‌ها و مرزها CSS: Backgrounds & Borders

• امتحان - مبانی CSS Quiz - CSS Basics

• استفاده از ابزارهای بازرس مرورگر Using browser inspector tools

• CSS: ترکیب کننده ها CSS: Combinators

• CSS: گروه بندی CSS: Grouping

• CSS: Specificity CSS: Specificity

• تسلط خاص Specificity Domination

مقدمه ای بر CSS Introduction to CSS

• CSS چیست؟ What is CSS?

• نحوه استفاده از CSS داخلی، داخلی و خارجی How to use Inline, Internal and External CSS

• CSS: انتخابگرهای عنصر، شناسه و کلاس CSS: Element, ID & Class Selectors

• CSS: رنگ ها CSS: Colors

• CSS: پس‌زمینه‌ها و مرزها CSS: Backgrounds & Borders

• امتحان - مبانی CSS Quiz - CSS Basics

• استفاده از ابزارهای بازرس مرورگر Using browser inspector tools

• CSS: ترکیب کننده ها CSS: Combinators

• CSS: گروه بندی CSS: Grouping

• CSS: Specificity CSS: Specificity

• تسلط خاص Specificity Domination

CSS متوسط Intermediate CSS

• CSS: یک ظاهر طراحی و قالب بندی متن CSS: Text Styling & Formatting

• CSS: فونت های گوگل CSS: Google Fonts

• CSS: تصاویر CSS: Images

• CSS: Padding & Margin CSS: Padding & Margin

• CSS: ردیف و ستون CSS: Rows & Columns

• امتحان: CSS متوسط Quiz: Intermediate CSS

CSS متوسط Intermediate CSS

• CSS: یک ظاهر طراحی و قالب بندی متن CSS: Text Styling & Formatting

• CSS: فونت های گوگل CSS: Google Fonts

• CSS: تصاویر CSS: Images

• CSS: Padding & Margin CSS: Padding & Margin

• CSS: ردیف و ستون CSS: Rows & Columns

• امتحان: CSS متوسط Quiz: Intermediate CSS

CSS پیشرفته: ساخت و طراحی وب سایت Advanced CSS: Building and styling website

• CSS: مقدمه ای برای ساخت اولین وب سایت شما! CSS: Intro to building your first Website!

• CSS: ساخت نوار ناوبری CSS: Building the Navbar

• CSS: پاسخگو کردن نوار نوار موبایل - قسمت 1 CSS: Making the Navbar Mobile Responsive - Part 1

• CSS: پاسخگو کردن نوار نوار موبایل - قسمت 2 CSS: Making the Navbar Mobile Responsive - Part 2

• CSS: ایجاد گروه فرم CSS: Creating the Form Group

• CSS: کار با iframe CSS: Working with iframes

• CSS: کار با تصاویر و سایه های جعبه CSS: Working with images and box shadows

• CSS: کار با فاصله متن و تصویر CSS: Working with text and image spacing

• CSS: ساخت فوتر CSS: Building the footer

CSS پیشرفته: ساخت و طراحی وب سایت Advanced CSS: Building and styling website

• CSS: مقدمه ای برای ساخت اولین وب سایت شما! CSS: Intro to building your first Website!

• CSS: ساخت نوار ناوبری CSS: Building the Navbar

• CSS: پاسخگو کردن نوار نوار موبایل - قسمت 1 CSS: Making the Navbar Mobile Responsive - Part 1

• CSS: پاسخگو کردن نوار نوار موبایل - قسمت 2 CSS: Making the Navbar Mobile Responsive - Part 2

• CSS: ایجاد گروه فرم CSS: Creating the Form Group

• CSS: کار با iframe CSS: Working with iframes

• CSS: کار با تصاویر و سایه های جعبه CSS: Working with images and box shadows

• CSS: کار با فاصله متن و تصویر CSS: Working with text and image spacing

• CSS: ساخت فوتر CSS: Building the footer

کامپیوتر و کد Computers & Code

• کامپیوترها چگونه کار می کنند How Computers Work

• درک باینری Understanding Binary

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

• Heap vs Stack Heap vs Stack

• درک هگزادسیمال Understanding hexadecimal

• متغیرها و ظرفیت ذخیره سازی Variables & storage capacity

• امتحان: کامپیوتر و کد Quiz: Computers & Code

کامپیوتر و کد Computers & Code

• کامپیوترها چگونه کار می کنند How Computers Work

• درک باینری Understanding Binary

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

• Heap vs Stack Heap vs Stack

• درک هگزادسیمال Understanding hexadecimal

• متغیرها و ظرفیت ذخیره سازی Variables & storage capacity

• امتحان: کامپیوتر و کد Quiz: Computers & Code

آموزش کدنویسی با جاوا اسکریپت Learning to Code With Javascript

• زمان جاوا اسکریپت است Time to Javascript

• مرجع جاوا اسکریپت Javascript Reference

• جاوا اسکریپت: نظرات و نحوه پیوند دادن اسکریپت ها Javascript: Comments & How to Link Scripts

• جاوا اسکریپت: متغیرها و رشته ها Javascript: Variables & Strings

• جاوا اسکریپت: اعداد Javascript: Numbers

• جاوا اسکریپت: عملگرهای مقایسه Javascript: Comparison Operators

• جاوا اسکریپت: عملگرهای منطقی Javascript: Logical Operators

• جاوا اسکریپت: آرایه ها Javascript: Arrays

• جاوا اسکریپت: حلقه ها Javascript: Loops

• جاوا اسکریپت: توابع Javascript: Functions

• جاوا اسکریپت: اشیاء Javascript: Objects

• جاوا اسکریپت: Bind Javascript: Bind

• ماشین حساب درصد - تنظیم فرم Percentage Calculator - Setting Up the Form

• ماشین حساب درصد - گرفتن عناصر با جاوا اسکریپت Percentage Calculator - Grabbing Elements With Javascript

• ماشین حساب درصد - با استفاده از شنوندگان رویداد Percentage Calculator - Using Event Listeners

• محاسبه‌گر درصد - الگوریتم و جلوگیری از پیش‌فرض Percentage Calculator - Algorithm & Prevent Default

آموزش کدنویسی با جاوا اسکریپت Learning to Code With Javascript

• زمان جاوا اسکریپت است Time to Javascript

• مرجع جاوا اسکریپت Javascript Reference

• جاوا اسکریپت: نظرات و نحوه پیوند دادن اسکریپت ها Javascript: Comments & How to Link Scripts

• جاوا اسکریپت: متغیرها و رشته ها Javascript: Variables & Strings

• جاوا اسکریپت: اعداد Javascript: Numbers

• جاوا اسکریپت: عملگرهای مقایسه Javascript: Comparison Operators

• جاوا اسکریپت: عملگرهای منطقی Javascript: Logical Operators

• جاوا اسکریپت: آرایه ها Javascript: Arrays

• جاوا اسکریپت: حلقه ها Javascript: Loops

• جاوا اسکریپت: توابع Javascript: Functions

• جاوا اسکریپت: اشیاء Javascript: Objects

• جاوا اسکریپت: Bind Javascript: Bind

• ماشین حساب درصد - تنظیم فرم Percentage Calculator - Setting Up the Form

• ماشین حساب درصد - گرفتن عناصر با جاوا اسکریپت Percentage Calculator - Grabbing Elements With Javascript

• ماشین حساب درصد - با استفاده از شنوندگان رویداد Percentage Calculator - Using Event Listeners

• محاسبه‌گر درصد - الگوریتم و جلوگیری از پیش‌فرض Percentage Calculator - Algorithm & Prevent Default

کنترل نسخه با Git Version Control With Git

• کنترل نسخه چگونه کار می کند How Version Control Works

• مبانی ترمینال macOS macOS Terminal Basics

• Git Basics Git Basics

• راه اندازی Github در macOS Setting up Github on macOS

• Github در مقابل Bitbucket Github vs Bitbucket

• مخازن محلی و از راه دور Local & Remote Repositories

• کار از طریق تضادهای ادغام Git Working Through Git Merge Conflicts

کنترل نسخه با Git Version Control With Git

• کنترل نسخه چگونه کار می کند How Version Control Works

• مبانی ترمینال macOS macOS Terminal Basics

• Git Basics Git Basics

• راه اندازی Github در macOS Setting up Github on macOS

• Github در مقابل Bitbucket Github vs Bitbucket

• مخازن محلی و از راه دور Local & Remote Repositories

• کار از طریق تضادهای ادغام Git Working Through Git Merge Conflicts

مقدمه ای بر بوت استرپ 4 Introduction to Bootstrap 4

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

• دانلود Bootstrap 4 Downloading Bootstrap 4

• بوت استرپ 4: راه اندازی پروژه Bootstrap 4: Project Setup

• Bootstrap 4: مروری بر اجزای Bootstraps Bootstrap 4: Overview of Bootstraps Components

• Bootstrap 4: درک کلاس های Bootstraps Bootstrap 4: Understanding Bootstraps Classes

• بوت استرپ 4: استفاده از سیستم گرید Bootstrap 4: Using the Grid System

مقدمه ای بر بوت استرپ 4 Introduction to Bootstrap 4

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

• دانلود Bootstrap 4 Downloading Bootstrap 4

• بوت استرپ 4: راه اندازی پروژه Bootstrap 4: Project Setup

• Bootstrap 4: مروری بر اجزای Bootstraps Bootstrap 4: Overview of Bootstraps Components

• Bootstrap 4: درک کلاس های Bootstraps Bootstrap 4: Understanding Bootstraps Classes

• بوت استرپ 4: استفاده از سیستم گرید Bootstrap 4: Using the Grid System

بوت استرپ 4: ایجاد پورتال ورود Bootstrap 4: Creating a Login Portal

• کارت های بوت استرپ 4: ایجاد جعبه پورتال ورود به سیستم Bootstrap 4 Cards: Creating the Sign-in Portal Box

• Bootstrap 4 Forms: افزودن فیلدهای ورودی Bootstrap 4 Forms: Adding the input fields

• دکمه های Bootstrap 4: افزودن دکمه ورود به سیستم و برچسب ها Bootstrap 4 Buttons: Adding the Sign In button and Labels

• Bootstrap 4 Grids - Finishing Mobile Compatibility Bootstrap 4 Grids - Finishing Mobile Compatibility

بوت استرپ 4: ایجاد پورتال ورود Bootstrap 4: Creating a Login Portal

• کارت های بوت استرپ 4: ایجاد جعبه پورتال ورود به سیستم Bootstrap 4 Cards: Creating the Sign-in Portal Box

• Bootstrap 4 Forms: افزودن فیلدهای ورودی Bootstrap 4 Forms: Adding the input fields

• دکمه های Bootstrap 4: افزودن دکمه ورود به سیستم و برچسب ها Bootstrap 4 Buttons: Adding the Sign In button and Labels

• Bootstrap 4 Grids - Finishing Mobile Compatibility Bootstrap 4 Grids - Finishing Mobile Compatibility

Bootstrap 4: Skate or Die Website Bootstrap 4: Skate or Die Website

• Bootstrap 4: Skate or Die Intro Bootstrap 4: Skate or Die Intro

• Bootstrap 4: کار با Navbars Bootstrap 4: Working with Navbars

• بوت استرپ 4: استفاده از چرخ فلک Bootstrap 4: Using Carousels

• بوت استرپ 4: تودرتو سطرها و ستون ها Bootstrap 4: Nesting rows and columns

• Bootstrap 4: Modals Bootstrap 4: Modals

• بوت استرپ 4: افزودن تصاویر و دکمه ها Bootstrap 4: Adding images and buttons

• Bootstrap 4: Sizing Modals Bootstrap 4: Sizing Modals

• Bootstrap 4: Building the Footer Bootstrap 4: Building the Footer

• Bootstrap 4: کار با Font Awesome Favicon Bootstrap 4: Working with Font Awesome Favicons

Bootstrap 4: Skate or Die Website Bootstrap 4: Skate or Die Website

• Bootstrap 4: Skate or Die Intro Bootstrap 4: Skate or Die Intro

• Bootstrap 4: کار با Navbars Bootstrap 4: Working with Navbars

• بوت استرپ 4: استفاده از چرخ فلک Bootstrap 4: Using Carousels

• بوت استرپ 4: تودرتو سطرها و ستون ها Bootstrap 4: Nesting rows and columns

• Bootstrap 4: Modals Bootstrap 4: Modals

• بوت استرپ 4: افزودن تصاویر و دکمه ها Bootstrap 4: Adding images and buttons

• Bootstrap 4: Sizing Modals Bootstrap 4: Sizing Modals

• Bootstrap 4: Building the Footer Bootstrap 4: Building the Footer

• Bootstrap 4: کار با Font Awesome Favicon Bootstrap 4: Working with Font Awesome Favicons

معرفی فلکس باکس Intro to Flexbox

• فلکس باکس چیست؟ What is flexbox?

• اصول فلکس باکس Flexbox fundamentals

• امتحان: اصول Flexbox Quiz: Flexbox Basics

• معرفی صفحه فرود flexbox Intro to flexbox landing page

• ساخت نوار ناوبری: قسمت 1 Building the navbar: Part 1

• ساخت نوار ناوبری: قسمت 2 Building the navbar: Part 2

• کاربردی کردن منوی کشویی Making the dropdown menu functional

• طراحی نوار ناوبری برای موبایل Designing the navbar for mobile

• ایجاد هدر صفحه فرود Creating the landing page header

• ساخت بخش خدمات Building the Services section

• ایجاد اولین شئ رسانه ای Creating the first Media Object

• سفارش فلکس باکس Flexbox ordering

• اضافه کردن دکمه نقل قول Adding the Quote button

• طراحی شی پورتفولیو Designing the portfolio object

• سازگار کردن شی نمونه کارها با موبایل Making the portfolio object mobile compatible

• سازگار کردن Media Objects با موبایل Making Media Objects mobile compatible

• ایجاد فرم تماس Creating the contact form

• سازگار کردن فرم تماس با موبایل Making the contact form mobile compatible

معرفی فلکس باکس Intro to Flexbox

• فلکس باکس چیست؟ What is flexbox?

• اصول فلکس باکس Flexbox fundamentals

• امتحان: اصول Flexbox Quiz: Flexbox Basics

• معرفی صفحه فرود flexbox Intro to flexbox landing page

• ساخت نوار ناوبری: قسمت 1 Building the navbar: Part 1

• ساخت نوار ناوبری: قسمت 2 Building the navbar: Part 2

• کاربردی کردن منوی کشویی Making the dropdown menu functional

• طراحی نوار ناوبری برای موبایل Designing the navbar for mobile

• ایجاد هدر صفحه فرود Creating the landing page header

• ساخت بخش خدمات Building the Services section

• ایجاد اولین شئ رسانه ای Creating the first Media Object

• سفارش فلکس باکس Flexbox ordering

• اضافه کردن دکمه نقل قول Adding the Quote button

• طراحی شی پورتفولیو Designing the portfolio object

• سازگار کردن شی نمونه کارها با موبایل Making the portfolio object mobile compatible

• سازگار کردن Media Objects با موبایل Making Media Objects mobile compatible

• ایجاد فرم تماس Creating the contact form

• سازگار کردن فرم تماس با موبایل Making the contact form mobile compatible

شبکه های CSS CSS Grids

• ظروف طرح بندی شبکه ای Grid Layout Containers

• آیتم های طرح بندی شبکه ای Grid Layout Items

• تمرین: ردیف ها و ستون ها Exercise: Rows and Columns

• نواحی چیدمان کمربند Gird Layout Areas

• وب سایت Grid Layouts: قسمت 1 Grid Layouts Website: Part 1

• وب سایت Grid Layouts: قسمت 2 Grid Layouts Website: Part 2

• تمرین: چیدمان گالری سنگ تراشی Exercise: Masonry Gallery Layout

• آزمون شبکه CSS CSS Grid Quiz

شبکه های CSS CSS Grids

• ظروف طرح بندی شبکه ای Grid Layout Containers

• آیتم های طرح بندی شبکه ای Grid Layout Items

• تمرین: ردیف ها و ستون ها Exercise: Rows and Columns

• نواحی چیدمان کمربند Gird Layout Areas

• وب سایت Grid Layouts: قسمت 1 Grid Layouts Website: Part 1

• وب سایت Grid Layouts: قسمت 2 Grid Layouts Website: Part 2

• تمرین: چیدمان گالری سنگ تراشی Exercise: Masonry Gallery Layout

• آزمون شبکه CSS CSS Grid Quiz

ساس مبتدی Beginner Sass

• معرفی Sass Intro to Sass

• ساس چیست؟ What is Sass?

• نحوه نصب Sass و کامپایل آن در CSS How to install Sass and compile it to CSS

• اولین وب سایت Sass شما! Your FIRST Sass Website!

• ساسی هستی؟ Are you Sassy?

• ابزارهای مختلف برای کامپایل Sass Different tools to compile Sass

• چگونه Sass خود را ساختار دهید How to structure your Sass

• Sass Partials: قوانین سبک های قابل حفظ Sass Partials: Maintainable Styles Rules

• Sass Variables and Imports: یک Stylesheet مقیاس پذیر تمیز ایجاد کنید Sass Variables and Imports: Create a clean Scalable Stylesheet

• Sass Mixins: صرفه جویی در زمان و سبک بازیافت Sass Mixins: Save time & recycle styles

• Sass Extends: خصوصیات سبک را بین انتخابگرهای دیگر به اشتراک بگذارید Sass Extends: Share style properties between other selectors

• پروژه نهایی: معرفی صفحه فرود ما Final Project: Intro to our Landing Page

• پروژه نهایی: تنظیم متغیرهای ما Final Project: Setting up our Variables

• پروژه نهایی: استایل کردن نوار ناوبر با Sass Final Project: Styling our Navbar with Sass

• پروژه نهایی: ایجاد کانتینر بنر Final Project: Creating the Banner Container

• پروژه نهایی: افزودن محتوا به ظرف بنر ما Final Project: Adding Content to our Banner Container

• پروژه نهایی: انجام پاکسازی سریع در فایل های Sass ما Final Project: Doing some quick cleanup in our Sass files

• پروژه نهایی: با استفاده از روش Extend Final Project: Using the Extend method

• پروژه نهایی: طراحی یک تقسیم کننده بخش با Sass Final Project: Styling a section splitter with Sass

• پروژه نهایی: استفاده از میکس های پیشرفته Final Project: Using advanced Mixins

• پروژه نهایی: طراحی کانتینر بعدی با Sass Final Project: Styling the next Container with Sass

• پروژه نهایی: پایان صفحه فرود ما، تبریک! Final Project: Finishing our Landing Page, Congrats!

ساس مبتدی Beginner Sass

• معرفی Sass Intro to Sass

• ساس چیست؟ What is Sass?

• نحوه نصب Sass و کامپایل آن در CSS How to install Sass and compile it to CSS

• اولین وب سایت Sass شما! Your FIRST Sass Website!

• ساسی هستی؟ Are you Sassy?

• ابزارهای مختلف برای کامپایل Sass Different tools to compile Sass

• چگونه Sass خود را ساختار دهید How to structure your Sass

• Sass Partials: قوانین سبک های قابل حفظ Sass Partials: Maintainable Styles Rules

• Sass Variables and Imports: یک Stylesheet مقیاس پذیر تمیز ایجاد کنید Sass Variables and Imports: Create a clean Scalable Stylesheet

• Sass Mixins: صرفه جویی در زمان و سبک بازیافت Sass Mixins: Save time & recycle styles

• Sass Extends: خصوصیات سبک را بین انتخابگرهای دیگر به اشتراک بگذارید Sass Extends: Share style properties between other selectors

• پروژه نهایی: معرفی صفحه فرود ما Final Project: Intro to our Landing Page

• پروژه نهایی: تنظیم متغیرهای ما Final Project: Setting up our Variables

• پروژه نهایی: استایل کردن نوار ناوبر با Sass Final Project: Styling our Navbar with Sass

• پروژه نهایی: ایجاد کانتینر بنر Final Project: Creating the Banner Container

• پروژه نهایی: افزودن محتوا به ظرف بنر ما Final Project: Adding Content to our Banner Container

• پروژه نهایی: انجام پاکسازی سریع در فایل های Sass ما Final Project: Doing some quick cleanup in our Sass files

• پروژه نهایی: با استفاده از روش Extend Final Project: Using the Extend method

• پروژه نهایی: طراحی یک تقسیم کننده بخش با Sass Final Project: Styling a section splitter with Sass

• پروژه نهایی: استفاده از میکس های پیشرفته Final Project: Using advanced Mixins

• پروژه نهایی: طراحی کانتینر بعدی با Sass Final Project: Styling the next Container with Sass

• پروژه نهایی: پایان صفحه فرود ما، تبریک! Final Project: Finishing our Landing Page, Congrats!

نحوه تنظیم هاست برای برنامه های وب خود How to Set Up Hosting For Your Web Apps

• میزبانی وب Web Hosting

• ایجاد سرور Creating a server

• دسترسی به سرور شما Accessing your server

• نصب Nginx Installing Nginx

• ایجاد کلیدهای SSH سرور Creating server SSH Keys

• آپلود فایل ها روی سرور شما Uploading files to your server

• راه اندازی دامنه Setting up a domain

• مرحله آخر: پیکربندی Nginx Final Step: Configuring Nginx

نحوه تنظیم هاست برای برنامه های وب خود How to Set Up Hosting For Your Web Apps

• میزبانی وب Web Hosting

• ایجاد سرور Creating a server

• دسترسی به سرور شما Accessing your server

• نصب Nginx Installing Nginx

• ایجاد کلیدهای SSH سرور Creating server SSH Keys

• آپلود فایل ها روی سرور شما Uploading files to your server

• راه اندازی دامنه Setting up a domain

• مرحله آخر: پیکربندی Nginx Final Step: Configuring Nginx

معرفی Node، Mongo، و APIهای REST Intro to Node, Mongo, & REST APIs

• درک درخواست های وب Understanding Web Requests

• نصب Node در macOS Installing Node on macOS

• همه چیز درباره JSON All About JSON

• مبانی Node Basics of Node

• ماژول های گره Node Modules

• ساختن اولین API شما Building Your First API

• پستچی، دریافت و ارسال درخواست ها Postman, GET & POST Requests

• پارامترهای URL و حذف درخواست ها URL Parameters & Delete Requests

• نصب MongoDB در macOS Installing MongoDB on macOS

• کار با پوسته مونگو Working With the Mongo Shell

• جستجو برای اسناد Searching for Documents

• حذف و مستندات Deletions & Documentation

• Swag Shop API: Project Creation Swag Shop API: Project Creation

• Swag Shop API: ایجاد مدل ها Swag Shop API: Creating the Models

• Swag Shop API: ارسال محصولات Swag Shop API: Posting Products

• Swag Shop API: Fetching Products Swag Shop API: Fetching Products

• Swag Shop API: Populating Data Swag Shop API: Populating Data

معرفی Node، Mongo، و APIهای REST Intro to Node, Mongo, & REST APIs

• درک درخواست های وب Understanding Web Requests

• نصب Node در macOS Installing Node on macOS

• همه چیز درباره JSON All About JSON

• مبانی Node Basics of Node

• ماژول های گره Node Modules

• ساختن اولین API شما Building Your First API

• پستچی، دریافت و ارسال درخواست ها Postman, GET & POST Requests

• پارامترهای URL و حذف درخواست ها URL Parameters & Delete Requests

• نصب MongoDB در macOS Installing MongoDB on macOS

• کار با پوسته مونگو Working With the Mongo Shell

• جستجو برای اسناد Searching for Documents

• حذف و مستندات Deletions & Documentation

• Swag Shop API: Project Creation Swag Shop API: Project Creation

• Swag Shop API: ایجاد مدل ها Swag Shop API: Creating the Models

• Swag Shop API: ارسال محصولات Swag Shop API: Posting Products

• Swag Shop API: Fetching Products Swag Shop API: Fetching Products

• Swag Shop API: Populating Data Swag Shop API: Populating Data

مقدمه ای برای React Intro to React

• Swag Shop: راه اندازی React Tooling Swag Shop: Setting Up React Tooling

• Swag Shop: نصب بوت استرپ Swag Shop: Installing Bootstrap

• Swag Shop: راه اندازی API Swag Shop: Setting Up the API

• Swag Shop: ایجاد یک سرویس HTTP Swag Shop: Creating a HTTP Service

• Swag Shop: Promises With ES6 & React Swag Shop: Promises With ES6 & React

• Swag Shop: Components in React - محصول وب سایت Swag Shop: Components in React - Website Product

• Swag Shop: Props در React Swag Shop: Props in React

• Swag Shop: کار با State در React Swag Shop: Working With State in React

• Swag Shop: ایجاد کامپوننت Wishlist Swag Shop: Creating a WishList Component

• Swag Shop: ایجاد یک سرویس داده Singleton Swag Shop: Building a Singleton Data Service

• Swag Shop: ایجاد یک سرویس اطلاع رسانی Swag Shop: Creating a Notification Service

• Swag Shop: ارسال اعلان‌ها برای React Components Swag Shop: Posting Notifications to React Components

• Swag Shop: مشاهده اعلان ها در React Swag Shop: Observing Notifications in React

• Swag Shop: تکمیل برنامه Full Stack React ما Swag Shop: Finishing Our Full Stack React App

مقدمه ای برای React Intro to React

• Swag Shop: راه اندازی React Tooling Swag Shop: Setting Up React Tooling

• Swag Shop: نصب بوت استرپ Swag Shop: Installing Bootstrap

• Swag Shop: راه اندازی API Swag Shop: Setting Up the API

• Swag Shop: ایجاد یک سرویس HTTP Swag Shop: Creating a HTTP Service

• Swag Shop: Promises With ES6 & React Swag Shop: Promises With ES6 & React

• Swag Shop: Components in React - محصول وب سایت Swag Shop: Components in React - Website Product

• Swag Shop: Props در React Swag Shop: Props in React

• Swag Shop: کار با State در React Swag Shop: Working With State in React

• Swag Shop: ایجاد کامپوننت Wishlist Swag Shop: Creating a WishList Component

• Swag Shop: ایجاد یک سرویس داده Singleton Swag Shop: Building a Singleton Data Service

• Swag Shop: ایجاد یک سرویس اطلاع رسانی Swag Shop: Creating a Notification Service

• Swag Shop: ارسال اعلان‌ها برای React Components Swag Shop: Posting Notifications to React Components

• Swag Shop: مشاهده اعلان ها در React Swag Shop: Observing Notifications in React

• Swag Shop: تکمیل برنامه Full Stack React ما Swag Shop: Finishing Our Full Stack React App

جایزه Bonus

• جایزه نهایی Final Bonus

جایزه Bonus

• جایزه نهایی Final Bonus