آموزش بوت کمپ توسعه وب Fullstack نهایی 2023

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

شروع کار در این بوت کمپ Getting started in this bootcamp

• نحوه راه اندازی این بوت کمپ How this bootcamp is setup

• سوالات متداول Commonly asked questions

• گروه انحصاری فقط برای اعضای Bootcamp The Bootcamp members-only exclusive group

شروع کار در این بوت کمپ Getting started in this bootcamp

• نحوه راه اندازی این بوت کمپ How this bootcamp is setup

• سوالات متداول Commonly asked questions

• گروه انحصاری فقط برای اعضای Bootcamp The Bootcamp members-only exclusive group

اصول توسعه وب Web Development Fundamentals

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

• نحوه ورود به توسعه وب How to get into web development

• برای ورود به توسعه وب چه چیزی لازم است؟ What does it take to get into web development?

• ابزارهای توسعه وب Web development tools

• نحوه ایجاد وب سایت ها How websites are created

• برنامه نویسی Frontend در مقابل Backend Frontend vs. backend coding

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

• کار با تیم ها Working with teams

• منبع باز چیست؟ What is open source?

• چرخ را دوباره اختراع نکنید، از منبع باز استفاده کنید! Don't reinvent the wheel, leverage open source!

• پروژه شما: شروع به کار با اولین خط کد Your Project: Getting started with your first line of code

اصول توسعه وب Web Development Fundamentals

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

• نحوه ورود به توسعه وب How to get into web development

• برای ورود به توسعه وب چه چیزی لازم است؟ What does it take to get into web development?

• ابزارهای توسعه وب Web development tools

• نحوه ایجاد وب سایت ها How websites are created

• برنامه نویسی Frontend در مقابل Backend Frontend vs. backend coding

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

• کار با تیم ها Working with teams

• منبع باز چیست؟ What is open source?

• چرخ را دوباره اختراع نکنید، از منبع باز استفاده کنید! Don't reinvent the wheel, leverage open source!

• پروژه شما: شروع به کار با اولین خط کد Your Project: Getting started with your first line of code

درک نحوه کار وب سایت ها، نگاهی اجمالی به چرخه عمر درخواست/پاسخ Understanding how websites work, a glimpse into the request/response lifecycle

• کار مرورگر چیست؟ What is a browsers job?

• مرورگر شما چه کار می کند؟ What does your browser do?

• درخواست های وب چیست؟ What are web requests?

• چرخه عمر درخواست The request lifecycle

• پاسخ های سرور چیست؟ What are server responses?

• تفسیر HTML، CSS و جاوا اسکریپت Interpreting HTML, CSS, and JavaScript

• مشاهده درخواست ها و پاسخ های شما Viewing your requests and responses

• پروژه شما Your project

درک نحوه کار وب سایت ها، نگاهی اجمالی به چرخه عمر درخواست/پاسخ Understanding how websites work, a glimpse into the request/response lifecycle

• کار مرورگر چیست؟ What is a browsers job?

• مرورگر شما چه کار می کند؟ What does your browser do?

• درخواست های وب چیست؟ What are web requests?

• چرخه عمر درخواست The request lifecycle

• پاسخ های سرور چیست؟ What are server responses?

• تفسیر HTML، CSS و جاوا اسکریپت Interpreting HTML, CSS, and JavaScript

• مشاهده درخواست ها و پاسخ های شما Viewing your requests and responses

• پروژه شما Your project

VS Code 101: یک ویرایشگر کد زیبا VS Code 101: A beautiful code editor

• دانلود VS Code Downloading VS Code

• پیدا کردن یک موضوع خوب Finding a nice theme

• نمادهای تم زیبا Nice theme icons

• پسوندهای عالی VS Code Awesome VS Code extensions

• چگونه هر روز از VS Code استفاده می کنم How I use VS Code every day

• حرکت در VS Code Moving around VS Code

• میانبرها و کلیدهای میانبر Shortcuts and hotkeys

• مدیریت فایل ها در ویرایشگر Managing files in your editor

• دیدگاه های مختلف Different views

• نحوه استفاده موثر از جستجو How to effectively use search

• تایپ در چند مکان Typing in multiple places

• پروژه شما Your project

VS Code 101: یک ویرایشگر کد زیبا VS Code 101: A beautiful code editor

• دانلود VS Code Downloading VS Code

• پیدا کردن یک موضوع خوب Finding a nice theme

• نمادهای تم زیبا Nice theme icons

• پسوندهای عالی VS Code Awesome VS Code extensions

• چگونه هر روز از VS Code استفاده می کنم How I use VS Code every day

• حرکت در VS Code Moving around VS Code

• میانبرها و کلیدهای میانبر Shortcuts and hotkeys

• مدیریت فایل ها در ویرایشگر Managing files in your editor

• دیدگاه های مختلف Different views

• نحوه استفاده موثر از جستجو How to effectively use search

• تایپ در چند مکان Typing in multiple places

• پروژه شما Your project

HTML 101: راهنمای مبتدیان برای کدنویسی HTML 101: A beginners guide to coding

• HTML چیست؟ What is HTML?

• در حال راه اندازی Getting setup

• نحو HTML HTML syntax

• ساختار پایه The base structure

• عنوان صفحات Page titles

• پاراگراف ها و سرفصل ها Paragraphs and headings

• فضای خالی مهم نیست Whitespace doesn't matter

• تودرتو عناصر HTML Nesting HTML elements

• پررنگ، ایتالیک و زیرخط Bold, italics, and underlines

• عنصر div The div element

• عناصر بلوک در مقابل عناصر درون خطی Block elements vs. inline elements

• لینک دادن به صفحات دیگر Linking to other pages

• باز کردن لینک ها در پنجره های جدید Opening links in new windows

• افزودن تصاویر Adding images

• پیوند دادن یک تصویر به صفحه وب دیگر Linking an image to other web page

• قوانین افقی و شکستگی خط Horizontal rules and line breaks

• نظرات HTML HTML comments

• لیست نقاط گلوله Bullet point lists

• مقدمه ای بر CSS: تگ های CSS Introduction to CSS: CSS tags

• مقدمه ای بر جاوا اسکریپت: تگ های اسکریپت Introduction to JavaScript: Script tags

• به اشتراک گذاری کد با CodePen Sharing code with CodePen

• یافتن پشتیبانی اضافی Finding extra support

• آزمون HTML 101 HTML 101 Quiz

• پروژه نهایی شما Your final project

HTML 101: راهنمای مبتدیان برای کدنویسی HTML 101: A beginners guide to coding

• HTML چیست؟ What is HTML?

• در حال راه اندازی Getting setup

• نحو HTML HTML syntax

• ساختار پایه The base structure

• عنوان صفحات Page titles

• پاراگراف ها و سرفصل ها Paragraphs and headings

• فضای خالی مهم نیست Whitespace doesn't matter

• تودرتو عناصر HTML Nesting HTML elements

• پررنگ، ایتالیک و زیرخط Bold, italics, and underlines

• عنصر div The div element

• عناصر بلوک در مقابل عناصر درون خطی Block elements vs. inline elements

• لینک دادن به صفحات دیگر Linking to other pages

• باز کردن لینک ها در پنجره های جدید Opening links in new windows

• افزودن تصاویر Adding images

• پیوند دادن یک تصویر به صفحه وب دیگر Linking an image to other web page

• قوانین افقی و شکستگی خط Horizontal rules and line breaks

• نظرات HTML HTML comments

• لیست نقاط گلوله Bullet point lists

• مقدمه ای بر CSS: تگ های CSS Introduction to CSS: CSS tags

• مقدمه ای بر جاوا اسکریپت: تگ های اسکریپت Introduction to JavaScript: Script tags

• به اشتراک گذاری کد با CodePen Sharing code with CodePen

• یافتن پشتیبانی اضافی Finding extra support

• آزمون HTML 101 HTML 101 Quiz

• پروژه نهایی شما Your final project

HTML 201: HTML سطح متوسط HTML 201: Intermediate level HTML

• دیگر خط کشی نمی شود No more underlines

• لینک های داخلی Internal links

• فاویکون ها Favicons

• مسیریابی Pathing

• معرفی جداول Introduction to tables

• ردیف ها و سلول های جدول Table rows and cells

• ادغام سلول ها و ردیف های جدول Merging table cells and rows

• عرض جدول و سلول Table and cell widths

• سرفصل های جدول Table headers

• CSS درون خطی Inline CSS

• کلاس های HTML HTML classes

• شناسه های HTML HTML ID's

• قالب بندی کد Code formatting

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

• مقدمه ای بر فرم ها Introduction to forms

• عناصر ورودی Input elements

• Textareas Textareas

• دکمه ها Buttons

• منوهای کشویی Dropdown menus

• جاسازی ویدیوها Embedding videos

• آزمون HTML 201 HTML 201 Quiz

• پروژه شما Your Project

• منابع HTML5 و کتاب الکترونیکی HTML5 resources & e-book

HTML 201: HTML سطح متوسط HTML 201: Intermediate level HTML

• دیگر خط کشی نمی شود No more underlines

• لینک های داخلی Internal links

• فاویکون ها Favicons

• مسیریابی Pathing

• معرفی جداول Introduction to tables

• ردیف ها و سلول های جدول Table rows and cells

