آموزش افزودن فرم های تماس به سایت Hugo Static
Adding contact forms to a Hugo Static Site
این کلاس به شما یاد می‌دهد که چگونه یک فرم تماس را به یک وب‌سایت ثابت Hugo طراحی و اضافه کنید.
شما از یک شخص ثالث ارائه‌دهنده ارسال برای پردازش فرم استفاده خواهید کرد، زیرا وب‌سایت‌های ثابت قادر به انجام این کار پویا نیستند.
من روش‌های مختلف ارسال فرم را به شما نشان خواهم داد، از جمله AJAX با جاوا اسکریپت (برای جلوگیری از به‌روزرسانی صفحه و تجربه کاربری بسیار بهتر)
در حالی که می‌توانید مهارت‌های آموخته‌شده را تقریباً در هر نقطه پایانی API فرم تماس اعمال کنید، توصیه می‌کنم از یک برای این دوره استفاده کنید.
این پروژه شامل طراحی، و اصلاح فرم تماس با استفاده از بوت استرپ 5 است. بوت استرپ 5 راه های آسان بسیاری را برای شما ارائه می دهد تا فرم تماس خود را برای رفع نیازهای خود سفارشی کنید. سپس فرم را به نقطه پایانی API متصل میکنید تا پیام‌ها را برای ارسال به حساب ایمیل خود دریافت کنید.
لطفاً عکس‌های طراحی فرم نهایی خود را در بخش پروژه پست کنید و در صورت نیاز به کمک، پیوندی به کد خود (آپلود شده در GitHub یا جای دیگر) به اشتراک بگذارید.
برای دسترسی به کد هر درس، کد شروع در شاخه اصلی است.
پیوندهای ارجاع شده در درس ها
https://usebasin.com/- API نقطه پایانی فرم تماس
https://getbootstrap.com/docs/5.0/forms/layout/
https://getbootstrap.com/docs/5.0/forms/validation/
https://developers.google.com/recaptcha/docs/invisible
درس ها Lessons
-
به API Endpoint متصل شوید Connect to API Endpoint
-
فرم تماس را سفارشی کنید Customize the Contact Form
-
اعتبار سنجی فرم Form Validation
-
یک فرم تماس ایجاد کنید Create a Contact Form
-
مقدمه Intro
-
ارسال فرم AJAX (بدون بارگذاری مجدد صفحه) AJAX Form Submission (no page reload)
-
شروع کار با پروژه Getting Started with the Project
-
تشخیص هرزنامه Spam Detection
درس ها Lessons
-
ارسال فرم AJAX (بدون بارگذاری مجدد صفحه) AJAX Form Submission (no page reload)
-
اعتبار سنجی فرم Form Validation
-
تشخیص هرزنامه Spam Detection
-
مقدمه Intro
-
به API Endpoint متصل شوید Connect to API Endpoint
-
شروع کار با پروژه Getting Started with the Project
-
یک فرم تماس ایجاد کنید Create a Contact Form
-
فرم تماس را سفارشی کنید Customize the Contact Form
https://donyad.com/d/6ec2da
Sean Emerson
توسعه دهنده وب و متخصص سایت استاتیک
نمایش نظرات