آموزش نحوه ایجاد React Datepicker از ابتدا با مثال

دانلود How to Create a React Datepicker from Scratch with Examples

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

این آموزش میانی نحوه ایجاد یک React Datepicker از ابتدا با مثال‌ها، زبان‌آموزان را برای کدنویسی در React، یکی از محبوب‌ترین کتابخانه‌های جاوا اسکریپت در جهان، آماده می‌کند و به اندازه کافی برای کدنویسی datepicker خود خوب است.

React.js یک کتابخانه جاوا اسکریپت منبع باز است که آنقدر محبوب است که عملاً زبان اینترنت برای ایجاد رابط های کاربری و برنامه های تک صفحه ای است. Learning React یک راه سریع و آسان است که می توانید با توسعه و توسعه، دانش توسعه موجود خود را گسترش دهید.

این دوره برای آشنایی سریع شما با React و استفاده از آن در سریع ترین زمان ممکن طراحی شده است. پس از چند درس کوتاه، برنامه datepicker خودتان را می نویسید و نحوه استقرار آن را در یک وب سایت می بینید.

پس از تکمیل آموزش نحوه ایجاد یک React Datepicker از ابتدا با Examples، می‌دانید که چگونه در React، یکی از محبوب‌ترین کتابخانه‌های جاوا اسکریپت در جهان، کدنویسی کنید، به‌قدری که بتوانید datepicker خود را کدنویسی کنید.

>

برای سرپرستان، این آموزش منبع باز می‌تواند برای توسعه‌دهندگان نرم‌افزار جدید که در برنامه‌های آموزشی فردی یا تیمی تنظیم شده‌اند، یا به‌عنوان منبع مرجع منبع باز استفاده شود.

نحوه ایجاد React Datepicker از ابتدا با مثال: آنچه باید بدانید

این آموزش نحوه ایجاد React Datepicker از ابتدا با مثال‌ها، موضوعات برنامه‌نویسی و توسعه را شامل می‌شود:

  • افزودن مولفه های سبک
  • ایجاد تقویم با پارامترهای پرس و جو
  • در حال توسعه یک datepicker تا بتوانید اصول React را بیاموزید
چه کسی باید نحوه ایجاد یک React Datepicker را از ابتدا با آموزش مثال ها انجام دهد؟

این آموزش نحوه ایجاد یک React Datepicker از ابتدا با مثالها به عنوان آموزش منبع باز در سطح تخصصی در نظر گرفته می شود، به این معنی که برای توسعه دهندگان نرم افزار طراحی شده است. این دوره مهارت های برنامه نویسی و توسعه برای توسعه دهندگان نرم افزار با سه تا پنج سال تجربه با جاوا اسکریپت طراحی شده است.

توسعه‌دهندگان نرم‌افزار جدید یا مشتاق. اگر به‌تازگی شغل خود را به‌عنوان توسعه‌دهنده نرم‌افزار شروع کرده‌اید، یادگیری React در اسرع وقت راهی عالی برای شروع آشنایی شما با رابط‌های کاربری و بخش گرافیکی آن است. از تجربه یک کاربر در برنامه شما. توسعه رابط های کاربری خوب یک مهارت ظریف است و این دوره به شما کمک می کند تا در دنیای واقعی تمرین کنید.

توسعه دهندگان نرم افزار باتجربه. توسعه دهندگان نرم افزاری که قبلاً چند سالی است برنامه نویسی می کنند معمولاً با طراحی و کدنویسی خوب UX/UI در React آشنا هستند. اما شاید بر روی کارهای Back-end تمرکز کرده اید، یا شاید دلیلی برای یادگیری React نداشته باشید. به هر دلیلی، این دوره آموزشی را در زمینه کدنویسی در React بخوانید و حرفه توسعه خود را ارتقا دهید.


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

با Dates In React کار کنید Work with Dates In React

  • بررسی اجمالی Overview

  • معرفی Introduction

  • استراتژی اجرای اصلی تقویم Basic Calendar Implementation Strategy

  • مقدمه ای بر کتابخانه لحظه Introduction to the Moment Library

  • ترکیب روزها در هفته Combining Days into Weeks

  • تقویم JSX Calendar JSX

  • نتیجه Conclusion

یک مؤلفه تقویم قابل استفاده مجدد بسازید Build a Reusable Calendar Component

  • بررسی اجمالی Overview

  • معرفی Introduction

  • کنترل های اصلی تقویم Basic Calendar Controls

  • یک تقویم "کنترل شده" ایجاد کنید Create a "Controlled" Calendar

  • مولفه های "کتابخانه ای-آگنوستیک". "Library-Agnostic" Components

  • تقویم با پارامترهای پرس و جو Calendars with Query Parameters

  • اضافه کردن یک ظاهر طراحی شده با اجزای سبک Add Styling with Styled Components

  • نتیجه Conclusion

