آموزش بوت کمپ مبتدی جاوا اسکریپت (2023)

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

بلوک های ساختمان جاوا اسکریپت JavaScript Building Blocks

• متغیرها Variables

• پیمایش به خطوط جدید در کنسول کروم Navigating to new lines in the Chrome Console

• آزمایشگاه متغیرها Variables Lab

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

• برگه تقلب متغیرها Variables Cheat Sheet

• رشته های Strings

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

• آزمایشگاه رشته ها Strings Lab

• ورق تقلب رشته ها Strings Cheat Sheet

• اپراتورها Operators

• آزمون اپراتورها Operators Quiz

• آزمایشگاه اپراتورها Operators Lab

• اپراتورهای افزایش و کاهش Increment & Decrement Operators

• آزمون اپراتورهای افزایش و کاهش Increment and Decrement Operators Quiz

• برگه تقلب اپراتورها Operators Cheat Sheet

بلوک های ساختمان جاوا اسکریپت: برنامه های کوچک JavaScript Building Blocks: Mini Apps

• پروژه کوچک: کلوین به فارنهایت Mini Project: Kelvin to Fahrenheit

• پروژه کوچک: کلوین به فارنهایت - نقد و بررسی ویدیو Mini Project: Kelvin to Fahrenheit - Video Review

• پروژه کوچک: سال گربه Mini Project: Cat Years

• مینی پروژه: سال های گربه - مرور ویدیویی Mini Project: Cat Years - Video Walkthrough

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

• اشیاء Objects

• امتحان اشیاء Objects Quiz

• آزمایشگاه اشیاء Objects Lab

• شیت تقلب اشیاء Objects Cheat Sheet

• اشیاء - نماد نقطه و براکت Objects - Dot & Bracket Notation

• آزمون علامت گذاری نقطه شی و براکت Object Dot and Bracket Notation Quiz

• Objects Dot & Bracket Notation Lab Objects Dot & Bracket Notation Lab

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

• آزمایشگاه توابع سازنده شی Object Constructor Functions lab

• زندگی مخفی JavaScript Primitives The Secret Life of JavaScript Primitives

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

• آرایه ها Arrays

• آزمایشگاه آرایه ها Arrays lab

• آزمون آرایه ها Arrays Quiz

• روش های آرایه قسمت 1 Array Methods Part 1

• روش های آرایه قسمت 1 آزمایشگاه Array Methods Part 1 lab

• آزمون روش های آرایه Array Methods Quiz

• روش های آرایه قسمت 2 Array Methods Part 2

• روش های آرایه بند 2 آزمایشگاه Array Methods Par 2 lab

• بررسی آرایه ها Arrays Review

آرایه های جاوا اسکریپت: برنامه کوچک JavaScript Arrays: Mini App

• مینی پروژه: مولد توهین تصادفی Mini Project: Random Insult Generator

• Mini Project: Random Insult Generator - نقد و بررسی ویدیو Mini Project: Random Insult Generator - Video Review

توابع جاوا اسکریپت JavaScript Functions

• کارکرد Functions

• آزمایشگاه توابع Functions lab

• توابع Deep Dive - عبارات، توابع ناشناس و IIFE Functions Deep Dive - Expressions, Anonymous functions & IIFEs

• توابع آزمایشگاه شیرجه عمیق Functions Deep Dive lab

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

• آزمایشگاه Function Scope Function Scope lab

توابع جاوا اسکریپت: برنامه های کوچک JavaScript Functions: Mini Apps

• برنامه کوتاه: بازی خرس، انسان، تفنگ Mini App: Bear, Human, Gun Game

• برنامه کوتاه: بازی خرس، انسان، تفنگ - مرور ویدیویی Mini App: Bear, Human, Gun Game - Video Walkthrough

• خرس، انسان، تفنگ قدم به قدم Bear, Human, Gun Step by Step Walkthrough

• برنامه کوتاه: محاسبه کننده کالری Mini App: Calorie Calculator

• برنامه کوتاه: ماشین حساب کالری - مرور ویدیویی Mini App: Calorie Calculator - Video Walkthrough