• ادغام سلول ها و ردیف های جدول Merging table cells and rows

• عرض جدول و سلول Table and cell widths

• سرفصل های جدول Table headers

• CSS درون خطی Inline CSS

• کلاس های HTML HTML classes

• شناسه های HTML HTML ID's

• قالب بندی کد Code formatting

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

• مقدمه ای بر فرم ها Introduction to forms

• عناصر ورودی Input elements

• Textareas Textareas

• دکمه ها Buttons

• منوهای کشویی Dropdown menus

• جاسازی ویدیوها Embedding videos

• آزمون HTML 201 HTML 201 Quiz

• پروژه شما Your Project

• منابع HTML5 و کتاب الکترونیکی HTML5 resources & e-book

CSS 101: راهنمای مبتدیان برای وب سایت های زیبا CSS 101: A beginners guide to beautiful websites

• CSS چیست؟ What is CSS?

• CSS چگونه کار می کند؟ How does CSS work?

• نمای کلی نحو CSS CSS syntax overview

• نحوه نوشتن CSS درون خطی How to write inline CSS

• نحوه نوشتن CSS داخلی How to write internal CSS

• معرفی انتخابگرهای CSS CSS selectors introduction

• انتخابگرهای عنصر نوشتن Writing element selectors

• انتخابگرهای کلاس نوشتن Writing class selectors

• انتخاب عناصر با شناسه آنها Selecting elements by their ID

• انتخابگرهای CSS گروه بندی شده Grouped CSS selectors

• انتخاب عناصر تو در تو با استفاده از CSS Selecting nested elements using CSS

• چگونه کد خود را نظر دهید How to comment out your code

• کار با رنگ های مختلف متن Working with different text colors

• کار با انواع رنگ های مختلف Working with different color types

• اعمال یک ظاهر طراحی به حالت های مختلف پیوند Applying styling to different link states

• نحوه تغییر اندازه فونت How to change font sizes

• نگاهی اجمالی به انواع مختلف اندازه گیری A glimpse into different measurement types

• نحوه تغییر رنگ پس زمینه How to change your background colors

• چگونه تصاویر را به پس زمینه خود اضافه کنید How to add images to your backgrounds

• مفیدترین ابزاری که می توانید استفاده کنید: ابزارهای توسعه دهنده The most useful tool you can use: the developer tools

• تغییر چینش متن: چپ، مرکز یا راست Changing your text alignment: left, center or right

• افزودن مرزها به عناصر شما Adding borders to your elements

• نحوه اضافه کردن یک حاشیه گرد How to add a rounded border

• حیاتی: انواع مختلف نمایشگر Vital: Different display types

• تغییر عرض پیش فرض یک عنصر Changing the default width of an element

• نحوه تغییر ارتفاع پیش فرض یک عنصر How to change the default height of an element

• افزودن سایه های جعبه برای یک عنصر چشم نواز Adding box shadows for an eye-popping element

• بالشتک: فاصله عناصر داخلی Padding: the internal element spacing

• حاشیه: فاصله عناصر خارجی Margin: the external element spacing

• نحوه تنظیم حداکثر عرض روی یک عنصر How to set a maximum width on an element

• چگونه عناصر را شفاف کنیم How to make elements see-through

• انتقال کد خود به یک فایل خارجی Moving your code to an external file

• چگونه عناصر خود را مانند یک مقاله روزنامه شناور کنیم How to float your elements like a newspaper article

• امتحان CSS 101 CSS 101 Quiz

• یادداشتی در مورد این پروژه A note about this project

• پروژه نهایی شما Your final project

CSS 101: راهنمای مبتدیان برای وب سایت های زیبا CSS 101: A beginners guide to beautiful websites

• CSS چیست؟ What is CSS?

• CSS چگونه کار می کند؟ How does CSS work?

• نمای کلی نحو CSS CSS syntax overview

• نحوه نوشتن CSS درون خطی How to write inline CSS

• نحوه نوشتن CSS داخلی How to write internal CSS

• معرفی انتخابگرهای CSS CSS selectors introduction

• انتخابگرهای عنصر نوشتن Writing element selectors

• انتخابگرهای کلاس نوشتن Writing class selectors

• انتخاب عناصر با شناسه آنها Selecting elements by their ID

• انتخابگرهای CSS گروه بندی شده Grouped CSS selectors

• انتخاب عناصر تو در تو با استفاده از CSS Selecting nested elements using CSS

• چگونه کد خود را نظر دهید How to comment out your code

• کار با رنگ های مختلف متن Working with different text colors

• کار با انواع رنگ های مختلف Working with different color types

• اعمال یک ظاهر طراحی به حالت های مختلف پیوند Applying styling to different link states

• نحوه تغییر اندازه فونت How to change font sizes

• نگاهی اجمالی به انواع مختلف اندازه گیری A glimpse into different measurement types

• نحوه تغییر رنگ پس زمینه How to change your background colors

• چگونه تصاویر را به پس زمینه خود اضافه کنید How to add images to your backgrounds

• مفیدترین ابزاری که می توانید استفاده کنید: ابزارهای توسعه دهنده The most useful tool you can use: the developer tools

• تغییر چینش متن: چپ، مرکز یا راست Changing your text alignment: left, center or right

• افزودن مرزها به عناصر شما Adding borders to your elements

• نحوه اضافه کردن یک حاشیه گرد How to add a rounded border

• حیاتی: انواع مختلف نمایشگر Vital: Different display types

• تغییر عرض پیش فرض یک عنصر Changing the default width of an element

• نحوه تغییر ارتفاع پیش فرض یک عنصر How to change the default height of an element

• افزودن سایه های جعبه برای یک عنصر چشم نواز Adding box shadows for an eye-popping element

• بالشتک: فاصله عناصر داخلی Padding: the internal element spacing

• حاشیه: فاصله عناصر خارجی Margin: the external element spacing

• نحوه تنظیم حداکثر عرض روی یک عنصر How to set a maximum width on an element

• چگونه عناصر را شفاف کنیم How to make elements see-through

• انتقال کد خود به یک فایل خارجی Moving your code to an external file

• چگونه عناصر خود را مانند یک مقاله روزنامه شناور کنیم How to float your elements like a newspaper article

• امتحان CSS 101 CSS 101 Quiz

• یادداشتی در مورد این پروژه A note about this project

• پروژه نهایی شما Your final project

CSS 201: CSS سطح متوسط CSS 201: Intermediate level CSS

• ویژگی نمایش The display property

• مهم: مدل جعبه IMPORTANT: The box model

• خطوط کلی: مرزهای اطراف مرزها Outlines: Borders around borders

• نحوه اضافه کردن سایه به متن How to add shadows to text

• تحمیل حداقل عرض بر روی یک عنصر Forcing a minimum width on an element

• آشنایی با موقعیت های CSS Introduction to CSS positions

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

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

• موقعیت ثابت (مانند هدر) Fixed positioning (like headers)

• موقعیت چسبنده (مانند هدرهای مدرن) Sticky positioning (like modern headers)

• کنترل متن سرریز Controlling overflowing text

• مرکز کردن عناصر بلوک در وسط صفحه Centering block elements in the middle of the page

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

• معرفی شبه انتخابگرها Introduction to pseudo selectors

• انتخابگرهای شبه: شروع به کار Pseudo selectors: getting started

• مقدمه ای بر شبه عناصر Introduction to pseudo elements

• عناصر شبه قبل و بعد The before and after pseudo elements

• تغییر حرف اول و خط اول با استفاده از عناصر شبه Changing the first letter and first line using pseudo elements

• برجسته کردن متن با انتخاب Highlighting text with selection

• نحوه اضافه کردن انتقال های صاف How to add smooth transitions

• نحوه اضافه کردن پس زمینه گرادیان How to add gradient backgrounds

• نحوه لایه بندی پس زمینه ها و گرادیان ها با هم How to layer backgrounds and gradients together

• نحوه استفاده از فونت های وب سفارشی How to use custom web fonts

• تحولات چیست؟ What are transformations?

• نحوه ساخت انیمیشن با استفاده از CSS How to make animations using CSS

• Flexbox: نوع جدیدی از صفحه آرایی Flexbox: the new kind of page layout

• Grid: سرزمین موعود صفحه آرایی Grid: the promised land of page layouts

• امتحان CSS 201 CSS 201 Quiz

• پروژه نهایی شما Your final project

CSS 201: CSS سطح متوسط CSS 201: Intermediate level CSS

• ویژگی نمایش The display property

• مهم: مدل جعبه IMPORTANT: The box model

• خطوط کلی: مرزهای اطراف مرزها Outlines: Borders around borders

• نحوه اضافه کردن سایه به متن How to add shadows to text

• تحمیل حداقل عرض بر روی یک عنصر Forcing a minimum width on an element

• آشنایی با موقعیت های CSS Introduction to CSS positions

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

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

• موقعیت ثابت (مانند هدر) Fixed positioning (like headers)

• موقعیت چسبنده (مانند هدرهای مدرن) Sticky positioning (like modern headers)

• کنترل متن سرریز Controlling overflowing text

• مرکز کردن عناصر بلوک در وسط صفحه Centering block elements in the middle of the page

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

• معرفی شبه انتخابگرها Introduction to pseudo selectors

