آموزش بوت کمپ کامل توسعه وب 2023

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

توسعه وب فرانت اند Front-End Web Development

• آنچه در این دوره دریافت خواهید کرد What You'll Get in This Course

• برنامه درسی را دانلود کنید Download the Course Syllabus

• منابع دوره را دانلود کنید Download the Course Resources

• دانلود 12 قانون برای یادگیری کدنویسی کتاب الکترونیکی [آخرین نسخه] Download the 12 Rules to Learn to Code eBook [Latest Edition]

• نرم افزار مورد نیاز را دانلود کنید Download the Required Software

• اینترنت در واقع چگونه کار می کند؟ How Does the Internet Actually Work?

• وب سایت ها در واقع چگونه کار می کنند؟ How Do Websites Actually Work?

• چگونه از دوره بیشترین بهره را ببرید How to Get the Most Out of the Course

• چگونه وقتی گیر کرده اید کمک بگیرید How to Get Help When You're Stuck

• مسیر یاب Pathfinder

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

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

• استفاده از تگ های HTML Using HTML Tags

• آناتومی یک تگ HTML The Anatomy of an HTML Tag

• آنچه ما در حال ساختن هستیم - سایت شخصی HTML What we're building - HTML Personal Site

• HTML Boilerplate چیست؟ What is The HTML Boilerplate?

• نحوه ساختاربندی متن در HTML How to Structure Text in HTML

• لیست های HTML HTML Lists

• عناصر تصویر HTML HTML Image Elements

• پیوندهای HTML و تگ های لنگر HTML Links and Anchor Tags

• چگونه به آس در این دوره How to Ace this Course

HTML متوسط Intermediate HTML

• جداول HTML HTML Tables

• استفاده از جداول HTML برای چیدمان Using HTML Tables for Layout

• چالش کد جداول HTML HTML Tables Code Challenge

• نحوه تایپ ایموجی How to Type Emojis

• راه حل جداول HTML HTML Tables Solution Walkthrough

• فرم های HTML HTML Forms

• فرم ها در عمل - یک فرم تماس با من ایجاد کنید Forms in Practice - Create a Contact Me Form

• چالش HTML HTML Challenge

• وب سایت خود را منتشر کنید! Publish Your Website!

• نکته از آنجلا - ساخت عادت با ترفند تقویم Tip from Angela - Habit Building with the Calendar Trick

• نکات و ابزارهای ماهانه برای ارتقاء سطح به عنوان یک توسعه دهنده را دریافت کنید Get Monthly Tips and Tools to Level Up as a Developer

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

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

• CSS درون خطی Inline CSS

• CSS داخلی Internal CSS

• CSS خارجی External CSS

• نحوه اشکال زدایی کد CSS How to Debug CSS Code

• آناتومی نحو CSS The Anatomy of CSS Syntax

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

• کلاس ها در مقابل شناسه ها Classes vs. Ids

• امتحان CSS CSS Quiz

• نکته ای از آنجلا - مقابله با عوامل حواس پرتی Tip from Angela - Dealing with Distractions

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

CSS متوسط Intermediate CSS

• آنچه ما خواهیم ساخت - سایت شخصی سبک What We'll Make - Stylised Personal Site

• فاویکون ها چیست؟ What Are Favicons?

• HTML Divs HTML Divs

• مدل جعبه طراحی وب سایت The Box Model of Website Styling

• ویژگی نمایش CSS CSS Display Property

• درباره طراحی وب سایت بیشتر بدانید Learn More About Web Design

• CSS استاتیک و موقعیت نسبی CSS Static and Relative Positioning

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

• هنر تاریک متمرکز کردن عناصر با CSS The Dark Art of Centering Elements with CSS

• سبک فونت در سایت شخصی ما Font Styling in Our Personal Site

• درباره تایپوگرافی بیشتر بدانید Learn More About Typography

• افزودن محتوا به وب سایت ما Adding Content to Our Website

• اندازه CSS CSS Sizing

• چالش ویژگی های فونت 1 - رنگ ها را تغییر دهید Font Properties Challenge 1 - Change the Colours

• چالش ویژگی های فونت 2 - وزن قلم را تغییر دهید Font Properties Challenge 2 - Change the Font Weight

• چالش ویژگی های فونت 3 - ارتفاع خط را تغییر دهید Font Properties Challenge 3 - Change the Line Height

• راه حل های چالش ویژگی فونت CSS CSS Font Property Challenge Solutions

• CSS Float and Clear CSS Float and Clear

• چالش CSS CSS Challenge

• راه حل سایت شخصی تلطیف شده Stylised Personal Site Solution Walkthrough

• [اختیاری] HTML و CSS را بیشتر تمرین کنید [Optional] Get More Practice HTML and CSS

• نکته از آنجلا - هیچ چیز آسان ارزش انجام دادن ندارد! Tip from Angela - Nothing Easy is Worth Doing!

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

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

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

• طراحی وب 101 - Wireframing Web Design 101 - Wireframing

• نوار ناوبری بوت استرپ The Bootstrap Navigation Bar

• آنچه ما خواهیم ساخت: TinDog What We'll Make: TinDog

• فایل های شروع را دانلود کنید Download the Starting Files

• راه اندازی پروژه جدید ما Setting Up Our New Project

• سیستم چیدمان شبکه بوت استرپ Bootstrap Grid Layout System

• دریافت مونتسرات سیاه و سایر وزن های قلم Getting Montserrat Black and other Font Weights

• اضافه کردن طرح بندی شبکه ای به وب سایت ما Adding Grid Layouts to Our Website

• نکته ای درباره سفارش پیوند CSS A Note About CSS Link Order

• ظروف بوت استرپ Bootstrap Containers