• گام به گام محاسبه کالری Calorie Calculator Step by Step Walkthrough

حلقه ها و شرایط جاوا اسکریپت JavaScript Loops & Conditionals

• حلقه ها - بیانیه های مشروط و اپراتورها Loops - Conditional Statements & Operators

• Loops Part 1 lab Loops Part 1 lab

• تغییر بیانیه ها Switch Statements

• Switch Statements Lab Switch Statements Lab

• Loops Part 2 - For Loops, while Loops & Do/While Loops Part 2 - For Loops, While Loops & Do/While

• Loops Part 2 lab Loops Part 2 lab

حلقه ها و شرایط جاوا اسکریپت: برنامه کوتاه JavaScript Loops & Conditionals: Mini App

• توپ هشت جادویی Magic Eight Ball

• سحر و جادو هشت توپ - تصویری راهنما Magic Eight Ball - Video Walkthrough

عبارات منظم جاوا اسکریپت JavaScript Regular Expressions

• معرفی عبارات منظم Regular Expressions Intro

• منبع عبارات منظم Regular Expressions Resource

زمینه: این، Bind، Call & Apply Context: This, Bind, Call & Apply

• این و پیوند This & Bind

• This & Bind Lab This & Bind Lab

• این و تماس بگیرید This & Call

• این و با آزمایشگاه تماس بگیرید This & Call Lab

پرایمر برنامه نویسی کاربردی Functional Programming Primer

• برنامه نویسی تابعی قسمت 1 - مقدمه و فیلتر Functional Programming Part 1 - Intro and Filter

• آزمایشگاه برنامه نویسی تابعی قسمت 1 Functional Programming Part 1 lab

• برنامه نویسی تابعی قسمت 2 - نقشه Functional Programming Part 2 - Map

• برنامه نویسی تابعی قسمت 2 - نقشه Functional Programming Part 2 - Map

• آزمایشگاه برنامه نویسی تابعی قسمت 2 Functional Programming Part 2 lab

• برنامه نویسی تابعی قسمت 3 - کاهش Functional Programming Part 3 - Reduce

• آزمایشگاه برنامه نویسی تابعی قسمت 3 Functional Programming Part 3 lab

• روش های آرایه - مطالعه بیشتر Array Methods - Further Reading

الگوریتم های جاوا اسکریپت JavaScript Algorithms

• رشته منحصر به فرد را شناسایی کنید Identify Unique String

• طولانی ترین کلمه در یک رشته را شناسایی کنید Identify Longest Word in a String

• جایگشت دو رشته Permutation of Two Strings

• مجموع برد Sum of Range

• حذف عناصر از سر Remove Elements From Head

• پالیندروم Palindrome

ES6 ES6

• اجازه دهید بیانیه ها Let Statements

• اجازه دهید آزمایشگاه بیانیه ها Let Statements Lab

• اعلامیه Const Const Declaration

• الفاظ الگو Template Literals

• آزمایشگاه Literals الگو Template Literals Lab

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

• آزمایشگاه توابع پیکان Arrow Functions Lab

• اپراتور گسترش Spread Operator

• آزمایشگاه اپراتور Spread Spread Operator Lab

• برای هر روش forEach Method

• برای هر روش آزمایشگاه forEach Method Lab

چالش های الگوریتم تخته سفید جاوا اسکریپت JavaScript Whiteboard Algorithm Challenges

• راه اندازی محیط Environment Setup

• تعویض نام - توابع داخلی Name Swap - Built in Functions

• تعویض نام - توابع ساخته شده - کد نهایی Name Swap - Built in Functions - Final Code

• مبادله نام - شاخص ها Name Swap - Indices

• مبادله نام - شاخص ها - کد نهایی Name Swap - Indices - Final Code

• با اپراتور مدول و حلقه های For، عدد فرد را از آرایه حذف کنید Remove Odd Number from Array with Modulus Operator and For Loops

• حذف عدد فرد از آرایه با اپراتور مدول و حلقه های For - کد نهایی Remove Odd Number from Array with Modulus Operator and For Loops - Final Code

