آموزش بوت کمپ توسعه وب Fullstack نهایی 2023

The Ultimate 2023 Fullstack Web Development Bootcamp

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با گذراندن این دوره ONE یک توسعه دهنده وب کامل شوید (و شغلی پیدا کنید)، حتی اگر قبلاً هرگز کدنویسی نکرده اید. بتوانید هر وب سایتی را که می خواهید بسازید. برای راه اندازی یا کسب و کار خود وب سایت ها و برنامه های وب کامل بسازید. توسعه بک‌اند با جنگو و پایتون با آخرین چارچوب‌ها و فناوری‌ها، از جمله Javascript ES6+، Bootstrap 5، Django، Postgres و غیره آشنا شوید. چندین پروژه را برای نشان دادن به کارفرمای آینده خود به عنوان یک توسعه دهنده جوان بسازید. به عنوان یک توسعه دهنده وب آزاد کار کنید. توسعه فرانت اند با HTML، CSS و جاوا اسکریپت توسعه باطن اصلی با Python، Django، Wagtail و Postgres بهترین شیوه های توسعه دهندگان حرفه ای را بیاموزید. با استفاده از Git و Github گردش کار مدرن را بیاموزید یاد بگیرید چگونه از ابزارهای خط فرمان خود مانند یک رئیس استفاده کنید با API و RESTful API آشنا خواهید شد یاد می گیرید که چگونه وب سایت های زیبا را به سرعت با Bootstrap 5 بسازید یاد بگیرید چگونه ویرایشگر متن خود را مانند یک حرفه ای سفارشی کنید. پشت صحنه کار می کند پیش نیازها:بدون نیاز به تجربه برنامه نویسی — من هر آنچه را که باید بدانید را به شما آموزش می دهم یک کامپیوتر مک یا رایانه شخصی با دسترسی به اینترنت بدون نیاز به نرم افزار پولی - همه وب سایت ها با VS Code ایجاد می شوند (که رایگان است) من شما را به صورت گام به گام راهنمایی می کنم که چگونه همه نرم افزارها را نصب و راه اندازی کنید

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

به بیش از 20000 دانشجوی همکار که قبلاً این دوره را می گذرانند بپیوندید!

در بیش از 40 ساعت، این دوره توسعه وب بسیار جامع و یکی از دقیق ترین دوره های موجود در Udemy است! حتی اگر تجربه برنامه نویسی صفر نداشته باشید، این دوره شما را از مبتدی به نینجا کد نویسی می برد. به این صورت است:

  • این دوره توسط یک متخصص برجسته توسعه وب تدریس می شود که با سازمان هایی مانند ناسا، موزیلا، NHS، بنیاد تحقیقات قطب شمال و بسیاری دیگر کار کرده است.

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

  • این دوره هیچ سنگيني را به جا نمي گذارد. هر درس بیش از حد بر روی یک موضوع متمرکز است و اکثر درس ها دارای نوعی "تکالیف" هستند. و هر ماژول دارای یک پروژه نهایی است که تجربه کدنویسی در دنیای واقعی را به شما می دهد.

  • برنامه درسی دوره بیش از 9 سال پس از آموزش صدها هزار دانش آموز و بیش از 50 دوره کدگذاری با آزمایش و بازخورد جامع دانش آموزان ایجاد شد.

  • این دوره از بیش از 25 دوره کوچکتر تشکیل شده است که هر ماژول دوره مستقل خود را دارد. آنچه را که می خواهید یاد بگیرید انتخاب کنید و انتخاب کنید یا از ابتدا شروع کنید!

  • ما به بیش از 400000 دانش‌آموز نحوه کدنویسی را آموزش داده‌ایم و هزاران دانش‌آموز را شخصاً و به صورت آنلاین راهنمایی کرده‌ایم. از طریق سال‌ها بازخورد، ما توانسته‌ایم راهبردهای آموزشی بی‌نقصی را ارتقا دهیم.

  • ما هر سنی را که می‌توان تصور کرد از 7 سالگی تا 82 سالگی را آموزش داده‌ایم (به طور جدی، نحوه کدنویسی را به مادربزرگ آموزش داده‌ایم!) با دانش‌آموزانی که در حال تبدیل شدن به توسعه‌دهندگان حرفه‌ای و دانش‌آموزانی هستند که استارت‌آپ‌های خود را راه‌اندازی کرده‌اند. .

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

  • این دوره دقیقاً مانند یک بوت کمپ حضوری است و احساس می‌کند که شما شخصاً راهنمایی می‌شوید. دلیلش این است که ما آن را طوری طراحی کردیم که چنین احساسی داشته باشد.

  • این دوره با محتوای جدید، با پروژه ها و ماژول های جدید به طور مداوم به روز می شود.

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

شما پر تقاضاترین زبان ها و ابزارهایی مانند React و Python را خواهید آموخت!

این دوره شامل بیش از 40 ساعت آموزش ویدیویی Ultra HD است و دانش شما را به عنوان یک توسعه دهنده وب در حین کار بر روی اجزای وب سایت کوچک ایجاد می کند و سپس با استفاده از تمام اجزای کوچک در یک وب سایت کاملاً کاربردی و زیبا، آن را به پایان می رساند.

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

  • راه اندازی یک ویرایشگر کد زیبا

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

  • HTML 5

  • CSS 3

  • بوت استرپ 5

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

  • دستکاری DOM

  • jQuery

  • React.js

  • خط فرمان Bash

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

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

  • پایتون

  • پیپ

  • پایگاه های داده (sqlite و postgres)

  • جانگو

  • CMS Wagtail

  • REST

  • APIها

  • تأیید هویت

  • و چگونه می توان به عنوان یک توسعه دهنده وب حرفه ای شغل پیدا کرد.

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

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

  • سخنرانی های ویدئویی

  • پروژه های کامل

  • آزمون‌ها

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

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

  • 11 کتاب الکترونیکی رایگان کدنویسی و ده ها منبع آموزشی اضافی

"کین و کالوب معلمان بسیار خوبی در توضیح جزئیات هستند، یک ماه و نیم از یادگیری این دوره می گذرد و چیزهای زیادی یاد گرفته ام، اگرچه من یک یادگیرنده بسیار کند هستم که هنوز انیمیشن CSS را انجام می دهم. دوره برای هر کسی که می‌خواهد وب‌سازی را از ابتدا یاد بگیرد خوب است. ویدیوها و دوره‌های آموزشی با جزئیات بسیار خوب ساختار یافته‌اند. کین بسیار تعاملی است و همیشه به سؤالات شما پاسخ می‌دهد. من این دوره را به شدت توصیه می‌کنم." - احمد میان

"او مفاهیم اساسی را به خوبی توضیح می دهد. نکته بسیار خوبی که او در مورد آن بحث می کند این است که بسیاری دیگر از Git، درک API ها و Python استفاده نمی کنند. در مجموع، او یک کار استثنایی انجام می دهد و توضیح می دهد که چه چیزی باید بدانید و کجا بعد از یادگیری اصول اولیه بروید." - کریستوفر اس نیکولز

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

"بسیار کامل! پس بگیر، ارزش پول، وقت و همه چیز را دارد! :) متشکرم کین! -سیندی لورنا سانچز سوا

"من دوره های دیگری را گذرانده ام، اما این اولین بار است که انگار در حال یادگیری هستم." - مارتین گروس

"در ابتدا در خرید این دوره شک داشتم زیرا هرگز فکر نمی کردم درک آن به این سادگی باشد. می خواهم از معلم دوره تشکر شخصی کنم که نحوه اجرای کارها را آسان تر کرده است. بی صبرانه منتظر یادگیری هستم. بیشتر!!" - روتیلو فرناندز

"من دوره های زیادی را در وب امتحان کرده ام و این یکی از اولین دوره هایی است که در آن افتادم، در واقع به من کمک کرد تا مفاهیم مختلف را بدون نیاز به بازگشت به عقب درک کنم. بسیار خوب طراحی و ارائه شده است." - Leander Gouws

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

"این دوره بسیار مفصل است. برای مبتدیان عالی است." - Khai Tran



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

پس منتظر چه چیزی هستید؟ روی دکمه خرید در حال حاضر کلیک کنید و به دوره توسعه ONE AND ONLY که هرگز نیاز دارید بپیوندید.


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

شروع کار در این بوت کمپ Getting started in this bootcamp

  • نحوه راه اندازی این بوت کمپ How this bootcamp is setup

  • سوالات متداول Commonly asked questions

  • گروه انحصاری فقط برای اعضای Bootcamp The Bootcamp members-only exclusive group

شروع کار در این بوت کمپ Getting started in this bootcamp

  • نحوه راه اندازی این بوت کمپ How this bootcamp is setup

  • سوالات متداول Commonly asked questions

  • گروه انحصاری فقط برای اعضای Bootcamp The Bootcamp members-only exclusive group

اصول توسعه وب Web Development Fundamentals

  • توسعه وب چیست؟ What is web development?

  • نحوه ورود به توسعه وب How to get into web development

  • برای ورود به توسعه وب چه چیزی لازم است؟ What does it take to get into web development?

  • ابزارهای توسعه وب Web development tools

  • نحوه ایجاد وب سایت ها How websites are created

  • برنامه نویسی Frontend در مقابل Backend Frontend vs. backend coding

  • توسعه وب Fullstack چیست؟ What is fullstack web development?

  • کار با تیم ها Working with teams

  • منبع باز چیست؟ What is open source?

  • چرخ را دوباره اختراع نکنید، از منبع باز استفاده کنید! Don't reinvent the wheel, leverage open source!

  • پروژه شما: شروع به کار با اولین خط کد Your Project: Getting started with your first line of code

اصول توسعه وب Web Development Fundamentals

  • توسعه وب چیست؟ What is web development?

  • نحوه ورود به توسعه وب How to get into web development

  • برای ورود به توسعه وب چه چیزی لازم است؟ What does it take to get into web development?

  • ابزارهای توسعه وب Web development tools

  • نحوه ایجاد وب سایت ها How websites are created

  • برنامه نویسی Frontend در مقابل Backend Frontend vs. backend coding

  • توسعه وب Fullstack چیست؟ What is fullstack web development?

  • کار با تیم ها Working with teams

  • منبع باز چیست؟ What is open source?

  • چرخ را دوباره اختراع نکنید، از منبع باز استفاده کنید! Don't reinvent the wheel, leverage open source!

  • پروژه شما: شروع به کار با اولین خط کد Your Project: Getting started with your first line of code

درک نحوه کار وب سایت ها، نگاهی اجمالی به چرخه عمر درخواست/پاسخ Understanding how websites work, a glimpse into the request/response lifecycle

  • کار مرورگر چیست؟ What is a browsers job?

  • مرورگر شما چه کار می کند؟ What does your browser do?

  • درخواست های وب چیست؟ What are web requests?

  • چرخه عمر درخواست The request lifecycle

  • پاسخ های سرور چیست؟ What are server responses?

  • تفسیر HTML، CSS و جاوا اسکریپت Interpreting HTML, CSS, and JavaScript

  • مشاهده درخواست ها و پاسخ های شما Viewing your requests and responses

  • پروژه شما Your project

درک نحوه کار وب سایت ها، نگاهی اجمالی به چرخه عمر درخواست/پاسخ Understanding how websites work, a glimpse into the request/response lifecycle

  • کار مرورگر چیست؟ What is a browsers job?

  • مرورگر شما چه کار می کند؟ What does your browser do?

  • درخواست های وب چیست؟ What are web requests?

  • چرخه عمر درخواست The request lifecycle

  • پاسخ های سرور چیست؟ What are server responses?

  • تفسیر HTML، CSS و جاوا اسکریپت Interpreting HTML, CSS, and JavaScript

  • مشاهده درخواست ها و پاسخ های شما Viewing your requests and responses

  • پروژه شما Your project

VS Code 101: یک ویرایشگر کد زیبا VS Code 101: A beautiful code editor

  • دانلود VS Code Downloading VS Code

  • پیدا کردن یک موضوع خوب Finding a nice theme

  • نمادهای تم زیبا Nice theme icons

  • پسوندهای عالی VS Code Awesome VS Code extensions

  • چگونه هر روز از VS Code استفاده می کنم How I use VS Code every day

  • حرکت در VS Code Moving around VS Code

  • میانبرها و کلیدهای میانبر Shortcuts and hotkeys

  • مدیریت فایل ها در ویرایشگر Managing files in your editor

  • دیدگاه های مختلف Different views

  • نحوه استفاده موثر از جستجو How to effectively use search

  • تایپ در چند مکان Typing in multiple places

  • پروژه شما Your project

VS Code 101: یک ویرایشگر کد زیبا VS Code 101: A beautiful code editor

  • دانلود VS Code Downloading VS Code

  • پیدا کردن یک موضوع خوب Finding a nice theme

  • نمادهای تم زیبا Nice theme icons

  • پسوندهای عالی VS Code Awesome VS Code extensions

  • چگونه هر روز از VS Code استفاده می کنم How I use VS Code every day

  • حرکت در VS Code Moving around VS Code

  • میانبرها و کلیدهای میانبر Shortcuts and hotkeys

  • مدیریت فایل ها در ویرایشگر Managing files in your editor

  • دیدگاه های مختلف Different views

  • نحوه استفاده موثر از جستجو How to effectively use search

  • تایپ در چند مکان Typing in multiple places

  • پروژه شما Your project

HTML 101: راهنمای مبتدیان برای کدنویسی HTML 101: A beginners guide to coding

  • HTML چیست؟ What is HTML?

  • در حال راه اندازی Getting setup

  • نحو HTML HTML syntax

  • ساختار پایه The base structure

  • عنوان صفحات Page titles

  • پاراگراف ها و سرفصل ها Paragraphs and headings

  • فضای خالی مهم نیست Whitespace doesn't matter

  • تودرتو عناصر HTML Nesting HTML elements

  • پررنگ، ایتالیک و زیرخط Bold, italics, and underlines

  • عنصر div The div element

  • عناصر بلوک در مقابل عناصر درون خطی Block elements vs. inline elements

  • لینک دادن به صفحات دیگر Linking to other pages

  • باز کردن لینک ها در پنجره های جدید Opening links in new windows

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

  • پیوند دادن یک تصویر به صفحه وب دیگر Linking an image to other web page

  • قوانین افقی و شکستگی خط Horizontal rules and line breaks

  • نظرات HTML HTML comments

  • لیست نقاط گلوله Bullet point lists

  • مقدمه ای بر CSS: تگ های CSS Introduction to CSS: CSS tags

  • مقدمه ای بر جاوا اسکریپت: تگ های اسکریپت Introduction to JavaScript: Script tags

  • به اشتراک گذاری کد با CodePen Sharing code with CodePen

  • یافتن پشتیبانی اضافی Finding extra support

  • آزمون HTML 101 HTML 101 Quiz

  • پروژه نهایی شما Your final project

HTML 101: راهنمای مبتدیان برای کدنویسی HTML 101: A beginners guide to coding

  • HTML چیست؟ What is HTML?

  • در حال راه اندازی Getting setup

  • نحو HTML HTML syntax

  • ساختار پایه The base structure

  • عنوان صفحات Page titles

  • پاراگراف ها و سرفصل ها Paragraphs and headings

  • فضای خالی مهم نیست Whitespace doesn't matter

  • تودرتو عناصر HTML Nesting HTML elements

  • پررنگ، ایتالیک و زیرخط Bold, italics, and underlines

  • عنصر div The div element

  • عناصر بلوک در مقابل عناصر درون خطی Block elements vs. inline elements

  • لینک دادن به صفحات دیگر Linking to other pages

  • باز کردن لینک ها در پنجره های جدید Opening links in new windows

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

  • پیوند دادن یک تصویر به صفحه وب دیگر Linking an image to other web page

  • قوانین افقی و شکستگی خط Horizontal rules and line breaks

  • نظرات HTML HTML comments

  • لیست نقاط گلوله Bullet point lists

  • مقدمه ای بر CSS: تگ های CSS Introduction to CSS: CSS tags

  • مقدمه ای بر جاوا اسکریپت: تگ های اسکریپت Introduction to JavaScript: Script tags

  • به اشتراک گذاری کد با CodePen Sharing code with CodePen

  • یافتن پشتیبانی اضافی Finding extra support

  • آزمون HTML 101 HTML 101 Quiz

  • پروژه نهایی شما Your final project

HTML 201: HTML سطح متوسط HTML 201: Intermediate level HTML

  • دیگر خط کشی نمی شود No more underlines

  • لینک های داخلی Internal links

  • فاویکون ها Favicons

  • مسیریابی Pathing

  • معرفی جداول Introduction to tables

  • ردیف ها و سلول های جدول Table rows and cells

  • ادغام سلول ها و ردیف های جدول Merging table cells and rows

  • عرض جدول و سلول Table and cell widths

  • سرفصل های جدول Table headers

  • CSS درون خطی Inline CSS

  • کلاس های HTML HTML classes

  • شناسه های HTML HTML ID's

  • قالب بندی کد Code formatting

  • موجودیت های HTML HTML entities

  • مقدمه ای بر فرم ها Introduction to forms

  • عناصر ورودی Input elements

  • Textareas Textareas

  • دکمه ها Buttons

  • منوهای کشویی Dropdown menus

  • جاسازی ویدیوها Embedding videos

  • آزمون HTML 201 HTML 201 Quiz

  • پروژه شما Your Project

  • منابع HTML5 و کتاب الکترونیکی HTML5 resources & e-book

HTML 201: HTML سطح متوسط HTML 201: Intermediate level HTML

  • دیگر خط کشی نمی شود No more underlines

  • لینک های داخلی Internal links

  • فاویکون ها Favicons

  • مسیریابی Pathing

  • معرفی جداول Introduction to tables

  • ردیف ها و سلول های جدول Table rows and cells

  • ادغام سلول ها و ردیف های جدول Merging table cells and rows

  • عرض جدول و سلول Table and cell widths

  • سرفصل های جدول Table headers

  • CSS درون خطی Inline CSS

  • کلاس های HTML HTML classes

  • شناسه های HTML HTML ID's

  • قالب بندی کد Code formatting

  • موجودیت های HTML HTML entities

  • مقدمه ای بر فرم ها Introduction to forms

  • عناصر ورودی Input elements

  • Textareas Textareas

  • دکمه ها Buttons

  • منوهای کشویی Dropdown menus

  • جاسازی ویدیوها Embedding videos

  • آزمون HTML 201 HTML 201 Quiz

  • پروژه شما Your Project

  • منابع HTML5 و کتاب الکترونیکی HTML5 resources & e-book

CSS 101: راهنمای مبتدیان برای وب سایت های زیبا CSS 101: A beginners guide to beautiful websites

  • CSS چیست؟ What is CSS?

  • CSS چگونه کار می کند؟ How does CSS work?

  • نمای کلی نحو CSS CSS syntax overview

  • نحوه نوشتن CSS درون خطی How to write inline CSS

  • نحوه نوشتن CSS داخلی How to write internal CSS

  • معرفی انتخابگرهای CSS CSS selectors introduction

  • انتخابگرهای عنصر نوشتن Writing element selectors

  • انتخابگرهای کلاس نوشتن Writing class selectors

  • انتخاب عناصر با شناسه آنها Selecting elements by their ID

  • انتخابگرهای CSS گروه بندی شده Grouped CSS selectors

  • انتخاب عناصر تو در تو با استفاده از CSS Selecting nested elements using CSS

  • چگونه کد خود را نظر دهید How to comment out your code

  • کار با رنگ های مختلف متن Working with different text colors

  • کار با انواع رنگ های مختلف Working with different color types

  • اعمال یک ظاهر طراحی به حالت های مختلف پیوند Applying styling to different link states

  • نحوه تغییر اندازه فونت How to change font sizes

  • نگاهی اجمالی به انواع مختلف اندازه گیری A glimpse into different measurement types

  • نحوه تغییر رنگ پس زمینه How to change your background colors

  • چگونه تصاویر را به پس زمینه خود اضافه کنید How to add images to your backgrounds

  • مفیدترین ابزاری که می توانید استفاده کنید: ابزارهای توسعه دهنده The most useful tool you can use: the developer tools

  • تغییر چینش متن: چپ، مرکز یا راست Changing your text alignment: left, center or right

  • افزودن مرزها به عناصر شما Adding borders to your elements

  • نحوه اضافه کردن یک حاشیه گرد How to add a rounded border

  • حیاتی: انواع مختلف نمایشگر Vital: Different display types

  • تغییر عرض پیش فرض یک عنصر Changing the default width of an element

  • نحوه تغییر ارتفاع پیش فرض یک عنصر How to change the default height of an element

  • افزودن سایه های جعبه برای یک عنصر چشم نواز Adding box shadows for an eye-popping element

  • بالشتک: فاصله عناصر داخلی Padding: the internal element spacing

  • حاشیه: فاصله عناصر خارجی Margin: the external element spacing

  • نحوه تنظیم حداکثر عرض روی یک عنصر How to set a maximum width on an element

  • چگونه عناصر را شفاف کنیم How to make elements see-through

  • انتقال کد خود به یک فایل خارجی Moving your code to an external file

  • چگونه عناصر خود را مانند یک مقاله روزنامه شناور کنیم How to float your elements like a newspaper article

  • امتحان CSS 101 CSS 101 Quiz

  • یادداشتی در مورد این پروژه A note about this project

  • پروژه نهایی شما Your final project

CSS 101: راهنمای مبتدیان برای وب سایت های زیبا CSS 101: A beginners guide to beautiful websites

  • CSS چیست؟ What is CSS?

  • CSS چگونه کار می کند؟ How does CSS work?

  • نمای کلی نحو CSS CSS syntax overview

  • نحوه نوشتن CSS درون خطی How to write inline CSS

  • نحوه نوشتن CSS داخلی How to write internal CSS

  • معرفی انتخابگرهای CSS CSS selectors introduction

  • انتخابگرهای عنصر نوشتن Writing element selectors

  • انتخابگرهای کلاس نوشتن Writing class selectors

  • انتخاب عناصر با شناسه آنها Selecting elements by their ID

  • انتخابگرهای CSS گروه بندی شده Grouped CSS selectors

  • انتخاب عناصر تو در تو با استفاده از CSS Selecting nested elements using CSS

  • چگونه کد خود را نظر دهید How to comment out your code

  • کار با رنگ های مختلف متن Working with different text colors

  • کار با انواع رنگ های مختلف Working with different color types

  • اعمال یک ظاهر طراحی به حالت های مختلف پیوند Applying styling to different link states

  • نحوه تغییر اندازه فونت How to change font sizes

  • نگاهی اجمالی به انواع مختلف اندازه گیری A glimpse into different measurement types

  • نحوه تغییر رنگ پس زمینه How to change your background colors

  • چگونه تصاویر را به پس زمینه خود اضافه کنید How to add images to your backgrounds

  • مفیدترین ابزاری که می توانید استفاده کنید: ابزارهای توسعه دهنده The most useful tool you can use: the developer tools

  • تغییر چینش متن: چپ، مرکز یا راست Changing your text alignment: left, center or right

  • افزودن مرزها به عناصر شما Adding borders to your elements

  • نحوه اضافه کردن یک حاشیه گرد How to add a rounded border

  • حیاتی: انواع مختلف نمایشگر Vital: Different display types

  • تغییر عرض پیش فرض یک عنصر Changing the default width of an element

  • نحوه تغییر ارتفاع پیش فرض یک عنصر How to change the default height of an element

  • افزودن سایه های جعبه برای یک عنصر چشم نواز Adding box shadows for an eye-popping element

  • بالشتک: فاصله عناصر داخلی Padding: the internal element spacing

  • حاشیه: فاصله عناصر خارجی Margin: the external element spacing

  • نحوه تنظیم حداکثر عرض روی یک عنصر How to set a maximum width on an element

  • چگونه عناصر را شفاف کنیم How to make elements see-through

  • انتقال کد خود به یک فایل خارجی Moving your code to an external file

  • چگونه عناصر خود را مانند یک مقاله روزنامه شناور کنیم How to float your elements like a newspaper article

  • امتحان CSS 101 CSS 101 Quiz

  • یادداشتی در مورد این پروژه A note about this project

  • پروژه نهایی شما Your final project

CSS 201: CSS سطح متوسط CSS 201: Intermediate level CSS

  • ویژگی نمایش The display property

  • مهم: مدل جعبه IMPORTANT: The box model

  • خطوط کلی: مرزهای اطراف مرزها Outlines: Borders around borders

  • نحوه اضافه کردن سایه به متن How to add shadows to text

  • تحمیل حداقل عرض بر روی یک عنصر Forcing a minimum width on an element

  • آشنایی با موقعیت های CSS Introduction to CSS positions

  • موقعیت یابی نسبی Relative positioning

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

  • موقعیت ثابت (مانند هدر) Fixed positioning (like headers)

  • موقعیت چسبنده (مانند هدرهای مدرن) Sticky positioning (like modern headers)

  • کنترل متن سرریز Controlling overflowing text

  • مرکز کردن عناصر بلوک در وسط صفحه Centering block elements in the middle of the page

  • انتخابگرهای پیشرفته CSS Advanced CSS selectors

  • معرفی شبه انتخابگرها Introduction to pseudo selectors

  • انتخابگرهای شبه: شروع به کار Pseudo selectors: getting started

  • مقدمه ای بر شبه عناصر Introduction to pseudo elements

  • عناصر شبه قبل و بعد The before and after pseudo elements

  • تغییر حرف اول و خط اول با استفاده از عناصر شبه Changing the first letter and first line using pseudo elements

  • برجسته کردن متن با انتخاب Highlighting text with selection

  • نحوه اضافه کردن انتقال های صاف How to add smooth transitions

  • نحوه اضافه کردن پس زمینه گرادیان How to add gradient backgrounds

  • نحوه لایه بندی پس زمینه ها و گرادیان ها با هم How to layer backgrounds and gradients together

  • نحوه استفاده از فونت های وب سفارشی How to use custom web fonts

  • تحولات چیست؟ What are transformations?

  • نحوه ساخت انیمیشن با استفاده از CSS How to make animations using CSS

  • Flexbox: نوع جدیدی از صفحه آرایی Flexbox: the new kind of page layout

  • Grid: سرزمین موعود صفحه آرایی Grid: the promised land of page layouts

  • امتحان CSS 201 CSS 201 Quiz

  • پروژه نهایی شما Your final project

CSS 201: CSS سطح متوسط CSS 201: Intermediate level CSS

  • ویژگی نمایش The display property

  • مهم: مدل جعبه IMPORTANT: The box model

  • خطوط کلی: مرزهای اطراف مرزها Outlines: Borders around borders

  • نحوه اضافه کردن سایه به متن How to add shadows to text

  • تحمیل حداقل عرض بر روی یک عنصر Forcing a minimum width on an element

  • آشنایی با موقعیت های CSS Introduction to CSS positions

  • موقعیت یابی نسبی Relative positioning

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

  • موقعیت ثابت (مانند هدر) Fixed positioning (like headers)

  • موقعیت چسبنده (مانند هدرهای مدرن) Sticky positioning (like modern headers)

  • کنترل متن سرریز Controlling overflowing text

  • مرکز کردن عناصر بلوک در وسط صفحه Centering block elements in the middle of the page

  • انتخابگرهای پیشرفته CSS Advanced CSS selectors

  • معرفی شبه انتخابگرها Introduction to pseudo selectors

  • انتخابگرهای شبه: شروع به کار Pseudo selectors: getting started

  • مقدمه ای بر شبه عناصر Introduction to pseudo elements

  • عناصر شبه قبل و بعد The before and after pseudo elements

  • تغییر حرف اول و خط اول با استفاده از عناصر شبه Changing the first letter and first line using pseudo elements

  • برجسته کردن متن با انتخاب Highlighting text with selection

  • نحوه اضافه کردن انتقال های صاف How to add smooth transitions

  • نحوه اضافه کردن پس زمینه گرادیان How to add gradient backgrounds

  • نحوه لایه بندی پس زمینه ها و گرادیان ها با هم How to layer backgrounds and gradients together

  • نحوه استفاده از فونت های وب سفارشی How to use custom web fonts

  • تحولات چیست؟ What are transformations?

  • نحوه ساخت انیمیشن با استفاده از CSS How to make animations using CSS

  • Flexbox: نوع جدیدی از صفحه آرایی Flexbox: the new kind of page layout

  • Grid: سرزمین موعود صفحه آرایی Grid: the promised land of page layouts

  • امتحان CSS 201 CSS 201 Quiz

  • پروژه نهایی شما Your final project

CSS 301: طراحی وب سایت واکنش گرا CSS 301: Responsive web design

  • عنصر متا viewport The viewport meta element

  • نحو پرس و جو رسانه Media query syntax

  • mobile-first چیست؟ What is mobile-first?

  • تصاویر واکنش گرا Responsive images

  • تعبیه‌های پاسخگو Responsive embeds

  • پرس و جوهای چند رسانه ای Multiple media queries

  • ساخت یک چیدمان واکنشگرا Making a responsive layout

  • امتحان CSS 301 CSS 301 Quiz

  • پروژه شما Your project

  • منابع CSS و کتاب الکترونیکی CSS resources & e-book

CSS 301: طراحی وب سایت واکنش گرا CSS 301: Responsive web design

  • عنصر متا viewport The viewport meta element

  • نحو پرس و جو رسانه Media query syntax

  • mobile-first چیست؟ What is mobile-first?

  • تصاویر واکنش گرا Responsive images

  • تعبیه‌های پاسخگو Responsive embeds

  • پرس و جوهای چند رسانه ای Multiple media queries

  • ساخت یک چیدمان واکنشگرا Making a responsive layout

  • امتحان CSS 301 CSS 301 Quiz

  • پروژه شما Your project

  • منابع CSS و کتاب الکترونیکی CSS resources & e-book

جاوا اسکریپت 101: راهنمای مبتدیان برای برنامه نویسی جاوا اسکریپت JavaScript 101: A beginners guide to JavaScript programming

  • با خط اول جاوا اسکریپت دست های خود را کثیف کنید Getting your hands dirty with your first line of JavaScript

  • جاوا اسکریپت چیست؟ What is JavaScript?

  • شما به یک ویرایشگر متن نیاز دارید You need a text editor

  • زمین های بازی کدگذاری شخصی شما Your personal coding playgrounds

  • نحو جاوا اسکریپت JavaScript syntax

  • ورود به سیستم کنسول Console logging

  • اشکال زدایی فایل های خارجی Debugging external files

  • ذخیره سازی داده ها در متغیرها Storing data in variables

  • انواع متغیر Let و Const Let and Const variable types

  • رمزگذاری نظرات Coding comments

  • عملگرهای جاوا اسکریپت JavaScript operators

  • ساختارهای داده Data structures

  • اظهارات مشروط Conditional statements

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

  • انتخاب عناصر با شناسه آنها Selecting elements by their IDs

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

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

  • ابهام زدایی از انواع داده ها Demystifying data types

  • ارسال انواع داده Casting data types

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

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

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

  • تکرار آرایه Array iteration

  • انتخاب چندین گره DOM Selecting multiple DOM nodes

  • توابع: اصل DRY Functions: The DRY principle

  • توابع: استفاده مجدد از کد Functions: Re-using code

  • توابع: اپراتور بقیه Functions: The rest operator

  • اشیاء با توابع Objects with functions

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

  • پروژه نهایی Final project

جاوا اسکریپت 101: راهنمای مبتدیان برای برنامه نویسی جاوا اسکریپت JavaScript 101: A beginners guide to JavaScript programming

  • با خط اول جاوا اسکریپت دست های خود را کثیف کنید Getting your hands dirty with your first line of JavaScript

  • جاوا اسکریپت چیست؟ What is JavaScript?

  • شما به یک ویرایشگر متن نیاز دارید You need a text editor

  • زمین های بازی کدگذاری شخصی شما Your personal coding playgrounds

  • نحو جاوا اسکریپت JavaScript syntax

  • ورود به سیستم کنسول Console logging

  • اشکال زدایی فایل های خارجی Debugging external files

  • ذخیره سازی داده ها در متغیرها Storing data in variables

  • انواع متغیر Let و Const Let and Const variable types

  • رمزگذاری نظرات Coding comments

  • عملگرهای جاوا اسکریپت JavaScript operators

  • ساختارهای داده Data structures

  • اظهارات مشروط Conditional statements

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

  • انتخاب عناصر با شناسه آنها Selecting elements by their IDs

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

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

  • ابهام زدایی از انواع داده ها Demystifying data types

  • ارسال انواع داده Casting data types

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

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

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

  • تکرار آرایه Array iteration

  • انتخاب چندین گره DOM Selecting multiple DOM nodes

  • توابع: اصل DRY Functions: The DRY principle

  • توابع: استفاده مجدد از کد Functions: Re-using code

  • توابع: اپراتور بقیه Functions: The rest operator

  • اشیاء با توابع Objects with functions

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

  • پروژه نهایی Final project