• دکمه های بوت استرپ و فونت عالی Bootstrap Buttons & Font Awesome

• طراحی چالش ها و راه حل های وب سایت ما Styling Our Website Challenges and Solutions

• چالش بوت استرپ 1 Bootstrap Challenge 1

• راه حل چالش بوت استرپ 1 Solution to Bootstrap Challenge 1

• نکته ای از آنجلا - چگونه با اهمال کاری مقابله کنیم Tip from Angela - How to Deal with Procrastination

بوت استرپ متوسط Intermediate Bootstrap

• چرخ فلک بوت استرپ قسمت 1 The Bootstrap Carousel Part 1

• چرخ فلک بوت استرپ قسمت 2 The Bootstrap Carousel Part 2

• کارت های بوت استرپ Bootstrap Cards

• CSS Z-Index و ترتیب چیدمان The CSS Z-Index and Stacking Order

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

• چالش بوت استرپ 2 Bootstrap Challenge 2

• راه حل Bootstrap Challenge 2 Bootstrap Challenge 2 Solution

• چگونه یک برنامه نویس بهتر شویم - کد Refactoring How to become a Better Programmer - Code Refactoring

• آن را در عمل قرار دهید - قسمت 1 وب سایت ما را بازسازی کنید Put it into Practice - Refactor our Website Part 1

• CSS پیشرفته - ترکیب انتخابگرها Advanced CSS - Combining Selectors

• بازسازی وب سایت ما قسمت 2 Refactoring our Website Part 2

• CSS پیشرفته - اولویت انتخاب Advanced CSS - Selector Priority

• تکمیل وب سایت Completing the Website

• وب سایت تکمیل شده را دانلود کنید Download the Completed Website

• نکته ای از آنجلا - ایجاد یک عادت برنامه نویسی Tip from Angela - Building a Programming Habit

مدرسه طراحی وب - وب سایتی ایجاد کنید که مردم دوستش داشته باشند Web Design School - Create a Website that People Love

• مقدمه ای بر طراحی وب Introduction to Web Design

• درک نظریه رنگ Understanding Colour Theory

• آشنایی با تایپوگرافی و نحوه انتخاب فونت Understanding Typography and How to Choose a Font

• ATTENTION را با طراحی موثر رابط کاربری (UI) مدیریت کنید Manage ATTENTION with effective User Interface (UI) Design

• طراحی تجربه کاربری (UX). User Experience (UX) Design

• طراحی وب در عمل - بیایید آنچه را که آموخته ایم به کار ببریم! Web Design in Practice - Let's apply what we've learnt!

مقدمه ای بر Javascript ES6 Introduction to Javascript ES6

• مقدمه ای بر جاوا اسکریپت Introduction to Javascript

• هشدارهای جاوا اسکریپت - افزودن رفتار به وب سایت ها Javascript Alerts - Adding Behaviour to Websites

• انواع داده ها Data Types

• متغیرهای جاوا اسکریپت Javascript Variables

• شروع تمرین متغیرهای جاوا اسکریپت Javascript Variables Exercise Start

• تمرین متغیرهای جاوا اسکریپت Javascript Variables Exercise

• راه حل تمرین متغیرهای جاوا اسکریپت Javascript Variables Exercise Solution

• قراردادهای نامگذاری و نامگذاری برای متغیرهای جاوا اسکریپت Naming and Naming Conventions for Javascript Variables

• آزمون نامگذاری متغیر جاوا اسکریپت Javascript Variable Naming Quiz

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

• طول رشته و بازیابی تعداد کاراکترها String Lengths and Retrieving the Number of Characters

• برش و استخراج قطعات یک رشته Slicing and Extracting Parts of a String

• چالش: تغییر حروف در متن Challenge: Changing Casing in Text

• چالش: تغییر راه حل پوشش رشته Challenge: Changing String Casing Solution

• حساب پایه و عملگر ماژول در جاوا اسکریپت Basic Arithmetic and the Modulo Operator in Javascript

• عبارات افزایش و کاهش Increment and Decrement Expressions

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

• توابع قسمت 1: ایجاد و فراخوانی توابع Functions Part 1: Creating and Calling Functions

• توابع بخش 1 چالش - ربات کارل Functions Part 1 Challenge - The Karel Robot

• راه حل هیئت شطرنج کارل The Karel Chess Board Solution

• نکته ای سریع درباره درس بعدی A Quick Note About the Next Lesson

• توابع قسمت 2: پارامترها و آرگومان ها Functions Part 2: Parameters and Arguments

• تمرین برنامه نویسی زندگی در هفته Life in Weeks Coding Exercise

• راه حل زندگی در هفته Life in Weeks Solution

• توابع قسمت 3: خروجی ها و مقادیر بازگشتی Functions Part 3: Outputs & Return Values

• چالش: یک ماشین حساب BMI ایجاد کنید Challenge: Create a BMI Calculator

• چالش ماشین حساب BMI BMI Calculator Challenge

• چالش: راه حل ماشین حساب BMI Challenge: BMI Calculator Solution

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

• نکته از آنجلا - انتظارات خود را تعیین کنید Tip from Angela - Set Your Expectations

جاوا اسکریپت متوسط Intermediate Javascript

• تولید اعداد تصادفی در جاوا اسکریپت: ساخت ماشین حساب عشق Random Number Generation in Javascript: Building a Love Calculator

• عبارات کنترل: با استفاده از شرط و منطق If-Else Control Statements: Using If-Else Conditionals & Logic

• مقایسات و برابری Comparators and Equality

• ترکیب مقایسه کننده ها Combining Comparators

• ماشین حساب BMI پیشرفته (IF/ELSE) BMI Calculator Advanced (IF/ELSE)