• انتخابگرهای شبه: شروع به کار Pseudo selectors: getting started

• مقدمه ای بر شبه عناصر Introduction to pseudo elements

• عناصر شبه قبل و بعد The before and after pseudo elements

• تغییر حرف اول و خط اول با استفاده از عناصر شبه Changing the first letter and first line using pseudo elements

• برجسته کردن متن با انتخاب Highlighting text with selection

• نحوه اضافه کردن انتقال های صاف How to add smooth transitions

• نحوه اضافه کردن پس زمینه گرادیان How to add gradient backgrounds

• نحوه لایه بندی پس زمینه ها و گرادیان ها با هم How to layer backgrounds and gradients together

• نحوه استفاده از فونت های وب سفارشی How to use custom web fonts

• تحولات چیست؟ What are transformations?

• نحوه ساخت انیمیشن با استفاده از CSS How to make animations using CSS

• Flexbox: نوع جدیدی از صفحه آرایی Flexbox: the new kind of page layout

• Grid: سرزمین موعود صفحه آرایی Grid: the promised land of page layouts

• امتحان CSS 201 CSS 201 Quiz

• پروژه نهایی شما Your final project

CSS 301: طراحی وب سایت واکنش گرا CSS 301: Responsive web design

• عنصر متا viewport The viewport meta element

• نحو پرس و جو رسانه Media query syntax

• mobile-first چیست؟ What is mobile-first?

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

• تعبیه‌های پاسخگو Responsive embeds

• پرس و جوهای چند رسانه ای Multiple media queries

• ساخت یک چیدمان واکنشگرا Making a responsive layout

• امتحان CSS 301 CSS 301 Quiz

• پروژه شما Your project

• منابع CSS و کتاب الکترونیکی CSS resources & e-book

CSS 301: طراحی وب سایت واکنش گرا CSS 301: Responsive web design

• عنصر متا viewport The viewport meta element

• نحو پرس و جو رسانه Media query syntax

• mobile-first چیست؟ What is mobile-first?

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

• تعبیه‌های پاسخگو Responsive embeds

• پرس و جوهای چند رسانه ای Multiple media queries

• ساخت یک چیدمان واکنشگرا Making a responsive layout

• امتحان CSS 301 CSS 301 Quiz

• پروژه شما Your project

• منابع CSS و کتاب الکترونیکی CSS resources & e-book

جاوا اسکریپت 101: راهنمای مبتدیان برای برنامه نویسی جاوا اسکریپت JavaScript 101: A beginners guide to JavaScript programming

• با خط اول جاوا اسکریپت دست های خود را کثیف کنید Getting your hands dirty with your first line of JavaScript

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

• شما به یک ویرایشگر متن نیاز دارید You need a text editor

• زمین های بازی کدگذاری شخصی شما Your personal coding playgrounds

• نحو جاوا اسکریپت JavaScript syntax

• ورود به سیستم کنسول Console logging

• اشکال زدایی فایل های خارجی Debugging external files

• ذخیره سازی داده ها در متغیرها Storing data in variables

• انواع متغیر Let و Const Let and Const variable types

• رمزگذاری نظرات Coding comments

• عملگرهای جاوا اسکریپت JavaScript operators

• ساختارهای داده Data structures

• اظهارات مشروط Conditional statements

• مدل شیء سند (DOM) The Document Object Model (The DOM)

• انتخاب عناصر با شناسه آنها Selecting elements by their IDs

• اشیاء جاوا اسکریپت JavaScript objects

• روش های رشته ای String methods

• ابهام زدایی از انواع داده ها Demystifying data types

• ارسال انواع داده Casting data types

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

• اعداد جاوا اسکریپت JavaScript numbers

• آرایه های جاوا اسکریپت JavaScript arrays

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

• انتخاب چندین گره DOM Selecting multiple DOM nodes

• توابع: اصل DRY Functions: The DRY principle

• توابع: استفاده مجدد از کد Functions: Re-using code

• توابع: اپراتور بقیه Functions: The rest operator

• اشیاء با توابع Objects with functions

• آزمون جاوا اسکریپت 101 JavaScript 101 Quiz

• پروژه نهایی Final project

جاوا اسکریپت 101: راهنمای مبتدیان برای برنامه نویسی جاوا اسکریپت JavaScript 101: A beginners guide to JavaScript programming

• با خط اول جاوا اسکریپت دست های خود را کثیف کنید Getting your hands dirty with your first line of JavaScript

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

• شما به یک ویرایشگر متن نیاز دارید You need a text editor

• زمین های بازی کدگذاری شخصی شما Your personal coding playgrounds

• نحو جاوا اسکریپت JavaScript syntax

• ورود به سیستم کنسول Console logging

• اشکال زدایی فایل های خارجی Debugging external files

• ذخیره سازی داده ها در متغیرها Storing data in variables

• انواع متغیر Let و Const Let and Const variable types

• رمزگذاری نظرات Coding comments

• عملگرهای جاوا اسکریپت JavaScript operators

• ساختارهای داده Data structures

• اظهارات مشروط Conditional statements

• مدل شیء سند (DOM) The Document Object Model (The DOM)

• انتخاب عناصر با شناسه آنها Selecting elements by their IDs

• اشیاء جاوا اسکریپت JavaScript objects

• روش های رشته ای String methods

• ابهام زدایی از انواع داده ها Demystifying data types

• ارسال انواع داده Casting data types

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

• اعداد جاوا اسکریپت JavaScript numbers

• آرایه های جاوا اسکریپت JavaScript arrays

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

• انتخاب چندین گره DOM Selecting multiple DOM nodes

• توابع: اصل DRY Functions: The DRY principle

• توابع: استفاده مجدد از کد Functions: Re-using code

• توابع: اپراتور بقیه Functions: The rest operator

• اشیاء با توابع Objects with functions

• آزمون جاوا اسکریپت 101 JavaScript 101 Quiz

• پروژه نهایی Final project

جاوا اسکریپت 201: جاوا اسکریپت سطح متوسط JavaScript 201: Intermediate level JavaScript

• چگونه به خوبی به کد خود استایل بدهید How to nicely style your code

• در حال انتظار برای بارگیری صفحه Waiting for the page to load

• وقتی صفحه رفرش می شود When the page is refreshed

• مقایسه های دقیق Strict comparisons

• محدوده متغیر جاوا اسکریپت JavaScript variable scoping

• بالا بردن متغیر جاوا اسکریپت JavaScript variable hoisting

• بسته شدن جاوا اسکریپت چیست؟ What are JavaScript closures?

• توابع پاسخ به تماس: کدی که بعد از کد شما اجرا می شود Callback functions: code that runs after your code

• حالت سخت: مزایای نوشتن جاوا اسکریپت سختگیرانه Strict mode: benefits to writing strict JavaScript

• رویدادهای زمان بندی شده با فاصله زمانی و فواصل زمانی Timed events with timeouts and intervals

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

• قالب بندی تاریخ در جاوا اسکریپت Date formatting in JavaScript

• تخریب آرایه ها و اشیا Destructuring arrays and objects

• حذف خصوصیات شی Deleting object properties

• ریاضی جاوا اسکریپت مناسب Proper JavaScript math

• تولید اعداد تصادفی در جاوا اسکریپت Generating random numbers in JavaScript

• بازی بساز! بازی حدس زدن اعداد تصادفی Make a game! A random number guessing game

• به خوبی خطاها را با تلاش/گرفتن/در نهایت مدیریت کنید Gracefully handling errors with try/catch/finally

• بیایید در مورد کلمه کلیدی «این» و همه جادوی آن صحبت کنیم Let's talk about the `this` keyword and all it's magic

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

• کلاس های جاوا اسکریپت (اشیاء کلاس) JavaScript classes (class objects)

• روش سازنده کلاس جاوا اسکریپت JavaScript class constructor method

• JSON چیست؟ What is JSON?

• آژاکس چیست؟ What is Ajax?

• واکشی API The fetch API

• آزمون جاوا اسکریپت 201 JavaScript 201 Quiz

• پروژه شما Your project

• منابع جاوا اسکریپت و کتاب های الکترونیکی JavaScript resources & e-books

جاوا اسکریپت 201: جاوا اسکریپت سطح متوسط JavaScript 201: Intermediate level JavaScript

• چگونه به خوبی به کد خود استایل بدهید How to nicely style your code

• در حال انتظار برای بارگیری صفحه Waiting for the page to load

• وقتی صفحه رفرش می شود When the page is refreshed

• مقایسه های دقیق Strict comparisons

• محدوده متغیر جاوا اسکریپت JavaScript variable scoping

• بالا بردن متغیر جاوا اسکریپت JavaScript variable hoisting

• بسته شدن جاوا اسکریپت چیست؟ What are JavaScript closures?

• توابع پاسخ به تماس: کدی که بعد از کد شما اجرا می شود Callback functions: code that runs after your code

• حالت سخت: مزایای نوشتن جاوا اسکریپت سختگیرانه Strict mode: benefits to writing strict JavaScript

• رویدادهای زمان بندی شده با فاصله زمانی و فواصل زمانی Timed events with timeouts and intervals

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

• قالب بندی تاریخ در جاوا اسکریپت Date formatting in JavaScript

• تخریب آرایه ها و اشیا Destructuring arrays and objects

