آموزش Master Full-Stack توسعه وب | Node، SQL، React و بیشتر

Master Full-Stack Web Development | Node, SQL, React, & More

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با Node.js، PostgreSQL، SQL، React، Redux و موارد دیگر، یک پروژه کامل بسازید! API ها، احراز هویت و موارد دیگر را پوشش می دهد! با Node یک سرور باطن و برنامه بسازید. با Node و Express یک وب API بسازید. با React و Redux یک برنامه وب بسازید. یک سیستم احراز هویت امن از ابتدا بسازید. NodeJS زیر کاپوت، از جمله موتور V8 و حلقه رویداد معروف را درک کنید. طراحی پایگاه داده رابطه ای و مزایای آن را درک کنید. مفاهیم ضروری توسعه وب مانند درخواست های وب، روابط مشتری و سرور و پروتکل های وب اصلی را درک کنید. از معاوضه بین شیوه های نامگذاری نرم افزار خاص برای توابع و نام جداول در پایگاه داده مطلع شوید. پیش نیازها: برای این دوره تجربه کدنویسی لازم است. این دوره مقدماتی برای برنامه نویسی نیست. بهتر است بعد از اینکه یک یا دو دوره مقدماتی دوره های برنامه نویسی تکمیل شده باشد، گرفته شود. تجربه Node، PostgreSQL، React و Redux مورد نیاز نیست. همه این مفاهیم از ابتدا توضیح داده خواهد شد. تجربه جاوا اسکریپت توصیه می شود. این دوره جاوا اسکریپت را معرفی می کند و هر خط را توضیح می دهد. با این حال، هنگامی که یک کلمه کلیدی معرفی شد، دوره فرض می کند که شما با این مفهوم آشنا هستید. تمرکز بر روی مفاهیم تمام پشته است و نه یادگیری جاوا اسکریپت برای اولین بار. اگر این اولین باری است که جاوا اسکریپت را یاد می گیرید، سرعت دوره را به عنوان راهی عالی برای دیدن تمام جنبه های مختلف زبان ببینید. مقداری تجربه در خط فرمان توصیه می شود، اما کاملاً ضروری نیست. این دوره دارای یک بازنگری کوتاه در اصول خط فرمان است و ما فقط از اصول اولیه استفاده خواهیم کرد. اما هر چه در خط فرمان راحت تر باشید، بهتر است.

چرا باید این دوره را بگذرانید؟


با پنج دقیقه، به من اجازه دهید دلیل آن را توضیح دهم.


این دوره ای است که من قبل از تبدیل شدن به یک مهندس نرم افزار به آن نیاز داشتم

این دوره‌ای است که قبل از تبدیل شدن به یک مهندس نرم‌افزار تمام وقت، در مرکز شهر در سانفرانسیسکو به آن نیاز داشتم. مفاهیمی را که من هر روز به کار می برم آموزش می دهد. درک کل فول استک بسیار مهم است.

اما در حالی که من خودم یاد می‌گرفتم، پوشاندن تمام لایه‌ها مانند جست‌وجوی قطعات دوردست از یک پازل بزرگ بود. همه منابع پخش شد. همه آنها در مکان های مختلف بودند.

من به همه اینها در یک مکان نیاز داشتم. من نیاز داشتم که همه آن در یک پروژه باشد. این هدف از این دوره است.

این دوره، برگزیده‌های برگزیده ماه‌ها (در واقع سال‌ها) تحقیق است. از خواندن صدها مقاله کد نویسی. از گوش دادن به صحبت های فنی. پروژه های ساختمانی در هکاتون ها. از تحصیل در رشته کامپیوتر در کالج. کار بر روی پروژه ها به عنوان مهندس نرم افزار.

همه در یک مکان. در یک پروژه فراگیر.


متمرکز بر ویژگی، مانند صنعت

پروژه در این دوره منعکس کننده پروژه هایی است که می خواهید در صنعت روی آنها کار کنید.

من همچنین ساختار توسعه پروژه را به گونه‌ای طراحی کردم که نحوه ساخت برنامه‌ها در صنعت را بازتاب دهد. شما پروژه تمام پشته خود را تکامل خواهید داد، درست مانند نحوه رشد پروژه ها در دنیای واقعی. شما روی ویژگی ها متمرکز خواهید شد.

شما پروژه را در یک زمان یک ویژگی ایجاد خواهید کرد - به طور مداوم نرم افزار را بهبود می بخشید و به کاربران ارسال می کنید. این با سایر دوره هایی که بر معماری متمرکز هستند متمایز است. به این معنی که شما کل بک‌اند را نمی‌سازید و سپس به کل فرانت‌اند نمی‌روید. در عوض، هر ویژگی جدید تمام جنبه‌های معماری تمام پشته را شامل می‌شود.


پروژه DragonStack

پروژه DragonStack چیست؟

پروژه Dragonstack یک برنامه جمع آوری کننده چند حسابی برای جمع آوری اژدها است. شما می توانید اژدهای خود را تجارت، خرید و پرورش دهید! با فروش اژدها، ارز کسب می کنید. یا اگر حساب دیگری از اژدهای شما برای خدمات جفت گیری خود استفاده کند، ارز نیز دریافت می کنید. هر اژدها ویژگی های منحصر به فردی دارد و به نسل خاصی تعلق دارد.

این برنامه متفاوت است. این یک شبیه سازی فیس بوک و توییتر نیست. اکنون، هسته اصلی معماری همان است. در پشت برنامه های بزرگتر مانند فیس بوک و توییتر، مفاهیمی وجود دارد که در این دوره خواهید آموخت. اما شما از این مفاهیم برای ایجاد چیزی منحصر به فرد استفاده خواهید کرد. اگر در حال حاضر برای یادگیری پشته کامل زمان صرف کرده اید، از شما می خواهم چیزی بسازید که قبلاً هیچ چیز دیگری ساخته نشده است. به این ترتیب، نحوه استفاده از این مفاهیم را برای نوآوری یاد خواهید گرفت.