• معرفی چالش کد سال کبیسه Introducing the Leap Year Code Challenge

• تمرین چالشی سال کبیسه Leap Year Challenge Exercise

• راه حل سال کبیسه Leap Year Solution

• مجموعه ها: کار با آرایه های جاوا اسکریپت Collections: Working with Javascript Arrays

• افزودن عناصر و تکنیک های آرایه میانی Adding Elements and Intermediate Array Techniques

• چه کسی ناهار می خرد؟ چالش کد Who's Buying Lunch? Code Challenge

• چه کسی راه حل ناهار می خرد Who's Buying Lunch Solution

• عبارات کنترل: while Loops Control Statements: While Loops

• راه حلی برای چالش 99 بطری Solution to the 99 Bottles Challenge

• بیانیه های کنترل: برای حلقه ها Control Statements: For Loops

• معرفی چالش کد فیبوناچی Introducing the Fibonacci Code Challenge

• تمرین فیبوناچی The Fibonacci Exercise

• راه حل فیبوناچی Fibonacci Solution

• نکته از آنجلا - بازیابی نحوه یادگیری است Tip from Angela - Retrieval is How You Learn

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

• افزودن جاوا اسکریپت به وب سایت ها Adding Javascript to Websites

• مقدمه ای بر مدل شیء سند (DOM) Introduction to the Document Object Model (DOM)

• راه حل چالش DOM Solution to the DOM Challenge

• انتخاب عناصر HTML با جاوا اسکریپت Selecting HTML Elements with Javascript

• دستکاری و تغییر سبک عناصر HTML با جاوا اسکریپت Manipulating and Changing Styles of HTML Elements with Javascript

• جدایی نگرانی ها: ساختار در مقابل سبک در مقابل رفتار The Separation of Concerns: Structure vs Style vs Behaviour

• دستکاری متن و ویژگی محتوای متن Text Manipulation and the Text Content Property

• دستکاری ویژگی های عنصر HTML Manipulating HTML Element Attributes

• نکته ای از آنجلا - روش 20 دقیقه ای Tip from Angela - The 20 Minute Method

Boss Level Challenge 1 - The Dicee Game Boss Level Challenge 1 - The Dicee Game

• چالش: چالش Dicee Challenge: The Dicee Challenge

• چالش Dicee مرحله 0 - پروژه اسکلت را دانلود کنید Dicee Challenge Step 0 - Download the Skeleton Project

• چالش Dicee مرحله 1 - یک فایل جاوا اسکریپت خارجی ایجاد کنید Dicee Challenge Step 1 - Create an External Javascript File

• چالش Dicee مرحله 2 - تصاویر تاس را اضافه کنید Dicee Challenge Step 2 - Add Dice Images

• چالش Dicee مرحله 3 - یک عدد تصادفی ایجاد کنید Dicee Challenge Step 3 - Create a Random Number

• چالش Dicee مرحله 4 - <img> را به یک تاس تصادفی تغییر دهید Dicee Challenge Step 4 - Change the <img> to a Random Dice

• چالش Dicee مرحله 5 - هر دو عنصر <img> را تغییر دهید Dicee Challenge Step 5 - Change both <img> Elements

• چالش Dicee مرحله 6 - عنوان را برای نمایش یک برنده تغییر دهید Dicee Challenge Step 6 - Change the Title to Display a Winner

• راه حل چالش Dicee The Solution to the Dicee Challenge

• وب سایت تکمیل شده را دانلود کنید Download the Completed Website

• نکته از آنجلا - آموزش قبل از خوردن Tip from Angela - Learning Before you Eat

جاوا اسکریپت پیشرفته و دستکاری DOM Advanced Javascript and DOM Manipulation

• چیزی که ما خواهیم ساخت: کیت درام What We'll Make: Drum Kit

• فایل های شروع را دانلود کنید Download the Starting Files

• اضافه کردن شنوندگان رویداد به یک دکمه Adding Event Listeners to a Button

• توابع مرتبه بالاتر و توابع عبور به عنوان آرگومان Higher Order Functions and Passing Functions as Arguments

• راه حل چالش تابع سفارش بالاتر Higher Order Function Challenge Solution

• نحوه پخش صداها در وب سایت How to Play Sounds on a Website

• درک عمیق تر از اشیاء جاوا اسکریپت A Deeper Understanding of Javascript Objects

• نحوه استفاده از دستورات سوئیچ در جاوا اسکریپت How to Use Switch Statements in Javascript

• اشیاء، روش های آنها و علامت گذاری نقطه Objects, their Methods and the Dot Notation

• نکته ای سریع درباره درس بعدی A Quick Note About the Next Lesson

• استفاده از شنوندگان رویدادهای صفحه کلید برای بررسی فشار کلید Using Keyboard Event Listeners to Check for Key Presses

• درک پاسخ به تماس و نحوه پاسخگویی به رویدادها Understanding Callbacks and How to Respond to Events

• افزودن انیمیشن به وب سایت ها Adding Animation to Websites

• وب سایت تکمیل شده را دانلود کنید Download the Completed Website

• نکته ای از آنجلا - مقابله با عدم پیشرفت Tip from Angela - Dealing with Lack of Progress

جی کوئری jQuery

• جی کوئری چیست؟ What is jQuery?

• نحوه ادغام جی کوئری در وب سایت ها How to Incorporate jQuery into Websites

• چگونه Minification برای کاهش حجم فایل کار می کند How Minification Works to Reduce File Size

• انتخاب عناصر با جی کوئری Selecting Elements with jQuery

• دستکاری استایل ها با جی کوئری Manipulating Styles with jQuery

• دستکاری متن با جی کوئری Manipulating Text with jQuery

• دستکاری ویژگی ها با جی کوئری Manipulating Attributes with jQuery