• حذف خصوصیات شی Deleting object properties

• ریاضی جاوا اسکریپت مناسب Proper JavaScript math

• تولید اعداد تصادفی در جاوا اسکریپت Generating random numbers in JavaScript

• بازی بساز! بازی حدس زدن اعداد تصادفی Make a game! A random number guessing game

• به خوبی خطاها را با تلاش/گرفتن/در نهایت مدیریت کنید Gracefully handling errors with try/catch/finally

• بیایید در مورد کلمه کلیدی «این» و همه جادوی آن صحبت کنیم Let's talk about the `this` keyword and all it's magic

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

• کلاس های جاوا اسکریپت (اشیاء کلاس) JavaScript classes (class objects)

• روش سازنده کلاس جاوا اسکریپت JavaScript class constructor method

• JSON چیست؟ What is JSON?

• آژاکس چیست؟ What is Ajax?

• واکشی API The fetch API

• آزمون جاوا اسکریپت 201 JavaScript 201 Quiz

• پروژه شما Your project

• منابع جاوا اسکریپت و کتاب های الکترونیکی JavaScript resources & e-books

Bootstrap 101: Bootstrap 5 برای مبتدیان و یادگیری نحوه خواندن اسناد Bootstrap 101: Bootstrap 5 for beginners and learning how to read documentation

• شروع و نصب بوت استرپ 5 Getting started and installing Bootstrap 5

• مقدمه ای بر آب و برق Introduction to utilities

• مرزهای بوت استرپ Bootstrap borders

• طرح های رنگی Color schemes

• کلاس های مختلف نمایش Different display classes

• ابزارهای فلکس باکس Flexbox utilities

• عناصر شناور Floating elements

• روی تعامل کلیک کنید Click interactions

• متن سرریز Overflowing text

• ابزارهای موقعیت Position utilities

• افزودن سایه ها Adding shadows

• ابزارهای حاشیه و بالشتک Margin and padding utilities

• مدیریت تبدیل متن Managing text transformations

• چیدمان عمودی Vertical alignment

• قابلیت مشاهده در بوت استرپ 5 Visibility in Bootstrap 5

• بوت استرپ 5 نقطه شکست پیش فرض Bootstrap 5 default breakpoints

• متن بوت استرپ Bootstrap text

• ظروف Containers

• سیستم شبکه بوت استرپ 5 Bootstrap 5's grid system

• ناودان توری Grid gutters

• کامپوننت های سرگرم کننده بوت استرپ 5 Fun Bootstrap 5 components

• آزمون بوت استرپ 101 Bootstrap 101 Quiz

• پروژه شما Your project

Bootstrap 101: Bootstrap 5 برای مبتدیان و یادگیری نحوه خواندن اسناد Bootstrap 101: Bootstrap 5 for beginners and learning how to read documentation

• شروع و نصب بوت استرپ 5 Getting started and installing Bootstrap 5

• مقدمه ای بر آب و برق Introduction to utilities

• مرزهای بوت استرپ Bootstrap borders

• طرح های رنگی Color schemes

• کلاس های مختلف نمایش Different display classes

• ابزارهای فلکس باکس Flexbox utilities

• عناصر شناور Floating elements

• روی تعامل کلیک کنید Click interactions

• متن سرریز Overflowing text

• ابزارهای موقعیت Position utilities

• افزودن سایه ها Adding shadows

• ابزارهای حاشیه و بالشتک Margin and padding utilities

• مدیریت تبدیل متن Managing text transformations

• چیدمان عمودی Vertical alignment

• قابلیت مشاهده در بوت استرپ 5 Visibility in Bootstrap 5

• بوت استرپ 5 نقطه شکست پیش فرض Bootstrap 5 default breakpoints

• متن بوت استرپ Bootstrap text

• ظروف Containers

• سیستم شبکه بوت استرپ 5 Bootstrap 5's grid system

• ناودان توری Grid gutters

• کامپوننت های سرگرم کننده بوت استرپ 5 Fun Bootstrap 5 components

• آزمون بوت استرپ 101 Bootstrap 101 Quiz

• پروژه شما Your project

jQuery 101: jQuery برای مبتدیان jQuery 101: jQuery for beginners

• جی کوئری چیست و چرا آن را یاد بگیریم؟ What is jQuery and why learn it?

• نصب jQuery در وب سایت شما Installing jQuery on your website

• نحو jQuery jQuery syntax

• انتخابگرهای جی کوئری jQuery selectors

• تغییر HTML با جی کوئری Changing HTML with jQuery

• تغییر متن با جی کوئری Changing text with jQuery

• نحوه بدست آوردن مقادیر فرم How to get form values

• نحوه اضافه کردن یا اضافه کردن عناصر HTML How to append or prepend HTML elements

• نحوه اضافه کردن HTML قبل یا بعد از یک عنصر How to add HTML before or after an element

• حذف عناصر از DOM Deleting elements from the DOM

• حذف عناصر کودک Deleting child elements

• روی شنوندگان رویداد کلیک کنید Click event listeners

• شنوندگان رویداد را شناور کنید Hover event listeners

• شنوندگان رویداد Keyup Keyup event listeners

• شنوندگان رویداد را متمرکز کنید Focus event listeners

• شنوندگان رویداد را محو کنید Blur event listeners

• شنوندگان رویداد ارسال فرم Form submission event listeners

• چگونه عناصر را پنهان کنیم How to hide elements

• نحوه نمایش عناصر How to show elements

• نحوه اضافه کردن کلاس های CSS How to add CSS classes

• نحوه حذف کلاس های CSS How to remove CSS classes

• چگونه کلاس های CSS را تغییر دهیم How to toggle CSS classes

• افزودن CSS سفارشی به عناصر Adding custom CSS to elements

• محو شدن و محو شدن Fading in and fading out

• تغییر حالت محو و نمایش Toggling fades and displays

• به سمت بالا بلغزانید و به پایین بروید Slide up and slide down

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

• ساخت انیمیشن با جی کوئری Making animations with jQuery

• ابعاد عرض Width dimensions

• تغییر اندازه پنجره Resizing the window

• حلقه زدن عناصر با jQuery Looping through elements with jQuery

• نحوه تغییر ویژگی های عنصر How to change element attributes

• درخواست های Ajax GET Ajax GET requests

• درخواست های Ajax POST Ajax POST requests

• جی کوئری 101: آزمون jQuery 101: Quiz

• پروژه شما Your project

• منابع جی کوئری و کتاب الکترونیکی jQuery resources & e-book

jQuery 101: jQuery برای مبتدیان jQuery 101: jQuery for beginners

• جی کوئری چیست و چرا آن را یاد بگیریم؟ What is jQuery and why learn it?

• نصب jQuery در وب سایت شما Installing jQuery on your website

• نحو jQuery jQuery syntax

• انتخابگرهای جی کوئری jQuery selectors

• تغییر HTML با جی کوئری Changing HTML with jQuery

• تغییر متن با جی کوئری Changing text with jQuery

• نحوه بدست آوردن مقادیر فرم How to get form values

• نحوه اضافه کردن یا اضافه کردن عناصر HTML How to append or prepend HTML elements

• نحوه اضافه کردن HTML قبل یا بعد از یک عنصر How to add HTML before or after an element

• حذف عناصر از DOM Deleting elements from the DOM

• حذف عناصر کودک Deleting child elements

• روی شنوندگان رویداد کلیک کنید Click event listeners

• شنوندگان رویداد را شناور کنید Hover event listeners

• شنوندگان رویداد Keyup Keyup event listeners

• شنوندگان رویداد را متمرکز کنید Focus event listeners

• شنوندگان رویداد را محو کنید Blur event listeners

• شنوندگان رویداد ارسال فرم Form submission event listeners

• چگونه عناصر را پنهان کنیم How to hide elements

• نحوه نمایش عناصر How to show elements

• نحوه اضافه کردن کلاس های CSS How to add CSS classes

• نحوه حذف کلاس های CSS How to remove CSS classes

• چگونه کلاس های CSS را تغییر دهیم How to toggle CSS classes

• افزودن CSS سفارشی به عناصر Adding custom CSS to elements

• محو شدن و محو شدن Fading in and fading out

• تغییر حالت محو و نمایش Toggling fades and displays

• به سمت بالا بلغزانید و به پایین بروید Slide up and slide down

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

• ساخت انیمیشن با جی کوئری Making animations with jQuery

• ابعاد عرض Width dimensions

• تغییر اندازه پنجره Resizing the window

• حلقه زدن عناصر با jQuery Looping through elements with jQuery

• نحوه تغییر ویژگی های عنصر How to change element attributes

• درخواست های Ajax GET Ajax GET requests

• درخواست های Ajax POST Ajax POST requests

• جی کوئری 101: آزمون jQuery 101: Quiz

• پروژه شما Your project

• منابع جی کوئری و کتاب الکترونیکی jQuery resources & e-book

React.js 101: React.js برای مبتدیان React.js 101: React.js for beginners

• React.js چیست؟ What is React.js?

• نصب Node.js و npm Installing Node.js and npm

• شروع یک پروژه جدید Starting a new project

• نحو واکنش نشان می دهد React syntax

• واردات قطعات Importing components

• نحو JSX JSX syntax