از ابتدا

در این دوره، همه چیز را از ابتدا خواهید ساخت. شما تمام لایه های فول استک را در اختیار خواهید گرفت. از هیچ API جداگانه ای برای ویژگی ها استفاده نخواهید کرد.

1. شما API را خواهید ساخت. مطمئناً، می‌توانید با استفاده از یک API عمومی در مورد درخواست‌های وب اطلاعات کسب کنید. اما برای اینکه به طور کامل یاد بگیرید که این APIهای درخواست وب چگونه کار می کنند، باید خودتان یکی بسازید.

2. شما کنترل کاملی بر پایگاه داده خواهید داشت. برای مدیریت پایگاه داده برای شما به یک کتابخانه متکی نخواهید بود. با پایگاه داده مانند جادو رفتار نخواهید کرد. نه، شما کنترل کامل خواهید داشت و SQL را خودتان تولید خواهید کرد.

3. شما سیستم احراز هویت را خواهید ساخت. احراز هویت یک مرحله آسان است که در حین یادگیری می توان از آن صرف نظر کرد. نکن. این یک مفهوم انتقادی برای درک است. 99% از برنامه‌هایی که می‌سازید یا روی آن‌ها کار می‌کنید، پایه حساب خواهند داشت.

این از ابتدا فلسفه اصلی دوره است. علاوه بر ساختن API ها از ابتدا، یک Backend کامل نیز ایجاد خواهید کرد. این شامل سرور و فایل های پایگاه داده اصلی می شود. به‌علاوه، با کتابخانه مدرن و بسیار پرکاربرد React، صفحه اصلی کامل را می‌سازید.


تصویر کامل مبتنی بر درک مفهومی

هنگامی که با فناوری‌های جدید کار می‌کنید، دیدن تصویر کامل ضروری است. بنابراین، در این دوره، فراتر از نحوه کدنویسی در Node.js، PostgreSQL، React و Redux را خواهید آموخت. علاوه بر این، درک درستی از طراحی، مدل‌ها و ایده‌های پشت این فناوری‌ها به دست خواهید آورد. شما دقیقاً یاد خواهید گرفت که چگونه شرکت ها از این فناوری ها برای مشکلات خود استفاده می کنند. با درک اساسی از مفاهیم، ​​می‌توانید ببینید که چگونه هر لایه در فول استک با هم قرار می‌گیرد


تجربه عملی

فقط به این دلیل که این دوره تأکید زیادی بر مفاهیم دارد، به این معنی نیست که در اسرع وقت به کدها نخواهید پرداخت. این دوره همچنین بر تجربه عملی تمرکز دارد. پس از همه، مفاهیم تنها زمانی تقویت می شوند که شما واقعاً آنها را اعمال کنید و نرم افزار را بسازید!

در پایان دوره، تجربه زیادی از کار با فناوری‌ها خواهید داشت. شکی ندارم که می‌توانید Node.js، PostgreSQL، React و Redux را با اطمینان به رزومه خود اضافه کنید. بعلاوه، برای اثبات آن، یک پروژه تمام پشته چشمگیر در مجموعه خود خواهید داشت.

ناگفته نماند، می‌توانید بسیاری از چالش‌های دوره نهایی را انجام دهید تا پروژه دوره خود را منحصربه‌فردترین و پیشرفته‌تر کنید.


چالش های دوره

وجود زباله در طول دوره چالش‌هایی است. این از آن نوع دوره ای نیست که شما در تمام مدت کورکورانه آن را دنبال کنید. این چالش‌ها به شما این شانس را می‌دهد که خودتان ویژگی بعدی را پیاده‌سازی کنید - تقویت دانش خود، با هدایت تجربه خودتان.

همانطور که گفته شد، فهرستی از چالش های دوره نهایی نیز وجود دارد. این موارد فراتر از محدوده دوره است. اما اینها مواردی هستند که پروژه شما را واقعاً متمایز می کنند.


سادگی

علاوه بر آموزش توسعه وب تمام پشته و فن آوری های اصلی آن، تاکید عمده این دوره بر ساخت کد با سادگی است. مهم نیست در چه فناوری کدنویسی می کنیم، مطمئن می شویم که کلاس های خود را طراحی کرده و عملکردهای خود را به روشی ساده ایجاد می کنیم.

اکنون ساده به معنای آسان نیست. آسان به معنای نزدیک دراز کشیدن است. فقط به این دلیل که چیزی آسان و فوری است به این معنی نیست که درست است. گاهی اوقات، راه حل آسان در واقع میانبری است که بعداً برای رفع آن نیاز به کار بیشتری دارد.

تعریف ما از سادگی، تکینگی است. سادگی در این دوره به معنای تک بودن است. تا آنجا که ممکن است، ما توابع خود را ساده، تک‌برابر و هدفمند خواهیم کرد. ما نمی خواهیم که عملکردهای ما دارای تعداد زیادی از عوارض جانبی باشد که پیچیدگی غیر ضروری را در برنامه ما ایجاد می کند.


مقیاس پذیری

سادگی پیش نیاز مقیاس پذیری است. از آنجا که توابع را به روشی ساده کدنویسی می‌کنید، خواهید دید که می‌توانید به سرعت ویژگی‌های جدیدی را به برنامه اضافه کنید. هزینه اولیه حک کردن ساده‌ترین طرح‌ها سود زیادی برای مقیاس‌پذیری دارد.


پیشرفت در Dragonstack

پیشرفت شما با پروژه dragonstack از یک منحنی نمایی پیروی می کند. در طول دوره، نمودارها پیشرفت شما را در این دوره نشان می دهند. یک دوره افزایش اولیه وجود خواهد داشت. با این حال، هنگامی که از قوز عبور کردید، سرعت شما سر به فلک می کشد. مصمم بمانید تا آن شتاب را ادامه دهید. این یکی از بهترین احساسات است که سوار بر آن بزرگراه بهره وری می شوید.