• اضافه کردن شنوندگان رویداد با jQuery Adding Event Listeners with jQuery

• افزودن و حذف عناصر با جی کوئری Adding and Removing Elements with jQuery

• انیمیشن های وب سایت با جی کوئری Website Animations with jQuery

• نکته از آنجلا - مخلوط کردن دانش Tip from Angela - Mixing Knowledge

Boss Level Challenge 2 - The Simon Game Boss Level Challenge 2 - The Simon Game

• آنچه شما خواهید ساخت: بازی سایمون What You'll Make: The Simon Game

• بازی کن Play the Game

• مرحله 0 - فایل های شروع را دانلود کنید Step 0 - Download the Starting Files

• مرحله 1 - جاوا اسکریپت و جی کوئری را اضافه کنید Step 1 - Add Javascript and jQuery

• مرحله 1 - پاسخ دهید Step 1 - Answer

• مرحله 2 - یک الگوی جدید ایجاد کنید Step 2 - Create A New Pattern

• مرحله 2 - پاسخ دهید Step 2 - Answer

• مرحله 3 - دنباله را با انیمیشن ها و صداها به کاربر نشان دهید Step 3 - Show the Sequence to the User with Animations and Sounds

• مرحله 3 - پاسخ دهید Step 3 - Answer

• مرحله 4 - بررسی کنید که کدام دکمه فشار داده شده است Step 4 - Check Which Button is Pressed

• مرحله 4 - پاسخ دهید Step 4 - Answer

• مرحله 5 - صداها را به کلیک های دکمه اضافه کنید Step 5 - Add Sounds to Button Clicks

• مرحله 5 - پاسخ دهید Step 5 - Answer

• مرحله 6 - انیمیشن ها را به کلیک های کاربر اضافه کنید Step 6 - Add Animations to User Clicks

• مرحله 6 - پاسخ دهید Step 6 - Answer

• مرحله 7 - بازی را شروع کنید Step 7 - Start the Game

• مرحله 7 - پاسخ دهید Step 7 - Answer

• مرحله 8 - پاسخ کاربر در برابر بازی Sequence8 را بررسی کنید Step 8 - Check the User's Answer Against the Game Sequence8

• مرحله 8 - پاسخ دهید Step 8 - Answer

• مرحله 9 - بازی به پایان رسید Step 9 - Game Over

• مرحله 9 - پاسخ دهید Step 9 - Answer

• مرحله 10 - بازی را مجدداً راه اندازی کنید Step 10 - Restart the Game

• مرحله 10 - پاسخ دهید Step 10 - Answer

• کد پروژه تکمیل شده را دانلود کنید Download the Completed Project Code

• نکته از آنجلا - مقابله با ناامیدی Tip from Angela - Dealing with Frustration

خط فرمان یونیکس The Unix Command Line

• نصب Hyper Terminal Installing the Hyper Terminal

• تنظیم بیش از حد خط فرمان Command Line Hyper Setup

• درک خط فرمان زنده باد خط فرمان Understanding the Command Line. Long Live the Command Line!

• تکنیک های خط فرمان و مسیریابی دایرکتوری Command Line Techniques and Directory Navigation

• ایجاد، باز کردن و حذف فایل ها از طریق خط فرمان Creating, Opening, and Removing Files through the Command Line

• نکته از آنجلا - خواب سلاح مخفی من است Tip from Angela - Sleep is My Secret Weapon

توسعه وب Backend Backend Web Development

• توسعه وب Backend توضیح داده شده است Backend Web Development Explained

Node.js Node.js

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

• Node.js را در مک نصب کنید Install Node.js on Mac

• Node.js را روی ویندوز نصب کنید Install Node.js on Windows

• قدرت خط فرمان و نحوه استفاده از Node The Power of the Command Line and How to Use Node

• Node REPL (خواندن حلقه های چاپ ارزیابی) The Node REPL (Read Evaluation Print Loops)

• نحوه استفاده از ماژول های Native Node How to Use the Native Node Modules

• مدیر بسته NPM و نصب ماژول‌های گره خارجی The NPM Package Manager and Installing External Node Modules

• نکته از آنجلا - قدم به قدم به چالش بروید Tip from Angela - Step Up to the Challenge

Express.js با Node.js Express.js with Node.js

• اکسپرس چیست؟ What is Express?

• ایجاد اولین سرور ما با Express Creating Our First Server with Express

• رسیدگی به درخواست ها و پاسخ ها: درخواست GET Handling Requests and Responses: the GET Request

• نصب Nodemon Nodemon Installation

• درک و کار با مسیرها Understanding and Working with Routes

• آنچه ما خواهیم ساخت: یک ماشین حساب What We'll Make: A Calculator

• چالش راه اندازی ماشین حساب Calculator Setup Challenge

• راه اندازی ماشین حساب: راه حل چالش Calculator Setup: Challenge Solution

• پاسخ به درخواست ها با فایل های HTML Responding to Requests with HTML Files

• پردازش درخواست‌های ارسال با Body Parser Processing Post Requests with Body Parser

• چالش مسیریابی BMI BMI Routing Challenge

• راه حلی برای چالش مسیریابی BMI Solution to the BMI Routing Challenge

• نکته ای از آنجلا - چگونه دانش خود را تحکیم کنید Tip from Angela - How to Solidify Your Knowledge

API ها - رابط های برنامه نویسی کاربردی APIs - Application Programming Interfaces

• چرا به API نیاز داریم؟ Why Do We Need APIs?

• نقاط پایانی API، مسیرها و پارامترها. API Endpoints, Paths and Parameters.

• API Authentication و Postman API Authentication and Postman

• JSON چیست؟ What is JSON?

