دوره آموزشی
دوبله زبان فارسی
احراز هویت کامل با REACT JS ،NEXT JS و تایپ اسکریپت 2023
✅ سرفصل و جزئیات آموزش
در این دوره با رجیستر، لاگین، 6 لاگین از طریق رسانه های اجتماعی، فراموشی پسورد، ریست پسورد، ارسال ایمیل، اعتبارسنجی فرم، مسیرهای محافظت شده و استقرار آشنا می شوید.
آنچه یاد خواهید گرفت
- ایجاد سیستم احراز هویت کامل 2023
- یادگیری بهترین شیوه های React js و next js
- یادگیری احراز هویت next js و متدهای پیشرفته آن
- مدیریت لاگین، رجیستر، فراموشی پسورد و ریست پسورد، ارسال ایمیل، اعتبارسنجی فرم و مسیرهای محافظت شده
- یاد می گیرید که چگونه با استفاده از سرویس های smtp و nodemailer ایمیل ارسال کنید.
- ایجاد قالب های ایمیل مدرن
- اعتبارسنجی فرم ها با استفاده از react-hook-form و zod
- یاد می گیرید که چگونه با استفاده از تایپ اسکریپت، کد دارای تایپ قوی بنویسید.
- یاد می گیرید که چگونه از میان افزار next js استفاده کنید.
توضیحات دوره
ما از احراز هویت Next آمیخته با تایپ اسکریپت برای ارائه کدهای دارای تایپ قوی استفاده کرده و در عین حال از قابلیت های سمت سرور Next js بهره می بریم که رقابت این بیلد را واقعاً از موارد زیر سخت می کند:
- ما از tailwind css برای استایل دهی اپلیکیشن خود استفاده خواهیم کرد.
- اعتبارسنجی فرم قوی با react-hook-form و zod
- سیستم لاگین قوی با استفاده از سشن های ایمن احراز هویت next
- لاگین با اعتبارات، گوگل، فیسبوک، توییتر، گیت هاب، discord و auth0
- سیستم رجیستر قوی با اعتبارسنجی در فرانت اند و بک اند
- دستکاری callbacks احراز هویت next به نفع ما
- ارسال ایمیل با استفاده از سرویس های smtp و nodemailer از جمله جی میل
- مدیریت توکن ها به صورت مخفیانه با ایمیل ها
- نوشتن کد آماده تولید با کیفیت بالا
- یاد می گیرید که چگونه با تایپ اسکریپت کار کنید حتی به عنوان یک مبتدی یا شخصی که هرگز از آن استفاده نکرده است.
- راه اندازی خوشه Mongodb و اتصال Mongodb از اپلیکیشن ما با تایپ اسکریپت
- افزودن کاربران به پایگاه داده خود که در آن حساب ها را مدیریت می کنید در حالی که با استفاده از json web tokens، توکن های موجود در کوکی ها را مدیریت می کنید.
- کار با next js api
- یادگیری در مورد handlebars و استفاده از آن برای جایگزینی در فایل های html
- استقرار در Vercel
این دوره برای چه کسانی مناسب است؟
- توسعه دهندگان در همه سطوح که از react js استفاده می کنند.
- توسعه دهندگانی که می خواهند سیستم احراز هویت قوی ایجاد کنند.
احراز هویت کامل با REACT JS ،NEXT JS و تایپ اسکریپت 2023
-
Showcase کامل 12:07
-
ایجاد اپلیکیشن next 06:49
-
راه اندازی tailwind css 04:46
-
راه اندازی خوشه Mongodb Atlas 06:40
-
اتصال به پایگاه داده از اپلیکیشن ما با استفاده از تایپ اسکریپت 12:34
-
راه اندازی احراز هویت next و تست فرآیند لاگین با گیت هاب 13:49
-
راه اندازی ارائه دهنده گوگل 09:56
-
راه اندازی ارائه دهنده Discord 05:03
-
راه اندازی ارائه دهنده توییتر 04:03
-
استقرار اپلیکیشن ما و تست ارائه دهندگان در حالت تولید 13:29
-
راه اندازی ارائه دهنده فیسبوک 08:12
-
راه اندازی ارائه دهنده Auth0 10:44
-
افزودن کاربر به پایگاه داده هنگام ورود به سیستم با یک ارائه دهنده 08:40
-
استراتژی سشن - پایگاه داده در مقابل jwt 03:53
-
توضیح callbacks و دریافت نام ارائه دهنده هنگام ورود به سیستم 10:50
-
استایل دهی به صفحه اصلی - بخش 1 11:13
-
استایل دهی به صفحه اصلی - بخش 2 08:43
-
مسیرهای محافظت شده با میان افزار Next js 09:07
-
راه اندازی صفحه احراز هویت و ورودی سفارشی 14:00
-
تکمیل استایل های ورودی سفارشی 05:14
-
راه اندازی React Hook Form 12:12
-
افزودن zod برای اعتبارسنجی 05:17
-
ورودی ها و اعتبارسنجی ایمیل و شماره تلفن 08:37
-
پسورد و تایید ورودی ها و اعتبارسنجی پسورد 05:15
-
اعتبارسنجی قدرت پسورد 11:53
-
پذیرش اعتبارسنجی شرایط و ضوابط 06:42
-
دکمه ارسال جانبی 09:00
-
نمایش و پنهان سازی پسورد 04:52
-
افزودن پس زمینه و راه اندازی toastify و فیکس کردن برخی مشکلات 10:00
-
رجیستر کاربر در پایگاه داده 17:41
-
پس از ریست و بارگذاری ارسال 04:53
-
راه اندازی قالب 04:28
-
راه اندازی حساب های smtp 05:06
-
تابع SendMail با nodemailer و handlebars 12:42
-
ارسال تست ایمیل با رجیستریش 12:32
-
فعال سازی حساب 19:37
-
ورود به ارائه دهنده و سوئیچ بین فرم ها و پس زمینه ها 17:24
-
ورود به سیستم و csrfToken 12:38
-
افزودن ارائه دهندگان سفارشی ما 14:36
-
فرم و صفحه فراموشی پسورد 06:04
-
فراموشی پسورد - api بک اند 06:07
-
ریست پسورد - فرانت اند 07:08
-
api ریست پسورد 05:04
-
استقرار در Vercel 12:04
مشخصات آموزش
احراز هویت کامل با REACT JS ،NEXT JS و تایپ اسکریپت 2023
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:44
- مدت زمان :06:51:44
- حجم :3.1GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy