آموزش بوت کمپ توسعه دهندگان وب 2023

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

گرایش دوره Course Orientation

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

• بررسی برنامه درسی Curriculum Walkthrough

• آخرین بار چه زمانی دوره به روز شد؟ When Was The Course Last Updated?

• گزارش تغییر دوره Course Change Log

• آیا شغلی پیدا خواهم کرد؟ Will I Get A Job?

• دسترسی به کد دوره و اسلایدها Accessing Course Code & Slides

• پیوستن به چت و گروه‌های انجمن Joining The Community Chat & Groups

• نکاتی در مورد تمرین های کدگذاری تعاملی Tips On The Interactive Coding Exercises

• مهاجرت از نسخه قدیمی این دوره Migrating From The Old Version Of This Course

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

• در این بخش چه اهمیتی دارد؟ What Matters In This Section?

• اینترنت در 5 دقیقه The Internet in 5 Minutes

• مقدمه ای بر وب Intro to the Web

• چرخه درخواست/پاسخ The Request/Response Cycle

• Front-End و Back-End Front-End and Back-End

• HTML/CSS/JS چه کاری انجام می دهند؟ What do HTML/CSS/JS do?

• راه اندازی محیط توسعه دهنده ما Setting Up Our Developer Environment

• تم VSCode اختیاری OPTIONAL VSCode Theme

HTML: ملزومات HTML: The Essentials

• آنچه در این بخش مهم است What Matters In This Section

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

• اولین صفحه HTML ما Our Very First HTML Page

• نکته: شبکه توسعه دهنده موزیلا TIP: Mozilla Developer Network

• عناصر پاراگراف Paragraph Elements

• عناصر سرفصل Heading Elements

• تمرین پانگولین Pangolin Practice

• معرفی Chrome Inspector Introduction to the Chrome Inspector

• HTML Boilerplate HTML Boilerplate

• نکته VSCode: فرمت خودکار VSCode Tip: Auto-format

• فهرست عناصر List Elements

• تمرین فیلم های مورد علاقه Favorite Movies Exercises

• تگ های لنگر Anchor Tags

• تصاویر Images

• نظرات Comments

• تمرین تصاویر و پیوندهای گرگ Wolf Images & Links Exercise

HTML: مراحل بعدی و معناشناسی HTML: Next Steps & Semantics

• آنچه در این بخش مهم است What Matters In This Section

• HTML5 دقیقا چیست؟ What Exactly Is HTML5?

• بلوک در مقابل عناصر درون خطی - Divs و Spans Block vs. Inline Elements - Divs and Spans

• مجموعه ای عجیب از عناصر: HR، BR، Sup و Sub An Odd Assortment of Elements: HR, BR, Sup, & Sub

• کدهای نهاد Entity Codes

• تمرین لوگوی آدم برفی Snowman Logo Exercise

• مقدمه ای بر نشانه گذاری معنایی Intro to Semantic Markup

• بازی با عناصر معنایی Playing With Semantic Elements

• نمایش صفحه خوان Screen Reader Demonstration

• نکته VSCode: Emmet VSCode Tip: Emmet

HTML: فرم ها و جداول HTML: Forms & Tables

• آنچه در این بخش مهم است What Matters In This Section

• اهداف واحد Unit Goals

• معرفی جداول HTML Introducing HTML Tables

• جداول: عناصر TR، TD و TH Tables: TR, TD, and TH Elements

• جداول: عناصر Thead، Tbody و Tfoot Tables: Thead, Tbody, and Tfoot Elements

• جداول: Colspan & Rowspan Tables: Colspan & Rowspan

• تمرین تمرین روی میز Table Practice Exercise

• عنصر فرم The Form Element

• انواع ورودی رایج Common Input Types

• برچسب همه چیز مهم The All-Important Label

• دکمه های HTML HTML Buttons

• ویژگی نام The Name Attribute

• "ربایش" جستجوی گوگل و ردیت "Hijacking" Google & Reddit's Search

• دکمه های رادیویی، چک باکس ها و انتخاب ها Radio Buttons, Checkboxes, & Selects

• محدوده و منطقه متن Range & Text Area

• فرم تمرین تمرین Forms Practice Exercise

• اعتبار سنجی فرم HTML5 HTML5 Form Validations

• معرفی فرم ثبت نام ماراتن Creating A Marathon Registration Form Intro

• ایجاد راه حل فرم ثبت نام ماراتن Creating A Marathon Registration Form Solution

CSS: The Very Basics CSS: The Very Basics

• آنچه در این بخش مهم است What Matters In This Section

• CSS چیست؟ What is CSS?

• CSS بسیار بزرگ است، نترسید! CSS is Huge, Don't Panic!

• از جمله سبک ها به درستی Including Styles Correctly

• رنگ و پس زمینه-خواص رنگ Color & Background-Color Properties

• اولین تمرین CSS ما Our First CSS Exercise

• سیستم های رنگ: RGB و رنگ های نامگذاری شده Colors Systems: RGB & Named Colors

• سیستم های رنگ: هگزادسیمال Colors Systems: Hexadecimal

• مسابقه رنگ ها Colors Quiz

• یادآوری در نقطه ویرگول و CSS A Reminder On Semicolons & CSS

• ویژگی های متن رایج Common Text Properties

• اصول اندازه فونت با پیکسل Font Size Basics With Pixels

• ویژگی خانواده فونت The Font Family Property

• تمرین لوگوی هیپستر Hipster Logo Exercise

دنیای انتخابگرهای CSS The World of CSS Selectors

• آنچه در این بخش مهم است What Matters In This Section

• انتخابگرهای جهانی و عنصر Universal & Element Selectors

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

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

• تمرین انتخابگرهای پایه Basic Selectors Practice

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

• تمرین ترکیب کننده نسل Descendant Combinator Practice

• انتخابگرهای مجاور و مستقیم The Adjacent & Direct-Descendant Selectors

• انتخابگر ویژگی The Attribute Selector