یک ردیاب رویداد در React بسازید Build an Event Tracker in React

  • بررسی اجمالی Overview

  • معرفی Introduction

  • استراتژی پیاده سازی ردیاب رویداد پایه Basic Event-Tracker Implementation Strategy

  • "وانیل" React Modals "Vanilla" React Modals

  • یک فرم رویداد جدید بسازید Build a New Event Form

  • اضافه کردن محتوا به سلول های تقویم Add Content to Calendar Cells

  • اجتناب از آلودگی مورد استفاده Avoiding Use-Case Pollution

  • داده های رویداد اضافی Additional Event Data

  • نتیجه Conclusion

در React یک Date-Picker Single-Date بسازید Build a Single-Date Date-Picker in React

  • بررسی اجمالی Overview

  • معرفی Introduction

  • انواع مختلف تاریخ انتخاب Different Types of Date Pickers

  • گذراندن اجزاء به عنوان لوازم جانبی Passing Components as Props

  • انتخاب تاریخ های مجرد Selecting Single Dates

  • ایجاد کامپوننت پنجره کشویی Creating a Dropdown Window Component

  • نتیجه Conclusion

در React یک Date-Range Date-Picker بسازید Build a Date-Range Date-Picker in React

  • بررسی اجمالی Overview

  • معرفی Introduction

  • مبانی انتخابگر محدوده تاریخ Date-Range Picker Basics

  • محاسبه در بین تاریخ Calculating In-Between Dates

  • روش دیگری برای محاسبه بین تاریخ ها Another Method of Calculating In-Between Dates

  • یک ظاهر طراحی "قرص" برای سلول های تقویم "Pill" Styling for Calendar Cells

  • نتیجه Conclusion

در React یک انتخاب کننده تاریخ چندتایی بسازید Build a Multi-Date Date-Picker in React

  • بررسی اجمالی Overview

  • معرفی Introduction

  • مبانی انتخاب تاریخ چندتایی Multi-Date Date-Picker Basics

  • منطق و استایل چند تاریخ Multi-Date Logic and Styling

  • محاسبه تاریخ های قبلی و بعدی Calculating Previous and Next Dates

  • اضافه کردن روزهای خارج از ماه Adding Out-Of-Month Days

  • نتیجه Conclusion

بهبود انتخابگر تاریخ Date Picker Enhancements

  • بررسی اجمالی Overview

  • معرفی Introduction

  • بهبودهای پایه انتخابگر تاریخ Basic Date-Picker Enhancements

  • Refactoring Single-Date-Picker Single-Date-Picker Refactoring

  • بازسازي بازه تاريخي انتخابگر Date-Range-Picker Refactoring

  • چند تاریخ انتخاب مجدد Multi-Date-Picker Refactoring

  • نتیجه Conclusion

نمایش نظرات

CBT Nuggets یک شرکت آموزشی آنلاین است که در زمینه فناوری اطلاعات (IT) و مدیریت پروژه تخصص دارد. این شرکت دوره‌های آموزشی متنوعی را در زمینه‌های مختلف از جمله شبکه‌های کامپیوتری، امنیت سایبری، سیستم‌های عامل، و برنامه‌نویسی ارائه می‌دهد. محتوای آموزشی CBT Nuggets به صورت ویدئوهای آموزشی کوتاه و کاربردی طراحی شده است که توسط کارشناسان و مدرسان مجرب تدریس می‌شوند.

آموزش نحوه ایجاد React Datepicker از ابتدا با مثال
جزییات دوره
6h
39
CBTNuggets CBTNuggets
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
Shaun Wassell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shaun Wassell Shaun Wassell

توسعه دهنده نرم افزار Full-Stack Shaun Wassell یک توسعه دهنده نرم افزار کاملاً پشته ای است که در زمینه برنامه نویسی و اتوماسیون صنعتی تخصص دارد.

Shaun با امید به ساخت بازی های ویدیویی عالی برنامه نویسی را در دوره راهنمایی شروع کرد. وی در ادامه به دریافت مدرک علوم کامپیوتر و ادامه کار حرفه ای نرم افزار توسعه یافت. او از پیشرفت کامل و موبایل لذت می برد. علاوه بر رایانه ، شاون به موسیقی ، معماری ، باغبانی و آبجو دستی نیز علاقه دارد.