• حذف اعداد فرد از آرایه با روش فیلتر Remove Odd Numbers from Array with Filter Method

• حذف اعداد فرد از آرایه با روش فیلتر - کد نهایی Remove Odd Numbers from Array with Filter Method - Final Code

• یک رشته را با حلقه for تکرار کنید Repeat a String with for loop

• یک رشته را با حلقه for تکرار کنید - کد نهایی Repeat a String with for loop - Final Code

• یک رشته را با حلقه while تکرار کنید Repeat a String with while loop

• یک رشته را با حلقه while تکرار کنید - کد نهایی Repeat a String with while loop - Final Code

• طولانی ترین رشته را با متد جایگزین و عبارات منظم پیدا کنید Find the Longest String with replace method and regular expressions

• طولانی ترین رشته را پیدا کنید - کد نهایی Find the Longest String - Final Code

• طولانی ترین رشته را با متد جایگزین و عبارات منظم با For Of پیدا کنید Find the Longest String with replace method and regular expressions with For Of

• یافتن طولانی ترین رشته قسمت دوم - کد نهایی Find the Longest String Part II - Final Code

• رشته را با متد sort() حروف الفبا کنید Alphabetize String with sort() method

• حروف الفبای رشته - کد نهایی Alphabetize String - Final Code

• رشته را با متد sort() و نحو گسترش حروف الفبا کنید Alphabetize String with sort() method and spread syntax

• الفبای رشته قسمت دوم - کد نهایی Alphabetize String Part II - Final Code

• ساعت و کد - بخش Watch and Code - Section

• یک رشته را معکوس کنید Reverse a String

• رشته ها را در یک آرایه فیلتر کنید Filter Strings in an Array

• پیدا کردن بزرگترین عدد در یک آرایه - کدپن Find Largest Number in an Array - Codepen

• پیدا کردن بزرگترین عدد در یک آرایه Find Largest Number in an Array

• یک رشته را با توابع داخلی معکوس کنید Reverse a String with built in functions

• معکوس کردن یک رشته با توابع داخلی - کد نهایی Reverse a String with built in functions - Final Code

• یک رشته را با نحو گسترش معکوس کنید Reverse a String with spread syntax

• معکوس کردن یک رشته با نحو گسترش - کد نهایی Reverse a String with spread syntax - Final Code

• یک رشته را با حلقه for معکوس کنید Reverse a String with for loop

• یک رشته را با حلقه for معکوس کنید - کد نهایی Reverse a String with for loop - Final Code

• یک رشته را با حلقه for معکوس کنید Reverse a String with for of loop

• یک رشته را با حلقه for تکرار کنید - کد نهایی Repeat a String with for of loop - Final Code

• آیا پالیندروم است؟ Is Palindrome?

• پالیندروم - کد نهایی Palindrome - Final Code

جاوا اسکریپت و DOM JavaScript and the DOM

• مقدمه ای بر DOM Introduction to the DOM

• گره های درخت DOM DOM tree nodes

• اطلاعات بیشتر درباره گره ها More About Nodes

پروژه: برنامه Todo با حافظه محلی - نسخه بتا Project: Todo App with Local Storage - Beta Release

• زمان‌بندی انتشار برای برنامه فهرست کارها Release Schedule for Todo List App

• بررسی اجمالی پروژه لیست کارها Todo List Project Overview

• درس دوم - متدهای document.querySelector() و document.getElementById(). Lesson Two - document.querySelector() and document.getElementById() methods

• درس دوم - آزمون Lesson Two - Quiz

• درس 3 - تغییر DOM با ویژگی document.textContent Lesson 3 - Changing the DOM with document.textContent property

• امتحان درس سوم Lesson Three Quiz

• درس 4 - روش ها و ویژگی های بیشتر DOM Lesson 4 - More DOM methods and properties

• درس 4 - آزمون Lesson 4 - Quiz

• درس 5 - تعامل با کاربر و شنوندگان رویداد Lesson 5 - User interaction and event listeners

• درس 6 - کار با فرم ها Lesson 6 - Working with Forms

• راه اندازی Dev Environment Setting Up Dev Environment

• برنامه Todo بدون حافظه محلی Todo App without Local Storage

• درس 8 - ذخیره سازی محلی Lesson 8 - Local Storage

• برنامه Todo با حافظه محلی Todo App with Local Storage

• درس 10 - CSS lesson 10 - CSS

• درس 11 - میزبانی lesson 11 - Hosting

• درس 12 - به اشتراک گذاری کد شما lesson 12 - Sharing Your Code

• زمان‌بندی انتشار برای برنامه فهرست کارها Release Schedule for Todo List App

پروژه - بازی تطبیق - نسخه بتا Project - Matching Game - Beta Release

• معرفی تطبیق Matching Intro

• تطبیق قسمت 1 Matching Part 1

• تطبیق قسمت 2 Matching Part 2

• تطبیق قسمت 3 Matching Part 3

• تطبیق قسمت 4 Matching Part 4

• تطبیق قسمت 5 Matching Part 5

• تطبیق قسمت 6 Matching Part 6

• تطبیق قسمت 7 Matching Part 7

• مطابق با قسمت 8 Matching Part 8

• تطبیق قسمت 9 Matching Part 9

ماشین نقل قول Quote Machine

• ماشین نقل قول HTML و CSS Quote Machine HTML & CSS

• ماشین نقل قول HTML & CSS - مروری بر ویدئو Quote Machine HTML & CSS - Video Walkthrough

• ماشین نقل قول - جاوا اسکریپت Quote Machine - JavaScript

• ماشین نقل قول - جاوا اسکریپت - مرور ویدیویی Quote Machine - JavaScript - Video Walkthrough

• در Netlify مستقر شوید Deploy to Netlify

سگ درمانی Dog Therapy

• پیش نیازهای پروژه Project Prerequisites

• پیش نمایش سگ درمانی Dog Therapy Preview

• پیش‌نمایش سگ‌درمانی - مرور ویدیویی Dog Therapy Preview - Video Walkthrough

• درخواست های داده های JSON و AJAX JSON Data and AJAX Requests

• درخواست‌های داده‌های JSON و AJAX - مرور ویدیویی JSON Data and AJAX Requests - Video Walkthrough

• نحوه ایجاد یک درخواست AJAX با متد fetch(). How to Make an AJAX Request with the fetch() Method

• نحوه ایجاد یک درخواست AJAX با متد fetch() - Video Walkthrough How to Make an AJAX Request with the fetch() method - Video Walkthrough

• صفحه خود را با HTML و CSS بسازید و سبک کنید Build and Style our Page with HTML & CSS

• سگ درمانی - جاوا اسکریپت Dog Therapy - JavaScript

پیوست 1: ساخت وب سایت با HTML و CSS Appendix 1: Build a Website with HTML & CSS

• نمای کلی وب سایت Front End Front End Website Overview

HTML توسعه دهنده Front End Front End Developer HTML

• ویرایشگر متن Text Editor

• معرفی HTML HTML Intro

• عناصر و برچسب های HTML HTML Elements and Tags

• نظرات و ساختار HTML HTML Comments and Structure

• هدر HTML HTML Header

• قهرمان HTML HTML Hero

• خدمات HTML HTML Services

• HTML درباره HTML About

• توصیفات HTML HTML Testimonials

• پاورقی HTML HTML Footer

CSS توسعه دهنده Front End Front End Developer CSS

• معرفی CSS CSS Intro

• کد دوره کامل Full Course Code

• سربرگ CSS CSS Header

• پاورقی CSS CSS Footer

• قهرمان CSS CSS Hero

• خدمات CSS CSS Services

• CSS درباره و توصیفات CSS About & Testimonials

• CSS - ناوبری داخلی CSS - Internal Navigation

کتاب آشپزی جلویی Front End Cookbook

• انیمیشن های CSS CSS Animations

• انیمیشن های CSS - مرور ویدیویی CSS Animations - Video Walkthrough

