بوت کمپ ساخت 18 پروژه دنیای واقعی با کدنویسی جاوا اسکریپت

استفاده از HTML5 مدرن، CSS3، Vanillajs، چکمه، جاوا اسکریپت برای ساخت پروژه توسعه وب دوستانه پاسخگو و موبایل

عنوان اصلی : Build 18 Real World JavaScript Development Projects Bootcamp

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

مقدمه:
بازخورد دوره Udemy
Project-1: ایجاد برنامه لیست قابل مرتب سازی:
ساختار و عناصر HTML
درج موارد لیست در DOM
درهم کردن موارد فهرست
قابلیت کشیدن و رها کردن
بررسی سفارش
فایل های پروژه را دانلود کنید
Project-2: ساخت ساعت آنالوگ:
نگاهی به ریاضیات پایه مربوط به ساعت آنالوگ
ایجاد HTML و CSS
افزودن ساعت، دقیقه و دست دوم
نوشتن جاوا اسکریپت برای تیک زدن ساعت
خلاصه برنامه
فایل های پروژه را دانلود کنید
Project-3: ساختن یک برنامه فهرست کتاب جاوا اسکریپت از ابتدا:
ساختار پوشه و طراحی سرفصل صفحه
افزودن محتوا به صفحه با HTML
ایجاد کتاب _ کلاس UI در جاوا اسکریپت.
افزودن شنونده رویداد به کتاب‌های نمایشی
نمایش مقادیر ورودی کاربر در جدول
افزودن تابع حذف و اعتبارسنجی
نمایش هشدارهای خرابی
نحوه نمایش هشدارهای موفقیت
برخورد با محل ذخیره سازی
خلاصه برنامه.
فایل های پروژه را دانلود کنید
Project-4: ایجاد پخش کننده موسیقی سفارشی در جاوا اسکریپت:
ساختار پوشه و چیدمان اولیه
ایجاد نمادهای Play، Pause، Next، Previous با HTML
طراحی اپلیکیشن با استفاده از CSS.
واکشی عنصر HTML با استفاده از Query Selector
افزودن توابع به دکمه های Play، Pause، Next _ Previous
افزودن شنوندگان رویداد به دکمه‌ها
به‌روزرسانی زمان فعلی موسیقی با کلیک بر روی نوار پیشرفت
ایجاد بخش لیست پخش
پخش یک موسیقی خاص روی کلیک
خلاصه برنامه
فایل های پروژه را دانلود کنید
Project-5: کد یک برنامه دیکشنری در جاوا اسکریپت با استفاده از API:
معرفی مختصر
ساختار قدیمی تر _ چیدمان اولیه
طراحی برنامه قسمت 1
طراحی برنامه قسمت 2
نگاهی به APIها
ایجاد معنای کلمه با استفاده از API
نمایش Word و Phonetics از API
نمایش معانی و مترادف ها
رسیدگی به موارد گوشه در برنامه
نمایش پیام های خطا
خلاصه برنامه
فایل های پروژه را دانلود کنید
پروژه-6: ایجاد یک برنامه لیست کارهای ساده با جاوا اسکریپت:
مقدمه ای بر کاربرد
ساختار پوشه و چیدمان اولیه
- افزودن محتوا به صفحه با HTML قسمت 1
ساخت HTML قسمت 2
ایجاد شی برای کارهای فردی
ایجاد تابع برای ذخیره و واکشی داده ها از Local Storage
نمایش موارد فهرست از Local Storag
فایل های پروژه را دانلود کنید
Project-7: کدگذاری یک بازی مار از ابتدا در جاوا اسکریپت:
مقدمه ای بر کاربرد
ساختار پوشه و HTML
ایجاد تابلو برای بازی با استفاده از CSS
نمایش سر و غذای مار
استخراج منطق برای غذای مار
حرکت مار به اطراف
افزودن شرط بازی بیش از حد
شمارش امتیاز
ذخیره امتیاز بالا در فضای ذخیره سازی محلی
به‌روزرسانی امتیاز بالا
خلاصه کردن برنامه
فایل های پروژه را دانلود کنید
Project-8: ساختن یک بازی اکشن در جاوا اسکریپت:
مقدمه ای بر اپلیکیشن
ساختار پوشه و HTML
نمایش اژدها و دینو با استفاده از CSS
ساختن پرش دایناسور با استفاده از جاوا اسکریپت
افزودن انیمیشن به مانع (اژدها)
تعیین شرایط برخورد
افزودن حرکت راست و چپ برای Dino
به روز رسانی امتیاز و افزایش سرعت
افزودن بازی روی صدا و پیام
خلاصه برنامه
فایل های پروژه را دانلود کنید
Project-9: ایجاد یک برنامه وب Quiz با استفاده از جاوا اسکریپت:
مقدمه ای بر کاربرد
ایجاد صفحه اصلی
طراحی پس زمینه
طراحی دکمه ها در صفحه اصلی
ایجاد صفحه آزمون
طراحی صفحه آزمون
ایجاد سوالات برای آزمون در جاوا اسکریپت
دریافت سوالات جدید
بررسی پاسخ های صحیح
ایجاد صفحه پایانی با استفاده از HTML
طراحی صفحه پایانی
افزودن جاوا اسکریپت به صفحه پایانی
نمایش تابلوی امتیازات
فایل های پروژه را دانلود کنید
Project-10: با استفاده از Vanilla JavaScript یک برنامه دستور غذا ایجاد کنید:
مقدمه ای بر کاربرد
ساختار پوشه و چیدمان اولیه HTML
طراحی با CSS قسمت 1
طراحی با CSS قسمت 2
نگاهی به APIها
عملکرد جستجوی غذا بر اساس شناسه
افزودن وعده غذایی تصادفی به صفحه
افزودن، حذف و واکشی غذاهای مورد علاقه از فضای ذخیره سازی محلی
نمایش دستور غذا و مواد تشکیل دهنده غذا
افزودن عملکرد دکمه جستجو
نمایش غذاهای مورد علاقه
اشکال زدایی و خلاصه سازی
فایل های پروژه را دانلود کنید
پروژه-11: ایجاد یک وب سایت یادداشت برداری با استفاده از جاوا اسکریپت خالص:
مقدمه ای بر کاربرد
ساختار پوشه و چیدمان اولیه
ساخت HTML
طراحی برنامه قسمت 2
طراحی برنامه قسمت 2
ایجاد فایل Main و App.js
کار بر روی توابع Handler
شروع با Notes API
فایل های پروژه را دانلود کنید
Project-12: ایجاد یک برنامه جستجوی پروفایل Github با جاوا اسکریپت:
مقدمه ای بر کاربرد
2aA به Git و Github نگاه کنید
ساختار پوشه و پیوند Bootsrap
ایجاد فرم برای جستجوی کاربر
ایجاد نمایه و صفحه مخزن
افزودن پاورقی به صفحه
نگاهی به APIها
دریافت نمایه های کاربر از Github API
دریافت مخازن از API
نمایش نمایه کاربر در صفحه
نمایش قطعه نمایه کاربر
نمایش لیست مخازن
افزودن شنوندگان رویداد به دکمه جستجو
طراحی صفحه قسمت 1
طراحی صفحه قسمت 2
فایل های پروژه را دانلود کنید
پروژه-13: با استفاده از جاوا اسکریپت، یک برنامه وب تولید کننده رمز عبور تصادفی قوی بسازید:
مقدمه ای بر کاربرد
ساختار پوشه و پیوند دادن فایل CSS
ایجاد HTML قسمت 1
ایجاد HTML قسمت 2
طراحی برنامه قسمت 1
طراحی برنامه قسمت 2
استفاده از DOM برای ذخیره عناصر HTML
عملکرد کپی محتوا در کلیپ بورد
عملکرد تولید رمز عبور قسمت 1
عملکرد تولید رمز عبور قسمت 2
تابعی برای ایجاد تصادفی کاراکتر
اجرا و رفع اشکال برنامه
فایل های پروژه را دانلود کنید
پروژه-14: ساخت یک برنامه وب ماشین حساب در جاوا اسکریپت:
مقدمه ای بر کاربرد
ساختار پوشه و چیدمان اولیه HTML
ایجاد HTML قسمت 1
ایجاد HTML قسمت 1
ایجاد HTML قسمت 1
افزودن شنونده رویداد به همه اعداد
افزودن شنونده رویداد به همه عملیات
تعریف عملیات ریاضی
گوش دادن به رویدادهای Key Down
فراخوانی رویدادهای کلیک با استفاده از رویداد Key Down
خلاصه برنامه
فایل های پروژه را دانلود کنید
Project-15: ساخت اپلیکیشن مخاطبین با HTML، CSS، JS و بسته:
1
پیش نیازها
Project-Setup
MVC-Architecture
Creating-First-ContactPerson
ذخیره-Contact-in-local-storag
Creating-Add-Contact-Form
Implementing-Add-Contact-View
پاک کردن فرم ما
Creating-Modal
کار-بیشتر-رو-مدل
Creating-Contact-Lists-View
رفع اشکالات
حذف-مخاطبین
Applying-Delete-Events
Let-s-Design
طراحی بیشتر
پیاده سازی-جستجو
کار-بیشتر در جستجو
لمس نهایی
فایل های پروژه را دانلود کنید
Project-16: ساخت برنامه مدیریت بودجه با HTML، CSS و JS:
معرفی پروژه
تنظیم پروژه
let_s code
اولین معامله خود را انجام می دهیم
ذخیره تراکنش ها در Local Storage
ایجاد نمای تراکنش افزودن
ایجاد کنترل کننده افزودن
فرم پاکسازی
طراحی رابط
فرم طراحی
کار بر روی کل موجودی
ارائه لیست هزینه های درآمد
به روز رسانی لیست ها و افزودن مُهرهای زمانی
زمان استایل و قالب بندی
افزودن رنگ در متون
طراحی بودجه ما
افزودن کادر فهرست فیلتر
ویژگی نهایی
فایل های پروژه را دانلود کنید
Project-17: برنامه Build Weather Now با HTML، CSS و JS:
معرفی پروژه
پیش نیازها - Weatherapp ویرایش شده است
تنظیم Api Openweathermap
راه اندازی پروژه با parceljs
نصب Bootstrap
ایجاد کارت هواشناسی
معماری پروژه (MVC)
ایجاد حالت ساختگی
ایجاد SearchView
ایجاد نمای WeatherInfo
طرح بندی کارت هواشناسی
در حال واکشی داده ها از API
نمایش داده های واکشی شده
لمس نهایی
فایل های پروژه را دانلود کنید
Project-18: ساخت بازی با HTML، CSS و JS:
معرفی پروژه
راه اندازی پروژه
ایجاد توپ
حرکت توپ
بالنده توپ
فایل های پروژه را دانلود کنید