• اولین مؤلفه React.js شما Your first React.js component

• کار با ابزار React.js Working with React.js props

• رویدادهای کلیک React.js React.js click events

• اضافه کردن حالت به اجزای خود Adding state to your components

• جزء جنگ ستارگان Star Wars Component

• کدگذاری شبه Pseudo coding

• یک رویداد کلیکی جدید React.js A new React.js click event

• حالت ذخیره در مؤلفه جدید شما Storing state on your new component

• دستورات React.js IF React.js IF statements

• اولین درخواست API مبتنی بر React شما Your first React-based API request

• تصادفی کردن شخصیت های خود Randomizing your characters

• ایجاد لینک از متن Creating links from text

• نحوه حلقه زدن در React.js (نقشه برداری) How to loop in React.js (mapping)

• React 101: Quiz React 101: Quiz

• پروژه شما Your project

• منابع React.js و کتاب الکترونیکی React.js resources and e-book

React.js 101: React.js برای مبتدیان React.js 101: React.js for beginners

• React.js چیست؟ What is React.js?

• نصب Node.js و npm Installing Node.js and npm

• شروع یک پروژه جدید Starting a new project

• نحو واکنش نشان می دهد React syntax

• واردات قطعات Importing components

• نحو JSX JSX syntax

• اولین مؤلفه React.js شما Your first React.js component

• کار با ابزار React.js Working with React.js props

• رویدادهای کلیک React.js React.js click events

• اضافه کردن حالت به اجزای خود Adding state to your components

• جزء جنگ ستارگان Star Wars Component

• کدگذاری شبه Pseudo coding

• یک رویداد کلیکی جدید React.js A new React.js click event

• حالت ذخیره در مؤلفه جدید شما Storing state on your new component

• دستورات React.js IF React.js IF statements

• اولین درخواست API مبتنی بر React شما Your first React-based API request

• تصادفی کردن شخصیت های خود Randomizing your characters

• ایجاد لینک از متن Creating links from text

• نحوه حلقه زدن در React.js (نقشه برداری) How to loop in React.js (mapping)

• React 101: Quiz React 101: Quiz

• پروژه شما Your project

• منابع React.js و کتاب الکترونیکی React.js resources and e-book

React 201: سطح متوسط ​​با استفاده از اجزای عملکردی واکنش نشان دهید React 201: Intermediate level React using functional components

• شروع به کار و دانلود کد منبع Getting started and downloading the source code

• ایجاد یک برنامه جدید React Creating a new React app

• پاکسازی کد اولیه Initial code cleanup

• نصب بوت استرپ 5 با React.js Installing Bootstrap 5 with React.js

• افزودن مولفه Navbar Adding a Navbar component

• افزودن کامپوننت Home Adding a Home component

• افزودن کامپوننت درباره Adding an About component

• نصب روتر React Installing a React router

• با استفاده از جزء Browser Router Using the Browser Router component

• پیوندهای مبتنی بر واکنش React based links

• جزء قهرمان The Hero component

• لوازم کامپوننت Component props

• افزودن محتوای عمومی Adding generic content

• افزودن یک جزء جستجو Adding a search component

• جستجوی قطعات Search component props

• رویدادهای کلیدی صحافی Binding keyup events

• دریافت کلیدهای API Getting API keys

• به درخواست های API واکنش نشان دهید React API requests

• واکنش به تاریخچه مرورگر React browser history

• نقشه برداری نتایج جستجو Mapping search results

• نتایج جستجوی Bootstrap 5 Bootstrap 5 search results

• جزء جزئیات فیلم Movie detail component

• وضعیت بارگیری Loading state

• API جزء فیلم Movie component API

• افزودن یک تصویر پس زمینه با استفاده از CSS در React.js Adding a backdrop image using CSS in React.js

• پروژه شما Your project

React 201: سطح متوسط ​​با استفاده از اجزای عملکردی واکنش نشان دهید React 201: Intermediate level React using functional components

• شروع به کار و دانلود کد منبع Getting started and downloading the source code

• ایجاد یک برنامه جدید React Creating a new React app

• پاکسازی کد اولیه Initial code cleanup

• نصب بوت استرپ 5 با React.js Installing Bootstrap 5 with React.js

• افزودن مولفه Navbar Adding a Navbar component

• افزودن کامپوننت Home Adding a Home component

• افزودن کامپوننت درباره Adding an About component

• نصب روتر React Installing a React router

• با استفاده از جزء Browser Router Using the Browser Router component

• پیوندهای مبتنی بر واکنش React based links

• جزء قهرمان The Hero component

• لوازم کامپوننت Component props

• افزودن محتوای عمومی Adding generic content

• افزودن یک جزء جستجو Adding a search component

• جستجوی قطعات Search component props

• رویدادهای کلیدی صحافی Binding keyup events

• دریافت کلیدهای API Getting API keys

• به درخواست های API واکنش نشان دهید React API requests

• واکنش به تاریخچه مرورگر React browser history

• نقشه برداری نتایج جستجو Mapping search results

• نتایج جستجوی Bootstrap 5 Bootstrap 5 search results

• جزء جزئیات فیلم Movie detail component

• وضعیت بارگیری Loading state

• API جزء فیلم Movie component API

• افزودن یک تصویر پس زمینه با استفاده از CSS در React.js Adding a backdrop image using CSS in React.js

• پروژه شما Your project

APIs 101: آشنایی با API ها و RESTful API APIs 101: Understanding APIs and RESTful APIs

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

• استعاره ای که از آن استفاده خواهیم کرد The methaphor we'll be using

• API ها در زندگی واقعی APIs in real life

• از چه زبان های برنامه نویسی می توانیم استفاده کنیم؟ What programming languages can we use?

• مقدمه ای بر RESTful API Introduction to RESTful APIs

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

• مثال زندگی واقعی با جاوا اسکریپت Real life example with JavaScript

• دریافت درخواست ها GET requests

• درخواست های POST POST requests

• درخواست ها را حذف کنید DELETE requests

• درخواست های PUT & PATCH PUT & PATCH requests

• مصرف API ها Consuming APIs

• درخواست ها و پاسخ ها Requests and responses

• کدهای وضعیت رایج HTTP Common HTTP status codes

• امنیت API API security

• منابع API API resources

APIs 101: آشنایی با API ها و RESTful API APIs 101: Understanding APIs and RESTful APIs

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

• استعاره ای که از آن استفاده خواهیم کرد The methaphor we'll be using

• API ها در زندگی واقعی APIs in real life

• از چه زبان های برنامه نویسی می توانیم استفاده کنیم؟ What programming languages can we use?

• مقدمه ای بر RESTful API Introduction to RESTful APIs

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

• مثال زندگی واقعی با جاوا اسکریپت Real life example with JavaScript

• دریافت درخواست ها GET requests

• درخواست های POST POST requests

• درخواست ها را حذف کنید DELETE requests

• درخواست های PUT & PATCH PUT & PATCH requests

• مصرف API ها Consuming APIs

• درخواست ها و پاسخ ها Requests and responses

• کدهای وضعیت رایج HTTP Common HTTP status codes

• امنیت API API security

• منابع API API resources

خط فرمان 101: خط فرمان برای مبتدیان Command Line 101: Command line for beginners

• نکته ای برای کاربران WINDOWs (لطفاً اگر از ویندوز استفاده می کنید بخوانید!) A note for WINDOWs users (please read if you use Windows!)

• دسترسی به خط فرمان Accessing the command line

• اولین دستور شما Your first command

• چاپ مکان فعلی شما Printing your current location

• باز کردن دایرکتوری ها از ترمینال شما Opening directories from your terminal

• نحوه نمایش فایل ها و دایرکتوری ها How to display files and directories

• نحوه تغییر دایرکتوری ها How to change directories

• جستجوی فایل ها در یک فهرست Searching for files in a directory

• تغییر نام فایل ها Renaming files

• کپی کردن فایل ها Copying files

• ایجاد دایرکتوری های جدید Creating new directories

• ایجاد فایل های خالی جدید Creating new empty files

• ویرایش فایل ها در خط فرمان Editing files in the command line

• نمایش داخلی یک فایل بدون ویرایش آن Displaying internals of a file without editing it

• نحوه حذف یک فایل How to remove a file

• نحوه حذف دایرکتوری How to remove a directory

• اجرای آخرین دستوری که نوشتید Executing the last command you just wrote

• برگه تقلب Cheat sheet

• پروژه شما Your project

• منابع خط فرمان و کتاب الکترونیکی bash Command Line resources & bash e-book

خط فرمان 101: خط فرمان برای مبتدیان Command Line 101: Command line for beginners

• نکته ای برای کاربران WINDOWs (لطفاً اگر از ویندوز استفاده می کنید بخوانید!) A note for WINDOWs users (please read if you use Windows!)

• دسترسی به خط فرمان Accessing the command line

• اولین دستور شما Your first command

• چاپ مکان فعلی شما Printing your current location

• باز کردن دایرکتوری ها از ترمینال شما Opening directories from your terminal

• نحوه نمایش فایل ها و دایرکتوری ها How to display files and directories

• نحوه تغییر دایرکتوری ها How to change directories

• جستجوی فایل ها در یک فهرست Searching for files in a directory

• تغییر نام فایل ها Renaming files