جاوا اسکریپت 201: جاوا اسکریپت سطح متوسط JavaScript 201: Intermediate level JavaScript

  • چگونه به خوبی به کد خود استایل بدهید How to nicely style your code

  • در حال انتظار برای بارگیری صفحه Waiting for the page to load

  • وقتی صفحه رفرش می شود When the page is refreshed

  • مقایسه های دقیق Strict comparisons

  • محدوده متغیر جاوا اسکریپت JavaScript variable scoping

  • بالا بردن متغیر جاوا اسکریپت JavaScript variable hoisting

  • بسته شدن جاوا اسکریپت چیست؟ What are JavaScript closures?

  • توابع پاسخ به تماس: کدی که بعد از کد شما اجرا می شود Callback functions: code that runs after your code

  • حالت سخت: مزایای نوشتن جاوا اسکریپت سختگیرانه Strict mode: benefits to writing strict JavaScript

  • رویدادهای زمان بندی شده با فاصله زمانی و فواصل زمانی Timed events with timeouts and intervals

  • در حالی که حلقه ها While loops

  • قالب بندی تاریخ در جاوا اسکریپت Date formatting in JavaScript

  • تخریب آرایه ها و اشیا Destructuring arrays and objects

  • حذف خصوصیات شی Deleting object properties

  • ریاضی جاوا اسکریپت مناسب Proper JavaScript math

  • تولید اعداد تصادفی در جاوا اسکریپت Generating random numbers in JavaScript

  • بازی بساز! بازی حدس زدن اعداد تصادفی Make a game! A random number guessing game

  • به خوبی خطاها را با تلاش/گرفتن/در نهایت مدیریت کنید Gracefully handling errors with try/catch/finally

  • بیایید در مورد کلمه کلیدی «این» و همه جادوی آن صحبت کنیم Let's talk about the `this` keyword and all it's magic

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

  • کلاس های جاوا اسکریپت (اشیاء کلاس) JavaScript classes (class objects)

  • روش سازنده کلاس جاوا اسکریپت JavaScript class constructor method

  • JSON چیست؟ What is JSON?

  • آژاکس چیست؟ What is Ajax?

  • واکشی API The fetch API

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

  • پروژه شما Your project

  • منابع جاوا اسکریپت و کتاب های الکترونیکی JavaScript resources & e-books

جاوا اسکریپت 201: جاوا اسکریپت سطح متوسط JavaScript 201: Intermediate level JavaScript

  • چگونه به خوبی به کد خود استایل بدهید How to nicely style your code

  • در حال انتظار برای بارگیری صفحه Waiting for the page to load

  • وقتی صفحه رفرش می شود When the page is refreshed

  • مقایسه های دقیق Strict comparisons

  • محدوده متغیر جاوا اسکریپت JavaScript variable scoping

  • بالا بردن متغیر جاوا اسکریپت JavaScript variable hoisting

  • بسته شدن جاوا اسکریپت چیست؟ What are JavaScript closures?

  • توابع پاسخ به تماس: کدی که بعد از کد شما اجرا می شود Callback functions: code that runs after your code

  • حالت سخت: مزایای نوشتن جاوا اسکریپت سختگیرانه Strict mode: benefits to writing strict JavaScript

  • رویدادهای زمان بندی شده با فاصله زمانی و فواصل زمانی Timed events with timeouts and intervals

  • در حالی که حلقه ها While loops

  • قالب بندی تاریخ در جاوا اسکریپت Date formatting in JavaScript

  • تخریب آرایه ها و اشیا Destructuring arrays and objects

  • حذف خصوصیات شی Deleting object properties

  • ریاضی جاوا اسکریپت مناسب Proper JavaScript math

  • تولید اعداد تصادفی در جاوا اسکریپت Generating random numbers in JavaScript

  • بازی بساز! بازی حدس زدن اعداد تصادفی Make a game! A random number guessing game

  • به خوبی خطاها را با تلاش/گرفتن/در نهایت مدیریت کنید Gracefully handling errors with try/catch/finally

  • بیایید در مورد کلمه کلیدی «این» و همه جادوی آن صحبت کنیم Let's talk about the `this` keyword and all it's magic

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

  • کلاس های جاوا اسکریپت (اشیاء کلاس) JavaScript classes (class objects)

  • روش سازنده کلاس جاوا اسکریپت JavaScript class constructor method

  • JSON چیست؟ What is JSON?

  • آژاکس چیست؟ What is Ajax?

  • واکشی API The fetch API

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

  • پروژه شما Your project

  • منابع جاوا اسکریپت و کتاب های الکترونیکی JavaScript resources & e-books

Bootstrap 101: Bootstrap 5 برای مبتدیان و یادگیری نحوه خواندن اسناد Bootstrap 101: Bootstrap 5 for beginners and learning how to read documentation

  • شروع و نصب بوت استرپ 5 Getting started and installing Bootstrap 5

  • مقدمه ای بر آب و برق Introduction to utilities

  • مرزهای بوت استرپ Bootstrap borders

  • طرح های رنگی Color schemes

  • کلاس های مختلف نمایش Different display classes

  • ابزارهای فلکس باکس Flexbox utilities

  • عناصر شناور Floating elements

  • روی تعامل کلیک کنید Click interactions

  • متن سرریز Overflowing text

  • ابزارهای موقعیت Position utilities

  • افزودن سایه ها Adding shadows

  • ابزارهای حاشیه و بالشتک Margin and padding utilities

  • مدیریت تبدیل متن Managing text transformations

  • چیدمان عمودی Vertical alignment

  • قابلیت مشاهده در بوت استرپ 5 Visibility in Bootstrap 5

  • بوت استرپ 5 نقطه شکست پیش فرض Bootstrap 5 default breakpoints

  • متن بوت استرپ Bootstrap text

  • ظروف Containers

  • سیستم شبکه بوت استرپ 5 Bootstrap 5's grid system

  • ناودان توری Grid gutters

  • کامپوننت های سرگرم کننده بوت استرپ 5 Fun Bootstrap 5 components

  • آزمون بوت استرپ 101 Bootstrap 101 Quiz

  • پروژه شما Your project

Bootstrap 101: Bootstrap 5 برای مبتدیان و یادگیری نحوه خواندن اسناد Bootstrap 101: Bootstrap 5 for beginners and learning how to read documentation

  • شروع و نصب بوت استرپ 5 Getting started and installing Bootstrap 5

  • مقدمه ای بر آب و برق Introduction to utilities

  • مرزهای بوت استرپ Bootstrap borders

  • طرح های رنگی Color schemes

  • کلاس های مختلف نمایش Different display classes

  • ابزارهای فلکس باکس Flexbox utilities

  • عناصر شناور Floating elements

  • روی تعامل کلیک کنید Click interactions

  • متن سرریز Overflowing text

  • ابزارهای موقعیت Position utilities

  • افزودن سایه ها Adding shadows

  • ابزارهای حاشیه و بالشتک Margin and padding utilities

  • مدیریت تبدیل متن Managing text transformations

  • چیدمان عمودی Vertical alignment

  • قابلیت مشاهده در بوت استرپ 5 Visibility in Bootstrap 5

  • بوت استرپ 5 نقطه شکست پیش فرض Bootstrap 5 default breakpoints

  • متن بوت استرپ Bootstrap text

  • ظروف Containers

  • سیستم شبکه بوت استرپ 5 Bootstrap 5's grid system

  • ناودان توری Grid gutters

  • کامپوننت های سرگرم کننده بوت استرپ 5 Fun Bootstrap 5 components

  • آزمون بوت استرپ 101 Bootstrap 101 Quiz

  • پروژه شما Your project

jQuery 101: jQuery برای مبتدیان jQuery 101: jQuery for beginners

  • جی کوئری چیست و چرا آن را یاد بگیریم؟ What is jQuery and why learn it?

  • نصب jQuery در وب سایت شما Installing jQuery on your website

  • نحو jQuery jQuery syntax

  • انتخابگرهای جی کوئری jQuery selectors

  • تغییر HTML با جی کوئری Changing HTML with jQuery

  • تغییر متن با جی کوئری Changing text with jQuery

  • نحوه بدست آوردن مقادیر فرم How to get form values

  • نحوه اضافه کردن یا اضافه کردن عناصر HTML How to append or prepend HTML elements

  • نحوه اضافه کردن HTML قبل یا بعد از یک عنصر How to add HTML before or after an element

  • حذف عناصر از DOM Deleting elements from the DOM

  • حذف عناصر کودک Deleting child elements

  • روی شنوندگان رویداد کلیک کنید Click event listeners

  • شنوندگان رویداد را شناور کنید Hover event listeners

  • شنوندگان رویداد Keyup Keyup event listeners

  • شنوندگان رویداد را متمرکز کنید Focus event listeners

  • شنوندگان رویداد را محو کنید Blur event listeners

  • شنوندگان رویداد ارسال فرم Form submission event listeners

  • چگونه عناصر را پنهان کنیم How to hide elements

  • نحوه نمایش عناصر How to show elements

  • نحوه اضافه کردن کلاس های CSS How to add CSS classes

  • نحوه حذف کلاس های CSS How to remove CSS classes

  • چگونه کلاس های CSS را تغییر دهیم How to toggle CSS classes

  • افزودن CSS سفارشی به عناصر Adding custom CSS to elements

  • محو شدن و محو شدن Fading in and fading out

  • تغییر حالت محو و نمایش Toggling fades and displays

  • به سمت بالا بلغزانید و به پایین بروید Slide up and slide down

  • توابع پاسخ به تماس Callback functions

  • ساخت انیمیشن با جی کوئری Making animations with jQuery

  • ابعاد عرض Width dimensions

  • تغییر اندازه پنجره Resizing the window

  • حلقه زدن عناصر با jQuery Looping through elements with jQuery

  • نحوه تغییر ویژگی های عنصر How to change element attributes

  • درخواست های Ajax GET Ajax GET requests

  • درخواست های Ajax POST Ajax POST requests

  • جی کوئری 101: آزمون jQuery 101: Quiz

  • پروژه شما Your project

  • منابع جی کوئری و کتاب الکترونیکی jQuery resources & e-book