سایر جزئیات:

اعتبار موسیقی تبلیغاتی

«حرکت آهسته» توسط بن ساوند.

Redux خراب شد

Redux می تواند یک مفهوم بسیار پیچیده باشد که با توسعه frontend و React قابل رسیدگی است. این دوره Redux را خلاصه می کند و سطح پایین آن را توضیح می دهد. ما به Redux به عنوان یک کتابخانه جادویی که فقط تمام مشکلات ایالتی ما را حل می کند نگاه نمی کنیم. نه، این دوره به طور کامل به Redux می رود. ما عملکردهای آن را آزمایش می کنیم، پارامترهای آن را بررسی می کنیم و حتی تصمیمات کلی طراحی کتابخانه را در نظر می گیریم.

قول!

جاوا اسکریپت قول می دهد که این است! Promises نقش بزرگی در باطن این دوره خواهد داشت. بنابراین اگر به دنبال یک بهانه خوب برای یادگیری نحوه عملکرد وعده های جاوا اسکریپت بودید، پس این پروژه عالی برای شماست! قول می دهم…

نام‌ها

این دوره ممکن است زمان بیشتری را نسبت به سایر دوره ها صرف بحث در مورد نام ها کند. برخی ممکن است بگویند نامگذاری متغیر دلخواه است: "فقط یک نام کوتاه و واضح به چیزی بدهید و با آن تمام شود..." با این، من کاملاً مخالفم! نام گذاری یکی از مهمترین بخش های نرم افزار است. درست کردن نام می تواند تنها تفاوت بین جریان روان از طریق درک یک پایگاه کد و صرف دقیقه ها یا حتی ساعت ها برای درک نحوه کار توابع با یکدیگر باشد.

تحویل به موقع

از آنجایی که Udemy به دانش‌آموزان اجازه می‌دهد تا سرعت سخنرانی‌ها را افزایش دهند، من سخنرانی‌ها را به‌موقع صحبت خواهم کرد که در همه سرعت‌ها قابل درک باشد. سرعت را به دلخواه تغییر دهید.



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

معرفی Introduction

  • معرفی دوره Course Introduction

  • معرفی دوره Course Introduction

  • فن آوری های دوره Technologies of the Course

  • فن آوری های دوره Technologies of the Course

  • تور برنامه و بررسی اجمالی Application Tour and Overview

  • مرجع مهم: مخزن دوره و یادداشت جانبی در مورد چالش های دوره Important Reference: Course Repository and a Side Note on Course Challenges

  • مرجع مهم: مخزن دوره و یادداشت جانبی در مورد چالش های دوره Important Reference: Course Repository and a Side Note on Course Challenges

  • مرجع مهم: الزامات و نصب نرم افزار | مقاله Important Reference: Software Requirements and Installations | Article

  • مرجع مهم: الزامات و نصب نرم افزار | مقاله Important Reference: Software Requirements and Installations | Article

معرفی Introduction

  • تور برنامه و بررسی اجمالی Application Tour and Overview

ویژگی 1. ایجاد اژدها: Node.js Feature 1. Create Dragons: Node.js

  • پیش نمایش | ویژگی 1. ایجاد اژدها: Node.js Preview | Feature 1. Create Dragons: Node.js

  • نقش Node.js در Dragonstack The Role of Node.js in Dragonstack

  • Backend را تنظیم کنید Set Up the Backend

  • Backend را تنظیم کنید Set Up the Backend

  • اختیاری: برنامه نویسی شی گرا Optional: Object-Oriented Programming

  • کلاس اژدها The Dragon Class

  • بهبود کلاس اژدها | قسمت 1 Improve the Dragon Class | Part 1

  • بهبود کلاس اژدها | قسمت 1 Improve the Dragon Class | Part 1

  • بهبود کلاس اژدها | قسمت 2 Improve the Dragon Class | Part 2

  • بهبود کلاس اژدها | قسمت 2 Improve the Dragon Class | Part 2

  • Nodemon برای توسعه Nodemon for Development

  • اختیاری: Node.js Under the Hood - موتور V8 Optional: Node.js Under the Hood - the V8 Engine

  • اختیاری: Node.js Under the Hood - موتور V8 Optional: Node.js Under the Hood - the V8 Engine

  • اختیاری: Node.js Under the Hood - حلقه رویداد Optional: Node.js Under the Hood - the Event Loop

  • منبع حقیقت برای صفات اژدها The Source of Truth for Dragon Traits

  • منبع حقیقت برای صفات اژدها The Source of Truth for Dragon Traits

  • صفات در کلاس اژدها Traits in the Dragon Class

  • پیکربندی نسل Generation Configuration

  • پیکربندی نسل Generation Configuration

  • کلاس نسل | قسمت 1 Generation Class | Part 1

  • کلاس نسل | قسمت 1 Generation Class | Part 1

  • کلاس نسل | قسمت 2 Generation Class | Part 2

  • چالش اختیاری: موتور نسل Optional Challenge: Generation Engine

  • موتور نسل Generation Engine

  • بررسی معماری Dragonstack 1 Dragonstack Architecture Check 1

  • بررسی معماری Dragonstack 1 Dragonstack Architecture Check 1

ویژگی 1. ایجاد اژدها: Node.js Feature 1. Create Dragons: Node.js

  • پیش نمایش | ویژگی 1. ایجاد اژدها: Node.js Preview | Feature 1. Create Dragons: Node.js

  • نقش Node.js در Dragonstack The Role of Node.js in Dragonstack

  • اختیاری: برنامه نویسی شی گرا Optional: Object-Oriented Programming

  • کلاس اژدها The Dragon Class

  • Nodemon برای توسعه Nodemon for Development

  • اختیاری: Node.js Under the Hood - حلقه رویداد Optional: Node.js Under the Hood - the Event Loop

  • صفات در کلاس اژدها Traits in the Dragon Class

  • کلاس نسل | قسمت 2 Generation Class | Part 2

  • چالش اختیاری: موتور نسل Optional Challenge: Generation Engine

  • موتور نسل Generation Engine