• ایجاد درخواست GET با ماژول HTTPS Node Making GET Requests with the Node HTTPS Module

• چگونه JSON را تجزیه کنیم How to Parse JSON

• استفاده از Express برای ارائه یک وب سایت با داده های Live API Using Express to Render a Website with Live API Data

• استفاده از Body Parser برای تجزیه درخواست های POST به سرور Using Body Parser to Parse POST Requests to the Server

• Mailchimp API - آنچه خواهید ساخت The Mailchimp API - What You'll Make

• راه اندازی صفحه ثبت نام Setting Up the Sign Up Page

• ارسال داده ها به سرورهای Mailchimp از طریق API آنها Posting Data to Mailchimp's Servers via their API

• افزودن صفحات موفقیت و شکست Adding Success and Failure Pages

• استقرار سرور خود با Heroku Deploying Your Server with Heroku

• نکته از آنجلا - مکان، مکان، مکان! Tip from Angela - Location, Location, Location!

Git، Github و کنترل نسخه Git, Github and Version Control

• مقدمه ای بر نسخه کنترل و گیت Introduction to Version Control and Git

• کنترل نسخه با استفاده از Git و خط فرمان Version Control Using Git and the Command Line

• GitHub و Remote Repositories GitHub and Remote Repositories

• مخازن خصوصی GitHub اکنون رایگان هستند! ? GitHub Private Repos are now Free! ?

• گیتینور Gitignore

• شبیه سازی Cloning

• انشعاب و ادغام Branching and Merging

• چالش گیت اختیاری Optional Git Challenge

• درخواست فورکینگ و کشش Forking and Pull Requests

• نکته از آنجلا - تکرار فاصله Tip from Angela - Spaced Repetition

EJS EJS

• آنچه ما خواهیم ساخت: یک ToDoList What We'll Make: A ToDoList

• خطاهای لینتر با EJS Linter Errors with EJS

• قالب ها؟ چرا به قالب نیاز داریم؟ Templates? Why Do We Need Templates?

• ایجاد اولین الگوهای EJS شما Creating Your First EJS Templates

• اجرای کد در قالب EJS Running Code Inside the EJS Template

• انتقال داده ها از صفحه وب به سرور شما Passing Data from Your Webpage to Your Server

• مفهوم دامنه در زمینه جاوا اسکریپت The Concept of Scope in the Context of Javascript

• اضافه کردن سبک های از پیش ساخته شده CSS به وب سایت شما Adding Pre-Made CSS Stylesheets to Your Website

• درک قالب در مقابل چیدمان Understanding Templating vs. Layouts

• درک صادرات ماژول گره: نحوه انتقال توابع و داده ها بین فایل ها Understanding Node Module Exports: How to Pass Functions and Data between Files

• نکته از آنجلا - از مسئولیت پذیری به نفع خود استفاده کنید Tip from Angela - Use Accountability in your Favour

چالش سطح رئیس 3 - وب سایت وبلاگ Boss Level Challenge 3 - Blog Website

• قالب چالش جدید و آنچه که ما خواهیم ساخت: یک وبلاگ A New Challenge Format and What We'll Make: A Blog

• راه اندازی پروژه وبلاگ Setting Up the Blog Project

• چالش 1 Challenge 1

• راه حل چالش 1 Challenge 1 Solution

• چالش 2 Challenge 2

• راه حل چالش 2 Challenge 2 Solution

• چالش 3 Challenge 3

• راه حل چالش 3 Challenge 3 Solution

• چالش 4 Challenge 4

• راه حل چالش 4 Challenge 4 Solution

• چالش 5 Challenge 5

• راه حل چالش 5 Challenge 5 Solution

• چالش 6 Challenge 6

• راه حل چالش 6 Challenge 6 Solution

• چالش 7 Challenge 7

• راه حل چالش 7 Challenge 7 Solution

• چالش 8 Challenge 8

• راه حل چالش 8 Challenge 8 Solution

• چالش 9 Challenge 9

• راه حل چالش 9 Challenge 9 Solution

• چالش 10 Challenge 10

• راه حل چالش 10 Challenge 10 Solution

• چالش 11 Challenge 11

• راه حل چالش 11 Challenge 11 Solution

• چالش 12 Challenge 12

• راه حل چالش 12 Challenge 12 Solution

• چالش 13 Challenge 13

• راه حل چالش 13 Challenge 13 Solution

• چالش 14 و راه حل Challenge 14 and Solution

• چالش 15 Challenge 15

• راه حل چالش 15 Challenge 15 Solution

• پارامترهای مسیریابی سریع Express Routing Parameters

• چالش 16 Challenge 16

• راه حل چالش 16 Challenge 16 Solution

• چالش 17 Challenge 17

• راه حل چالش 17 Challenge 17 Solution

• چالش 18 Challenge 18

• راه حل چالش 18 Challenge 18 Solution

• چالش 19 Challenge 19

• راه حل چالش 19 Challenge 19 Solution

• چالش 20 Challenge 20

• راه حل چالش 20 Challenge 20 Solution

• چالش 21 Challenge 21

• راه حل چالش 21 Challenge 21 Solution

• نکته ای از آنجلا - وقتی زندگی به شما لیمو می دهد Tip from Angela - When Life Gives You Lemons

پایگاه های داده Databases

• پایگاه های داده توضیح داده شده: SQL در مقابل NOSQL Databases Explained: SQL vs. NOSQL

SQL SQL

• دستورات SQL: CREATE Table و INSERT Data SQL Commands: CREATE Table and INSERT Data

• دستورات SQL: READ، SELECT و WHERE SQL Commands: READ, SELECT, and WHERE

• به روز رسانی ارزش های واحد و اضافه کردن ستون ها در SQL Updating Single Values and Adding Columns in SQL