jQuery 101: jQuery برای مبتدیان jQuery 101: jQuery for beginners

  • جی کوئری چیست و چرا آن را یاد بگیریم؟ What is jQuery and why learn it?

  • نصب jQuery در وب سایت شما Installing jQuery on your website

  • نحو jQuery jQuery syntax

  • انتخابگرهای جی کوئری jQuery selectors

  • تغییر HTML با جی کوئری Changing HTML with jQuery

  • تغییر متن با جی کوئری Changing text with jQuery

  • نحوه بدست آوردن مقادیر فرم How to get form values

  • نحوه اضافه کردن یا اضافه کردن عناصر HTML How to append or prepend HTML elements

  • نحوه اضافه کردن HTML قبل یا بعد از یک عنصر How to add HTML before or after an element

  • حذف عناصر از DOM Deleting elements from the DOM

  • حذف عناصر کودک Deleting child elements

  • روی شنوندگان رویداد کلیک کنید Click event listeners

  • شنوندگان رویداد را شناور کنید Hover event listeners

  • شنوندگان رویداد Keyup Keyup event listeners

  • شنوندگان رویداد را متمرکز کنید Focus event listeners

  • شنوندگان رویداد را محو کنید Blur event listeners

  • شنوندگان رویداد ارسال فرم Form submission event listeners

  • چگونه عناصر را پنهان کنیم How to hide elements

  • نحوه نمایش عناصر How to show elements

  • نحوه اضافه کردن کلاس های CSS How to add CSS classes

  • نحوه حذف کلاس های CSS How to remove CSS classes

  • چگونه کلاس های CSS را تغییر دهیم How to toggle CSS classes

  • افزودن CSS سفارشی به عناصر Adding custom CSS to elements

  • محو شدن و محو شدن Fading in and fading out

  • تغییر حالت محو و نمایش Toggling fades and displays

  • به سمت بالا بلغزانید و به پایین بروید Slide up and slide down

  • توابع پاسخ به تماس Callback functions

  • ساخت انیمیشن با جی کوئری Making animations with jQuery

  • ابعاد عرض Width dimensions

  • تغییر اندازه پنجره Resizing the window

  • حلقه زدن عناصر با jQuery Looping through elements with jQuery

  • نحوه تغییر ویژگی های عنصر How to change element attributes

  • درخواست های Ajax GET Ajax GET requests

  • درخواست های Ajax POST Ajax POST requests

  • جی کوئری 101: آزمون jQuery 101: Quiz

  • پروژه شما Your project

  • منابع جی کوئری و کتاب الکترونیکی jQuery resources & e-book

React.js 101: React.js برای مبتدیان React.js 101: React.js for beginners

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

  • نصب Node.js و npm Installing Node.js and npm

  • شروع یک پروژه جدید Starting a new project

  • نحو واکنش نشان می دهد React syntax

  • واردات قطعات Importing components

  • نحو JSX JSX syntax

  • اولین مؤلفه React.js شما Your first React.js component

  • کار با ابزار React.js Working with React.js props

  • رویدادهای کلیک React.js React.js click events

  • اضافه کردن حالت به اجزای خود Adding state to your components

  • جزء جنگ ستارگان Star Wars Component

  • کدگذاری شبه Pseudo coding

  • یک رویداد کلیکی جدید React.js A new React.js click event

  • حالت ذخیره در مؤلفه جدید شما Storing state on your new component

  • دستورات React.js IF React.js IF statements

  • اولین درخواست API مبتنی بر React شما Your first React-based API request

  • تصادفی کردن شخصیت های خود Randomizing your characters

  • ایجاد لینک از متن Creating links from text

  • نحوه حلقه زدن در React.js (نقشه برداری) How to loop in React.js (mapping)

  • React 101: Quiz React 101: Quiz

  • پروژه شما Your project

  • منابع React.js و کتاب الکترونیکی React.js resources and e-book

React.js 101: React.js برای مبتدیان React.js 101: React.js for beginners

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

  • نصب Node.js و npm Installing Node.js and npm

  • شروع یک پروژه جدید Starting a new project

  • نحو واکنش نشان می دهد React syntax

  • واردات قطعات Importing components

  • نحو JSX JSX syntax

  • اولین مؤلفه React.js شما Your first React.js component

  • کار با ابزار React.js Working with React.js props

  • رویدادهای کلیک React.js React.js click events

  • اضافه کردن حالت به اجزای خود Adding state to your components

  • جزء جنگ ستارگان Star Wars Component

  • کدگذاری شبه Pseudo coding

  • یک رویداد کلیکی جدید React.js A new React.js click event

  • حالت ذخیره در مؤلفه جدید شما Storing state on your new component

  • دستورات React.js IF React.js IF statements

  • اولین درخواست API مبتنی بر React شما Your first React-based API request

  • تصادفی کردن شخصیت های خود Randomizing your characters

  • ایجاد لینک از متن Creating links from text

  • نحوه حلقه زدن در React.js (نقشه برداری) How to loop in React.js (mapping)

  • React 101: Quiz React 101: Quiz

  • پروژه شما Your project

  • منابع React.js و کتاب الکترونیکی React.js resources and e-book

React 201: سطح متوسط ​​با استفاده از اجزای عملکردی واکنش نشان دهید React 201: Intermediate level React using functional components

  • شروع به کار و دانلود کد منبع Getting started and downloading the source code

  • ایجاد یک برنامه جدید React Creating a new React app

  • پاکسازی کد اولیه Initial code cleanup

  • نصب بوت استرپ 5 با React.js Installing Bootstrap 5 with React.js

  • افزودن مولفه Navbar Adding a Navbar component

  • افزودن کامپوننت Home Adding a Home component

  • افزودن کامپوننت درباره Adding an About component

  • نصب روتر React Installing a React router

  • با استفاده از جزء Browser Router Using the Browser Router component

  • پیوندهای مبتنی بر واکنش React based links

  • جزء قهرمان The Hero component

  • لوازم کامپوننت Component props

  • افزودن محتوای عمومی Adding generic content

  • افزودن یک جزء جستجو Adding a search component

  • جستجوی قطعات Search component props

  • رویدادهای کلیدی صحافی Binding keyup events

  • دریافت کلیدهای API Getting API keys

  • به درخواست های API واکنش نشان دهید React API requests

  • واکنش به تاریخچه مرورگر React browser history

  • نقشه برداری نتایج جستجو Mapping search results

  • نتایج جستجوی Bootstrap 5 Bootstrap 5 search results

  • جزء جزئیات فیلم Movie detail component

  • وضعیت بارگیری Loading state

  • API جزء فیلم Movie component API

  • افزودن یک تصویر پس زمینه با استفاده از CSS در React.js Adding a backdrop image using CSS in React.js

  • پروژه شما Your project

React 201: سطح متوسط ​​با استفاده از اجزای عملکردی واکنش نشان دهید React 201: Intermediate level React using functional components

  • شروع به کار و دانلود کد منبع Getting started and downloading the source code

  • ایجاد یک برنامه جدید React Creating a new React app

  • پاکسازی کد اولیه Initial code cleanup

  • نصب بوت استرپ 5 با React.js Installing Bootstrap 5 with React.js

  • افزودن مولفه Navbar Adding a Navbar component

  • افزودن کامپوننت Home Adding a Home component

  • افزودن کامپوننت درباره Adding an About component

  • نصب روتر React Installing a React router

  • با استفاده از جزء Browser Router Using the Browser Router component

  • پیوندهای مبتنی بر واکنش React based links

  • جزء قهرمان The Hero component

  • لوازم کامپوننت Component props

  • افزودن محتوای عمومی Adding generic content

  • افزودن یک جزء جستجو Adding a search component

  • جستجوی قطعات Search component props

  • رویدادهای کلیدی صحافی Binding keyup events

  • دریافت کلیدهای API Getting API keys

  • به درخواست های API واکنش نشان دهید React API requests

  • واکنش به تاریخچه مرورگر React browser history

  • نقشه برداری نتایج جستجو Mapping search results

  • نتایج جستجوی Bootstrap 5 Bootstrap 5 search results

  • جزء جزئیات فیلم Movie detail component

  • وضعیت بارگیری Loading state

  • API جزء فیلم Movie component API

  • افزودن یک تصویر پس زمینه با استفاده از CSS در React.js Adding a backdrop image using CSS in React.js

  • پروژه شما Your project

APIs 101: آشنایی با API ها و RESTful API APIs 101: Understanding APIs and RESTful APIs

  • API چیست؟ What is an API?

  • استعاره ای که از آن استفاده خواهیم کرد The methaphor we'll be using

  • API ها در زندگی واقعی APIs in real life

  • از چه زبان های برنامه نویسی می توانیم استفاده کنیم؟ What programming languages can we use?

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

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

  • مثال زندگی واقعی با جاوا اسکریپت Real life example with JavaScript

  • دریافت درخواست ها GET requests

  • درخواست های POST POST requests

  • درخواست ها را حذف کنید DELETE requests

  • درخواست های PUT & PATCH PUT & PATCH requests

  • مصرف API ها Consuming APIs

  • درخواست ها و پاسخ ها Requests and responses

  • کدهای وضعیت رایج HTTP Common HTTP status codes

  • امنیت API API security

  • منابع API API resources

APIs 101: آشنایی با API ها و RESTful API APIs 101: Understanding APIs and RESTful APIs

  • API چیست؟ What is an API?

  • استعاره ای که از آن استفاده خواهیم کرد The methaphor we'll be using

  • API ها در زندگی واقعی APIs in real life

  • از چه زبان های برنامه نویسی می توانیم استفاده کنیم؟ What programming languages can we use?

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

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

  • مثال زندگی واقعی با جاوا اسکریپت Real life example with JavaScript

  • دریافت درخواست ها GET requests

  • درخواست های POST POST requests

  • درخواست ها را حذف کنید DELETE requests

  • درخواست های PUT & PATCH PUT & PATCH requests

  • مصرف API ها Consuming APIs

  • درخواست ها و پاسخ ها Requests and responses

  • کدهای وضعیت رایج HTTP Common HTTP status codes

  • امنیت API API security

  • منابع API API resources

خط فرمان 101: خط فرمان برای مبتدیان Command Line 101: Command line for beginners

  • نکته ای برای کاربران WINDOWs (لطفاً اگر از ویندوز استفاده می کنید بخوانید!) A note for WINDOWs users (please read if you use Windows!)

  • دسترسی به خط فرمان Accessing the command line

  • اولین دستور شما Your first command

  • چاپ مکان فعلی شما Printing your current location

  • باز کردن دایرکتوری ها از ترمینال شما Opening directories from your terminal

  • نحوه نمایش فایل ها و دایرکتوری ها How to display files and directories

  • نحوه تغییر دایرکتوری ها How to change directories

  • جستجوی فایل ها در یک فهرست Searching for files in a directory

  • تغییر نام فایل ها Renaming files

  • کپی کردن فایل ها Copying files

  • ایجاد دایرکتوری های جدید Creating new directories

  • ایجاد فایل های خالی جدید Creating new empty files

  • ویرایش فایل ها در خط فرمان Editing files in the command line

  • نمایش داخلی یک فایل بدون ویرایش آن Displaying internals of a file without editing it

  • نحوه حذف یک فایل How to remove a file

  • نحوه حذف دایرکتوری How to remove a directory

  • اجرای آخرین دستوری که نوشتید Executing the last command you just wrote

  • برگه تقلب Cheat sheet

  • پروژه شما Your project

  • منابع خط فرمان و کتاب الکترونیکی bash Command Line resources & bash e-book