ویژگی 1. ایجاد اژدها: Express.js Feature 1. Create Dragons: Express.js

  • پیش نمایش | ویژگی 1. ایجاد اژدها: Express.js Preview | Feature 1. Create Dragons: Express.js

  • پیش نمایش | ویژگی 1. ایجاد اژدها: Express.js Preview | Feature 1. Create Dragons: Express.js

  • در Express.js On Express.js

  • سرور را راه اندازی کنید و Dragon را دریافت کنید Set up the Server and Get Dragon

  • سازمان Codebase | قسمت 1 Codebase Organization | Part 1

  • سازمان Codebase | قسمت 1 Codebase Organization | Part 1

  • سازمان Codebase | قسمت 2 Codebase Organization | Part 2

  • دریافت نسل Get Generation

  • دریافت نسل Get Generation

  • بررسی معماری Dragonstack 2 Dragonstack Architecture Check 2

  • بررسی معماری Dragonstack 2 Dragonstack Architecture Check 2

ویژگی 1. ایجاد اژدها: Express.js Feature 1. Create Dragons: Express.js

  • در Express.js On Express.js

  • سرور را راه اندازی کنید و Dragon را دریافت کنید Set up the Server and Get Dragon

  • سازمان Codebase | قسمت 2 Codebase Organization | Part 2

ویژگی 1. ایجاد اژدها: PostgreSQL و پایگاه داده Feature 1. Create Dragons: PostgreSQL and the Database

  • پیش نمایش | ویژگی 1. ایجاد اژدها: PostgreSQL و پایگاه داده Preview | Feature 1. Create Dragons: PostgreSQL and the Database

  • بررسی اجمالی پایگاه داده های ارتباطی و PostgreSQL PostgreSQL and Relational Databases Overview

  • راه اندازی و نصب PostgreSQL Setup and Install PostgreSQL

  • راه اندازی و نصب PostgreSQL Setup and Install PostgreSQL

  • Dragonstack DB و Node User را ایجاد کنید Create the Dragonstack DB and the Node User

  • Dragonstack DB و Node User را ایجاد کنید Create the Dragonstack DB and the Node User

  • نسل SQL Generation SQL

  • Dragon SQL Dragon SQL

  • Dragon SQL Dragon SQL

  • پیکربندی اسکریپت Configure Script

  • پیکربندی اسکریپت Configure Script

  • استخر پایگاه داده را پیکربندی کنید Configure the Database Pool

  • تایید استخر Node-Postgres Node-Postgres Pool Verification

  • جدول نسل و ذخیره سازی نسل ها Generation Table and Storing Generations

  • جدول نسل و ذخیره سازی نسل ها Generation Table and Storing Generations

  • دریافت نسل با شناسه Get Generation with IDs

  • اختیاری: مروری بر وعده های جاوا اسکریپت Optional: JavaScript Promises Overview

  • چالش اختیاری: اژدها با شناسه نسل و اژدهای فروشگاه Optional Challenge: Dragons with Generation IDs and Store Dragons

  • چالش اختیاری: اژدها با شناسه نسل و اژدهای فروشگاه Optional Challenge: Dragons with Generation IDs and Store Dragons

  • اژدها با شناسه نسل Dragons with Generation IDs

  • فروشگاه اژدها Store Dragons

  • فروشگاه اژدها Store Dragons

  • رسیدگی به خطا در Express.js Error Handling in Express.js

  • رسیدگی به خطا در Express.js Error Handling in Express.js

  • رویکرد ذخیره صفات اژدها The Approach to Storing Dragon Traits

  • جدول صفات Trait Table

  • جدول صفات و شناسه صفت Trait Table and Get Trait ID

  • جدول صفات اژدها Dragon Trait Table

  • چالش اختیاری: فروشگاه انجمن های صفت اژدها Optional Challenge: Store Dragon Trait Associations

  • چالش اختیاری: فروشگاه انجمن های صفت اژدها Optional Challenge: Store Dragon Trait Associations

  • ویژگی های اژدها را ذخیره کنید Store Dragon Traits

  • ذخیره‌سازی ویژگی Dragon را تأیید کنید Verify Dragon Trait Storage

  • چالش اختیاری: دریافت اژدها با عملکرد صفات Optional Challenge: Get Dragon with Traits Function

  • دریافت اژدها با صفات | قسمت 1 Get Dragon With Traits | Part 1

  • دریافت اژدها با صفات | قسمت 2 Get Dragon With Traits | Part 2

  • دریافت اژدها با صفات | قسمت 2 Get Dragon With Traits | Part 2

  • بررسی معماری Dragonstack 3 Dragonstack Architecture Check 3

ویژگی 1. ایجاد اژدها: PostgreSQL و پایگاه داده Feature 1. Create Dragons: PostgreSQL and the Database

  • پیش نمایش | ویژگی 1. ایجاد اژدها: PostgreSQL و پایگاه داده Preview | Feature 1. Create Dragons: PostgreSQL and the Database

  • بررسی اجمالی پایگاه داده های ارتباطی و PostgreSQL PostgreSQL and Relational Databases Overview

  • نسل SQL Generation SQL

  • استخر پایگاه داده را پیکربندی کنید Configure the Database Pool

  • تایید استخر Node-Postgres Node-Postgres Pool Verification

  • دریافت نسل با شناسه Get Generation with IDs

  • اختیاری: مروری بر وعده های جاوا اسکریپت Optional: JavaScript Promises Overview

  • اژدها با شناسه نسل Dragons with Generation IDs

  • رویکرد ذخیره صفات اژدها The Approach to Storing Dragon Traits

  • جدول صفات Trait Table

  • جدول صفات و شناسه صفت Trait Table and Get Trait ID

  • جدول صفات اژدها Dragon Trait Table

  • ویژگی های اژدها را ذخیره کنید Store Dragon Traits

  • ذخیره‌سازی ویژگی Dragon را تأیید کنید Verify Dragon Trait Storage

  • چالش اختیاری: دریافت اژدها با عملکرد صفات Optional Challenge: Get Dragon with Traits Function

  • دریافت اژدها با صفات | قسمت 1 Get Dragon With Traits | Part 1

  • بررسی معماری Dragonstack 3 Dragonstack Architecture Check 3

