دوره توسعه وب Full Stack

Dev Dev Dev Dev Dev Dev Devirege 2022 یادگیری HTML، CSS، Flex، Grid، جاوا اسکریپت، گره، MongoDB، Restapi & More

عنوان اصلی : Beginner Friendly Full Stack Web Development Course 2022

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

معرفی دوره :
مقدمه
معرفی اینترنت :
اینترنت چگونه کار می کند
چگونه وب سایت ها کار می کنند
توسعه فرانت اند چیست
تنظیمات توسعه
HTML 5.0: شروع به کار:
مقدمه ای بر HTML
عناصر و ویژگی ها را برچسب گذاری می کند
ایجاد پروژه: درک Boilerplate
اولین صفحه وب ما: اولین نشانه گذاری ما
عناوین و پاراگراف ها
بعد چه می شود؟
HTML 5.0: مفاهیم پیشرفته:
صفحه ادای احترام چیست؟
عنوان و عنوان فرعی
درک HYPERLINK و ایجاد چند صفحه و چالش کوچک
پیوندهایی با چند صفحه با راه حل
درج تصویر در صفحه وب
انجام تحقیق: یاد بگیرید چگونه یاد بگیرید، چگونه همه اینها را بدانم؟
لیست های HTML
جدول HTML
فرم های HTML
بازرسی مرورگر
قالب بندی و نقل قول
Block در مقابل Inline
Span
نهادها
نوبت شماست
معناشناسی
دانلود فایل کامل
CSS: مقدمه کامل اصول اولیه در Hands در:
CSS چیست؟
شروع به کار با Css و درک نحو
کلاس و شناسه انتخابگر ساده
ایجاد پوشه و فایل و پیوند دادن: افزودن Css به HTML
CSS: انتخابگرها و ترکیب‌کننده‌ها:
کمبیناتورها چیست و چرا؟
انتخابگر خواهر و برادر عمومی
لمس نهایی به انتخابگر خواهر و برادر عمومی
انتخابگر خواهر و برادر مجاور
انتخاب خواهر و برادر فرزندان
انتخابگر نزولی
دانلود فایل تکمیل شده
CSS: مهمترین قسمت 1:
چه چیزی در این بخش وجود دارد
مرز
مرز 2
حاشیه
حاشیه 2
کاهش حاشیه
بالشتک ها
ارتفاع و عرض
مدل جعبه
جعبه حاشیه اندازه جعبه
مهم ترین ویژگی هایی که باید به خاطر بسپارید
فایل کامل را تا کنون دانلود کنید
طراحی میز قسمت 1
طراحی میز قسمت 2
طراحی میز قسمت 3
نمایش
مفهوم عمومی شناور قسمت 1
مفهوم پیشرفته Float با ClearFix قسمت 2
شناور: یک چالش ساده
شناور: راه حل
Css Units Intro
درصد واحدهای Css
واحدهای Css rem
واحدهای Css em
CSS: موقعیت یابی:
لطفا فایل شروع را دانلود کنید
موقعیت یابی کامل فایل
مقدمه ای بر موقعیت یابی
کلاس مستر تعیین موقعیت
نسبی
رفع شد
چسبنده
بخش 1 سخنرانی خرابی موقعیت
کد خرابی موقعیت قسمت 1
بخش 2 سخنرانی خرابی موقعیت
کد خرابی موقعیت قسمت 2
Z-index
دانلود فایل تا کنون کامل شده است
چگونه یک div را در یک div وسط قرار دهیم
مرکز مطلق یک عنصر با استفاده از TRANSLATE
راه حل چالش فوق
فایل چالش کامل را دانلود کنید
CSS: مهمترین قسمت 2:
پاسخگویی چیست؟
نمایش طراحی واکنشگرا
پرسش های رسانه ای
رسانه بین پرس و جوها
Mobile First در مقابل Desktop First
ارث
آبشار
ویژگی
ویژگی در جزئیات
خلاصه
Flex box and Grid: درک کامل:
شروع کار با Flexbox
معکوس ستون و ستون
پیچیدن در Flexbox
Flex-flow: The Shorthand
تراز کردن آیتم ها
تراز کردن محتویات
سفارش فلکس باکس
Flex grow
Flex Shrink
Flex Bases
خود را تراز کنید
Flexbox Responsive Navbar
مرکز کردن عنصر با استفاده از Flexbox
اصطلاحات شبکه
نمای کلی شبکه
واحدهای Fr
موقعیت یابی در گرید
پوشا در شبکه
چالش
راه حل چالش
نامگذاری خطوط شبکه
مناطق شبکه
شبکه ضمنی در مقابل شبکه آشکار
تراز اقلام شبکه ای
تکمیل Frontend: The Cool Project SHOPPINGER Website:
فایل شروع را برای وب سایت دانلود کنید
متغیرهای CSS
ساختار پروژه
وارد کردن فونت‌های Google
متغیرهای Css و پیش تنظیم مجدد
نوشتن هدر نشانه گذاری
طراحی نوار ناوبری
عملکرد منو را تغییر دهید
تثبیت وزن فونت
نوشتن نشانه گذاری صفحه اصلی
بخش خانه سبک
نشانه گذاری برای مجموعه
مجموعه استایل
نشانه گذاری ویژگی ها
ویژگی های استایل
بخش ایجاد پیشنهادات
نشانه گذاری برای ورود
استایلینگ ورود
خبرنامه نشانه گذاری
خبرنامه استایل
ایجاد حامیان مالی
نشانه گذاری پاورقی
بخش پاورقی استایل
کپی پاورقی و بعدی مهم
نوشتن پرسش های رسانه ای
فشار نهایی برای وب سایت
ایجاد حساب Github
میزبانی وب سایت ما
JAVASCRIPT: مقدمه ای بر روی دست ها:
معرفی js
شروع با جاوا اسکریپت
متغیرها و مقادیر
Var، Let و Const
انواع داده
انواع داده های مختلف
یادداشت سریع در مورد انواع داده
اپراتورها
اپراتورها متمرکز می شوند
عملگرهای حسابی
تبدیل نوع
نوع اجبار
اپراتور مقایسه ===
! نه
عملگر مقایسه < vs > vs <= vs >=
اپراتور منطقی
اپراتور واگذاری
پیوستگی رشته ها
JAVASCRIPT: شرایط یا جریان کنترل:
اگر غیر از این باشد
اگر دیگر اگر
مقدمه ای بر جاوااسکریبیانیه سوئیچ pt
Switch and Break
Into to Loop
برای حلقه و کار می کند
While Loop
یادداشت کوتاه سریع درباره while Loop
Do while Loop
یادداشت کوتاه درباره For in و For Every
اپراتور سه تایی
JAVASCRIPT: همه چیز درباره توابع:
معرفی بزرگ توابع
دو روش توابع نوشتاری
عملکرد پیکان
عملکرد پیکان 2: مفاهیم پیشرفته
چالش عملکرد
راه حل چالش
چالش 2
راه حل چالش 2
چالش 3
راه حل چالش 3
JAVASCRIPT: انواع داده:
آرایه ها
Array Literal در مقابل Array() syntax جدید
آرایه تودرتو
موقعیت شاخص
چند نکته مهم
چالش آرایه ای بسیار ساده
روش های آرایه
اشیاء
دسترسی به داده ها از شی
درج داده در Object
چالش شی
راه حل چالش شی
برخی رفتارهای عجیب
اولیه ها در مقابل غیر ابتدایی ها
Undefined در مقابل Null
JS یک زبان انواع پویا است؟
اصول اولیه تغییر ناپذیر هستند
سخنرانی ارزش بر اساس نظریه نوع
مقدار بر اساس کد را وارد کنید
سخنرانی تئوری ارزش بر اساس مرجع
مقدار بر اساس مرجع در کد
نتیجه گیری در مورد رفتار و همزمانی
برای در
برای هر کدام
به روز رسانی آرایه با برای هر
JAVASCRIPT: مفاهیم مهم:
توابع درجه اول
عملکرد سفارش بالاتر
Must Must Must Must Must Read کمی توضیح
روش ها
درج در روشها
بالا بردن
اولیه سازی بالا نمی رود
بالا بردن با اعلان تابع و بیان تابع
SCOPE
دامنه در عمل
Let، Const و Var با Scope تفاوت دارند
این کلمه کلیدی
سازنده و استفاده از THIS با کلمه کلیدی جدید
مهم 1: کار واقعی را درک کنید
مهم 2
JAVASCRIPT: ES6+:
توابع منظم
پارامترهای پیش فرض
عبور توابع و پارامترهای پیش‌فرض
پارامترهای پیش فرض به عنوان مقادیر به پارامترهای پیش فرض بعدی
پارامتر پیش فرض به عنوان یک آرایه
توجه مهم برای پارامترهای پیش فرض
تخریب در آرایه
تخریب شی
پارامتر استراحت
Spread Operator با آرایه ها
عملگرهای Spread با اشیاء
برای از
JAVASCRIPT: روش‌های مهم:
شامل
برخی و همه
فیلتر
فیلتر 2
جاوا اسکریپت ناهمزمان:
نظریه جاوا اسکریپت ناهمزمان
همزمان در مقابل ناهمزمان
خلاصه همزمان در مقابل ناهمزمان
مفاهیم مهم
زمینه اجرا
Call Stack
مفاهیم پیشرفته در سنکرون در مقابل ناهمزمان
نمایش جدول
درک عملکرد همزمان و ناهمزمان
پاسخ به تماس و عملکرد ناشناس
جهنم برگشت به تماس
قول می دهد
همگام سازی در انتظار
DOM: مدل‌سازی شیء سند:
فایل شروع را دانلود کنید
DOM؟
DOM یک عنصر را هدف قرار می دهد
عناصر هدف در کد
innerHTML و innerText
دستکاری عناصر
تنظیم مقدار
querySelector() و querySelectorAll()
عناصر یک ظاهر طراحی شده با استفاده از dom
MDN و دیگران: ایجاد یک عنصر و الحاق
رویدادها
راهنما و چالش
کد نهایی Dom
CSS: بررسی کد JS:
CSS: بررسی کد Js
مرحله توسعه 1 : حالت تاریک چند تم:
آینده پیش رو
ترمینال: صرفه جویی در زمان:
ترمینال وقتی با بچه ها صحبت می کنیم
درک دستورات اساسی
درک مفاهیم پیشرفته
Node.js Intro and Understanding Basic:
معرفی Node.js
Node.js کجا می تواند مفید باشد؟
نصب Node.js
REPL
فرمان گره اول
اسناد
ماژول ها و NPM:
گره در ماژول ساخته شده
چالش
نیاز به ماژول شخصی
نیاز به یک تابع
جهان NPM
سرورهای Node با Express:
کامل خام: ایجاد راه گره سرور
درک مسیر گره راه
به Express سلام کنید
ارسال HTML و JSON و راه اندازی مجدد خودکار سرور
ارسال فایل های HTML به مشتری
بیان پارامترهای مسیر
رشته پرس و جو
چالش
چالش کامل شد
تجزیه داده ها از مشتری
EJS: الگو:
قالب سازی چیست؟
پیکربندی موتور قالب
نحو EJS
انتقال داده از سرور به الگو
پردازش صفحات فرعی
در غیر این صورت جریان را در EJS کنترل کنید
حلقه در EJS
فایل تا کنون تکمیل شده است
جزئی های EJS و قالب بندی پیشرفته
شامل نوار ناوبری به صورت جزئی
فایل های استاتیک
لمس نهایی
ادغام API با Grand Challenge:
راه حل چالشی کامل
API چیست
تنظیم Api و URL
استخراج داده از API
دریافت داده های مرتبط
در حال ایجاد URL تصویر
ارسال داده ها به مسیر صحیح
چالش
استایل دادن به برنامه
برنامه ماشین حساب چالش
برنامه کامل آب و هوا را دانلود کنید
Git& Github:
Git، Github و برخی از دستورات چیست
راه اندازی Git
Git Basics
راه اندازی SSH
فشار دادن به Github
میزبان Heroku:
راه اندازی Heroku
استقرار برنامه در Heroku
چالش
راه حل چالش
پایگاه داده: مقدمه:
پایگاه داده چیست؟
انواع پایگاه داده
چرا MongoDB؟
MongoDB: در دسترس است:
مبانی کامل CRUD
به روز رسانی One
بسیار را به روز کنید
DeleteOne و DeleteMany
تنظیم MongoDB به صورت محلی در سیستم ما
راهنمای نصب
راهنمای راه اندازی MongoDB برای ویندوز
Robo3T: راه اندازی پایگاه داده محلی
درایورها: کار با MongoDb به صورت محلی در سیستم ما
Create: Challenge insertMany
داده ها را از پایگاه داده بخوانید
به روز رسانی و حذف
Mongoose:The MongoDB Maximiser:
مونگوس فقط در کلمات ساده
RestFull API ورودی و خروجی:
چه چیزی در این بخش وجود دارد؟
RESTful API چیست؟
نمای کلی RESTApi
CRUD واقعاً چگونه در وب سایت ها کار می کند
نمای کلی مسیرها
راه اندازی توسعه
Middleware
آشنایی با میان افزار
اتصال به خوشه
کنترل کننده نمای مدل در حال جداسازی پوشه های ما
کنترل کننده ها
توسعه API
مسیر ایجاد یک پست وبلاگ
دریافت همه پست های وبلاگ
کد وضعیت Http
پست وبلاگ خاصی را دریافت کنید
به روز رسانی و حذف یک پست وبلاگ
فایل تکمیل شده
درک احراز هویت: جلسات و کوکی ها:
فایل استارتر
احراز هویت چیست؟
کاوش فایل ها و آنچه باید یاد بگیرید
در حال ایجاد شناسه جلسه
ایجاد و ذخیره جلسه
ثبت یک کاربر
ورود به سیستم
ایمن سازی داشبورد
خروج کاربر
برنامه تکمیل شده