خط فرمان 101: خط فرمان برای مبتدیان Command Line 101: Command line for beginners

  • نکته ای برای کاربران WINDOWs (لطفاً اگر از ویندوز استفاده می کنید بخوانید!) A note for WINDOWs users (please read if you use Windows!)

  • دسترسی به خط فرمان Accessing the command line

  • اولین دستور شما Your first command

  • چاپ مکان فعلی شما Printing your current location

  • باز کردن دایرکتوری ها از ترمینال شما Opening directories from your terminal

  • نحوه نمایش فایل ها و دایرکتوری ها How to display files and directories

  • نحوه تغییر دایرکتوری ها How to change directories

  • جستجوی فایل ها در یک فهرست Searching for files in a directory

  • تغییر نام فایل ها Renaming files

  • کپی کردن فایل ها Copying files

  • ایجاد دایرکتوری های جدید Creating new directories

  • ایجاد فایل های خالی جدید Creating new empty files

  • ویرایش فایل ها در خط فرمان Editing files in the command line

  • نمایش داخلی یک فایل بدون ویرایش آن Displaying internals of a file without editing it

  • نحوه حذف یک فایل How to remove a file

  • نحوه حذف دایرکتوری How to remove a directory

  • اجرای آخرین دستوری که نوشتید Executing the last command you just wrote

  • برگه تقلب Cheat sheet

  • پروژه شما Your project

  • منابع خط فرمان و کتاب الکترونیکی bash Command Line resources & bash e-book

Git & GitHub 101: Git و GitHub برای مبتدیان مطلق Git & GitHub 101: Git and GitHub for absolute beginners

  • گیت چیست؟ What is Git?

  • GitHub چیست؟ What is GitHub?

  • ایجاد یک حساب GitHub رایگان Creating a free GitHub account

  • مخزن چیست؟ What is a repository?

  • فایل های README چیست؟ What are README files?

  • تعهدات چیست؟ What are commits?

  • ستاره ها چیست؟ What are stars?

  • بررسی ها چیست؟ What are reviews?

  • چه کدی را باید منبع باز کنید؟ What code should you open source?

  • دانلود و نصب Git در ویندوز Downloading and installing Git on Windows

  • دانلود و نصب Git در MacOS Downloading and installing Git on MacOS

  • دانلود و نصب Git در لینوکس Downloading and installing Git on Linux

  • پیکربندی Git در رایانه شما Configuring Git on your computer

  • ایجاد اولین مخزن شما Creating your first repository

  • ویرایش فایل ها در کامپیوتر Editing files on your computer

  • اولین تعهد شما Your first commit

  • نحوه فشار دادن فایل ها به GitHub How to push files to GitHub

  • نحوه کشیدن فایل از GitHub How to pull files from GitHub

  • حل تضاد کد Resolving code conflicts

  • پروژه شما Your project

Git & GitHub 101: Git و GitHub برای مبتدیان مطلق Git & GitHub 101: Git and GitHub for absolute beginners

  • گیت چیست؟ What is Git?

  • GitHub چیست؟ What is GitHub?

  • ایجاد یک حساب GitHub رایگان Creating a free GitHub account

  • مخزن چیست؟ What is a repository?

  • فایل های README چیست؟ What are README files?

  • تعهدات چیست؟ What are commits?

  • ستاره ها چیست؟ What are stars?

  • بررسی ها چیست؟ What are reviews?

  • چه کدی را باید منبع باز کنید؟ What code should you open source?

  • دانلود و نصب Git در ویندوز Downloading and installing Git on Windows

  • دانلود و نصب Git در MacOS Downloading and installing Git on MacOS

  • دانلود و نصب Git در لینوکس Downloading and installing Git on Linux

  • پیکربندی Git در رایانه شما Configuring Git on your computer

  • ایجاد اولین مخزن شما Creating your first repository

  • ویرایش فایل ها در کامپیوتر Editing files on your computer

  • اولین تعهد شما Your first commit

  • نحوه فشار دادن فایل ها به GitHub How to push files to GitHub

  • نحوه کشیدن فایل از GitHub How to pull files from GitHub

  • حل تضاد کد Resolving code conflicts

  • پروژه شما Your project

Git & GitHub 201: Git متوسط ​​و گردش کار توسعه دهندگان مدرن Git & GitHub 201: Intermediate Git and Modern Developer Workflow

  • راه اندازی یک پروژه Setting up a project

  • مشاهده commit های قبلی با استفاده از دستور checkout Seeing previous commits using the checkout command

  • مسائل چیست؟ What are issues?

  • شاخه ها چیست؟ What are branches?

  • درخواست های کششی چیست؟ What are pull requests?

  • فورکینگ چیست؟ What is forking?

  • چگونه یک مخزن را حذف کنیم How to delete a repository

  • خلاصه چیست؟ What are gists?

  • نحوه ایجاد نام مستعار Git How to create a Git alias

  • پروژه شما Your project

  • منابع و کتاب الکترونیکی GitHub GitHub resources & e-book

Git & GitHub 201: Git متوسط ​​و گردش کار توسعه دهندگان مدرن Git & GitHub 201: Intermediate Git and Modern Developer Workflow

  • راه اندازی یک پروژه Setting up a project

  • مشاهده commit های قبلی با استفاده از دستور checkout Seeing previous commits using the checkout command

  • مسائل چیست؟ What are issues?

  • شاخه ها چیست؟ What are branches?

  • درخواست های کششی چیست؟ What are pull requests?

  • فورکینگ چیست؟ What is forking?

  • چگونه یک مخزن را حذف کنیم How to delete a repository

  • خلاصه چیست؟ What are gists?

  • نحوه ایجاد نام مستعار Git How to create a Git alias

  • پروژه شما Your project

  • منابع و کتاب الکترونیکی GitHub GitHub resources & e-book

پایتون 101: پایتون دوستانه مبتدی Python 101: Beginner friendly Python

  • آموزش پایتون 2 در مقابل پایتون 3 Learning Python 2 vs Python 3

  • نصب پایتون (مک، لینوکس و ویندوز پسند) Installing Python (Mac, Linux and Windows-friendly)

  • نحوه اجرای کد پایتون How to execute Python code

  • محاسبات پایه Basic arithmetic

  • آشنایی با متغیرها در پایتون Introduction to variables in Python

  • قالب بندی کد در پایتون Formatting code in Python

  • نظرات کد Code comments

  • مقدمه ای بر انواع داده پایتون Introduction to Python data types

  • انواع داده های عددی Numeric data types

  • انواع داده های رشته ای String data types

  • انواع داده را فهرست کنید List data types

  • انواع داده دیکشنری Dictionary data types

  • چندین نوع داده Tuple data types

  • انواع داده را تنظیم کنید Set data types

  • انواع داده های بولی Boolean data types

  • هیچ نوع داده ای None data types

  • نمایه سازی و برش در پایتون Indexing and slicing in Python

  • پذیرش ورودی کاربر Accepting user input

  • نوع ریخته گری Type casting

  • قالب بندی چاپ Print formatting

  • عملگرهای مقایسه Comparison operators

  • میانبرهای مقایسه Comparison shortcuts

  • چند عملگر مقایسه Multiple comparison operators

  • برای حلقه ها For loops

  • در حالی که حلقه ها While loops

  • بشکن و ادامه بده Break and continue

  • کارکرد Functions

  • محدوده Scope

  • نحوه ایجاد یک سرور محلی پایتون How to create a local Python server

  • واردات بسته ها و استفاده از آنها Importing packages and using them

  • پروژه شما Your project

پایتون 101: پایتون دوستانه مبتدی Python 101: Beginner friendly Python

  • آموزش پایتون 2 در مقابل پایتون 3 Learning Python 2 vs Python 3

  • نصب پایتون (مک، لینوکس و ویندوز پسند) Installing Python (Mac, Linux and Windows-friendly)

  • نحوه اجرای کد پایتون How to execute Python code

  • محاسبات پایه Basic arithmetic

  • آشنایی با متغیرها در پایتون Introduction to variables in Python

  • قالب بندی کد در پایتون Formatting code in Python

  • نظرات کد Code comments

  • مقدمه ای بر انواع داده پایتون Introduction to Python data types

  • انواع داده های عددی Numeric data types

  • انواع داده های رشته ای String data types

  • انواع داده را فهرست کنید List data types

  • انواع داده دیکشنری Dictionary data types

  • چندین نوع داده Tuple data types

  • انواع داده را تنظیم کنید Set data types

  • انواع داده های بولی Boolean data types

  • هیچ نوع داده ای None data types

  • نمایه سازی و برش در پایتون Indexing and slicing in Python

  • پذیرش ورودی کاربر Accepting user input

  • نوع ریخته گری Type casting

  • قالب بندی چاپ Print formatting

  • عملگرهای مقایسه Comparison operators

  • میانبرهای مقایسه Comparison shortcuts

  • چند عملگر مقایسه Multiple comparison operators

  • برای حلقه ها For loops

  • در حالی که حلقه ها While loops

  • بشکن و ادامه بده Break and continue

  • کارکرد Functions

  • محدوده Scope

  • نحوه ایجاد یک سرور محلی پایتون How to create a local Python server

  • واردات بسته ها و استفاده از آنها Importing packages and using them

  • پروژه شما Your project

پایتون 201: پایتون سطح متوسط. Python 201: Intermediate level Python.

  • اپراتور IN The IN operator

  • اپراتور NOT The NOT operator

  • نحوه خواندن فایل ها با پایتون How to read files with Python

  • نحوه ایجاد فایل با پایتون How to create files with Python

  • خواندن چندین خط از یک فایل Reading multiple lines from a file

  • نوشتن یک فایل و اجرای آن Writing a file and executing it

  • توابع داخل توابع Functions inside of functions

  • ایجاد یک درخواست API ساده Making a simple API request

  • ایجاد یک درخواست JSON API Making a JSON API request

  • خواندن JSON و ویرایش JSON Reading JSON and editing JSON

  • تابع *args Function *args

  • تابع **kwargs Function **kwargs

  • نحوه نصب Pip How to install Pip

  • متغیرهای تغییرپذیر در مقابل متغیرهای تغییرناپذیر Mutable vs immutable variables

  • فهرست شمارش List enumeration

  • درک مطالب را فهرست کنید List comprehensions

  • درک فرهنگ لغت Dictionary comprehensions

  • نحوه دریافت مقادیر فرهنگ لغت (با پیش فرض ها) How to get dictionary values (with defaults)

  • راه اندازی محیط های مجازی (MacOS، Windows و Linux) Setting up virtual environments (MacOS, Windows and Linux)

  • نحوه یادگیری پایتون با کاوش در پوسته و آی پایتون How to learn Python by exploring through the shell and iPython

  • نصب و استفاده از بسته های پایتون Installing and using Python packages

  • API رفرش را درخواست می کند API requests refresher

  • پروژه شما Your project