• کپی کردن فایل ها Copying files

• ایجاد دایرکتوری های جدید Creating new directories

• ایجاد فایل های خالی جدید Creating new empty files

• ویرایش فایل ها در خط فرمان Editing files in the command line

• نمایش داخلی یک فایل بدون ویرایش آن Displaying internals of a file without editing it

• نحوه حذف یک فایل How to remove a file

• نحوه حذف دایرکتوری How to remove a directory

• اجرای آخرین دستوری که نوشتید Executing the last command you just wrote

• برگه تقلب Cheat sheet

• پروژه شما Your project

• منابع خط فرمان و کتاب الکترونیکی bash Command Line resources & bash e-book

Git & GitHub 101: Git و GitHub برای مبتدیان مطلق Git & GitHub 101: Git and GitHub for absolute beginners

• گیت چیست؟ What is Git?

• GitHub چیست؟ What is GitHub?

• ایجاد یک حساب GitHub رایگان Creating a free GitHub account

• مخزن چیست؟ What is a repository?

• فایل های README چیست؟ What are README files?

• تعهدات چیست؟ What are commits?

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

• بررسی ها چیست؟ What are reviews?

• چه کدی را باید منبع باز کنید؟ What code should you open source?

• دانلود و نصب Git در ویندوز Downloading and installing Git on Windows

• دانلود و نصب Git در MacOS Downloading and installing Git on MacOS

• دانلود و نصب Git در لینوکس Downloading and installing Git on Linux

• پیکربندی Git در رایانه شما Configuring Git on your computer

• ایجاد اولین مخزن شما Creating your first repository

• ویرایش فایل ها در کامپیوتر Editing files on your computer

• اولین تعهد شما Your first commit

• نحوه فشار دادن فایل ها به GitHub How to push files to GitHub

• نحوه کشیدن فایل از GitHub How to pull files from GitHub

• حل تضاد کد Resolving code conflicts

• پروژه شما Your project

Git & GitHub 101: Git و GitHub برای مبتدیان مطلق Git & GitHub 101: Git and GitHub for absolute beginners

• گیت چیست؟ What is Git?

• GitHub چیست؟ What is GitHub?

• ایجاد یک حساب GitHub رایگان Creating a free GitHub account

• مخزن چیست؟ What is a repository?

• فایل های README چیست؟ What are README files?

• تعهدات چیست؟ What are commits?

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

• بررسی ها چیست؟ What are reviews?

• چه کدی را باید منبع باز کنید؟ What code should you open source?

• دانلود و نصب Git در ویندوز Downloading and installing Git on Windows

• دانلود و نصب Git در MacOS Downloading and installing Git on MacOS

• دانلود و نصب Git در لینوکس Downloading and installing Git on Linux

• پیکربندی Git در رایانه شما Configuring Git on your computer

• ایجاد اولین مخزن شما Creating your first repository

• ویرایش فایل ها در کامپیوتر Editing files on your computer

• اولین تعهد شما Your first commit

• نحوه فشار دادن فایل ها به GitHub How to push files to GitHub

• نحوه کشیدن فایل از GitHub How to pull files from GitHub

• حل تضاد کد Resolving code conflicts

• پروژه شما Your project

Git & GitHub 201: Git متوسط ​​و گردش کار توسعه دهندگان مدرن Git & GitHub 201: Intermediate Git and Modern Developer Workflow

• راه اندازی یک پروژه Setting up a project

• مشاهده commit های قبلی با استفاده از دستور checkout Seeing previous commits using the checkout command

• مسائل چیست؟ What are issues?

• شاخه ها چیست؟ What are branches?

• درخواست های کششی چیست؟ What are pull requests?

• فورکینگ چیست؟ What is forking?

• چگونه یک مخزن را حذف کنیم How to delete a repository

• خلاصه چیست؟ What are gists?

• نحوه ایجاد نام مستعار Git How to create a Git alias

• پروژه شما Your project

• منابع و کتاب الکترونیکی GitHub GitHub resources & e-book

Git & GitHub 201: Git متوسط ​​و گردش کار توسعه دهندگان مدرن Git & GitHub 201: Intermediate Git and Modern Developer Workflow

• راه اندازی یک پروژه Setting up a project

• مشاهده commit های قبلی با استفاده از دستور checkout Seeing previous commits using the checkout command

• مسائل چیست؟ What are issues?

• شاخه ها چیست؟ What are branches?

• درخواست های کششی چیست؟ What are pull requests?

• فورکینگ چیست؟ What is forking?

• چگونه یک مخزن را حذف کنیم How to delete a repository

• خلاصه چیست؟ What are gists?

• نحوه ایجاد نام مستعار Git How to create a Git alias

• پروژه شما Your project

• منابع و کتاب الکترونیکی GitHub GitHub resources & e-book

پایتون 101: پایتون دوستانه مبتدی Python 101: Beginner friendly Python

• آموزش پایتون 2 در مقابل پایتون 3 Learning Python 2 vs Python 3

• نصب پایتون (مک، لینوکس و ویندوز پسند) Installing Python (Mac, Linux and Windows-friendly)

• نحوه اجرای کد پایتون How to execute Python code

• محاسبات پایه Basic arithmetic

• آشنایی با متغیرها در پایتون Introduction to variables in Python

• قالب بندی کد در پایتون Formatting code in Python

• نظرات کد Code comments

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

• انواع داده های عددی Numeric data types

• انواع داده های رشته ای String data types

• انواع داده را فهرست کنید List data types

• انواع داده دیکشنری Dictionary data types

• چندین نوع داده Tuple data types

• انواع داده را تنظیم کنید Set data types

• انواع داده های بولی Boolean data types

• هیچ نوع داده ای None data types

• نمایه سازی و برش در پایتون Indexing and slicing in Python

• پذیرش ورودی کاربر Accepting user input

• نوع ریخته گری Type casting

• قالب بندی چاپ Print formatting

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

• میانبرهای مقایسه Comparison shortcuts

• چند عملگر مقایسه Multiple comparison operators

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

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

• بشکن و ادامه بده Break and continue

• کارکرد Functions

• محدوده Scope

• نحوه ایجاد یک سرور محلی پایتون How to create a local Python server

• واردات بسته ها و استفاده از آنها Importing packages and using them

• پروژه شما Your project

پایتون 101: پایتون دوستانه مبتدی Python 101: Beginner friendly Python

• آموزش پایتون 2 در مقابل پایتون 3 Learning Python 2 vs Python 3

• نصب پایتون (مک، لینوکس و ویندوز پسند) Installing Python (Mac, Linux and Windows-friendly)

• نحوه اجرای کد پایتون How to execute Python code

• محاسبات پایه Basic arithmetic

• آشنایی با متغیرها در پایتون Introduction to variables in Python

• قالب بندی کد در پایتون Formatting code in Python

• نظرات کد Code comments

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

• انواع داده های عددی Numeric data types

• انواع داده های رشته ای String data types

• انواع داده را فهرست کنید List data types

• انواع داده دیکشنری Dictionary data types

• چندین نوع داده Tuple data types

• انواع داده را تنظیم کنید Set data types

• انواع داده های بولی Boolean data types

• هیچ نوع داده ای None data types

• نمایه سازی و برش در پایتون Indexing and slicing in Python

• پذیرش ورودی کاربر Accepting user input

• نوع ریخته گری Type casting

• قالب بندی چاپ Print formatting

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

• میانبرهای مقایسه Comparison shortcuts

• چند عملگر مقایسه Multiple comparison operators

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

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

• بشکن و ادامه بده Break and continue

• کارکرد Functions

• محدوده Scope

• نحوه ایجاد یک سرور محلی پایتون How to create a local Python server

• واردات بسته ها و استفاده از آنها Importing packages and using them

• پروژه شما Your project

پایتون 201: پایتون سطح متوسط. Python 201: Intermediate level Python.

• اپراتور IN The IN operator

• اپراتور NOT The NOT operator

• نحوه خواندن فایل ها با پایتون How to read files with Python

• نحوه ایجاد فایل با پایتون How to create files with Python

• خواندن چندین خط از یک فایل Reading multiple lines from a file

• نوشتن یک فایل و اجرای آن Writing a file and executing it

• توابع داخل توابع Functions inside of functions

• ایجاد یک درخواست API ساده Making a simple API request

• ایجاد یک درخواست JSON API Making a JSON API request

• خواندن JSON و ویرایش JSON Reading JSON and editing JSON

• تابع *args Function *args

• تابع **kwargs Function **kwargs

• نحوه نصب Pip How to install Pip

• متغیرهای تغییرپذیر در مقابل متغیرهای تغییرناپذیر Mutable vs immutable variables

• فهرست شمارش List enumeration

• درک مطالب را فهرست کنید List comprehensions

• درک فرهنگ لغت Dictionary comprehensions

• نحوه دریافت مقادیر فرهنگ لغت (با پیش فرض ها) How to get dictionary values (with defaults)

• راه اندازی محیط های مجازی (MacOS، Windows و Linux) Setting up virtual environments (MacOS, Windows and Linux)

• نحوه یادگیری پایتون با کاوش در پوسته و آی پایتون How to learn Python by exploring through the shell and iPython

• نصب و استفاده از بسته های پایتون Installing and using Python packages