• چالش انیمیشن های CSS CSS Animations Challenge

• CSS انیمیشن چالش چالش ویدئو CSS Animations Challenge Video Walkthrough

• انتقال CSS CSS Transitions

• CSS Transitions - Video Walkthrough CSS Transitions - Video Walkthrough

• چالش CSS Transitions: Transition-function-Timeing CSS Transitions Challenge: transition-function-timing

• چالش انتقال CSS - مروری بر ویدیو CSS Transitions Challenge - Video Walkthrough

• اشکال زدایی Debugging

• اشکال زدایی - مرور ویدیویی - قسمت 1 Debugging - Video Walkthrough - Part 1

• اشکال زدایی - مرور ویدیویی - قسمت 2 Debugging - Video Walkthrough - Part 2

• اشکال زدایی - مرور ویدیویی - قسمت 3 Debugging - Video Walkthrough - Part 3

• نگه داشتن زمان با Moment.js Keeping Time with Moment.js

• حفظ زمان با Moment.js - مرور ویدیویی - مبانی Keeping Time with Moment.js - Video Walkthrough - Basics

• نگه داشتن زمان با Moment.js - مرور ویدیویی - شمارش معکوس کریسمس Keeping Time with Moment.js - Video Walkthrough - Christmas Countdown

Svelt - ساخت برنامه با Svelt.js Svelt - Build Apps with Svelt.js

• مربی جدید - جان اسمیلگا New Instructor - John Smilga

• Svelt Info Svelt Info

• الزامات بخش Section Requirements

• راه اندازی ویرایشگر متن Text Editor Setup

پروژه Svelte - ماشین حساب بودجه Svelte Project - Budget Calculator

• مقدمه Intro

• برنامه شروع Starter Application

• ساختار پوشه Folder Structure

• راه اندازی فایل ها Setup Files

• CSS جهانی و فونت عالی را اضافه کنید Add Global CSS & Font Awesome

• بررسی اجمالی مؤلفه Component Overview

• معرفی مؤلفه نوار ناوبری Navbar Component Intro

• کامپوننت نوار ناوبری Navbar Component

• جزء عنوان Title Component

• مبانی لوازم جانبی Props Basics

• CSS CSS

• هر بلوک Each Block

• داده های هزینه ها Expenses Data

• جزء هزینه ها Expenses Component

• موارد دیگر و پاس Else and Passing Props

• جزء هزینه Expense Component

• اگر بلاک شود If Block

• مناسبت ها Events

• ارتباط مؤلفه Component Communication

• حفاری حفاری Props Drilling

• SetContext و GetContext SetContext and GetContext

• createEventDispatcher createEventDispatcher

• دکمه پاک کردن هزینه ها Clear Expenses Button

• واکنش پذیری Reactivity

• تنظیم فرم Form Setup

• دو طرفه صحافی Two Way Binding

• عملکرد ارزش های خالی Empty Values Functionality

• ارسال فرم Form Submission

• اضافه کردن هزینه جدید Add New Expense

• setModifiedExpense setModifiedExpense

• مقادیر ویرایش را به فرم منتقل کنید Pass Edit Values into Form

• editExpense editExpense

• تغییر فرم Toggle Form

• توابع چرخه حیات Lifecycle Functions

• راه اندازی Local Storage API Setup Local Storage API

• پس از به روز رسانی afterUpdate

• اصول اسلات slot basics

• مدال کامل Complete Modal

• مبانی انتقال Transition Basics

• پارامترهای انتقال Transition Parameters

• انتقال - در: و خارج: Transition - in: and out:

• انتقال های مدال Modal Transitions

• انتقال هزینه ساده Simple Expense Transition

• عبارت کلیدی در هر بلوک و متحرک سازی Key Expression in Each Block and Animate

• درخواست HTTP با استفاده از onMount HTTP Request using onMount

• درخواست HTTP با استفاده از #Await Blocks HTTP Request using #Await Blocks

• استقرار در Netlify - کشیدن و رها کردن Deploy on Netlify - Drag and Drop

• استقرار در Netlify - استقرار مداوم Deploy on Netlify - Continuous Deployment

