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

The Complete 2023 Web Development Bootcamp

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تنها با یک دوره آموزشی به یک توسعه دهنده وب تمام پشته تبدیل شوید. HTML، CSS، جاوا اسکریپت، Node، React، MongoDB، Web3 و DApps 16 پروژه توسعه وب را برای نمونه کار خود بسازید، آماده درخواست برای مشاغل توسعه دهنده جوان. جدیدترین فناوری ها از جمله Javascript، React، Node و حتی توسعه Web3 را بیاموزید. پس از دوره شما قادر خواهید بود هر وب سایتی را که می خواهید بسازید. برای راه اندازی یا کسب و کار خود وب سایت ها و برنامه های وب کامل بسازید. به عنوان یک توسعه دهنده وب آزاد کار کنید. توسعه پیش زمینه با React Master توسعه باطن با Node بهترین شیوه های توسعه دهندگان حرفه ای را بیاموزید. پیش نیازها:بدون نیاز به تجربه برنامه نویسی - همه چیزهایی که باید بدانید را به شما آموزش می دهم کامپیوتری با دسترسی به اینترنت بدون نیاز به نرم افزار پولی. بالا

به بوت کمپ کامل توسعه وب خوش آمدید، تنها دوره ای که برای یادگیری کدنویسی و تبدیل شدن به یک توسعه دهنده وب تمام پشته نیاز دارید. با 150000+ رتبه‌بندی و میانگین 4.8، دوره توسعه وب من یکی از بالاترین رتبه‌بندی‌ترین دوره‌ها در تاریخ Udemy است!

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

  • این دوره توسط مربی اصلی در App Brewery، بوت کمپ برنامه نویسی حضوری در لندن، تدریس می شود.

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

  • این دوره هیچ گوشه‌ای را کاهش نمی‌دهد، ویدیوهای توضیحی متحرک زیبا و ده‌ها پروژه در دنیای واقعی وجود دارد که می‌توانید آنها را بسازید.

  • برنامه درسی در یک دوره چهار ساله با آزمون و بازخورد جامع دانش‌آموزان تدوین شد.

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

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

  • این دوره به طور مداوم با محتوای جدید، با پروژه ها و ماژول های جدید که توسط دانش آموزان تعیین می شود، به روز می شود - این شما هستید!


ما شما را گام به گام از طریق آموزش‌های ویدیویی جذاب راهنمایی می‌کنیم و هر آنچه را که برای موفقیت به عنوان یک توسعه‌دهنده وب نیاز دارید به شما آموزش می‌دهیم.

این دوره شامل بیش از 65 ساعت آموزش ویدیویی HD است و دانش برنامه نویسی شما را در حین ساخت وب سایت ها و برنامه های وب در دنیای واقعی ایجاد می کند.


در طول این دوره جامع، ما تعداد زیادی از ابزارها و فناوری‌ها را پوشش می‌دهیم، از جمله:

  • توسعه وب پیشرو

  • HTML 5

  • CSS 3

  • بوت استرپ 4

  • جاوا اسکریپت ES6

  • دستکاری DOM

  • jQuery

  • خط فرمان Bash

  • Git، GitHub و کنترل نسخه

  • توسعه وب پشتیبان

  • Node .js

  • NPM

  • Express .js

  • EJS

  • REST

  • APIها

  • پایگاه های داده

  • SQL

  • MongoDB

  • مونگوس

  • تأیید هویت

  • Firebase

  • React .js

  • React Hooks

  • طراحی وب

  • استقرار با صفحات GitHub، Heroku و MongoDB Atlas

  • توسعه وب 3 در رایانه اینترنتی

  • فناوری بلاک چین

  • توسعه قرارداد نشانه

  • منطق استخراج، خرید و فروش NFT

در پایان این دوره، شما به طور روان برنامه نویسی می کنید و آماده ساختن هر وب سایتی که می توانید رویای آن را داشته باشید، خواهید بود.

همچنین مجموعه‌ای از بیش از 32 وب‌سایت ایجاد خواهید کرد که می‌توانید آن‌ها را به هر کارفرمای احتمالی نشان دهید.

امروز ثبت نام کنید و منتظر این باشید:

  • سخنرانی های ویدئویی متحرک

  • چالش‌های کد و تمرین‌های کدنویسی

  • پروژه های زیبای دنیای واقعی

  • آزمون‌های تمرینی آزمون‌ها

  • منابع برنامه نویسی قابل دانلود و برگه های تقلب

  • 12 قانون پرفروش ما برای یادگیری کدنویسی کتاب الکترونیکی

  • مطالب و برنامه درسی دوره آموزشی بوت کمپ توسعه وب به ارزش بیش از 12000 دلار