• API رفرش را درخواست می کند API requests refresher

• پروژه شما Your project

پایتون 201: پایتون سطح متوسط. Python 201: Intermediate level Python.

• اپراتور IN The IN operator

• اپراتور NOT The NOT operator

• نحوه خواندن فایل ها با پایتون How to read files with Python

• نحوه ایجاد فایل با پایتون How to create files with Python

• خواندن چندین خط از یک فایل Reading multiple lines from a file

• نوشتن یک فایل و اجرای آن Writing a file and executing it

• توابع داخل توابع Functions inside of functions

• ایجاد یک درخواست API ساده Making a simple API request

• ایجاد یک درخواست JSON API Making a JSON API request

• خواندن JSON و ویرایش JSON Reading JSON and editing JSON

• تابع *args Function *args

• تابع **kwargs Function **kwargs

• نحوه نصب Pip How to install Pip

• متغیرهای تغییرپذیر در مقابل متغیرهای تغییرناپذیر Mutable vs immutable variables

• فهرست شمارش List enumeration

• درک مطالب را فهرست کنید List comprehensions

• درک فرهنگ لغت Dictionary comprehensions

• نحوه دریافت مقادیر فرهنگ لغت (با پیش فرض ها) How to get dictionary values (with defaults)

• راه اندازی محیط های مجازی (MacOS، Windows و Linux) Setting up virtual environments (MacOS, Windows and Linux)

• نحوه یادگیری پایتون با کاوش در پوسته و آی پایتون How to learn Python by exploring through the shell and iPython

• نصب و استفاده از بسته های پایتون Installing and using Python packages

• API رفرش را درخواست می کند API requests refresher

• پروژه شما Your project

پایتون 301: پایتون پیشرفته Python 301: Advanced Python

• ایجاد اولین کلاس پایتون Creating your first Python class

• ویژگی های کلاس و نحوه استفاده از آنها Class properties and how to use them

• روش های کلاس و نحوه استفاده از آنها Class methods and how to use them

• پاکسازی کلاس Class cleanup

• وراثت طبقاتی Class inheritance

• رابط های کلاس Class interfaces

• کلاس ها: متد super(). Classes: The super() method

• کلاس ها: روش های Dunder Classes: Dunder methods

• خطاها و استثنائات Errors and exceptions

• گرفتن استثناها Catching exceptions

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

• مولدهای پایتون Python generators

• استفاده از pipenv برای محیط مجازی Using pipenv for a virtual environment

• پروژه شما Your project

• منابع پایتون و کتاب الکترونیکی Python resources & e-book

پایتون 301: پایتون پیشرفته Python 301: Advanced Python

• ایجاد اولین کلاس پایتون Creating your first Python class

• ویژگی های کلاس و نحوه استفاده از آنها Class properties and how to use them

• روش های کلاس و نحوه استفاده از آنها Class methods and how to use them

• پاکسازی کلاس Class cleanup

• وراثت طبقاتی Class inheritance

• رابط های کلاس Class interfaces

• کلاس ها: متد super(). Classes: The super() method

• کلاس ها: روش های Dunder Classes: Dunder methods

• خطاها و استثنائات Errors and exceptions

• گرفتن استثناها Catching exceptions

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

• مولدهای پایتون Python generators

• استفاده از pipenv برای محیط مجازی Using pipenv for a virtual environment

• پروژه شما Your project

• منابع پایتون و کتاب الکترونیکی Python resources & e-book

SQL 101: پایگاه داده برای مبتدیان SQL 101: Databases for beginners

• طرحواره چیست؟ What is a schema?

• یک پایگاه داده در مرورگر شما A database in your browser

• انتخاب داده ها Selecting data

• سفارش داده ها Ordering data

• انتخاب ردیف های داده خاص Selecting specific data rows

• انتخاب محدوده ای از داده ها Selecting a range of data

• سفارش داده های انتخاب شده Ordering selected data

• محدود کردن داده ها Limiting data

• درج داده های جدید Inserting new data

• به روز رسانی داده های موجود Updating existing data

• در حال حذف داده ها Deleting data

• ایجاد یک جدول جدید Creating a new table

• کوتاه کردن داده ها Truncating data

• حذف جدول Deleting a table

• پروژه شما Your project

• منابع پایگاه داده و کتاب الکترونیکی Database resources & e-book

SQL 101: پایگاه داده برای مبتدیان SQL 101: Databases for beginners

• طرحواره چیست؟ What is a schema?

• یک پایگاه داده در مرورگر شما A database in your browser

• انتخاب داده ها Selecting data

• سفارش داده ها Ordering data

• انتخاب ردیف های داده خاص Selecting specific data rows

• انتخاب محدوده ای از داده ها Selecting a range of data

• سفارش داده های انتخاب شده Ordering selected data

• محدود کردن داده ها Limiting data

• درج داده های جدید Inserting new data

• به روز رسانی داده های موجود Updating existing data

• در حال حذف داده ها Deleting data

• ایجاد یک جدول جدید Creating a new table

• کوتاه کردن داده ها Truncating data

• حذف جدول Deleting a table

• پروژه شما Your project

• منابع پایگاه داده و کتاب الکترونیکی Database resources & e-book

جنگو 101: جنگو برای مبتدیان مطلق Django 101: Django for absolute beginners

• کد منبع را از کجا دریافت کنیم Where to get the source code

• راه اندازی یک محیط مجازی Setting up a virtual environment

• راه اندازی جنگو Setting up Django

• ایجاد یک برنامه جنگو جدید Creating a new Django app

• اولین مدل جنگو شما Your first Django model

• اولین نمای جنگو شما Your first Django view

• راه اندازی پوشه قالب های خود Setting up your templates folder

• استفاده از بلوک های قالب Using template blocks

• افزودن زمینه نمای سفارشی Adding custom view context

• نمایش پست های پویا Displaying dynamic posts

• اضافه کردن تصاویر به مدل شما Adding images to your model

• راه اندازی پوشه رسانه Setting up the media folder

• افزودن تصاویر به قالب های خود Adding images to your templates

• افزودن نمای جزئیات Adding a detail view

• الگوی نمایش جزئیات Detail view template

• پیوند دادن به سایر نماهای جنگو از الگوی شما Linking to other Django views from your template

• افزودن فرم آپلود Adding an upload form

• مرتب سازی پست های پیش فرض Sorting default posts

• چارچوب پیام های جنگو Django messages framework

• اضافه کردن بوت استرپ 5 Adding Bootstrap 5

• پروژه شما Your project

جنگو 101: جنگو برای مبتدیان مطلق Django 101: Django for absolute beginners

• کد منبع را از کجا دریافت کنیم Where to get the source code

• راه اندازی یک محیط مجازی Setting up a virtual environment

• راه اندازی جنگو Setting up Django

• ایجاد یک برنامه جنگو جدید Creating a new Django app

• اولین مدل جنگو شما Your first Django model

• اولین نمای جنگو شما Your first Django view

• راه اندازی پوشه قالب های خود Setting up your templates folder

• استفاده از بلوک های قالب Using template blocks

• افزودن زمینه نمای سفارشی Adding custom view context

• نمایش پست های پویا Displaying dynamic posts

• اضافه کردن تصاویر به مدل شما Adding images to your model

• راه اندازی پوشه رسانه Setting up the media folder

• افزودن تصاویر به قالب های خود Adding images to your templates

• افزودن نمای جزئیات Adding a detail view

• الگوی نمایش جزئیات Detail view template

• پیوند دادن به سایر نماهای جنگو از الگوی شما Linking to other Django views from your template

• افزودن فرم آپلود Adding an upload form

• مرتب سازی پست های پیش فرض Sorting default posts

• چارچوب پیام های جنگو Django messages framework

• اضافه کردن بوت استرپ 5 Adding Bootstrap 5

• پروژه شما Your project

Django 201: Django متوسط Django 201: Intermediate Django

• کد منبع جنگو 201 Django 201 source code

• ایجاد یک محیط مجازی Creating a virtual environment

• شروع یک پروژه جنگو جدید Starting a new Django project

• افزودن .gitignore به پروژه شما Adding .gitignore to your project

• اولین برنامه شما Your first app

• اولین مدل شما Your first model

• ثبت مدل خود در ادمین جنگو Registering your model with the Django admin

• افزودن یک DateTimeField Adding a DateTimeField

• نمایش فهرست صفحه اصلی Home Page ListView

• راه اندازی مکان های قالب خود Setting up your template locations

• اولین الگوی شما Your first template

• الگوی پایه شما Your base template

• بلوک های قالب Template blocks

• حلقه های قالب Template loops

• اضافه کردن ورود/خروج/بازنشانی رمز عبور به وب سایت شما Adding login/logout/password reset to your website

• پیوندهای جهانی ورود و خروج Global login and logout links

• گسترش الگوهای بسته شخص ثالث Extending 3rd party package templates

• اضافه کردن Tailwind CSS Adding Tailwind CSS

• پست های سبک باد دنباله Tailwind styled posts

• اضافه کردن یک برنامه پروفایل Adding a Profile app

• افزودن یک بسته تصویر کوچک Adding a thumbnail package

• افزودن تنظیمات رسانه Adding media settings

• افزودن نویسندگان به پست ها Adding authors to posts