ویژگی 1. ایجاد اژدها: React.js و Redux Feature 1. Create Dragons: React.js and Redux

  • پیش نمایش | ویژگی 1. ایجاد اژدها: React.js و Redux Preview | Feature 1. Create Dragons: React.js and Redux

  • پیش نمایش | ویژگی 1. ایجاد اژدها: React.js و Redux Preview | Feature 1. Create Dragons: React.js and Redux

  • اختیاری: JS در مرورگرها، DOM و React و Virtual DOM Overview Optional: JS in Browsers, the DOM, and React and Virtual DOM Overview

  • اختیاری: JS در مرورگرها، DOM و React و Virtual DOM Overview Optional: JS in Browsers, the DOM, and React and Virtual DOM Overview

  • راه اندازی React Frontend | قسمت 1 Set Up the React Frontend | Part 1

  • راه اندازی React Frontend | قسمت 1 Set Up the React Frontend | Part 1

  • راه اندازی React Frontend | قسمت 2 Set Up the React Frontend | Part 2

  • [اختیاری] به بابل نسخه 7 ارتقا دهید [Optional] Upgrade to Babel Version 7

  • [اختیاری] به بابل نسخه 7 ارتقا دهید [Optional] Upgrade to Babel Version 7

  • مولفه نسل Generation Component

  • مولفه نسل Generation Component

  • اسکریپت واحد برای شروع Backend و Frontend Single Script to Start the Backend and Frontend

  • React State and Generation Fetch | قسمت 1 React State and Generation Fetch | Part 1

  • Interlude Backend: به اشتراک گذاری منابع متقابل Backend Interlude: Cross-Origin Resource Sharing

  • اختیاری: همان خط مشی مبدا Optional: Same Origin Policy

  • اختیاری: همان خط مشی مبدا Optional: Same Origin Policy

  • React State and Generation Fetch | قسمت 2 React State and Generation Fetch | Part 2

  • React State and Generation Fetch | قسمت 2 React State and Generation Fetch | Part 2

  • نسل‌های جدید را با تایمر واکشی کنید Fetch New Generations on a Timer

  • چالش اختیاری: اژدهای جدید Optional Challenge: New Dragon

  • چالش اختیاری: اژدهای جدید Optional Challenge: New Dragon

  • Dragon جدید در React New Dragon in React

  • Dragon جدید در React New Dragon in React

  • کامپوننت آواتار اژدها و React Props Dragon Avatar Component and React Props

  • دکمه Dragon جدید و React Bootstrap New Dragon Button and React Bootstrap

  • چالش اختیاری: یک ظاهر طراحی سریع Optional Challenge: Quick Styling

  • چالش اختیاری: یک ظاهر طراحی سریع Optional Challenge: Quick Styling

  • یک ظاهر طراحی سریع Quick Styling

  • اختیاری: تصویر آواتار اژدها | توجه داشته باشید Optional: Dragon Avatar Image | Note

  • اختیاری: تصویر آواتار اژدها | قسمت 1 Optional: Dragon Avatar Image | Part 1

  • اختیاری: تصویر آواتار اژدها | قسمت 1 Optional: Dragon Avatar Image | Part 1

  • اختیاری: تصویر آواتار اژدها | قسمت 2 Optional: Dragon Avatar Image | Part 2

  • اختیاری: تصویر آواتار اژدها | قسمت 2 Optional: Dragon Avatar Image | Part 2

  • بررسی اجمالی Redux Redux Overview

  • Redux در Dragonstack و Generation Reducer Redux in Dragonstack and the Generation Reducer

  • اقدام نسل Generation Action

  • Generation Action Creator Generation Action Creator

  • سازمان و ابزار Redux Redux Organization and Tools

  • سازمان و ابزار Redux Redux Organization and Tools

  • Generation Component و MapStateToProps را به هم متصل کنید Connect Generation Component and MapStateToProps

  • Generation Component و MapDispatchToProps Generation Component and MapDispatchToProps

  • Redux Thunk Redux Thunk

  • Redux Thunk Redux Thunk

  • به‌روزرسانی‌شده Fetch Generation Action Updated Fetch Generation Action

  • کاهش دهنده نسل Fetch به روز شد Updated Fetch Generation Reducer

  • کاهش دهنده نسل Fetch به روز شد Updated Fetch Generation Reducer

  • واکشی ایالات Fetch States

  • واکشی ایالات Fetch States

  • چالش اختیاری: Redux New Dragon Optional Challenge: Redux New Dragon

  • چالش اختیاری: Redux New Dragon Optional Challenge: Redux New Dragon

  • جریان جدید Dragon Redux New Dragon Redux Flow

  • کامپوننت Dragon را وصل کنید Connect the Dragon Componnet

  • کامپوننت Dragon را وصل کنید Connect the Dragon Componnet

  • بررسی معماری Dragonstack 4 Dragonstack Architecture Check 4