پروژه Svelte - برنامه تجارت الکترونیک - Razor Svelte Project - Ecommerce App - Razor

• معرفی مربی Instructor Introduction

• نمایش پروژه Project Demonstration

• مقدمه Intro

• مقدمه Intro

• راه اندازی فایل ها Setup Files

• برنامه بوت استرپ Svelte Bootstrap Svelte Application

• ساختار پوشه و منابع Folder Structure and Resources

• راه اندازی صفحات پروژه Setup Project Pages

• راه اندازی روتر Svelte Svelte Router Setup

• پارامترهای آدرس اینترنتی Url Parameters

• جزء قهرمان Hero Component

• ساختار داده های محلی Local Data Structure

• مزایا/اصول فروشگاه Svelte Svelte Store Benefits/Basics

• راه اندازی فروشگاه محصولات Products Store Setup

• صاف کردن محصولات Flatten Products

• فروشگاه لغو اشتراک Store Unsubscribe

• فروشگاه لغو اشتراک کوتاه نویس Store Unsubscribe Shorthand

• اجزای محصولات کامل شده است Products Component Complete

• تک محصول کامل Single Product Complete

• در حال بارگذاری کامپوننت Loading Component

• محصولات ویژه Featured Products

• فروشگاه های مشتق شده Derived Stores

• صفحه محصول واحد Single Product Page

• svelte: عنصر سر svelte:head element

• نوار ناوبری کوچک Small Navbar

• دکمه سبد خرید Cart Button

• نوار ناوبری بزرگ Big Navbar

• پیوندها Links

• نوارهای ناوبری را تغییر دهید Toggle Navbars

• نوار کناری پایه Basic Sidebar

• اصول فروشگاه جهانی Global Store Basics

• روش فروشگاه جهانی Global Store Method

• تنظیم عملکرد نوار کناری بستن Setup Close Sidebar Function

• انتقال نوار کناری Sidebar Transitions

• مبانی سبد خرید Cart Basics

• ساختار سبد خرید Cart Structure

• راه اندازی اولیه فروشگاه سبد خرید Cart Store Initial Setup

• اقلام سبد خرید Cart Items

• کالای تک سبد خرید Single Cart Item

• انتقال لیست سبد خرید Cart List Transitions

• کل سبد خرید Cart Total

• حذف آیتم Remove Item

• مبلغ را افزایش دهید Increase Amount

• مقدار را کاهش دهید Decrease Amount

• کاهش مقدار Refactor - اختیاری Decrease Amount Refactor - OPTIONAL

• افزودن به سبد خرید Add To Cart

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

• راه اندازی فروشگاه کاربر User Store Setup

• لینک های ورود/خروج Login/Logout Links

• چک لیست Checklist

• اطلاعات استراپی Strapi Info

• برنامه بوت استرپ استرپی Bootstrap Strapi App

• نوع محتوای محصولات Products Content Type

• افزودن محصولات Add Products

• دسترسی به API API Access

• دریافت محصولات getProducts

• فروشگاه محصولات Products Store

• رفع مشکل تصویر Image Problem Fix

• صفحه ورود - متغیرها Login Page - Variables

• صفحه ورود - HTML Login Page - HTML

• صفحه ورود - عملکرد پایه Login Page - Basic Functionality

• ورود به سیستم - نمای کلی Login - General Overview

• تابع registerUser registerUser Function

• loginUser تابع loginUser Function

• به روز رسانی فروشگاه کاربر User Store Update

• setupUser تابع setupUser Function

• حرکت کنید navigate

• اصول اولیه هشدار Alert Basics

• هشدار را پیکربندی کنید Configure Alert

• هشدار با ارسال فرم Alert with Form Sumbissions

• بستن هشدار به صورت برنامه ای Close Alert Programmatically

• دوبار عملکرد ورود را بررسی کنید Double Check Login Functionality

• بررسی اجمالی صفحه Checkout Page Overview

• بررسی اصول اولیه صفحه Checkout Page Basics

• دسترسی را محدود کنید Restrict Access