• افزودن جزئیات نویسنده به قالب های پست Adding author details to post templates

• مشاهده جزئیات پست Post DetailView

• قالب جزئیات ارسال Post detail template

• جنگو شامل برچسب ها می شود Django include tags

• ارسال CreateView Post CreateView

• احراز هویت اجباری Forcing authentication

• ایجاد یک پست جدید Creating a new post

• افزودن یک مدال Tailwind CSS Adding a Tailwind CSS modal

• فعال کردن فایل های ثابت Enabling static files

• افزودن جاوا اسکریپت Adding JavaScript

• تغییر حالت مدال Toggling the modal

• آژاکس کردن پست های جدید Ajaxing new posts

• نمای جزئیات نمایه Profile detail view

• الگوی جزئیات نمایه Profile detail template

• دریافت کل پست ها از طریق زمینه اضافی Getting total posts via extra context

• افزودن دکمه دنبال کردن Adding a follow button

• ایجاد اپلیکیشن فالوور Creating the Follower app

• فالو کردن و عدم فالو کردن کاربران Following and unfollowing users

• به صورت پویا کاربران را دنبال و آنفالو کنید Dyncamically follow and unfollow users

• پست های صفحه اصلی پویا Dynamic Home Page Posts

• پروژه شما Your project

• منابع جنگو و کتاب الکترونیکی Django resources & e-book

Django 201: Django متوسط Django 201: Intermediate Django

• کد منبع جنگو 201 Django 201 source code

• ایجاد یک محیط مجازی Creating a virtual environment

• شروع یک پروژه جنگو جدید Starting a new Django project

• افزودن .gitignore به پروژه شما Adding .gitignore to your project

• اولین برنامه شما Your first app

• اولین مدل شما Your first model

• ثبت مدل خود در ادمین جنگو Registering your model with the Django admin

• افزودن یک DateTimeField Adding a DateTimeField

• نمایش فهرست صفحه اصلی Home Page ListView

• راه اندازی مکان های قالب خود Setting up your template locations

• اولین الگوی شما Your first template

• الگوی پایه شما Your base template

• بلوک های قالب Template blocks

• حلقه های قالب Template loops

• اضافه کردن ورود/خروج/بازنشانی رمز عبور به وب سایت شما Adding login/logout/password reset to your website

• پیوندهای جهانی ورود و خروج Global login and logout links

• گسترش الگوهای بسته شخص ثالث Extending 3rd party package templates

• اضافه کردن Tailwind CSS Adding Tailwind CSS

• پست های سبک باد دنباله Tailwind styled posts

• اضافه کردن یک برنامه پروفایل Adding a Profile app

• افزودن یک بسته تصویر کوچک Adding a thumbnail package

• افزودن تنظیمات رسانه Adding media settings

• افزودن نویسندگان به پست ها Adding authors to posts

• افزودن جزئیات نویسنده به قالب های پست Adding author details to post templates

• مشاهده جزئیات پست Post DetailView

• قالب جزئیات ارسال Post detail template

• جنگو شامل برچسب ها می شود Django include tags

• ارسال CreateView Post CreateView

• احراز هویت اجباری Forcing authentication

• ایجاد یک پست جدید Creating a new post

• افزودن یک مدال Tailwind CSS Adding a Tailwind CSS modal

• فعال کردن فایل های ثابت Enabling static files

• افزودن جاوا اسکریپت Adding JavaScript

• تغییر حالت مدال Toggling the modal

• آژاکس کردن پست های جدید Ajaxing new posts

• نمای جزئیات نمایه Profile detail view

• الگوی جزئیات نمایه Profile detail template

• دریافت کل پست ها از طریق زمینه اضافی Getting total posts via extra context

• افزودن دکمه دنبال کردن Adding a follow button

• ایجاد اپلیکیشن فالوور Creating the Follower app

• فالو کردن و عدم فالو کردن کاربران Following and unfollowing users

• به صورت پویا کاربران را دنبال و آنفالو کنید Dyncamically follow and unfollow users

• پست های صفحه اصلی پویا Dynamic Home Page Posts

• پروژه شما Your project

• منابع جنگو و کتاب الکترونیکی Django resources & e-book

7 Days of Wagtail: Wagtail برای مبتدیان 7 Days of Wagtail: Wagtail for beginners

• روز 1. نصب Wagtail و ویرایش صفحه اصلی Day 1. Installing Wagtail and Editing the Home Page

• روز 2. افزودن فیلدهای مدل سفارشی به صفحه اصلی خود Day 2. Adding custom model fields to your Home Page

• روز 3. ایجاد یک نوع صفحه جدید با یک الگوی سفارشی Day 3. Creating a new page type with a custom template

• روز 4. چگونه می توان تصاویر را با ریز عکسها به صفحات خود اضافه کرد Day 4. How to add images to your pages with auto-thumbnailing

• روز 5. چگونه می توان قطعات را ایجاد کرد و آنها را در صفحه خود انتخاب کرد Day 5. How to create snippets and make them selectable on your page

• روز 6. افزودن StreamFields به صفحه خود Day 6. Adding StreamFields to your page

• روز 7. افزودن تنظیمات جهانی سایت Day 7. Adding global site settings

• منابع Wagtail Wagtail resources

7 Days of Wagtail: Wagtail برای مبتدیان 7 Days of Wagtail: Wagtail for beginners

• روز 1. نصب Wagtail و ویرایش صفحه اصلی Day 1. Installing Wagtail and Editing the Home Page

• روز 2. افزودن فیلدهای مدل سفارشی به صفحه اصلی خود Day 2. Adding custom model fields to your Home Page

• روز 3. ایجاد یک نوع صفحه جدید با یک الگوی سفارشی Day 3. Creating a new page type with a custom template

• روز 4. چگونه می توان تصاویر را با ریز عکسها به صفحات خود اضافه کرد Day 4. How to add images to your pages with auto-thumbnailing

• روز 5. چگونه می توان قطعات را ایجاد کرد و آنها را در صفحه خود انتخاب کرد Day 5. How to create snippets and make them selectable on your page

• روز 6. افزودن StreamFields به صفحه خود Day 6. Adding StreamFields to your page

• روز 7. افزودن تنظیمات جهانی سایت Day 7. Adding global site settings

• منابع Wagtail Wagtail resources

چگونه به عنوان یک توسعه دهنده وب شغل پیدا کنیم How to get a job as a web developer

• هر چیزی را که می شنوید باور نکنید Don't believe everything you hear

• حقیقت در مورد GitHub The truth about GitHub

• حقیقت در مورد وب سایت های نمونه کارها The truth about portfolio websites

• به چیزهای کوچک گیر نکنید Don't get stuck on the small things

• چگونه بفهمیم چه مهارت هایی مورد تقاضا هستند How to find out what skills are in demand

• حقیقت پشت مشاغل از راه دور The truth behind remote jobs

• آنچه شرکت ها واقعاً به دنبال آن هستند What companies are really looking for

• استراتژی رزومه شما Your resume strategy

• آیا رزومه واقعاً شما را به مصاحبه دعوت می کند؟ Do resumes really get you an interview?

• درخواست برای کار Applying for the job

• تلاش خود را به حداکثر برسانید Maximizing your efforts

• راز بزرگ The BIG secret

• شرکت ها واقعا چه کسانی را استخدام می کنند Who do companies really hire

• با ارزش ترین مهارت هایی که می توانید در این صنعت داشته باشید The most valuable skills you can have in this industry

• اولین مصاحبه شما Your first interview

• پیگیری Follow up

• در حال مذاکره با حقوق شما Negotiating your salary

• وقتی وارد شدی.. Once you're in..

• مراحل بعدی شما Your next steps

• در حالی که یاد می گیرید درآمد کسب کنید Earn while you learn

• پروژه شما Your project

چگونه به عنوان یک توسعه دهنده وب شغل پیدا کنیم How to get a job as a web developer

• هر چیزی را که می شنوید باور نکنید Don't believe everything you hear

• حقیقت در مورد GitHub The truth about GitHub

• حقیقت در مورد وب سایت های نمونه کارها The truth about portfolio websites

• به چیزهای کوچک گیر نکنید Don't get stuck on the small things

• چگونه بفهمیم چه مهارت هایی مورد تقاضا هستند How to find out what skills are in demand

• حقیقت پشت مشاغل از راه دور The truth behind remote jobs

• آنچه شرکت ها واقعاً به دنبال آن هستند What companies are really looking for

• استراتژی رزومه شما Your resume strategy

• آیا رزومه واقعاً شما را به مصاحبه دعوت می کند؟ Do resumes really get you an interview?

• درخواست برای کار Applying for the job

• تلاش خود را به حداکثر برسانید Maximizing your efforts

• راز بزرگ The BIG secret

• شرکت ها واقعا چه کسانی را استخدام می کنند Who do companies really hire

• با ارزش ترین مهارت هایی که می توانید در این صنعت داشته باشید The most valuable skills you can have in this industry

• اولین مصاحبه شما Your first interview

• پیگیری Follow up

• در حال مذاکره با حقوق شما Negotiating your salary

• وقتی وارد شدی.. Once you're in..

• مراحل بعدی شما Your next steps

• در حالی که یاد می گیرید درآمد کسب کنید Earn while you learn

• پروژه شما Your project