لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش یادگیری گتسبی
Learning Gatsby
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
گتسبی برداشت جدیدی از ژنراتور سایت استاتیک است. ساخته شده بر روی React ، از GraphQL برای استخراج اطلاعات از منابع داده مانند WordPress استفاده می کند. بیاموزید که چگونه در این دوره با Morten Rand-Hendriksen از این چارچوب جاوا اسکریپت انعطاف پذیر برای ایجاد وب سایت های متمرکز بر عملکرد استفاده کنید. نحوه ایجاد و راه اندازی گتسبی را بیابید و از پروژه های شروع کننده برای ساخت سریع سایت های خود استفاده کنید. نحوه کار با صفحات ، دارایی ها و م componentsلفه های گتسبی و سبک دهی به سایت های خود را با استفاده از چندین رویکرد CSS بیابید: ورق های سبک استاتیک استاندارد ، سبک های درون خطی ، ماژول های CSS ، اجزای سبک شده و موارد دیگر. بعلاوه ، یاد بگیرید که چگونه Gatsby را با افزونه ها گسترش دهید ، با پرس و جوهای GraphQL به منابع داده متصل شوید ، صفحات را به صورت پویا با استفاده از پلاگین های ترانسفورماتور و اسکریپت های Node.js ایجاد کنید و سایت گتسبی خود را برای تولید آماده کنید.
موضوعات شامل:
تنظیم گتسبی li>
نصب شروع کننده گتسبی li>
بررسی یک پروژه گتسبی li>
کار با صفحات ثابت و دارایی ها li>
استفاده از م componentsلفه ها li>
طراحی سایت گتسبی خود با CSS
تمدید گتسبی با پلاگین li>
درخواست داده با GraphQL
ایجاد صفحات بصورت پویا li>
ساخت یک سایت عمومی آماده تولید li>
ایجاد یک برنامه وب پیشرو (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
لینکدین: شبکه اجتماعی حرفهای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکههای اجتماعی حرفهای، به میلیونها افراد در سراسر جهان این امکان را میدهد تا ارتباط برقرار کنند، اطلاعات حرفهای خود را به اشتراک بگذارند و فرصتهای شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان میدهد تا رزومه حرفهای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمنها و گروههای حرفهای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهرهمند شوند.
لینکدین همچنین به کارفرمایان امکان میدهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفهای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصتهای شغلی و گسترش شبکه حرفهای خود، نقش مهمی را ایفا میکند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفهای در دنیای امروز مورد توجه قرار دارد.
مربی کارکنان ارشد، سخنران، طراح وب و توسعهدهنده نرمافزار
مورتن رند هندریکسن یک مربی ارشد کارکنان، سخنران، طراح وب و توسعهدهنده نرمافزار است.
مورتن بیش از 100 دوره آموزشی برای Lynda.com و LinkedIn Learning ایجاد کرده است که طیف وسیعی از موضوعات از جمله استانداردهای وب، فناوریهای نوظهور و اخلاق فناوری را پوشش میدهد. دوره های او به چهار زبان ترجمه شده است. او که یک مشارکت کننده متن باز با نزدیک به دو دهه تجربه در صنعت است، نویسنده چندین کتاب، مقاله و فیلم آموزشی و یک متخصص شناخته شده در هنر وردپرس است. او سخنران و مدرس محبوبی در کنفرانسهای حرفهای در سرتاسر جهان بوده است، راهحلهای طراحی ظاهری مبتنی بر استانداردها را میسازد و به دیگران آموزش میدهد که چگونه از وب بیشترین بهره را ببرند.
مورتن در اصل اهل نروژ است. با خانواده اش در بریتیش کلمبیا در سواحل غرب کانادا.
نمایش نظرات