• دستورات SQL: DELETE SQL Commands: DELETE

• درک روابط SQL، کلیدهای خارجی و اتصالات داخلی Understanding SQL Relationships, Foreign Keys and Inner Joins

• نکته از آنجلا - همه افراد سخت کوش را پیدا کنید Tip from Angela - Find All the Hard Working People

MongoDB MongoDB

• نصب MongoDB در مک Installing MongoDB on Mac

• نصب MongoDB روی ویندوز Installing MongoDB on Windows

• عملیات MongoDB CRUD در پوسته: ایجاد کنید MongoDB CRUD Operations in the Shell: Create

• MongoDB CRUD Operations in the Shell: Reading & Queries MongoDB CRUD Operations in the Shell: Reading & Queries

• عملیات MongoDB CRUD در پوسته: به روز رسانی MongoDB CRUD Operations in the Shell: Update

• عملیات MongoDB CRUD در پوسته: حذف کنید MongoDB CRUD Operations in the Shell: Delete

• روابط در MongoDB Relationships in MongoDB

• کار با درایور Native MongoDB Working with The Native MongoDB Driver

• اگر فراموش کرده اید از سرور Mongod خارج شوید If You Have Forgotten to Quit the Mongod Server

• نکته از آنجلا - روتین های روزانه Tip from Angela - Daily Routines

مانگوس Mongoose

• آشنایی با Mongoose Introduction to Mongoose

• خواندن از پایگاه داده شما با Mongoose Reading from Your Database with Mongoose

• اعتبار سنجی داده ها با Mongoose Data Validation with Mongoose

• به روز رسانی و حذف داده ها با استفاده از Mongoose Updating and Deleting Data Using Mongoose

• ایجاد روابط و جاسازی اسناد با استفاده از Mongoose Establishing Relationships and Embedding Documents using Mongoose

• نکته از آنجلا - کار عمیق Tip from Angela - Deep Work

قرار دادن همه چیز با هم Putting Everything Together

• بیایید پروژه ToDoList را به سطح بعدی ببریم و آن را با Mongoose وصل کنیم Let's take the ToDoList Project to the Next Level and Connect it with Mongoose

• ارائه موارد پایگاه داده در برنامه ToDoList Rendering Database Items in the ToDoList App

• افزودن موارد جدید به پایگاه داده ToDoList ما Adding New Items to our ToDoList Database

• حذف موارد از پایگاه داده ToDoList ما Deleting Items from our ToDoList Database

• ایجاد لیست های سفارشی با استفاده از پارامترهای مسیر اکسپرس Creating Custom Lists using Express Route Parameters

• افزودن موارد جدید به لیست کارهای سفارشی Adding New Items to the Custom ToDo Lists

• بازدید مجدد از Lodash و حذف موارد از لیست کارهای سفارشی Revisiting Lodash and Deleting Items from Custom ToDo Lists

• نکته از آنجلا - یک قدم در یک زمان Tip from Angela - One Step at a Time

استقرار برنامه وب شما Deploying Your Web Application

• نحوه استقرار برنامه های وب با پایگاه داده How to Deploy Web Apps with a Database

• نحوه راه اندازی MongoDB Atlas How to Setup MongoDB Atlas

• استقرار یک برنامه با پایگاه داده در Heroku Deploying an App with a Database to Heroku

• نکته از آنجلا - نظم و انضباط باعث ایجاد نظم و انضباط می شود Tip from Angela - Discipline Breeds Discipline

چالش سطح رئیس 4 - ارتقا وب سایت وبلاگ Boss Level Challenge 4 - Blog Website Upgrade

• چالش: به وبلاگ خود یک پایگاه داده بدهید Challenge: Give your Blog a Database

• مرحله 0 - فایل های شروع را دانلود کنید Step 0 - Download the Starting Files

• مرحله 1 - پست های نوشته شده را با MongoDB ذخیره کنید Step 1 - Save Composed Posts with MongoDB

• مرحله 2 - صفحه اصلی را برای رندر کردن پست ها دریافت کنید Step 2 - Get the Home Page to Render the Posts

• مرحله 3 - رفع اشکال Step 3 - Fix the bug

• مرحله 4 - پست وبلاگ صحیح را بر اساس post _id ارائه دهید Step 4 - Render the correct blog post based on post _id

• وبلاگ کامل شده با راه حل پایگاه داده Completed Blog with Database Solution

• نکته ای از آنجلا - مقابله با محدودیت ها Tip from Angela - Dealing with Limitations

API RESTful خود را از ابتدا بسازید Build Your Own RESTful API From Scratch

• REST چیست؟ What is REST?

• ایجاد یک پایگاه داده با Robo 3T Creating a Database with Robo 3T

• راه اندازی چالش سرور Set Up Server Challenge

• راه حل سرور را تنظیم کنید Set Up Server Solution

• دریافت همه مقالات GET All Articles

• یک مقاله جدید ارسال کنید POST a New Article

• حذف همه مقالات DELTE All Articles

• گرداننده های مسیر زنجیره ای با استفاده از اکسپرس Chained Route Handlers Using Express

• یک مقاله خاص دریافت کنید GET a Specific Article

• یک مقاله خاص قرار دهید PUT a Specific Article

• پچ یک مقاله خاص PATCH a Specific Article

• حذف یک مقاله خاص DELETE a Specific Article

• کد پروژه تکمیل شده را دانلود کنید Download the Completed Project Code

• نکته از آنجلا - چگونه به عنوان برنامه نویس شغل پیدا کنیم Tip from Angela - How to Get a Job as Programmer

احراز هویت و امنیت Authentication & Security

• مقدمه ای بر احراز هویت Introduction to Authentication

• راه اندازی Getting Set Up