• کلاس های شبه Pseudo Classes

• تمرین شطرنجی Checkerboard Exercise

• عناصر شبه Pseudo Elements

• آبشار CSS The CSS Cascade

• WTF Specificity است WTF is Specificity

• آزمون اختصاصی بودن Specificity Quiz

• نکته: Chrome Dev Tools & CSS TIP: Chrome Dev Tools & CSS

• سبک های درون خطی و مهم Inline Styles & Important

• وراثت CSS CSS Inheritance

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

• آنچه در این بخش مهم است What Matters In This Section

• مدل جعبه: عرض و ارتفاع Box Model: Width & Height

• مدل جعبه: Border & Border-Radius Box Model: Border & Border-Radius

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

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

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

• ویژگی نمایشگر The Display Property

• واحدهای CSS بازبینی شدند CSS Units Revisited

• واحدهای CSS: ems CSS Units: ems

• واحدهای CSS: rems CSS Units: rems

سایر ویژگی های مفید CSS Other Assorted Useful CSS Properties

• آنچه در این بخش مهم است What Matters In This Section

• Opacity و کانال آلفا Opacity & The Alpha Channel

• ویژگی موقعیت The Position Property

• انتقال CSS (آی!) CSS Transitions (yay!)

• قدرت تبدیل CSS The Power of CSS Transforms

• افکت شناور دکمه فانتزی CodeAlong Fancy Button Hover Effect CodeAlong

• حقیقت در مورد پس زمینه The Truth About Background

• فونت های گوگل شگفت انگیز است Google Fonts is Amazing

• عکس وبلاگ CodeAlong Pt. 1 Photo Blog CodeAlong Pt. 1

• عکس وبلاگ CodeAlong Pt. 2 Photo Blog CodeAlong Pt. 2

CSS و Flexbox پاسخگو Responsive CSS & Flexbox

• آنچه در این بخش مهم است What Matters In This Section

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

• فلکس جهت Flex-Direction

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

• Flex-Wrap Flex-Wrap

• تراز کردن آیتم ها Align-Items

• Align-Content & Align-Self Align-Content & Align-Self

• Flex-Basis, Grow, & Shrink Flex-Basis, Grow, & Shrink

• کوتاه فلکس Flex Shorthand

• معرفی پاسخگو طراحی و پرسش های رسانه ای Responsive Design & Media Queries Intro

• قدرت پرسش های رسانه ای The Power of Media Queries

• ساخت یک Nav Responsive Building a Responsive Nav

پروژه پنل قیمت گذاری Pricing Panel Project

• تابلوی قیمت گذاری CodeAlong Pt. 1 Pricing Panel CodeAlong Pt. 1

• تابلوی قیمت گذاری CodeAlong Pt. 2 Pricing Panel CodeAlong Pt. 2

• تابلوی قیمت گذاری CodeAlong Pt. 3 Pricing Panel CodeAlong Pt. 3

• تابلوی قیمت گذاری CodeAlong Pt. 4 Pricing Panel CodeAlong Pt. 4

• تابلوی قیمت گذاری CodeAlong Pt. 5 Pricing Panel CodeAlong Pt. 5

• تابلوی قیمت گذاری CodeAlong Pt. 6 Pricing Panel CodeAlong Pt. 6

چارچوب های CSS: بوت استرپ CSS Frameworks: Bootstrap

• آنچه در این بخش مهم است What Matters In This Section

• WTF بوت استرپ است WTF Is Bootstrap

• از جمله Bootstrap & Containers Including Bootstrap & Containers

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

• تایپوگرافی و ابزارهای بوت استرپ Bootstrap Typography & Utilities

• نشان ها، هشدارها، و گروه های دکمه Badges, Alerts, & Button Groups

• تمرین پایه بوت استرپ Bootstrap Basics Practice

• معرفی شبکه بوت استرپ Intro to the Bootstrap Grid

• تمرین شبکه بوت استرپ Bootstrap Grid Practice

• شبکه های بوت استرپ پاسخگو Responsive Bootstrap Grids

• ابزارهای مفید شبکه Useful Grid Utilities

• بوت استرپ و فرم ها Bootstrap & Forms

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

• آیکون های بوت استرپ Bootstrap Icons!

• سایر ابزارهای بوت استرپ Other Bootstrap Utilities

• یک کیسه ترکیبی از سایر موارد بوت استرپ A Mixed Bag of Other Bootstrap Stuff

پروژه اختیاری موزه آب نبات OPTIONAL Museum Of Candy Project

