آموزش یک Modal با دست با استفاده از HTML، CSS و جاوا اسکریپت ایجاد کنید

Create a Modal by Hand using HTML, CSS and JavaScript

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      • در حال بارگزاری، لطفا صبر کنید...
      توضیحات دوره:

      با استفاده از HTML، CSS و جاوا اسکریپت ساده، یک صفحه وب به صورت دستی ایجاد خواهید کرد.

      ما از هیچ کتابخانه یا بسته کدنویسی استفاده نخواهیم کرد، این همه HTML/CSS/JavaScript دستی (وانیلی) است.

      این برای شما چه معنایی دارد؟

      به این معنی است که این دوره برای توسعه دهندگان فرانت اند که به دنبال پروژه ای با اندازه کوچک برای تمرین مهارت های کدنویسی خود هستند عالی است.

      آیا برای شرکت در این دوره به HTML، CSS و جاوا اسکریپت مانند یک حرفه ای نیاز دارید؟

      نه، به هیچ وجه. یک ویدیوی دوره خرابی HTML/CSS/JavaScript وجود دارد تا شما را سریعاً در هر سه فناوری به‌روز کنید. همه چیز نیز با پیشرفت در دوره با هم توضیح داده می شود. و ما هیچ کد پیچیده ای نخواهیم نوشت. این دوره برای ایجاد یک مدال از ابتدا بدون نیاز به تجربه قبلی طراحی شده است. اما مانند همه چیز در زندگی، هر چه تجربه بیشتری داشته باشید، بهتر است

      .

      شما یک صفحه وب (پیام بازشو صفحه داخلی) ایجاد خواهید کرد که می تواند با چندین دکمه باز و بسته شود.

      در زیر پیش‌نمایش بسته و باز مودال است که در این دوره ایجاد خواهیم کرد.

      نتیجه نهایی پروژه:


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

      درس ها Lessons

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

      • شکست پروژه Breaking Down The Project

      • جعبه مدال The Modal Box

      • پروژه شما Your Project

      • پنهان کردن Modal به صورت پیش فرض Hiding The Modal By Default

      • دکمه های مدال سفارشی Custom Modal Buttons

      • بستن The Modal Closing The Modal

      • پس زمینه مدال Modal Background

      • دوره خرابی HTML/CSS/JavaScript HTML/CSS/JavaScript Crash Course

      • باز کردن مدال Opening The Modal

      • پس زمینه The Background

      • مرکز کردن دکمه اصلی Centering The Main Button

      • یک ظاهر طراحی شده دکمه اصلی Styling The Main Button

      • استفاده از فونت های سفارشی Using Custom Fonts

      • پاکسازی کد Code Cleanup

      نمایش نظرات

      آموزش یک Modal با دست با استفاده از HTML، CSS و جاوا اسکریپت ایجاد کنید
      جزییات دوره
      1h 9m
      15
      Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
      (آخرین آپدیت)
      70
      4 از 5
      دارد
      دارد
      دارد
      Kalob Taulien
      جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

      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 برای دوره های هفتگی جدید دنبال کنید!

      کد نویسی مبارک!