• سطح 1 - ثبت نام کاربران با نام کاربری و رمز عبور Level 1 - Register Users with Username and Password

• نحوه بررسی کد منبع How to Review the Source Code

• سطح 2 - رمزگذاری پایگاه داده Level 2 - Database Encryption

• استفاده از متغیرهای محیطی برای ایمن نگه داشتن اسرار Using Environment Variables to Keep Secrets Safe

• سطح 3 - هش کردن رمزهای عبور Level 3 - Hashing Passwords

• هک 101☣️ Hacking 101 ☣️

• سطح 4 - نمک زدن و هش کردن رمزهای عبور با bcrypt Level 4 - Salting and Hashing Passwords with bcrypt

• کوکی ها و جلسات چیست؟ What are Cookies and Sessions?

• استفاده از Passport.js برای افزودن کوکی ها و جلسات Using Passport.js to Add Cookies and Sessions

• سطح 6 - OAuth 2.0 و نحوه پیاده سازی ورود به سیستم با Google Level 6 - OAuth 2.0 & How to Implement Sign In with Google

• تکمیل برنامه - اجازه دادن به کاربران برای ارسال اسرار Finishing Up the App - Letting Users Submit Secrets

• کد پروژه تکمیل شده را دانلود کنید Download the Completed Project Code

• نکته از آنجلا - چگونه به عنوان یک فریلنسر کار کنیم Tip from Angela - How to Work as a Freelancer

React.js React.js

• React چیست؟ What is React?

• آنچه در این ماژول React خواهیم ساخت What we will make in this React module

• مقدمه ای بر Code Sandbox و ساختار ماژول Introduction to Code Sandbox and the Structure of the Module

• مقدمه ای بر JSX و Babel Introduction to JSX and Babel

• تمرین کد JSX JSX Code Practice

• عبارات جاوا اسکریپت در قالب JSX و ES6 Literals Javascript Expressions in JSX & ES6 Template Literals

• عبارات جاوا اسکریپت در تمرین JSX Javascript Expressions in JSX Practice

• ویژگی‌های JSX و عناصر واکنش سبک JSX Attributes & Styling React Elements

• استایل سازی درون خطی برای عناصر React Inline Styling for React Elements

• React Styling Practice React Styling Practice

• React Components React Components

• تمرین اجزای واکنش React Components Practice

• Javascript ES6 - واردات، صادرات و ماژول ها Javascript ES6 - Import, Export and Modules

• جاوا اسکریپت ES6 واردات، صادرات و تمرین ماژول ها Javascript ES6 Import, Export and Modules Practice

• [ویندوز] راه‌اندازی محیط محلی برای توسعه React [Windows]​ Local Environment Setup for React Development

• [Mac] راه اندازی محیط محلی برای توسعه React [Mac] Local Environment Setup for React Development​

• نسخه های جدیدتر عیب یابی گره Newer Versions of Node Troubleshooting

• پروژه برنامه Keeper - چالش قسمت 1 Keeper App Project - Part 1 Challenge

• راه حل Keeper App Part 1 Keeper App Part 1 Solution

• React Props React Props

• React Props را تمرین کنید React Props Practice

• React DevTools React DevTools

• نگاشت داده ها به کامپوننت ها Mapping Data to Components

• نگاشت داده ها به کامپوننت ها Mapping Data to Components​ Practice

• Javascript ES6 Map/Filter/Reduce Javascript ES6 Map/Filter/Reduce

• توابع پیکان جاوا اسکریپت ES6 Javascript ES6 Arrow functions

• پروژه Keeper App - قسمت 2 Keeper App Project - Part 2

• رندر شرطی با اپراتور سه تایی و اپراتور AND واکنش نشان دهید React Conditional Rendering with the Ternary Operator & AND Operator

• تمرین رندر مشروط Conditional Rendering Practice

• State in React - Declarative vs. Imperative Programming State in React - Declarative vs. Imperative Programming

• React Hooks - useState React Hooks - useState

• از تمرین قلاب استفاده کنید useState Hook Practice

• Javascript ES6 Object & Array Destructuring Javascript ES6 Object & Array Destructuring

• راه حل چالش تخریب ساختار جاوا اسکریپت ES6 Javascript ​ES6 Destructuring Challenge Solution

• مدیریت رویداد در React Event Handling in React

• React Forms React Forms

• اجزای کلاس در مقابل اجزای عملکردی Class Components vs. Functional Components

• تغییر حالت پیچیده Changing Complex State

• تغییر رویه پیچیده دولت Changing Complex State Practice

• Javascript ES6 Spread Operator Javascript ES6 Spread Operator

• تمرین اپراتور جاوا اسکریپت ES6 Spread Javascript ES6 Spread Operator Practice

• مدیریت درخت جزء Managing a Component Tree

• مدیریت تمرین درخت جزء Managing a Component Tree Practice

• پروژه برنامه Keeper - قسمت 3 Keeper App Project - Part 3

• React Dependencies & Styling the Keeper App React Dependencies & Styling the Keeper App

• نکته از آنجلا - چگونه محصول خود را بسازید Tip from Angela - How to Build Your Own Product

توسعه برنامه غیرمتمرکز Web3 (DApp) با رایانه اینترنتی Web3 Decentralised App (DApp) Development with the Internet Computer

• Web3 چیست؟ What is Web3?

• بلاک چین واقعا چگونه کار می کند؟ How does the Blockchain actually work?

• DApps (برنامه های غیرمتمرکز) چیست و چگونه آنها را توسعه می دهید؟ What are DApps (Decentralised Apps) and how do you develop them?

• کامپیوتر اینترنتی (ICP) چیست؟ What is the Internet Computer (ICP)?