پایتون 201: پایتون سطح متوسط. Python 201: Intermediate level Python.

  • اپراتور IN The IN operator

  • اپراتور NOT The NOT operator

  • نحوه خواندن فایل ها با پایتون How to read files with Python

  • نحوه ایجاد فایل با پایتون How to create files with Python

  • خواندن چندین خط از یک فایل Reading multiple lines from a file

  • نوشتن یک فایل و اجرای آن Writing a file and executing it

  • توابع داخل توابع Functions inside of functions

  • ایجاد یک درخواست API ساده Making a simple API request

  • ایجاد یک درخواست JSON API Making a JSON API request

  • خواندن JSON و ویرایش JSON Reading JSON and editing JSON

  • تابع *args Function *args

  • تابع **kwargs Function **kwargs

  • نحوه نصب Pip How to install Pip

  • متغیرهای تغییرپذیر در مقابل متغیرهای تغییرناپذیر Mutable vs immutable variables

  • فهرست شمارش List enumeration

  • درک مطالب را فهرست کنید List comprehensions

  • درک فرهنگ لغت Dictionary comprehensions

  • نحوه دریافت مقادیر فرهنگ لغت (با پیش فرض ها) How to get dictionary values (with defaults)

  • راه اندازی محیط های مجازی (MacOS، Windows و Linux) Setting up virtual environments (MacOS, Windows and Linux)

  • نحوه یادگیری پایتون با کاوش در پوسته و آی پایتون How to learn Python by exploring through the shell and iPython

  • نصب و استفاده از بسته های پایتون Installing and using Python packages

  • API رفرش را درخواست می کند API requests refresher

  • پروژه شما Your project

پایتون 301: پایتون پیشرفته Python 301: Advanced Python

  • ایجاد اولین کلاس پایتون Creating your first Python class

  • ویژگی های کلاس و نحوه استفاده از آنها Class properties and how to use them

  • روش های کلاس و نحوه استفاده از آنها Class methods and how to use them

  • پاکسازی کلاس Class cleanup

  • وراثت طبقاتی Class inheritance

  • رابط های کلاس Class interfaces

  • کلاس ها: متد super(). Classes: The super() method

  • کلاس ها: روش های Dunder Classes: Dunder methods

  • خطاها و استثنائات Errors and exceptions

  • گرفتن استثناها Catching exceptions

  • دکوراتورهای پایتون Python decorators

  • مولدهای پایتون Python generators

  • استفاده از pipenv برای محیط مجازی Using pipenv for a virtual environment

  • پروژه شما Your project

  • منابع پایتون و کتاب الکترونیکی Python resources & e-book

پایتون 301: پایتون پیشرفته Python 301: Advanced Python

  • ایجاد اولین کلاس پایتون Creating your first Python class

  • ویژگی های کلاس و نحوه استفاده از آنها Class properties and how to use them

  • روش های کلاس و نحوه استفاده از آنها Class methods and how to use them

  • پاکسازی کلاس Class cleanup

  • وراثت طبقاتی Class inheritance

  • رابط های کلاس Class interfaces

  • کلاس ها: متد super(). Classes: The super() method

  • کلاس ها: روش های Dunder Classes: Dunder methods

  • خطاها و استثنائات Errors and exceptions

  • گرفتن استثناها Catching exceptions

  • دکوراتورهای پایتون Python decorators

  • مولدهای پایتون Python generators

  • استفاده از pipenv برای محیط مجازی Using pipenv for a virtual environment

  • پروژه شما Your project

  • منابع پایتون و کتاب الکترونیکی Python resources & e-book

SQL 101: پایگاه داده برای مبتدیان SQL 101: Databases for beginners

  • طرحواره چیست؟ What is a schema?

  • یک پایگاه داده در مرورگر شما A database in your browser

  • انتخاب داده ها Selecting data

  • سفارش داده ها Ordering data

  • انتخاب ردیف های داده خاص Selecting specific data rows

  • انتخاب محدوده ای از داده ها Selecting a range of data

  • سفارش داده های انتخاب شده Ordering selected data

  • محدود کردن داده ها Limiting data

  • درج داده های جدید Inserting new data

  • به روز رسانی داده های موجود Updating existing data

  • در حال حذف داده ها Deleting data

  • ایجاد یک جدول جدید Creating a new table

  • کوتاه کردن داده ها Truncating data

  • حذف جدول Deleting a table

  • پروژه شما Your project

  • منابع پایگاه داده و کتاب الکترونیکی Database resources & e-book

SQL 101: پایگاه داده برای مبتدیان SQL 101: Databases for beginners

  • طرحواره چیست؟ What is a schema?

  • یک پایگاه داده در مرورگر شما A database in your browser

  • انتخاب داده ها Selecting data

  • سفارش داده ها Ordering data

  • انتخاب ردیف های داده خاص Selecting specific data rows

  • انتخاب محدوده ای از داده ها Selecting a range of data

  • سفارش داده های انتخاب شده Ordering selected data

  • محدود کردن داده ها Limiting data

  • درج داده های جدید Inserting new data

  • به روز رسانی داده های موجود Updating existing data

  • در حال حذف داده ها Deleting data

  • ایجاد یک جدول جدید Creating a new table

  • کوتاه کردن داده ها Truncating data

  • حذف جدول Deleting a table

  • پروژه شما Your project

  • منابع پایگاه داده و کتاب الکترونیکی Database resources & e-book

جنگو 101: جنگو برای مبتدیان مطلق Django 101: Django for absolute beginners

  • کد منبع را از کجا دریافت کنیم Where to get the source code

  • راه اندازی یک محیط مجازی Setting up a virtual environment

  • راه اندازی جنگو Setting up Django

  • ایجاد یک برنامه جنگو جدید Creating a new Django app

  • اولین مدل جنگو شما Your first Django model

  • اولین نمای جنگو شما Your first Django view

  • راه اندازی پوشه قالب های خود Setting up your templates folder

  • استفاده از بلوک های قالب Using template blocks

  • افزودن زمینه نمای سفارشی Adding custom view context

  • نمایش پست های پویا Displaying dynamic posts

  • اضافه کردن تصاویر به مدل شما Adding images to your model

  • راه اندازی پوشه رسانه Setting up the media folder

  • افزودن تصاویر به قالب های خود Adding images to your templates

  • افزودن نمای جزئیات Adding a detail view

  • الگوی نمایش جزئیات Detail view template

  • پیوند دادن به سایر نماهای جنگو از الگوی شما Linking to other Django views from your template

  • افزودن فرم آپلود Adding an upload form

  • مرتب سازی پست های پیش فرض Sorting default posts

  • چارچوب پیام های جنگو Django messages framework

  • اضافه کردن بوت استرپ 5 Adding Bootstrap 5

  • پروژه شما Your project

جنگو 101: جنگو برای مبتدیان مطلق Django 101: Django for absolute beginners

  • کد منبع را از کجا دریافت کنیم Where to get the source code

  • راه اندازی یک محیط مجازی Setting up a virtual environment

  • راه اندازی جنگو Setting up Django

  • ایجاد یک برنامه جنگو جدید Creating a new Django app

  • اولین مدل جنگو شما Your first Django model

  • اولین نمای جنگو شما Your first Django view

  • راه اندازی پوشه قالب های خود Setting up your templates folder

  • استفاده از بلوک های قالب Using template blocks

  • افزودن زمینه نمای سفارشی Adding custom view context

  • نمایش پست های پویا Displaying dynamic posts

  • اضافه کردن تصاویر به مدل شما Adding images to your model

  • راه اندازی پوشه رسانه Setting up the media folder

  • افزودن تصاویر به قالب های خود Adding images to your templates

  • افزودن نمای جزئیات Adding a detail view

  • الگوی نمایش جزئیات Detail view template

  • پیوند دادن به سایر نماهای جنگو از الگوی شما Linking to other Django views from your template

  • افزودن فرم آپلود Adding an upload form

  • مرتب سازی پست های پیش فرض Sorting default posts

  • چارچوب پیام های جنگو Django messages framework

  • اضافه کردن بوت استرپ 5 Adding Bootstrap 5

  • پروژه شما Your project

Django 201: Django متوسط Django 201: Intermediate Django

  • کد منبع جنگو 201 Django 201 source code

  • ایجاد یک محیط مجازی Creating a virtual environment

  • شروع یک پروژه جنگو جدید Starting a new Django project

  • افزودن .gitignore به پروژه شما Adding .gitignore to your project

  • اولین برنامه شما Your first app

  • اولین مدل شما Your first model

  • ثبت مدل خود در ادمین جنگو Registering your model with the Django admin

  • افزودن یک DateTimeField Adding a DateTimeField

  • نمایش فهرست صفحه اصلی Home Page ListView

  • راه اندازی مکان های قالب خود Setting up your template locations

  • اولین الگوی شما Your first template

  • الگوی پایه شما Your base template

  • بلوک های قالب Template blocks

  • حلقه های قالب Template loops

  • اضافه کردن ورود/خروج/بازنشانی رمز عبور به وب سایت شما Adding login/logout/password reset to your website

  • پیوندهای جهانی ورود و خروج Global login and logout links

  • گسترش الگوهای بسته شخص ثالث Extending 3rd party package templates

  • اضافه کردن Tailwind CSS Adding Tailwind CSS

  • پست های سبک باد دنباله Tailwind styled posts

  • اضافه کردن یک برنامه پروفایل Adding a Profile app

  • افزودن یک بسته تصویر کوچک Adding a thumbnail package

  • افزودن تنظیمات رسانه Adding media settings

  • افزودن نویسندگان به پست ها Adding authors to posts

  • افزودن جزئیات نویسنده به قالب های پست Adding author details to post templates

  • مشاهده جزئیات پست Post DetailView

  • قالب جزئیات ارسال Post detail template

  • جنگو شامل برچسب ها می شود Django include tags

  • ارسال CreateView Post CreateView

  • احراز هویت اجباری Forcing authentication

  • ایجاد یک پست جدید Creating a new post

  • افزودن یک مدال Tailwind CSS Adding a Tailwind CSS modal

  • فعال کردن فایل های ثابت Enabling static files

  • افزودن جاوا اسکریپت Adding JavaScript

  • تغییر حالت مدال Toggling the modal

  • آژاکس کردن پست های جدید Ajaxing new posts

  • نمای جزئیات نمایه Profile detail view

  • الگوی جزئیات نمایه Profile detail template

  • دریافت کل پست ها از طریق زمینه اضافی Getting total posts via extra context

  • افزودن دکمه دنبال کردن Adding a follow button

  • ایجاد اپلیکیشن فالوور Creating the Follower app

  • فالو کردن و عدم فالو کردن کاربران Following and unfollowing users

  • به صورت پویا کاربران را دنبال و آنفالو کنید Dyncamically follow and unfollow users

  • پست های صفحه اصلی پویا Dynamic Home Page Posts

  • پروژه شما Your project

  • منابع جنگو و کتاب الکترونیکی Django resources & e-book