• ابتدا این را تماشا کنید! (کوتاه است) Watch This First! (it's short)

• پروژه موزه آب نبات قسمت 1 Museum of Candy Project Part 1

• در مورد ویدیوی بعدی توجه کنید! NOTE ABOUT THE NEXT VIDEO!

• پروژه موزه آب نبات قسمت 2 Museum of Candy Project Part 2

• پروژه موزه آب نبات قسمت 3 Museum of Candy Project Part 3

• پروژه موزه آب نبات قسمت 4 Museum of Candy Project Part 4

• پروژه موزه آب نبات قسمت 5 Museum of Candy Project Part 5

مبانی جاوا اسکریپت! JavaScript Basics!

• آنچه در این بخش مهم است What Matters In This Section

• چرا جاوا اسکریپت عالی است Why JavaScript is Awesome

• Primitives & The Console Primitives & The Console

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

• WTF NaN است WTF is NaN

• آزمون اعداد سریع Quick Numbers Quiz

• متغیرها و اجازه دهید Variables & Let

• اولین تمرین متغیرهای ما Our First Variables Exercise

• به روز رسانی متغیرها Updating Variables

• Const & Var Const & Var

• اولین تمرین ثابت ما Our First Constants Exercise

• آزمون متغیرها Variables Quiz

• بولین ها Booleans

• نامگذاری و قراردادهای متغیر Variable Naming and Conventions

• آزمون متغیر سریع Quick Variable Quiz

رشته های جاوا اسکریپت و موارد دیگر JavaScript Strings and More

• آنچه در این بخش مهم است What Matters In This Section

• معرفی رشته ها Introducing Strings

• اولین تمرین متغیرهای رشته ما Our First String Variables Practice

• شاخص ها و طول Indices & Length

• آزمون پایه رشته ها Strings Basics Quiz

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

• تمرین روش های رشته ای String Methods Practice

• روش های رشته ای با آرگومان ها String Methods With Arguments

• روش‌های رشته‌ای بیشتر تمرین کنید More String Methods Practice

• حروف الفاظ قالب رشته - فوق العاده مفید String Template Literals -SUPER USEFUL

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

• اعداد تصادفی و شیء ریاضی Random Numbers & The Math Object

• تمرین تحت اللفظی قالب رشته String Template Literal Exercise

تصمیم گیری جاوا اسکریپت JavaScript Decision Making

• آنچه در این بخش مهم است What Matters In This Section

• تصمیم گیری با کد؟؟ Decision Making With Code??

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

• برابری: سه گانه در مقابل. دو برابر است Equality: Triple Vs. Double Equals

• آزمون مقایسه! Comparison Quiz!

• کنسول، هشدار، و درخواست Console, Alert, & Prompt

• اجرای جاوا اسکریپت از یک اسکریپت! Running JavaScript From A Script!

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

• اولین تمرین مشروط ما Our First Conditional Exercise

• دیگر-اگر Else-If

• دیگر Else

• تمرین شرطی getColor getColor Conditional Exercise

• شرایط تودرتو Nesting Conditionals

• تمرین شرایط تو در تو Nested Conditionals Practice

• ارزش های حقیقت و نادرست Truth-y & False-y Values

• منطقی و Logical AND

• تمرین منطقی و رمزآلود Logical AND Mystery Exercise

• منطقی OR Logical OR

• منطقی نه Logical NOT

• بیانیه سوئیچ بسیار زیاد است The Switch Statement Is...A Lot

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

• آنچه در این بخش مهم است What Matters In This Section

• معرفی آرایه ها Introducing Arrays

• تمرین اعداد لوتو Lotto Numbers Exercise

• دسترسی تصادفی آرایه Array Random Access

• تمرین دسترسی به آرایه Array Access Exercise

• فشار و پاپ Push & Pop

• Shift & Unshift Shift & Unshift

• تمرین Push/Pop/Shift/Unshift Push/Pop/Shift/Unshift Practice

• Concat، indexOf، شامل و معکوس Concat, indexOf, includes & reverse

• Slice & Splice Slice & Splice

• انواع مرجع و تست برابری Reference Types & Equality Testing

• آرایه ها + Const Arrays + Const

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

• تمرین آرایه های تو در تو Nested Arrays Exercise

جاوا اسکریپت شیء Literals JavaScript Object Literals

• آنچه در این بخش مهم است What Matters In This Section

• معرفی Object Literals Introducing Object Literals

• ایجاد حروف الفبای شی Creating Object Literals

• اولین تمرین جسم ما Our First Object Exercise

• دسترسی به داده های خارج از اشیاء Accessing Data Out Of Objects

• تمرین دسترسی به اشیا Object Access Exercise

• اصلاح اشیاء Modifying Objects

• آرایه ها و اشیاء تودرتو Nesting Arrays & Objects

تکرار مطالب با حلقه ها Repeating Stuff With Loops

• آنچه در این بخش مهم است What Matters In This Section

• معرفی For Loops Intro to For Loops

• اولین تمرین ما برای حلقه Our First For Loop Practice

• نمونه های بیشتر برای حلقه ها More For Loops Examples

• بیشتر برای تمرین حلقه ها More For Loops Practice

• خطرات حلقه های بی نهایت :( The Perils Of Infinite Loops :(

• حلقه روی آرایه ها Looping Over Arrays

• تمرین آرایه های تکراری Iterating Arrays Exercise

• حلقه های تو در تو Nested Loops

• حلقه دیگری: حلقه while Another Loop: The While Loop

• کلید واژه شکست The Break Keyword

• نوشتن یک بازی حدس زدن Writing a Guessing Game

• دوست داشتنی برای ... از حلقه The Lovely For...Of Loop

• برای ... از تمرین For...Of Practice

• تکرار بر روی اشیاء Iterating Over Objects

• معرفی پروژه فهرست کارها Todo List Project Intro

• فهرست کار پروژه CodeAlong Todo List Project CodeAlong

جدید: معرفی توابع NEW: Introducing Functions

• آنچه در این بخش مهم است What Matters In This Section

• مقدمه ای بر توابع Intro to Functions

• اولین کارکرد ما Our Very First Function

• تمرین عملکرد قلب Heart Function Exercise

• مقدمه استدلال Arguments Intro

• تمرین رنت Rant Exercise

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

• تمرین ارگ چندگانه Multiple Args Exercise

• کلمه کلیدی بازگشت The Return Keyword

• تمرین ارزش بازگشتی Return Value Practice

• تابع isShortsWeather isShortsWeather Function

• آخرین تمرین عنصر Last Element Exercise

• حروف حروف بزرگ Capitalize Exercise

• تمرین آرایه جمع Sum Array Exercise

• ورزش روزهای هفته Days Of The Week Exercise

ارتقاء سطح توابع ما Leveling Up Our Functions

• آنچه در این بخش مهم است What Matters In This Section

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

• آزمون دامنه عملکرد Function Scope Quiz

• Block Scope Block Scope

• دامنه واژگانی Lexical Scope

• عبارات تابع Function Expressions

• تمرین بیان تابع Function Expression Exercise

• توابع مرتبه بالاتر Higher Order Functions

• توابع برگشتی Returning Functions

• تعریف روشها Defining Methods

• روش ها تمرین Methods Exercise

• کلمه کلیدی مرموز "این" The Mysterious Keyword 'this'

• تمرین تخم گذاری Egg Laying Exercise

• با استفاده از Try/Catch Using Try/Catch

روش‌های پاسخ به تماس و آرایه Callbacks & Array Methods

• آنچه در این بخش مهم است What Matters In This Section

• این بخش حتی در مورد چیست؟! What Is This Section Even About?!

• روش forEach The forEach Method

• روش نقشه The map Method

• تمرین نقشه Map Practice

• مقدمه ای بر توابع پیکان Intro to Arrow Functions

• تمرین تابع پیکان Arrow Function Exercise

• تابع پیکان بازده ضمنی Arrow Function Implicit Returns

• جمع بندی توابع پیکان Arrow Functions Wrapup

• setTimeout و setInterval setTimeout and setInterval

• روش فیلتر The filter Method

• تمرین فیلتر Filter Exercise

• برخی از روش ها و هر کدام Some & Every Methods

• برخی/هر تمرین Some/Every Exercise

• روش کاهش بدنام The Notorious Reduce Method

• توابع پیکان و "این" Arrow Functions & 'this'

ویژگی های جدیدتر جاوا اسکریپت Newer JavaScript Features

• آنچه در این بخش مهم است What Matters In This Section

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

• پخش در فراخوانی تابع Spread in Function Calls

• با Array Literals پخش کنید Spread with Array Literals

• گسترش با اشیاء Spread with Objects

• استراحت پارام Rest Params

• تخریب ساختار آرایه ها Destructuring Arrays

• تخریب اشیاء Destructuring Objects

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

معرفی دنیای DOM Introducing The World Of The DOM

• آنچه در این بخش مهم است What Matters In This Section

• معرفی DOM Introducing the DOM

• شیء سند The Document Object

• getElementById getElementById

• تمرین getElementById getElementById Practice

• getElementsByTagName & className getElementsByTagName & className

• querySelector & querySelectorAll querySelector & querySelectorAll

• تمرین querySelector querySelector Practice

• innerHTML، textContent و innerText innerHTML, textContent, & innerText

• ورزش ترشی Pickles Exercise

• ویژگی های Attributes

• روش دستکاری ویژگی ها Manipulating Attributes Practice

• تغییر سبک ها Changing Styles

• تمرین دایره جنگل جادویی Magical Forest Circle Exercise

• تمرین متن رنگین کمان Rainbow Text Exercise

• Class List ClassList

• تمرین ClassList ClassList Practice

• عبور از والدین/فرزند/خواهر و برادر Traversing Parent/Child/Sibling

• Append & AppendChild Append & AppendChild

• تمرین جنون 100 دکمه ای 100 Button Insanity Exercise

• removeChild & remove removeChild & remove

• نسخه ی نمایشی Pokemon Sprites Pokemon Sprites Demo

قطعه گمشده: رویدادهای DOM The Missing Piece: DOM Events

• آنچه در این بخش مهم است What Matters In This Section

• معرفی رویدادها Intro to Events

• رویدادهای درون خطی Inline Events

• تمرین دشمنت را بشناس Know Thy Enemy Exercise

• ویژگی Onclick The Onclick Property

• addEventListener addEventListener

• روی Events Exercise کلیک کنید Click Events Exercise

• تمرین رنگ تصادفی Random Color Exercise

• رویدادها و کلمه کلیدی این Events & The Keyword This

• رویدادهای صفحه کلید و اشیاء رویداد Keyboard Events & Event Objects

• نسخه جدید: رویدادهای فرم و PreventDefault NEW VERSION: Form Events & PreventDefault

• نسخه جدید: تمرین با رویدادهای فرم و PreventDefault NEW VERSION: Practice With Form Events & PreventDefault

• نسخه اصلی: رویدادهای فرم و PreventDefault ORIGINAL VERSION: Form Events & PreventDefault

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

• ورودی و تغییر رویدادها Input & Change Events

• تمرین رویداد ورودی Input Event Practice

• حباب رویداد Event Bubbling

• هیئت رویداد Event Delegation

Score Keeper CodeAlong Score Keeper CodeAlong

• امتیاز نگهدارنده امتیاز 1 Score Keeper Pt. 1

• امتیاز نگهدارنده امتیاز 2 Score Keeper Pt. 2

• امتیاز نگهدارنده امتیاز 3 با Bulma Score Keeper Pt. 3 With Bulma

• امتیاز نگهدارنده امتیاز 4 بازسازی Score Keeper Pt. 4 Refactoring

جاوا اسکریپت Async: اوه پسر! Async JavaScript: Oh Boy!

• آنچه در این بخش مهم است What Matters In This Section

• پشته تماس The Call Stack

• WebAPI ها و تک رشته ای WebAPIs & Single Threaded

• جهنم برگشت به تماس :( Callback Hell :(

• نسخه ی نمایشی: درخواست جعلی با استفاده از پاسخ به تماس Demo: fakeRequest Using Callbacks

• نسخه ی نمایشی: درخواست جعلی با استفاده از Promises Demo: fakeRequest Using Promises

• جادوی وعده ها The Magic Of Promises

• ایجاد وعده های خودمان Creating Our Own Promises

• کلمه کلیدی Async The Async Keyword

• کلیدواژه انتظار The Await Keyword

• مدیریت خطاها در توابع Async Handling Errors In Async Functions

AJAX و API AJAX and API's

• آنچه در این بخش مهم است What Matters In This Section

• معرفی AJAX Intro to AJAX

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

• WTF JSON است WTF is JSON

• استفاده از Hoppscotch (یا پستچی) Using Hoppscotch (or Postman)

• افعال HTTP HTTP Verbs

• کدهای وضعیت HTTP HTTP Status Codes

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

• هدرهای HTTP HTTP Headers

• ساخت XHR Making XHRs

• با استفاده از Fetch API Using The Fetch API

• معرفی Axios Introducing Axios

• تنظیم هدرها با Axios Setting Headers With Axios

• برنامه جستجوی نمایش تلویزیونی TV Show Search App

نمونه های اولیه، کلاس ها و OOP Prototypes, Classes, & OOP

• آنچه در این بخش مهم است What Matters In This Section

• آنچه روی زمین نمونه های اولیه هستند What On Earth Are Prototypes

• مقدمه ای بر برنامه نویسی شی گرا Intro to Object Oriented Programming

• توابع کارخانه Factory Functions

• توابع سازنده Constructor Functions

• کلاس های جاوا اسکریپت JavaScript Classes

• کلاس های بیشتر تمرین کنید More Classes Practice

• Extends و Super Keywords Extends and Super Keywords

تسلط بر ترمینال Mastering The Terminal

• آنچه در این بخش مهم است What Matters In This Section

• نمای اجمالی Backend Backend Overview

• گفتگوی پپ در ترمینال A Pep Talk On Terminal

• چرا باید دستورات ترمینال را بدانیم؟ Why Do We Need To Know Terminal Commands?

• دستورالعمل نصب ترمینال ویندوز Windows Terminal Installation Instructions

• مبانی: LS و PWD The Basics: LS & PWD

• تغییر دایرکتوری ها Changing Directories

• نسبی در مقابل مسیرهای مطلق Relative Vs. Absolute Paths

• ساخت دایرکتوری ها Making Directories

• صفحات و پرچم های مرد Man Pages & Flags

• فرمان لمسی The Touch Command

• حذف فایل ها و پوشه ها Removing Files & Folders

اولین براش ما با گره Our First Brush With Node

• آنچه در این بخش مهم است What Matters In This Section

• معرفی Node JS Introducing Node JS

• Node برای چه مواردی استفاده می شود؟ What Is Node Used For?

• در حال نصب Node Installing Node

• گره REPL The Node REPL

• در حال اجرا فایل های Node Running Node Files

• فرآیند و ارگ Process & Argv

• دوره خرابی ماژول سیستم فایل File System Module Crash Course

کاوش در ماژول ها و جهان NPM Exploring Modules & The NPM Universe

• آنچه در این بخش مهم است What Matters In This Section

• کار با module.exports Working With module.exports

• نیاز به دایرکتوری Requiring A Directory

• معرفی NPM Introducing NPM

• نصب پکیج - جوک و رنگین کمان Installing Packages - Jokes & Rainbow

• افزودن بسته های جهانی Adding Global Packages

• The All-Important Package.json The All-Important Package.json

• نصب همه وابستگی ها برای یک پروژه Installing All Dependencies For A Project

• چالش حدس زبان Language Guesser Challenge

ایجاد سرور با Express Creating Servers With Express

• آنچه در این بخش مهم است What Matters In This Section

• معرفی Express Introducing Express

• اولین برنامه اکسپرس ما Our Very First Express App

• اشیاء درخواست و پاسخ The Request & Response Objects

• مبانی مسیریابی سریع Express Routing Basics

• پارامترهای مسیر اکسپرس Express Path Parameters

• کار با رشته های پرس و جو Working With Query Strings

• راه اندازی مجدد خودکار با Nodemon Auto-Restart With Nodemon

ایجاد HTML پویا با قالب Creating Dynamic HTML With Templating

• آنچه در این بخش مهم است What Matters In This Section

• Templating چیست؟ What is Templating?

• پیکربندی Express برای EJS Configuring Express For EJS

• تنظیم دایرکتوری Views Setting The Views Directory

• نحو درون یابی EJS EJS Interpolation Syntax

• انتقال داده به قالب ها Passing Data To Templates

• نسخه ی نمایشی قالب Subreddit Subreddit Template Demo

• شرایط در EJS Conditionals in EJS

• حلقه ها در EJS Loops In EJS

• نسخه ی نمایشی Subreddit پیچیده تر A More Complex Subreddit Demo

• ارائه دارایی های استاتیک در اکسپرس Serving Static Assets In Express

• بوت استرپ + اکسپرس Bootstrap + Express

• EJS و جزئی EJS & Partials

تعریف مسیرهای RESTful Defining RESTful Routes

• آنچه در این بخش مهم است What Matters In This Section

• دریافت در مقابل ارسال درخواست ها Get Vs. Post Requests

• تعریف مسیرهای پست اکسپرس Defining Express Post Routes

• تجزیه بدنه درخواست Parsing The Request Body

• مقدمه ای برای REST Intro to REST

• نمای کلی نظرات RESTful RESTful Comments Overview

• فهرست نظرات RESTful RESTful Comments Index

• نظرات RESTful جدید RESTful Comments New

• تغییر مسیرهای اکسپرس Express Redirects

• نمایش نظرات RESTful RESTful Comments Show

• بسته UUID The UUID Package

• به روز رسانی نظرات RESTful RESTful Comments Update

• لغو روش اکسپرس Express Method Override

• نظرات RESTful حذف کنید RESTful Comments Delete

اولین پایگاه داده ما: MongoDB Our First Database: MongoDB

• آنچه در این بخش مهم است What Matters In This Section

• مقدمه ای بر پایگاه های داده Introduction to Databases

• SQL در مقابل پایگاه های داده NoSQL SQL Vs. NoSQL Databases

• چرا ما در حال یادگیری مونگو هستیم Why We're Learning Mongo

• نصب Mongo: MacOS Installing Mongo: MacOS

• نصب Mongo: Windows Installing Mongo: Windows

• پوسته مونگو The Mongo Shell

• BSON روی زمین چیست؟ What On Earth Is BSON?

• درج با Mongo Inserting With Mongo

• پیدا کردن با Mongo Finding With Mongo

• به روز رسانی با Mongo Updating With Mongo

• حذف با Mongo Deleting With Mongo

• اپراتورهای اضافی Mongo Additional Mongo Operators

اتصال به Mongo با Mongoose Connecting To Mongo With Mongoose

• آنچه در این بخش مهم است What Matters In This Section

• Mongoose چیست What is Mongoose

• یادداشتی در مورد حل مسائل اتصال مانگوس A note about solving mongoose connection issues

• اتصال Mongoose به Mongo Connecting Mongoose to Mongo

• نکته ای در مورد مسئله دستور node .load index.js A note about the node .load index.js command issue

• اولین مدل مانگوز ما Our First Mongoose Model

• درج بسیاری Insert Many

• پیدا کردن با مونگوس Finding With Mongoose

• به روز رسانی با Mongoose Updating With Mongoose

• حذف با Mongoose! Deleting With Mongoose!

• اعتبارسنجی طرحواره Mongoose Mongoose Schema Validations

• محدودیت های طرحواره اضافی Additional Schema Constraints

• اعتبارسنجی به‌روزرسانی‌های Mongoose Validating Mongoose Updates

• خطاهای اعتبارسنجی Mongoose Mongoose Validation Errors

• روش‌های نمونه مدل Model Instance Methods

• اضافه کردن روش‌های استاتیک مدل Adding Model Static Methods

• Mongoose Virtuals Mongoose Virtuals

• تعریف میان افزار Mongoose Defining Mongoose Middleware

قرار دادن همه چیز با هم: Mongoose With Express Putting It All Together: Mongoose With Express

• آنچه در این بخش مهم است What Matters In This Section

• اکسپرس + راه اندازی اولیه Mongoose Express + Mongoose Basic Setup

• ایجاد مدل ما Creating Our Model

• فهرست محصولات Products Index

• جزئیات محصول Product Details

• ایجاد محصولات Creating Products

• به روز رسانی محصولات Updating Products

• Tangent On Category Selector Tangent On Category Selector

• حذف محصولات Deleting Products

• جایزه: فیلتر بر اساس دسته BONUS: Filtering By Category

YelpCamp: Campgrounds CRUD YelpCamp: Campgrounds CRUD

• معرفی YelpCamp: Our Massive Project Introducing YelpCamp: Our Massive Project

• نحوه دسترسی به کد YelpCamp How to Access YelpCamp Code

• ایجاد اپلیکیشن Basic Express Creating the Basic Express App

• مبانی مدل کمپ Campground Model Basics

• بذر پادگان Seeding Campgrounds

• شاخص اردوگاه Campground Index

• نمایش اردوگاه Campground Show

• اردوگاه جدید و ایجاد Campground New & Create

• اردوگاه ویرایش و به روز رسانی Campground Edit & Update

• اردوگاه حذف Campground Delete

Middleware: The Key To Express Middleware: The Key To Express

• آنچه در این بخش مهم است What Matters In This Section

• معرفی Express Middleware Intro to Express Middleware

• استفاده از Morgan - Logger Middleware Using Morgan - Logger Middleware

• تعریف میان افزار خودمان Defining Our Own Middleware

• تمرین بیشتر میان افزار More Middleware Practice

• راه اندازی یک مسیر 404 Setting Up A 404 Route

• نسخه ی نمایشی میان افزار رمز عبور (نه AUTH واقعی) Password Middleware Demo (NOT REAL AUTH)

• حفاظت از مسیرهای خاص Protecting Specific Routes

YelpCamp: اضافه کردن سبک های پایه YelpCamp: Adding Basic Styles

• یک ابزار جدید EJS برای Layouts A New EJS Tool For Layouts

• بوت استرپ 5! تکرار واضحات Bootstrap5! Boilerplate

• ناوبر جزئی Navbar Partial

• پاورقی جزئی Footer Partial

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

• شاخص مکان های کمپ سبک Styling Campgrounds Index

• یک ظاهر طراحی شده به فرم جدید Styling The New Form

• فرم ویرایش استایل Styling Edit Form

• استایل نمایش صفحه Styling Show Page

رسیدگی به خطاها در برنامه های اکسپرس Handling Errors In Express Apps

• آنچه در این بخش مهم است What Matters In This Section

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

• تعریف کنترل کننده های خطای سفارشی Defining Custom Error Handlers

• کلاس خطای سفارشی ما Our Custom Error Class

• رسیدگی به خطاهای Async Handling Async Errors

• مدیریت بیشتر خطاهای Async! Handling More Async Errors!

• تعریف یک ابزار Async Defining An Async Utility

• افتراق خطاهای Mongoose Differentiating Mongoose Errors

YelpCamp: خطاها و اعتبارسنجی داده ها YelpCamp: Errors & Validating Data

• بعدی با YelpCamp کجاست؟ Where To Next With YelpCamp?

• اعتبارسنجی فرم سمت مشتری Client-Side Form Validations

• کنترل کننده خطای اصلی Basic Error Handler

• تعریف کلاس ExpressError Defining ExpressError Class

• خطاهای بیشتر More Errors

• تعریف الگوی خطا Defining Error Template

• اعتبارسنجی طرحواره JOI JOI Schema Validations

• میان افزار اعتبار سنجی JOI JOI Validation Middleware

روابط داده با Mongo Data Relationships With Mongo

• آنچه در این بخش مهم است What Matters In This Section

• مقدمه ای بر روابط مونگو Introduction to Mongo Relationships

• بررسی اجمالی روابط SQL SQL Relationships Overview

• توجه: حل مشکل کد آینده با mongoose نسخه 7 Note: Solving an upcoming code issue with mongoose version 7

• یک به چند One to Few

• یک به بسیاری One to Many

• مونگوس جمعیت Mongoose Populate

• یک به "Bajillions" One to "Bajillions"

• طراحی طرحواره مونگو Mongo Schema Design

روابط مونگو با اکسپرس Mongo Relationships With Express

• آنچه در این بخش مهم است What Matters In This Section

• تعریف مزرعه و مدل های محصول ما Defining Our Farm & Product Models

• نکته در مورد مدل مزرعه Note about Farm model

• ایجاد مزارع جدید Creating New Farms

• صفحه نمایش مزارع Farms Show Page

• ایجاد محصولات برای یک مزرعه Creating Products For A Farm

• پایان کار Finishing Touches

• حذف میان افزار Mongoose Deletion Mongoose Middleware

YelpCamp: افزودن مدل نظرات YelpCamp: Adding The Reviews Model

• تعریف مدل بررسی Defining The Review Model

• افزودن فرم بررسی Adding The Review Form

• ایجاد نظرات Creating Reviews

• اعتبارسنجی نظرات Validating Reviews

• نمایش نظرات Displaying Reviews

• نظرات استایل Styling Reviews

• حذف نظرات Deleting Reviews

• Campground حذف میان افزار Campground Delete Middleware

روتر اکسپرس و کوکی ها Express Router & Cookies

• آنچه در این بخش مهم است What Matters In This Section

• معرفی روتر اکسپرس Express Router Intro

• روتر اکسپرس و میان افزار Express Router & Middleware

• معرفی کوکی ها Introducing Cookies

• ارسال کوکی ها Sending Cookies

• میان افزار تجزیه کننده کوکی Cookie Parser Middleware

• امضای کوکی ها Signing Cookies

• اختیاری: امضای HMAC OPTIONAL: HMAC Signing

اکسپرس جلسه و فلش Express Session & Flash

• آنچه در این بخش مهم است What Matters In This Section

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

• جلسه اکسپرس Express Session

• بیشتر جلسه اکسپرس More Express Session

• معرفی فلش Intro to Flash

• Res.locals & Flash Res.locals & Flash

YelpCamp: بازسازی و فلش YelpCamp: Restructuring & Flash

• شکستن مسیرهای اردوگاه Breaking Out Campground Routes

• شکستن مسیرهای بررسی Breaking Out Review Routes

• خدمت به دارایی های ثابت Serving Static Assets

• پیکربندی جلسه Configuring Session

• راه اندازی فلش Setting Up Flash

• فلش موفقیت جزئی Flash Success Partial

• خطاهای فلش جزئی Flash Errors Partial

احراز هویت از ابتدا Authentication From "Scratch"

• آنچه در این بخش مهم است What Matters In This Section

• احراز هویت در مقابل مجوز Authentication Vs. Authorization

• نحوه (نه) ذخیره رمزهای عبور How to (not) Store Passwords

• توابع هش رمزنگاری Cryptographic Hashing Functions

• نمک های رمز عبور Password Salts

• معرفی Bcrypt Intro to Bcrypt

• Auth Demo: راه اندازی Auth Demo: Setup

• Auth Demo: ثبت نام Auth Demo: Registering

• Auth Demo: ورود به سیستم Auth Demo: Login

• Auth Demo: ماندن در سیستم با Session Auth Demo: Staying Logged In With Session

• Auth Demo: خروج Auth Demo: Logout

• Auth Demo: نیازمند ورود به سیستم میان افزار Auth Demo: Require Login Middleware

• Auth Demo: Refactoring to Model Methods Auth Demo: Refactoring To Model Methods

YelpCamp: افزودن احراز هویت YelpCamp: Adding In Authentication

• آشنایی با پاسپورت Introduction to Passport

• مهم: حل مشکل نسخه مونگوس با پاسپورت-محلی-مانگوس IMPORTANT: Solving a mongoose version issue with passport-local-mongoose

• ایجاد مدل کاربری ما Creating Our User Model

• پیکربندی پاسپورت Configuring Passport

• فرم ثبت نام Register Form

• ثبت مسیر منطق Register Route Logic

• مسیرهای ورود Login Routes

• isLoggedIn Middleware isLoggedIn Middleware

• اضافه کردن خروج Adding Logout

• راهنما فعلی کاربر currentUser Helper

• اصلاح مسیر ثبت نام Fixing Register Route

• بازگشت به رفتار ReturnTo Behavior

YelpCamp: مجوز اولیه YelpCamp: Basic Authorization

• اضافه کردن نویسنده به اردوگاه Adding an Author to Campground

• نمایش و پنهان کردن ویرایش/حذف Showing and Hiding Edit/Delete

• مجوزهای اردوگاه Campground Permissions

• میان افزار مجوز Authorization Middleware

• مجوزهای بررسی Reviews Permissions

• بررسی های بیشتر مجوز More Reviews Authorization

YelpCamp: کنترلرها و رتبه بندی ستاره ها YelpCamp: Controllers & Star Ratings

• Refactoring To Campground Controller Refactoring To Campgrounds Controller

• اضافه کردن یک کنترلر بررسی Adding a Reviews Controller

• روشی جذاب برای بازسازی مسیرها A Fancy Way To Restructure Routes

• نمایش رتبه بندی ستاره ها Displaying Star Ratings

• فرم رتبه بندی ستاره Star Rating Form

YelpCamp: آپلود تصویر YelpCamp: Image Upload

• مقدمه فرآیند آپلود تصویر Intro To Image Upload Process

• میان افزار مولتر The Multer Middleware

• ثبت نام ابری Cloudinary Registration

• متغیرهای محیطی با dotenv Environment Variables with dotenv

• بارگذاری در مبانی ابری Uploading To Cloudinary Basics

• ذخیره پیوندهای تصویر آپلود شده در Mongo Storing Uploaded Image Links In Mongo

• نمایش تصاویر در چرخ فلک Displaying Images In A Carousel

• درست کردن دانه های ما Fixing Our Seeds

• افزودن آپلود به صفحه ویرایش Adding Upload to Edit Page

• سفارشی کردن ورودی فایل Customizing File Input

• یک کلمه هشدار! A Word Of Warning!

• فرم حذف تصاویر Deleting Images Form

• حذف پشتیبان تصاویر Deleting Images Backend

• افزودن یک ویژگی مجازی بند انگشتی Adding a Thumbnail Virtual Property

YelpCamp: اضافه کردن نقشه ها YelpCamp: Adding Maps

• ثبت نام برای Mapbox Registering For Mapbox

• ژئوکدینگ مکان های ما Geocoding Our Locations

• کار با GeoJSON Working With GeoJSON

• نمایش نقشه Displaying A Map

• قرار دادن نقشه در یک اردوگاه Centering The Map On A Campground

• رفع اشکال دانه ما Fixing Our Seeds Bug

• سفارشی کردن پنجره بازشو نقشه Customizing Map Popup

YelpCamp: نقشه خوشه ای فانتزی YelpCamp: Fancy Cluster Map

• معرفی نقشه خوشه ای ما Intro To Our Cluster Map

• افزودن نقشه خوشه زلزله Adding Earthquake Cluster Map

• بازیابی پایگاه داده ما (دوباره) Reseeding Our Database (again)

• اردوگاه های خوشه بندی اولیه Basic Clustering Campgrounds

• بهینه سازی کد خوشه بندی Tweaking Clustering Code

• تغییر اندازه و رنگ خوشه Changing Cluster Size and Color

• اضافه کردن پنجره های بازشو سفارشی Adding Custom Popups

YelpCamp: Styles Clean Up YelpCamp: Styles Clean Up

• صفحه اصلی استایل Styling Home Page

• یک ظاهر طراحی اضافی صفحه اصلی Additional Home Page Styling

• فرم ورود به سبک Styling Login Form

• فرم ثبت استایل Styling Register Form

• فضای کمپ فاصله دار Spacing Campgrounds

• حذف سبک های نقشه درون خطی Removing Inline Map Styles

• اضافه کردن کنترل های نقشه Adding Map Controls

YelpCamp: مسائل امنیتی رایج YelpCamp: Common Security Issues

• تزریق مونگو Mongo Injection

• اسکریپت متقابل سایت (XSS) Cross Site Scripting (XSS)

• پاکسازی HTML با JOI Sanitizing HTML w/ JOI

• تغییرات جزئی در Session/Cookies Minor Changes to Session/Cookies

• پنهان کردن خطاها Hiding Errors

• استفاده از کلاه ایمنی Using Helmet

• سرگرمی سیاست امنیتی محتوا Content Security Policy Fun

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

• راه اندازی Mongo Atlas Setting Up Mongo Atlas

• استفاده از Mongo برای فروشگاه Session ما Using Mongo For Our Session Store

• راه اندازی Heroku Heroku Setup

• هل دادن به هروکو Pushing to Heroku

• رفع خطاهای Heroku Fixing Heroku Errors

• پیکربندی متغیرهای Heroku Env Configuring Heroku Env Variables

پایان :( The End :(

• چه خبر است و خداحافظ! What's Next and Goodbye!

محتوای قدیمی (نسخه قدیمی این دوره) LEGACY CONTENT (The Old Version Of This Course)

• LEGACY دانلود: مقدمه ای بر این دوره LEGACY Download: Introduction To This Course

• دانلود LEGACY: Introduction To Front End Development LEGACY Download: Introduction To Front End Development

• دانلود LEGACY: مقدمه ای بر HTML LEGACY Download: Introduction to HTML

• LEGACY دانلود: HTML متوسط LEGACY Download: Intermediate HTML

• دانلود LEGACY: مقدمه ای بر CSS LEGACY Download: Introduction to CSS

• دانلود LEGACY: CSS متوسط LEGACY Download: Intermediate CSS

• LEGACY دانلود: بوت استرپ LEGACY Download: Bootstrap

• LEGACY دانلود: بوت استرپ 4 LEGACY Download: Bootstrap 4

• دانلود LEGACY: Bootstrap 4 Flexbox & Layout LEGACY Download: Bootstrap 4 Flexbox & Layout

• دانلود LEGACY: مقدمه ای بر جاوا اسکریپت LEGACY Download: Introduction to JavaScript

• دانلود LEGACY: JavaScript Basics Control Flow LEGACY Download: JavaScript Basics Control Flow

• دانلود LEGACY: توابع پایه جاوا اسکریپت LEGACY Download: JavaScript Basics Functions

• دانلود LEGACY: آرایه های پایه جاوا اسکریپت LEGACY Download: JavaScript Basics Arrays

• دانلود LEGACY: اشیاء پایه جاوا اسکریپت LEGACY Download: JavaScript Basics Objects

• LEGACY دانلود: دستکاری DOM LEGACY Download: DOM Manipulation

• دانلود LEGACY: Advanced DOM Manipulation LEGACY Download: Advanced DOM Manipulation

• LEGACY دانلود: پروژه بازی رنگی LEGACY Download: Color Game Project

• دانلود LEGACY: مقدمه ای بر jQuery LEGACY Download: Intro to jQuery

• دانلود LEGACY: jQuery پیشرفته LEGACY Download: Advanced jQuery

• LEGACY دانلود: پروژه های فهرست کار LEGACY Download: Todo List Projects

• LEGACY دانلود: Patatap Clone LEGACY Download: Patatap Clone

• دانلود LEGACY: Backend Basics LEGACY Download: Backend Basics

• LEGACY دانلود: خط فرمان LEGACY Download: The Command Line

• LEGACY دانلود: Node JS LEGACY Download: Node JS

• LEGACY دانلود: فریمورک های سمت سرور LEGACY Download: Server Side Frameworks

• LEGACY دانلود: Intermediate Express LEGACY Download: Intermediate Express

• دانلود LEGACY: کار با API ها LEGACY Download: Working With APIs

• دانلود LEGACY: YelpCamp Basics LEGACY Download: YelpCamp Basics

• دانلود LEGACY: پایگاه های داده LEGACY Download: Databases

• دانلود LEGACY: YelpCamp Data Persistence LEGACY Download: YelpCamp Data Persistence

• دانلود LEGACY: RESTful Routing LEGACY Download: RESTful Routing

• دانلود LEGACY: Data Associations LEGACY Download: Data Associations

• LEGACY دانلود: نظرات YelpCamp LEGACY Download: YelpCamp Comments

• LEGACY دانلود: احراز هویت LEGACY Download: Authentication

• دانلود LEGACY: YelpCamp افزودن احراز هویت LEGACY Download: YelpCamp Adding Authentication

• دانلود LEGACY: YelpCamp Cleaning Up LEGACY Download: YelpCamp Cleaning Up