ویژگی 1. ایجاد اژدها: React.js و Redux Feature 1. Create Dragons: React.js and Redux

  • راه اندازی React Frontend | قسمت 2 Set Up the React Frontend | Part 2

  • اسکریپت واحد برای شروع Backend و Frontend Single Script to Start the Backend and Frontend

  • React State and Generation Fetch | قسمت 1 React State and Generation Fetch | Part 1

  • Interlude Backend: به اشتراک گذاری منابع متقابل Backend Interlude: Cross-Origin Resource Sharing

  • نسل‌های جدید را با تایمر واکشی کنید Fetch New Generations on a Timer

  • کامپوننت آواتار اژدها و React Props Dragon Avatar Component and React Props

  • دکمه Dragon جدید و React Bootstrap New Dragon Button and React Bootstrap

  • یک ظاهر طراحی سریع Quick Styling

  • اختیاری: تصویر آواتار اژدها | توجه داشته باشید Optional: Dragon Avatar Image | Note

  • بررسی اجمالی Redux Redux Overview

  • Redux در Dragonstack و Generation Reducer Redux in Dragonstack and the Generation Reducer

  • اقدام نسل Generation Action

  • Generation Action Creator Generation Action Creator

  • Generation Component و MapStateToProps را به هم متصل کنید Connect Generation Component and MapStateToProps

  • Generation Component و MapDispatchToProps Generation Component and MapDispatchToProps

  • به‌روزرسانی‌شده Fetch Generation Action Updated Fetch Generation Action

  • جریان جدید Dragon Redux New Dragon Redux Flow

  • بررسی معماری Dragonstack 4 Dragonstack Architecture Check 4

ویژگی 2. احراز هویت و حساب ها Feature 2. Authentication and Accounts

  • پیش نمایش | ویژگی 2. احراز هویت و حساب ها Preview | Feature 2. Authentication and Accounts

  • بررسی اجمالی HTTP در مقابل HTTPS و TLS HTTP vs HTTPS and TLS Overview

  • بررسی اجمالی HTTP در مقابل HTTPS و TLS HTTP vs HTTPS and TLS Overview

  • چالش اختیاری: جدول حساب و حساب فروشگاه Optional Challenge: Account Table and Store Account

  • چالش اختیاری: جدول حساب و حساب فروشگاه Optional Challenge: Account Table and Store Account

  • جدول حساب Account Table

  • حساب فروشگاه جدول حساب Account Table Store Account

  • API حساب و درخواست حساب جدید Account API and New Account Request

  • توجه داشته باشید در مورد محدود کردن اژدها در هر نسل Note on Limiting the Dragon Per Generation

  • هش سیستم سفارشی Custom System Hash

  • SHA256 و App Secret SHA256 and App Secret

  • SHA256 و App Secret SHA256 and App Secret

  • اطلاعات حساس هش Hash Sensitive Information

  • اطلاعات حساس هش Hash Sensitive Information

  • از تکراری شدن حساب خودداری کنید و حساب را دریافت کنید Avoid Account Duplication and Get Account

  • از تکراری شدن حساب خودداری کنید و حساب را دریافت کنید Avoid Account Duplication and Get Account

  • جلسات حساب کاربری Account Sessions

  • ساخت کلاس جلسه | قسمت 1 Build the Session Class | Part 1

  • ساخت کلاس جلسه | قسمت 2 Build the Session Class | Part 2

  • یک کوکی جلسه تنظیم کنید Set a Session Cookie

  • یک کوکی جلسه تنظیم کنید Set a Session Cookie

  • جلسات مشترک و تنظیم جلسه کمکی | قسمت 1 Shared Sessions and Set Session Helper | Part 1

  • جلسات مشترک و تنظیم جلسه کمکی | قسمت 1 Shared Sessions and Set Session Helper | Part 1

  • شناسه جلسه را در جدول حساب به روز کنید Update Session ID in the Account Table

  • شناسه جلسه را در جدول حساب به روز کنید Update Session ID in the Account Table

  • جلسات مشترک و تنظیم جلسه کمکی | قسمت 2 Shared Sessions and Set Session Helper | Part 2

  • ورود به سیستم | قسمت 1 Log In | Part 1

  • ورود به سیستم | قسمت 2 Log In | Part 2

  • ورود به سیستم | قسمت 2 Log In | Part 2

  • خروج Log Out

  • خروج Log Out

ویژگی 2. احراز هویت و حساب ها Feature 2. Authentication and Accounts

  • پیش نمایش | ویژگی 2. احراز هویت و حساب ها Preview | Feature 2. Authentication and Accounts

  • جدول حساب Account Table

  • حساب فروشگاه جدول حساب Account Table Store Account

  • API حساب و درخواست حساب جدید Account API and New Account Request

  • توجه داشته باشید در مورد محدود کردن اژدها در هر نسل Note on Limiting the Dragon Per Generation

  • هش سیستم سفارشی Custom System Hash

  • جلسات حساب کاربری Account Sessions

  • ساخت کلاس جلسه | قسمت 1 Build the Session Class | Part 1

  • ساخت کلاس جلسه | قسمت 2 Build the Session Class | Part 2

  • جلسات مشترک و تنظیم جلسه کمکی | قسمت 2 Shared Sessions and Set Session Helper | Part 2

  • ورود به سیستم | قسمت 1 Log In | Part 1

