دوره آموزشی یادگیری گتسبی
3 ساعت 3 دقیقهمتوسط2021-12-17
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
گتسبی به توسعه دهندگان React و WordPress رویکرد جامع تری برای توسعه برنامه های کاربردی وب ارائه می دهد که با نگرانی های کامل در مورد پشتیبانی دسترسی کامل است. پایه های GraphQL گتسبی به آن اجازه می دهد اطلاعات را از منابع داده های مختلف استخراج کند. در این دوره آموزشی، مربی Morten Rand-Hendriksen به شما نشان می دهد که چگونه گتسبی می تواند به شما در ساخت وب سایت های متمرکز بر عملکرد کمک کند. مورتن قدم در راه اندازی گتسبی و خراب کردن سایت گتسبی می گذارد. او نحوه استفاده از صفحات استاتیک، داراییهای استاتیک، مؤلفهها و CSS را در گتسبی توضیح میدهد، سپس به سراغ گزینههای افزونه و افزودن تصاویر به صفحه میرود. مورتن دادهها را در گتسبی بررسی میکند، از جمله ایجاد یک جستجوی صفحه، ایجاد یک جستجوی پیشرفته GraphQL و افزودن تصاویر پویا. پس از طی کردن مراحل ایجاد صفحات به صورت پویا، او به شما نشان می دهد که چگونه سایت تولید را بسازید و عملکردهای PWA و آفلاین را اضافه کنید. با هر فصلی که شامل چالش ها و راه حل های عملی است، این دوره شما را در مسیر تسلط بر گتسبی قرار می دهد.
مهارت ها
Gatsby.jsGatsby, Inc.GraphQLReact.jsJavaScript FrameworksMetaFront-End Web DevelopmentLearningWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01 - وب را با گتسبی مدرن کنید
- 02 - پیش نیازهای این دوره
1. راه اندازی گتسبی برای اولین بار
- 03 - گتسبی - یک مولد سایت ایستا
- 04 - راه اندازی اولیه
- 05 - ابزارهای کمکی را پیکربندی کنید
- 06 - یک استارت گتسبی را نصب کنید
- 07 - سایت گتسبی محلی خود را راه اندازی و متوقف کنید
2. شکستن سایت گتسبی
- 08 - شروع از صفر با فایل های تمرینی
- 09 - پروژه را کاوش کنید
- 10 - چالش - تغییر عنوان سایت و سایر مطالب
- 11 - راه حل - عنوان سایت و سایر مطالب را تغییر دهید
3. صفحات، مؤلفه ها و سبک ها
- 12 - صفحات ثابت
- 13 - دارایی های ساکن
- 14 - اجزاء و نحوه استفاده از آنها
- 15 - جزء طرح
- 16 - CSS در گتسبی - چندین رویکرد
- 17 - مثال - ماژول های CSS و CSS مدرن
- 18 - چالش - یک جزء ناوبری ایجاد کنید
- 19 - راه حل - یک جزء ناوبری ایجاد کنید
4. پلاگین ها و تصاویر
- 20 - گتسبی را با افزونه ها گسترش دهید
- 21 - گزینه های افزونه
- 22 - مثال - تصاویر در گتسبی
- 23 - ویژگی های تصویر سفارشی
- 24 - چالش - اضافه کردن دو تصویر جدید به یک صفحه
- 25 - راه حل - اضافه کردن دو تصویر جدید به یک صفحه
5. داده ها
- 26 - گتسبی و GraphQL
- 27 - یک صفحه پرس و جو ایجاد کنید
- 28 - ساخت پرس و جوی پیشرفته GraphQL
- 29 - افزودن تصاویر پویا
- 30 - چالش - ایجاد یک منوی ناوبری پویا
- 31 - راه حل - یک منوی ناوبری پویا بسازید
6. صفحات را به صورت پویا ایجاد کنید
- 32 - تبدیل داده ها به صفحات
- 33 - داده ها را از طریق ترانسفورماتورها در دسترس قرار دهید
- 34 - داده های تبدیل شده را با داده های جدید گسترش دهید
- 35 - داده های تبدیل شده را پردازش کنید
- 36 - فایل های Markdown را با ترانسفورماتور وارد کنید
- 37 - صفحات را از فایل های Markdown ایجاد کنید
- 38 - صفحات فهرست بندی شده ایجاد کنید
- 39 - چالش - فهرست های برچسب صفحه بندی شده را اضافه کنید
- 40 - راه حل - فهرست های برچسب صفحه بندی شده را اضافه کنید
7. پخش زنده
- 41 - ساخت سایت تولید
- 42 - قابلیت PWA و آفلاین را اضافه کنید
نتیجه
- 43 - اطلاعات بیشتر