• مرا بخوان! Read Me!

• [کاربران مک] نصب و راه اندازی برای توسعه Web3 [Mac Users] Installation and Setup for Web3 Development

• [کاربران ویندوز] نصب و راه اندازی برای توسعه Web3 [Windows Users] Installation and Setup for Web3 Development

اولین DAPP Defi (مالی غیرمتمرکز) خود را بسازید - DBANK Build Your First Defi (Decentralised Finance) DApp - DBANK

• آنچه خواهید ساخت - DBANK (الهام گرفته از ترکیب) What You'll Build - DBANK (Inspired by Compound)

• مقدمه ای بر زبان موتوکو Introduction to the Motoko Language

• توابع Motoko و رابط کاربری Candid Motoko Functions and the Candid User Interface

• شرایط Motoko و حاشیه نویسی نوع Motoko Conditionals and Type Annotations

• پرس و جو در مقابل روش های به روز رسانی Query vs. Update Methods

• پایداری متعامد Orthogonal Persistance

• پیگیری زمان و محاسبه بهره مرکب Tracking Time and Calculating Compound Interest

• مسابقه زبان Motoko Motoko Language Quiz

• افزودن HTML و CSS برای ایجاد Frontend برای DBANK Adding HTML and CSS to Create the Frontend for DBANK

• اتصال Motoko Backend به JS Frontend ما Connecting the Motoko Backend to our JS Frontend

• از کجا می توان برای توسعه در رایانه اینترنتی کمک و پشتیبانی دریافت کرد Where to Get Help and Support for Development on the Internet Computer

استقرار در بلاک چین زنده ICP Deploying to the ICP Live Blockchain

• Cycles و ICP Token چیست؟ What are Cycles and the ICP Token?

• بدون چرخه، بدون مشکل! No Cycles, No Problems!

• نحوه درخواست چرخه های رایگان از Dfinity How to Claim Free Cycles from Dfinity

• نحوه استقرار در شبکه ICP How to Deploy to the ICP Network

• چگونه ICP را به چرخه تبدیل کنیم؟ How to Convert ICP into Cycles?

• [اختیاری] نحوه استقرار یک وب سایت ایستا بر روی بلاک چین ICP برای میزبانی [Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting

ساخت DApps روی ICP با React Frontend Building DApps on ICP with a React Frontend

• نحوه پیکربندی یک پروژه ایجاد شده با DFX برای استفاده از React How to Configure a DFX Created Project to Use React

• ذخیره سازی داده ها در یک قوطی Storing Data on a Canister

• بازیابی اطلاعات از یک قوطی Retrieving Data from a Canister

• حذف و ماندگاری Deleting and Persistance

رمز رمز خود را ایجاد کنید Create Your Own Crypto Token

• توکن ها و سکه ها: چه هستند و چگونه استفاده می شوند؟ Tokens and Coins: What are they and how are they used?

• پروژه Skeleton را دانلود و پیکربندی کنید Download and Configure the Skeleton Project

• استفاده از Motoko Hashmaps برای ذخیره موجودی توکن Using Motoko Hashmaps to Store Token Balances

• نمایش موجودی توکن کاربر در Frontend Showing the User's Token Balance on the Frontend

• ایجاد عملکرد شیر آب با استفاده از کلمه کلیدی اشتراکی Creating the Faucet Functionality Using the Shared Keyword

• ایجاد قابلیت انتقال Creating the Transfer Functionality

• استفاده از قابلیت انتقال در شیر آب Using the Transfer Functionality in the Faucet

• انواع ناپایدار ماندگار با استفاده از روش‌های پیش و پس از ارتقا Persisting Non-Stable Types Using the Pre- and Postupgrade Methods

• هویت اینترنتی چیست؟ What is the Internet Identity?

• احراز هویت با هویت اینترنتی Authenticating with the Internet Identity

• [اختیاری] استقرار زنده برای آزمایش احراز هویت اینترنتی [Optional] Live Deployment to Test Internet Identity Authentication

استخراج NFT و ساختن یک بازار NFT مانند OpenSea Minting NFTs and Building an NFT Marketplace like OpenSea

• آنچه خواهید ساخت - وب سایتی برای ایجاد، خرید و فروش NFT What You'll Build - A Website to Mint, Buy and Sell NFTs

• ضرب NFT Minting NFTs

• مشاهده NFT در Frontend Viewing the NFT on the Frontend

• فعال کردن عملکرد ضرب در فرانت اند Enabling the Minting Functionality on the Frontend

• نمایش NFT های متعلق به با استفاده از روتر React Displaying Owned NFTs Using the React Router

• لیست NFT ها برای فروش Listing NFTs for Sale

• سبک دادن به NFT های فهرست شده Styling the Listed NFTs

• ایجاد صفحه "کشف". Creating the "Discover" Page

• خرید NFT Buying NFTs

• به هکاتون 6 میلیون دلاری ابرنواختر بپیوندید Join the $6 Million Dollar Supernova Hackathon

ماژول اختیاری: از آنجلا هر چیزی بپرسید Optional Module: Ask Angela Anything

• AAA 1 - نحوه غوطه ور شدن در مفاهیم برنامه نویسی و موارد دیگر... AAA 1 - How to Soak in Programming Concepts and more...

• AAA 2 - برنامه زمانی برای یادگیری کدنویسی و موارد دیگر... AAA 2 - Schedule for Learning to Code and more...

• AAA 3 - نحوه شروع کار آزاد و بیشتر... AAA 3 - How to Start Freelancing and more...

• AAA 4 - The Live AMA AAA 4 - The Live AMA

مراحل بعدی Next Steps

• به ماژول بعدی رای دهید! Vote for the Next Module!

• سخنرانی پاداش Bonus Lecture