ویژگی 2. احراز هویت در React Feature 2. Authentication in React

  • پیش نمایش | ویژگی 2. احراز هویت در React Preview | Feature 2. Authentication in React

  • پیش نمایش | ویژگی 2. احراز هویت در React Preview | Feature 2. Authentication in React

  • کامپوننت ریشه Root Component

  • مؤلفه AuthForm | قسمت 1 AuthForm Component | Part 1

  • مؤلفه AuthForm | قسمت 1 AuthForm Component | Part 1

  • مؤلفه AuthForm | قسمت 2 AuthForm Component | Part 2

  • مؤلفه AuthForm | قسمت 2 AuthForm Component | Part 2

  • کاهش دهنده حساب Account Reducer

  • ثبت نام اقدام حساب Sign Up Account Action

  • حساب در فروشگاه Redux Account in the Redux Store

  • حساب در فروشگاه Redux Account in the Redux Store

  • نمایش خطاها و رندر بر اساس حساب Display Errors and Render Based on the Account

  • نمایش خطاها و رندر بر اساس حساب Display Errors and Render Based on the Account

  • خروج از سیستم و کاهش دهنده حساب Log Out and Account Reducer

  • عملکرد خروج و واکشی از حساب Log Out Action and Fetch From Account

  • دکمه خروج از سیستم Log Out Button

  • چالش اختیاری: اقدام واکشی ورود به سیستم را ایجاد کنید Optional Challenge: Create the Account Log In Fetch Action

  • چالش اختیاری: اقدام واکشی ورود به سیستم را ایجاد کنید Optional Challenge: Create the Account Log In Fetch Action

  • ورود به سیستم Redux Redux Log In

  • چالش اختیاری: درخواست احراز هویت را دریافت کنید Optional Challenge: Get Authenticated Request

  • چالش اختیاری: درخواست احراز هویت را دریافت کنید Optional Challenge: Get Authenticated Request

  • دریافت درخواست احراز هویت Get Authenticated Request

  • دریافت درخواست احراز هویت Get Authenticated Request

  • رندر نگهبانی پشت چک تایید شده Guard Rendering Behind Authenticated Check

  • چالش اختیاری: خطای جلسه اولیه را پنهان کنید Optional Challenge: Hide the Initial Session Error

  • چالش اختیاری: خطای جلسه اولیه را پنهان کنید Optional Challenge: Hide the Initial Session Error

  • دکمه Frontend برای پنهان کردن خطا در AuthForm کلیک کرد Frontend Button Clicked to Hide Error in AuthForm

ویژگی 2. احراز هویت در React Feature 2. Authentication in React

  • کامپوننت ریشه Root Component

  • کاهش دهنده حساب Account Reducer

  • ثبت نام اقدام حساب Sign Up Account Action

  • خروج از سیستم و کاهش دهنده حساب Log Out and Account Reducer

  • عملکرد خروج و واکشی از حساب Log Out Action and Fetch From Account

  • دکمه خروج از سیستم Log Out Button

  • ورود به سیستم Redux Redux Log In

  • رندر نگهبانی پشت چک تایید شده Guard Rendering Behind Authenticated Check

  • دکمه Frontend برای پنهان کردن خطا در AuthForm کلیک کرد Frontend Button Clicked to Hide Error in AuthForm

ویژگی 2.5: حساب اژدها Feature 2.5: Account Dragons

  • پیش نمایش | ویژگی 2.5: حساب اژدها Preview | Feature 2.5: Account Dragons

  • پیش نمایش | ویژگی 2.5: حساب اژدها Preview | Feature 2.5: Account Dragons

  • جدول اژدها حساب Account Dragon Table

  • چالش اختیاری: Store Account Dragon Optional Challenge: Store Account Dragon

  • چالش اختیاری: Store Account Dragon Optional Challenge: Store Account Dragon

  • اژدهای حساب فروشگاهی Store Account Dragon

  • اژدهای حساب فروشگاهی Store Account Dragon

  • مرتبط کردن حساب با اژدهای جدید | قسمت 1 Associate Account with New Dragons | Part 1

  • مرتبط کردن حساب با اژدهای جدید | قسمت 1 Associate Account with New Dragons | Part 1

  • مرتبط کردن حساب با اژدهای جدید | قسمت 2 Associate Account with New Dragons | Part 2

  • اژدهای حساب را دریافت کنید Get Account Dragons

  • اژدهای حساب را دریافت کنید Get Account Dragons

  • درخواست حساب اژدها را دریافت کنید Get Account Dragons Request

  • درخواست حساب اژدها را دریافت کنید Get Account Dragons Request

  • دریافت اژدهای حساب کاربری با ویژگی ها Get Account Dragons With Traits

  • دریافت اژدهای حساب کاربری با ویژگی ها Get Account Dragons With Traits

  • واکشی اژدها حساب Fetch Account Dragons

  • واکشی اژدها حساب Fetch Account Dragons

  • کاهش دهنده اژدها حساب Account Dragons Reducer

  • کاهش دهنده اژدها حساب Account Dragons Reducer

  • نمایش اسکلت اژدها حساب Display Account Dragons Skeleton

  • ردیف های اژدها حساب Account Dragon Rows

  • ردیف های اژدها حساب Account Dragon Rows

  • React-Router React-Router

  • React-Router React-Router

  • کامپوننت‌ها را پیوند دهید و چه زمانی باید از تگ‌های Anchor استفاده کنید Link Components and When to (Not) Use Anchor Tags

  • Auth Routes: Redirects Auth Routes: Redirects

  • Auth Routes: Redirects Auth Routes: Redirects

  • مسیرهای احراز هویت: اجزای عملکردی بدون وضعیت Auth Routes: Stateless Functional Components

  • مسیرهای احراز هویت: اجزای مرتبه بالاتر Auth Routes: Higher-Order Components

  • مسیرهای احراز هویت: اجزای مرتبه بالاتر Auth Routes: Higher-Order Components

  • نام مستعار اژدها را به روز کنید Update Dragon Nickname

  • نام مستعار اژدها را به روز کنید Update Dragon Nickname

  • اژدها را ویرایش کنید Edit Dragon

  • Fire Update نام مستعار اژدها Fire Update Dragon Nickname

  • Fire Update نام مستعار اژدها Fire Update Dragon Nickname

ویژگی 2.5: حساب اژدها Feature 2.5: Account Dragons

  • جدول اژدها حساب Account Dragon Table

  • مرتبط کردن حساب با اژدهای جدید | قسمت 2 Associate Account with New Dragons | Part 2

  • نمایش اسکلت اژدها حساب Display Account Dragons Skeleton

  • کامپوننت‌ها را پیوند دهید و چه زمانی باید از تگ‌های Anchor استفاده کنید Link Components and When to (Not) Use Anchor Tags

  • مسیرهای احراز هویت: اجزای عملکردی بدون وضعیت Auth Routes: Stateless Functional Components

  • اژدها را ویرایش کنید Edit Dragon

