آموزش یادگیری گتسبی

Learning Gatsby

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: گتسبی برداشت جدیدی از ژنراتور سایت استاتیک است. ساخته شده بر روی React ، از GraphQL برای استخراج اطلاعات از منابع داده مانند WordPress استفاده می کند. بیاموزید که چگونه در این دوره با Morten Rand-Hendriksen از این چارچوب جاوا اسکریپت انعطاف پذیر برای ایجاد وب سایت های متمرکز بر عملکرد استفاده کنید. نحوه ایجاد و راه اندازی گتسبی را بیابید و از پروژه های شروع کننده برای ساخت سریع سایت های خود استفاده کنید. نحوه کار با صفحات ، دارایی ها و م componentsلفه های گتسبی و سبک دهی به سایت های خود را با استفاده از چندین رویکرد CSS بیابید: ورق های سبک استاتیک استاندارد ، سبک های درون خطی ، ماژول های CSS ، اجزای سبک شده و موارد دیگر. بعلاوه ، یاد بگیرید که چگونه Gatsby را با افزونه ها گسترش دهید ، با پرس و جوهای GraphQL به منابع داده متصل شوید ، صفحات را به صورت پویا با استفاده از پلاگین های ترانسفورماتور و اسکریپت های Node.js ایجاد کنید و سایت گتسبی خود را برای تولید آماده کنید.
موضوعات شامل:
  • تنظیم گتسبی
  • نصب شروع کننده گتسبی
  • بررسی یک پروژه گتسبی
  • کار با صفحات ثابت و دارایی ها
  • استفاده از م componentsلفه ها
  • طراحی سایت گتسبی خود با CSS
  • تمدید گتسبی با پلاگین
  • درخواست داده با GraphQL
  • ایجاد صفحات بصورت پویا
  • ساخت یک سایت عمومی آماده تولید
  • ایجاد یک برنامه وب پیشرو (PWA)

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

مقدمه Introduction

  • وب را با گتسبی مدرن کنید Modernize the web with Gatsby

  • آنچه باید بدانید What you should know

1. تنظیم گتسبی برای اولین بار 1. Setting Up Gatsby for the First Time

  • گتسبی: تولید کننده سایت استاتیک Gatsby: A static site generator

  • راه اندازی اولیه Initial setup

  • یک Starters Gatsby را نصب کنید Install a Gatsby starter

  • سایت محلی گتسبی خود را شروع و متوقف کنید Start and stop your local Gatsby site

2. خراب کردن یک سایت گتسبی 2. Breaking Down a Gatsby Site

  • از ابتدا شروع کنید Start from scratch

  • پروژه را کاوش کنید Explore the project

  • اصول اصلی گاتسبی Core Gatsby principles

  • چالش: عنوان سایت و مطالب دیگر را تغییر دهید Challenge: Change the site title and other content

  • راه حل: عنوان سایت و مطالب دیگر را تغییر دهید Solution: Change the site title and other content

3. صفحات ، مؤلفه ها و سبک ها 3. Pages, Components, and Styles

  • صفحات استاتیک Static pages

  • دارایی استاتیک Static assets

  • اجزاء و نحوه استفاده از آنها Components and how to use them

  • جزء طرح The layout component

  • CSS در گتسبی: رویکردهای چندگانه CSS in Gatsby: Multiple approaches

  • مثال: ماژول های CSS و CSS مدرن Example: CSS modules and modern CSS

  • چالش: یک جزء ناوبری ایجاد کنید Challenge: Create a navigation component

  • راه حل: یک جزء ناوبری ایجاد کنید Solution: Create a navigation component

4- افزونه ها و تبدیل ها 4. Plugins and Transformations

  • گتسبی را با افزونه ها گسترش دهید Extend Gatsby with plugins

  • گزینه های افزونه Plugin options

  • افزونه های انتقال Transformation plugins

  • چالش: دو تصویر جدید را به یک صفحه اضافه کنید Challenge: Add two new images to a page

  • راه حل: دو تصویر جدید را به یک صفحه اضافه کنید Solution: Add two new images to a page

5- داده 5. Data

  • گتسبی و GraphQL Gatsby and GraphQL

  • دو نوع نمایش داده شد GraphQL Two types of GraphQL queries

  • چالش: یک منوی پویا پیمایش کنید Challenge: Make a dynamic navigation menu

  • راه حل: یک منوی پویا پیمایش کنید Solution: Make a dynamic navigation menu

6. ایجاد صفحات به صورت پویا 6. Create Pages Dynamically

  • داده ها را به صفحات تبدیل کنید Transform data into pages

  • داده ها را از طریق ترانسفورماتورها در دسترس قرار دهید Make data available through transformers

  • پردازش داده ها را تغییر می دهد Process transformed data

  • صفحات را از پرونده های علامت گذاری ایجاد کنید Generate pages from markdown files

  • صفحات فهرست صفحه ایجاد کنید Create paginated index pages

  • چالش: فهرست های برچسب صفحه دار را اضافه کنید Challenge: Add paginated tag indexes

  • راه حل: فهرست های برچسب صفحه بندی شده را اضافه کنید Solution: Add paginated tag indexes

7. رفتن زنده 7. Going Live

  • سایت تولید را بسازید Build the production site

  • قابلیت PWA و عملکرد آفلاین را اضافه کنید Add PWA and offline functionality

نتیجه Conclusion

  • اطلاعات بیشتر Further information

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش یادگیری گتسبی
جزییات دوره
2h 45m
38
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
1,941
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Morten Rand-Hendriksen Morten Rand-Hendriksen

مربی کارکنان ارشد، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار

مورتن رند هندریکسن یک مربی ارشد کارکنان، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار است.

مورتن بیش از 100 دوره آموزشی برای Lynda.com و LinkedIn Learning ایجاد کرده است که طیف وسیعی از موضوعات از جمله استانداردهای وب، فناوری‌های نوظهور و اخلاق فناوری را پوشش می‌دهد. دوره های او به چهار زبان ترجمه شده است. او که یک مشارکت کننده متن باز با نزدیک به دو دهه تجربه در صنعت است، نویسنده چندین کتاب، مقاله و فیلم آموزشی و یک متخصص شناخته شده در هنر وردپرس است. او سخنران و مدرس محبوبی در کنفرانس‌های حرفه‌ای در سرتاسر جهان بوده است، راه‌حل‌های طراحی ظاهری مبتنی بر استانداردها را می‌سازد و به دیگران آموزش می‌دهد که چگونه از وب بیشترین بهره را ببرند.

مورتن در اصل اهل نروژ است. با خانواده اش در بریتیش کلمبیا در سواحل غرب کانادا.