Django 201: Django متوسط Django 201: Intermediate Django

  • کد منبع جنگو 201 Django 201 source code

  • ایجاد یک محیط مجازی Creating a virtual environment

  • شروع یک پروژه جنگو جدید Starting a new Django project

  • افزودن .gitignore به پروژه شما Adding .gitignore to your project

  • اولین برنامه شما Your first app

  • اولین مدل شما Your first model

  • ثبت مدل خود در ادمین جنگو Registering your model with the Django admin

  • افزودن یک DateTimeField Adding a DateTimeField

  • نمایش فهرست صفحه اصلی Home Page ListView

  • راه اندازی مکان های قالب خود Setting up your template locations

  • اولین الگوی شما Your first template

  • الگوی پایه شما Your base template

  • بلوک های قالب Template blocks

  • حلقه های قالب Template loops

  • اضافه کردن ورود/خروج/بازنشانی رمز عبور به وب سایت شما Adding login/logout/password reset to your website

  • پیوندهای جهانی ورود و خروج Global login and logout links

  • گسترش الگوهای بسته شخص ثالث Extending 3rd party package templates

  • اضافه کردن Tailwind CSS Adding Tailwind CSS

  • پست های سبک باد دنباله Tailwind styled posts

  • اضافه کردن یک برنامه پروفایل Adding a Profile app

  • افزودن یک بسته تصویر کوچک Adding a thumbnail package

  • افزودن تنظیمات رسانه Adding media settings

  • افزودن نویسندگان به پست ها Adding authors to posts

  • افزودن جزئیات نویسنده به قالب های پست Adding author details to post templates

  • مشاهده جزئیات پست Post DetailView

  • قالب جزئیات ارسال Post detail template

  • جنگو شامل برچسب ها می شود Django include tags

  • ارسال CreateView Post CreateView

  • احراز هویت اجباری Forcing authentication

  • ایجاد یک پست جدید Creating a new post

  • افزودن یک مدال Tailwind CSS Adding a Tailwind CSS modal

  • فعال کردن فایل های ثابت Enabling static files

  • افزودن جاوا اسکریپت Adding JavaScript

  • تغییر حالت مدال Toggling the modal

  • آژاکس کردن پست های جدید Ajaxing new posts

  • نمای جزئیات نمایه Profile detail view

  • الگوی جزئیات نمایه Profile detail template

  • دریافت کل پست ها از طریق زمینه اضافی Getting total posts via extra context

  • افزودن دکمه دنبال کردن Adding a follow button

  • ایجاد اپلیکیشن فالوور Creating the Follower app

  • فالو کردن و عدم فالو کردن کاربران Following and unfollowing users

  • به صورت پویا کاربران را دنبال و آنفالو کنید Dyncamically follow and unfollow users

  • پست های صفحه اصلی پویا Dynamic Home Page Posts

  • پروژه شما Your project

  • منابع جنگو و کتاب الکترونیکی Django resources & e-book

7 Days of Wagtail: Wagtail برای مبتدیان 7 Days of Wagtail: Wagtail for beginners

  • روز 1. نصب Wagtail و ویرایش صفحه اصلی Day 1. Installing Wagtail and Editing the Home Page

  • روز 2. افزودن فیلدهای مدل سفارشی به صفحه اصلی خود Day 2. Adding custom model fields to your Home Page

  • روز 3. ایجاد یک نوع صفحه جدید با یک الگوی سفارشی Day 3. Creating a new page type with a custom template

  • روز 4. چگونه می توان تصاویر را با ریز عکسها به صفحات خود اضافه کرد Day 4. How to add images to your pages with auto-thumbnailing

  • روز 5. چگونه می توان قطعات را ایجاد کرد و آنها را در صفحه خود انتخاب کرد Day 5. How to create snippets and make them selectable on your page

  • روز 6. افزودن StreamFields به صفحه خود Day 6. Adding StreamFields to your page

  • روز 7. افزودن تنظیمات جهانی سایت Day 7. Adding global site settings

  • منابع Wagtail Wagtail resources

7 Days of Wagtail: Wagtail برای مبتدیان 7 Days of Wagtail: Wagtail for beginners

  • روز 1. نصب Wagtail و ویرایش صفحه اصلی Day 1. Installing Wagtail and Editing the Home Page

  • روز 2. افزودن فیلدهای مدل سفارشی به صفحه اصلی خود Day 2. Adding custom model fields to your Home Page

  • روز 3. ایجاد یک نوع صفحه جدید با یک الگوی سفارشی Day 3. Creating a new page type with a custom template

  • روز 4. چگونه می توان تصاویر را با ریز عکسها به صفحات خود اضافه کرد Day 4. How to add images to your pages with auto-thumbnailing

  • روز 5. چگونه می توان قطعات را ایجاد کرد و آنها را در صفحه خود انتخاب کرد Day 5. How to create snippets and make them selectable on your page

  • روز 6. افزودن StreamFields به صفحه خود Day 6. Adding StreamFields to your page

  • روز 7. افزودن تنظیمات جهانی سایت Day 7. Adding global site settings

  • منابع Wagtail Wagtail resources

چگونه به عنوان یک توسعه دهنده وب شغل پیدا کنیم How to get a job as a web developer

  • هر چیزی را که می شنوید باور نکنید Don't believe everything you hear

  • حقیقت در مورد GitHub The truth about GitHub

  • حقیقت در مورد وب سایت های نمونه کارها The truth about portfolio websites

  • به چیزهای کوچک گیر نکنید Don't get stuck on the small things

  • چگونه بفهمیم چه مهارت هایی مورد تقاضا هستند How to find out what skills are in demand

  • حقیقت پشت مشاغل از راه دور The truth behind remote jobs

  • آنچه شرکت ها واقعاً به دنبال آن هستند What companies are really looking for

  • استراتژی رزومه شما Your resume strategy

  • آیا رزومه واقعاً شما را به مصاحبه دعوت می کند؟ Do resumes really get you an interview?

  • درخواست برای کار Applying for the job

  • تلاش خود را به حداکثر برسانید Maximizing your efforts

  • راز بزرگ The BIG secret

  • شرکت ها واقعا چه کسانی را استخدام می کنند Who do companies really hire

  • با ارزش ترین مهارت هایی که می توانید در این صنعت داشته باشید The most valuable skills you can have in this industry

  • اولین مصاحبه شما Your first interview

  • پیگیری Follow up

  • در حال مذاکره با حقوق شما Negotiating your salary

  • وقتی وارد شدی.. Once you're in..

  • مراحل بعدی شما Your next steps

  • در حالی که یاد می گیرید درآمد کسب کنید Earn while you learn

  • پروژه شما Your project

چگونه به عنوان یک توسعه دهنده وب شغل پیدا کنیم How to get a job as a web developer

  • هر چیزی را که می شنوید باور نکنید Don't believe everything you hear

  • حقیقت در مورد GitHub The truth about GitHub

  • حقیقت در مورد وب سایت های نمونه کارها The truth about portfolio websites

  • به چیزهای کوچک گیر نکنید Don't get stuck on the small things

  • چگونه بفهمیم چه مهارت هایی مورد تقاضا هستند How to find out what skills are in demand

  • حقیقت پشت مشاغل از راه دور The truth behind remote jobs

  • آنچه شرکت ها واقعاً به دنبال آن هستند What companies are really looking for

  • استراتژی رزومه شما Your resume strategy

  • آیا رزومه واقعاً شما را به مصاحبه دعوت می کند؟ Do resumes really get you an interview?

  • درخواست برای کار Applying for the job

  • تلاش خود را به حداکثر برسانید Maximizing your efforts

  • راز بزرگ The BIG secret

  • شرکت ها واقعا چه کسانی را استخدام می کنند Who do companies really hire

  • با ارزش ترین مهارت هایی که می توانید در این صنعت داشته باشید The most valuable skills you can have in this industry

  • اولین مصاحبه شما Your first interview

  • پیگیری Follow up

  • در حال مذاکره با حقوق شما Negotiating your salary

  • وقتی وارد شدی.. Once you're in..

  • مراحل بعدی شما Your next steps

  • در حالی که یاد می گیرید درآمد کسب کنید Earn while you learn

  • پروژه شما Your project

نمایش نظرات

آموزش بوت کمپ توسعه وب Fullstack نهایی 2023
جزییات دوره
40 hours
559
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
22,097
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kalob Taulien Kalob Taulien

معلم توسعه وب

سلام به همه! من Kalob Taulien هستم.

در اینجا نسخه TL;DR (کوتاه) درباره من است:

  • من از سال 1999 کدنویسی می کنم و از سال 2013 به مردم یاد می دهم که چگونه کدنویسی کنند
  • من بیش از 350000 دانشجوی توسعه وب در سراسر جهان دارم
  • من در تیم توسعه هسته Wagtail CMS هستم (Wagtail شماره 1 محبوب ترین سیستم ساخت وب سایت پایتون است)
  • من تمام تلاشم را می کنم که به هر سوالی که دانش آموزانم دارند پاسخ دهم
  • من عاشق تدریس هستم - این قطعاً یکی از استعدادهای طبیعی من است
  • همچنین من عاشق بز هستم! (اگر ملاقات حضوری داشته باشیم شروع کننده گفتگو با من عالی است)

در زیر می‌توانید تمام دوره‌های Skillshare من را پیدا کنید. دسته بندی ها از ساده ترین به سخت ترین، به جز موارد متفرقه، قرار می گیرند. دوره های کدنویسی در پایان.

اگر در زمینه کدنویسی کاملاً تازه کار هستید، با BEGINNERS WEB DEV شروع کنید. و سپس به سراغ HTML بروید.

اگر یک توسعه دهنده وب با تجربه هستید، می توانید از هر یک از بخش های زیر رد شوید.

اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌ها را واقعاً زیبا جلوه دهید و خوب عمل کنید، می‌خواهید به HTML، CSS و جاوا اسکریپت نگاه کنید.

اگر می‌خواهید وب‌سایت‌هایی ایجاد کنید که کاربران بتوانند در آن وارد شوند، حساب کاربری داشته باشند و اطلاعات را ذخیره کنند، می‌خواهید به PHP، Python، Django یا Wagtail نگاه کنید.

آخرین اما نه کم اهمیت، همه باید Git و نحوه استفاده از GitHub را بدانند. این کاملاً حیاتی است که 100٪ همه توسعه دهندگان Git و GitHub را درک کنند. این زبان مخفی است که هر کارفرما به دنبال آن است. من نیز یک بخش کامل در مورد آن دارم.

فراموش نکنید که من را در Skillshare برای دوره های هفتگی جدید دنبال کنید!

کد نویسی مبارک!

Kane Ezki Kane Ezki

توسعه دهنده، مدرس بوت کمپ و مدرس اصلی.

Radek Wilk Radek Wilk