تعاملات چند حساب و فراتر از آن Multi-Account Interactions and Beyond

  • پیش نمایش | تعاملات چند حساب و فراتر از آن Preview | Multi-Account Interactions and Beyond

  • پیش نمایش | تعاملات چند حساب و فراتر از آن Preview | Multi-Account Interactions and Beyond

  • پیش نمایش ویژگی های چند حساب Multi-Acocunt Features Preview

  • موجودی حساب و اطلاعات Account Balance and Info

  • اطلاعات حساب در React | Redux Account Info in React | Redux

  • اطلاعات حساب در React | UI Account Info in React | UI

  • اطلاعات حساب در React | UI Account Info in React | UI

  • اژدهای عمومی و قابل فروش Public and Sellable Dragons

  • Dragon را با کوئری های پویا به روز کنید Update Dragon with Dynamic Queries

  • Dragon را با کوئری های پویا به روز کنید Update Dragon with Dynamic Queries

  • Dragon را در API و UI به روز کنید Update Dragon in the API and UI

  • اژدهای عمومی را دریافت کنید Get Public Dragons

  • اژدهای عمومی را دریافت کنید Get Public Dragons

  • عمومی اژدها Redux Public Dragons Redux

  • صفحه عمومی اژدها Public Dragons Page

  • ردیف های عمومی اژدها Public Dragon Rows

  • به روز رسانی موجودی Update Balance

  • چالش اختیاری: حساب Dragon را دریافت کنید و حساب Dragon را به روز کنید Optional Challenge: Get Dragon Account and Update Dragon Account

  • چالش اختیاری: حساب Dragon را دریافت کنید و حساب Dragon را به روز کنید Optional Challenge: Get Dragon Account and Update Dragon Account

  • حساب Dragon را دریافت کنید و حساب Dragon را به روز کنید Get Dragon Account and Update Dragon Account

  • حساب Dragon را دریافت کنید و حساب Dragon را به روز کنید Get Dragon Account and Update Dragon Account

  • خرید Dragons Backend Buy Dragons Backend

  • تست خرید اژدها Test Buy Dragons

  • تست خرید اژدها Test Buy Dragons

  • React Buy Dragons React Buy Dragons

  • React Buy Dragons React Buy Dragons

  • کلاس پرورش دهنده و ساخت بچه اژدها Breeder Class and Making Baby Dragons

  • صفت را انتخاب کنید Pick Trait

  • صفت را انتخاب کنید Pick Trait

  • ارزش پدر اژدها Dragon Sire Value

  • ارزش پدر اژدها Dragon Sire Value

  • ارزش Sire را در Account Dragon Row به روز کنید Update Sire Value in Account Dragon Row

  • ارزش Sire را در Account Dragon Row به روز کنید Update Sire Value in Account Dragon Row

  • درخواست Mate Dragons Mate Dragons Request

  • درخواست اژدها میت تست Test Mate Dragons Request

  • درخواست اژدها میت تست Test Mate Dragons Request

  • دکمه آقا Sire Button

  • دکمه آقا Sire Button

  • گزینه های جفت گیری Mating Options

  • چالش اختیاری: ارسال درخواست همسر Optional Challenge: Send Mate Request

  • ارسال درخواست همسر Send Mate Request

  • ارسال درخواست همسر Send Mate Request

تعاملات چند حساب و فراتر از آن Multi-Account Interactions and Beyond

  • پیش نمایش ویژگی های چند حساب Multi-Acocunt Features Preview

  • موجودی حساب و اطلاعات Account Balance and Info

  • اطلاعات حساب در React | Redux Account Info in React | Redux

  • اژدهای عمومی و قابل فروش Public and Sellable Dragons

  • Dragon را در API و UI به روز کنید Update Dragon in the API and UI

  • عمومی اژدها Redux Public Dragons Redux

  • صفحه عمومی اژدها Public Dragons Page

  • ردیف های عمومی اژدها Public Dragon Rows

  • به روز رسانی موجودی Update Balance

  • خرید Dragons Backend Buy Dragons Backend

  • کلاس پرورش دهنده و ساخت بچه اژدها Breeder Class and Making Baby Dragons

  • درخواست Mate Dragons Mate Dragons Request

  • گزینه های جفت گیری Mating Options

  • چالش اختیاری: ارسال درخواست همسر Optional Challenge: Send Mate Request

ویژگی های اختیاری Optional Features

  • اژدها را در هر نسل محدود کنید Limit Dragons per Generation

  • یادداشتی در مورد تصویر آواتار اژدها Note on the Dragon Avatar Image

ویژگی های اختیاری Optional Features

  • اژدها را در هر نسل محدود کنید Limit Dragons per Generation

  • یادداشتی در مورد تصویر آواتار اژدها Note on the Dragon Avatar Image

نتیجه گیری و تبریک Conclusion and Congratulations

  • تبریک می گویم و با من ارتباط برقرار کنید! Congratulations and Connect with Me!

  • تبریک می گویم و با من ارتباط برقرار کنید! Congratulations and Connect with Me!

  • لیست چالش های دوره نهایی Final Course Challenges List

  • لیست چالش های دوره نهایی Final Course Challenges List

  • سخنرانی جایزه: محتوای بیشتر! Bonus Lecture: More Content!

  • سخنرانی جایزه: محتوای بیشتر! Bonus Lecture: More Content!

نتیجه گیری و تبریک Conclusion and Congratulations

نمایش نظرات

آموزش Master Full-Stack توسعه وب | Node، SQL، React و بیشتر
جزییات دوره
18.5 hours
186
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,970
4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

David Joseph Katz David Joseph Katz

مهندس نرم افزار