• سبد خالی Empty Cart

• فرم پرداخت - راه اندازی اولیه Checkout Form - Basic Setup

• راه اندازی حساب Stripe Setup Stripe Account

• عناصر راه راه - HTML Stripe Elements - HTML

• عناصر راه راه - جاوا اسکریپت Stripe Elements - Javascript

• توکن راه راه Stripe Token

• خطای سبد خالی Empty Cart Error

• تابع سفارش را ارسال کنید Submit Order Function

• ارسال کامل سفارش Complete Submit Order

• برنامه کامل Complete App

• حساب کلودیناری رایگان Free Claudinary Account

• Claudinary را با Strapi وصل کنید Connect Claudinary with Strapi

• اکانت رایگان Heroku Free Heroku Account

• Heroku CLI را نصب کنید Install Heroku CLI

• Strapi را روی Heroku مستقر کنید Deploy Strapi on Heroku

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

• استقرار Svelte APP در Netlify Deploy Svelte APP on Netlify

پاداش رایگان: فریم ورک Front End - React FREE BONUS: Front End Framework - React

• شروع از ابتدا با React Getting Started From Scratch with React

• React Code React Code

• چالش - استفاده از JSX Challenge - Using JSX

• Refactor کد Code Refactor

• رندر کردن یک عنصر Rendering One Element

• رندر چند عنصر Rendering Multiple Elements

• بابل و واکنش نشان دهید Babel and React

• ایجاد مولفه های بدون تابعیت Creating Functional Stateless Components

• تمرین اجزای عملکردی بدون تابعیت Stateless Functional Components Practice

• ایجاد اجزای کلاس Creating Class Components

• تمرین ایجاد اجزای کلاس Creating Class Components Practice

• طراحی اجزای عملکردی بدون حالت Styling Stateless Functional Components

• یک ظاهر طراحی شده در کامپوننت ها Styling within Components

• اجزای کلاس استایلینگ Styling Class Components

• ساختن اولین جزء پیچیده شما Building Your First Complex Component

• راه اندازی یک پروژه Setting Up a Project

• ساخت اجزای ما Building Our Components

• سبک دادن به اجزای ما قسمت اول Styling Our Components Part I

• سبک دادن به اجزای ما قسمت دوم Styling Our Components Part II

• لوازم بخش اول - اجزای عملکردی بدون تابعیت Props Part I - Stateless Functional Components

• Props Part II - Class Components Props Part II - Class Components

• Props Part III - Color Spectrum Refactor Props Part III - Color Spectrum Refactor

• چالش های CodePen CodePen Challenges

• چالش CodePen I CodePen Challenge I

• چالش 2 Challenge 2

• چالش 3 Challenge 3

• چالش 4 Challenge 4

• چالش 5 Challenge 5

• پروژه Capstone - پیوندهای تصویر Capstone Project - Image Links

• پروژه Props Props Project

• تکرار از طریق فهرست ها Iterating Through Lists

• Iterating Through Lists Refactor Iterating Through Lists Refactor

• روش فیلتر و نقشه روی یک آرایه Filter and Map method on an Array

• ارائه دو لیست فیلتر شده و تبدیل شده به DOM Rendering Two Filtered and Transformed Lists to the DOM

• چالش CodePen I CodePen Challenge I

• CodePen Challenge II CodePen Challenge II

• Refactor طیف رنگ Color Spectrum Refactor

• FriendLy App Refactor با روش Map FriendLy App Refactor with Map method

• FriendLy - فیلتر و نقشه دو لیست به DOM FriendLy - Filter and Map two Lists to the DOM

• یادداشت بی فایده - مقدمه ای برای React Events Useless Note Take - Introduction to React Events

• React Events قسمت دوم React Events Part II

• سن من را حدس بزنید - مقدمه ای برای وضعیت Guess My Age - Intro to State

• رای دهنده غذا Meal Voter

• React Forms React Forms

• درخواست های Ajax و Fetch API Ajax Requests and the Fetch API

کارکرد Functions

• فضای خالی - جدید Whitespace - New