فقط حرف من را قبول نکنید، ببینید دانش‌آموزان فعلی در مورد این دوره چه می‌گویند:

"آنجلا در این دوره فوق العاده، عالی و فوق العاده است. من هرگز چنین مربی ای نداشته ام؛ جزئیات در تمام جنبه های دوره، توضیحات دقیق ارائه می دهد، به شما اضطراب یادگیری می دهد و غیره. او این توانایی را دارد. در حین توضیح دادن چیزها برای درک بهتر، سرگرم کننده شوم. من واقعاً این دوره را دوست دارم." - Ekeu MonkamUlrich

"آنجلا بسیار دقیق است، بدون اینکه خسته کننده باشد. من در زندگی ام دوره های آنلاین بسیاری را گذرانده ام، از جمله مدرک لیسانس و فوق لیسانس. دلار به ارزش آموزش عالی، و به اندازه کافی خوب بود که هر کسی بتواند کدنویسی را انتخاب کند و با آن اجرا کند - متشکرم! - جی کارلوچی

"عاشق روشی که آنجلا چیزها را توضیح می دهد. پیروی آسان و پر از منطق. می توانم بگویم که او باید انرژی زیادی را برای ایجاد این دوره عالی صرف کرده باشد. از شما متشکرم و آن را به همه کسانی که علاقه مند به کدنویسی هستند توصیه می کنم!" - Yiqing Zheng

"تاکنون (در روز سوم) این دوره بیشتر از آنچه که در چندین دوره برنامه نویسی دیگر می توانستم یاد بگیرم به من آموخته است. - رمزی معمولی

"این دوره شما را از سطح مبتدی به سطح متوسط ​​می برد. اگر نمی دانید چگونه قطعات توسعه وب را کنار هم قرار دهید، این همان چیزی است که به دنبال آن هستید. آنجلا با ایجاد پروژه ها به روشی شگفت انگیز توضیح می دهد. در تمام طول این دوره، مفاهیم را در عمل واقعی توضیح دهید. بسیار متشکرم، آنجلا. من همیشه شما را مربی خود می دانم. مشتاقانه منتظر دوره های بیشتری با شما باشید." - Moises Dionisio Cruz

"یک دوره شگفت انگیز، عالی برای مبتدیان مطلق در شروع سفر برنامه نویسی آنها! آنجلا یک معلم آموزگار شگفت انگیز است و می تواند به ساده ترین و قابل فهم ترین روش حتی مفاهیم پیچیده برنامه نویسی را توضیح دهد. یادگیری توسعه وب دیگر نمی تواند سرگرم کننده باشد!" - زوئی مویسوگلو

"این یک رویکرد متفاوت برای آموزش توسعه وب است. من دوست دارم که از همان ابتدا همه چیز برای موفقیت به شما داده شود." - رونیک توماس

معلم به سادگی شگفت انگیز است، تا حد زیادی بهترین معلمی که تا به حال داشته ام. من 10 ستاره از 5 را به او می دهم. او فقط کد را مشت نمی کند و با خودش صحبت می کند، بلکه در واقع دارد چیزهایی را توضیح می دهد. او به ارائه نکات بسیار مفید ادامه می دهد و بار زیادی از منابع دیگر را به شما ارائه می دهد. همیشه می دانستم که دارم چه کار می کنم و چرا این کار را انجام می دهم. تمام چالش‌های اضافی باعث شده است که چیزها را بهتر به خاطر بسپارم و درک کنم. - پیتر دلوگوس



به خاطر داشته باشید... من آنقدر مطمئن هستم که شما این دوره را دوست خواهید داشت که ما یک ضمانت بازگشت کامل وجه به مدت 30 روز ارائه می دهیم! بنابراین این کار کاملاً بیهوده است، امروز با ریسک صفر و هر چیزی که به دست آورید ثبت نام کنید.

پس منتظر چه چیزی هستید؟ روی دکمه خرید اکنون کلیک کنید و به دوره آموزشی توسعه وب با بالاترین امتیاز در جهان بپیوندید.


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

توسعه وب فرانت اند 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

نمایش نظرات

Udemy (یودمی)

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

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

آموزش بوت کمپ کامل توسعه وب 2023
جزییات دوره
65 hours
490
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
920,638
4.7 از 5
دارد
دارد
دارد
Dr Angela Yu
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dr Angela Yu Dr Angela Yu

توسعه دهنده و مدرس اصلی