آموزش توسعه وب به صورت عملی با React و GatsbyJS [ویدئو]

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

شروع کار با GatsbyJS Getting Started with GatsbyJS

• بررسی اجمالی دوره The Course Overview

• بررسی اجمالی دوره The Course Overview

• GatsbyJS چیست؟ What is GatsbyJS?

• GatsbyJS چیست؟ What is GatsbyJS?

• نصب گتسبی و کلون کردن پروژه گتسبی ما Installing Gatsby and Cloning Our Gatsby Project

• نصب گتسبی و کلون کردن پروژه گتسبی ما Installing Gatsby and Cloning Our Gatsby Project

• مروری بر تایپوگرافی و استایلینگ An Overview of Typography and Styling

• مروری بر تایپوگرافی و استایلینگ An Overview of Typography and Styling

• استفاده از React Helmet برای افزودن متادیتا Using React Helmet to Add Metadata

• استفاده از React Helmet برای افزودن متادیتا Using React Helmet to Add Metadata

• ایجاد یک صفحه جدید و پیوند بین صفحات Creating a New Page and Linking Between Pages

• ایجاد یک صفحه جدید و پیوند بین صفحات Creating a New Page and Linking Between Pages

پرس و جو داده ها با GraphQL Querying Data with GraphQL

• مقدمه ای بر GraphQL Introduction to GraphQL

• مقدمه ای بر GraphQL Introduction to GraphQL

• جستجوی داده ها در صفحات با GraphQL Querying Data in Pages with GraphQL

• جستجوی داده ها در صفحات با GraphQL Querying Data in Pages with GraphQL

• با استفاده از StaticQuery API Using the StaticQuery API

• با استفاده از StaticQuery API Using the StaticQuery API

• به روز رسانی SEO.js با useStaticQuery Hook Updating SEO.js with the useStaticQuery Hook

• به روز رسانی SEO.js با useStaticQuery Hook Updating SEO.js with the useStaticQuery Hook

پرس و جو داده ها با GraphQL Querying Data with GraphQL

پلاگین های گتسبی Gatsby Plugins

• افزونه های منبع Source Plugins

• افزونه های منبع Source Plugins

• پلاگین های ترانسفورماتور Transformer Plugins

• پلاگین های ترانسفورماتور Transformer Plugins

• به کتابخانه پلاگین گتسبی خوش آمدید Welcome to the Gatsby Plugin Library

• به کتابخانه پلاگین گتسبی خوش آمدید Welcome to the Gatsby Plugin Library

• ردیابی رویدادها با افزونه ها Tracking Events with Plugins

• ردیابی رویدادها با افزونه ها Tracking Events with Plugins

• افزایش نرخ کلیک با کارت های اجتماعی Increasing Your Click Rates with Social Cards

• افزایش نرخ کلیک با کارت های اجتماعی Increasing Your Click Rates with Social Cards

پلاگین های گتسبی Gatsby Plugins

ایجاد صفحات به صورت برنامه ای Programmatically Creating Pages

• ساختن اولین فایل علامت گذاری پست ما Making Our First Post Markdown Files

• ساختن اولین فایل علامت گذاری پست ما Making Our First Post Markdown Files

• ساختن الگوی پست برنامه وب ما Building Our Web App’s Post Template

• ساختن الگوی پست برنامه وب ما Building Our Web App’s Post Template

• کار با createPage API در gatsby-node.js Working with the createPage API in gatsby-node.js

• کار با createPage API در gatsby-node.js Working with the createPage API in gatsby-node.js

• افزودن onCreateNode API و به روز رسانی Query ما Adding the onCreateNode API and Updating Our Query

• افزودن onCreateNode API و به روز رسانی Query ما Adding the onCreateNode API and Updating Our Query

• نوشتن یک درخواست صفحه در قالب ما Writing a Page Query in Our Template

• نوشتن یک درخواست صفحه در قالب ما Writing a Page Query in Our Template

ایجاد صفحات به صورت برنامه ای Programmatically Creating Pages

کار با تصاویر در گتسبی Working with Images in Gatsby

• وارد کردن فایل ها با GraphQL Importing Files with GraphQL

• وارد کردن فایل ها با GraphQL Importing Files with GraphQL

• استفاده از تصویر گتسبی Using Gatsby Image

• استفاده از تصویر گتسبی Using Gatsby Image

• افزودن تصاویر به فایل‌های Markdown ما Adding Images to Our Markdown Files

• افزودن تصاویر به فایل‌های Markdown ما Adding Images to Our Markdown Files

• افزودن یک ویدیو به برنامه ما Adding a Video to Our App

• افزودن یک ویدیو به برنامه ما Adding a Video to Our App

کار با تصاویر در گتسبی Working with Images in Gatsby

محتوا زیرساخت محتوا Contentful – Content Infrastructure

• Contentful چیست؟ What is Contentful?

• Contentful چیست؟ What is Contentful?

• ایجاد یک حساب کاربری محتوایی Creating a Contentful Account

• ایجاد یک حساب کاربری محتوایی Creating a Contentful Account

• اتصال گتسبی به Contentful Connecting Gatsby to Contentful

• اتصال گتسبی به Contentful Connecting Gatsby to Contentful

• به روز رسانی gatsby-node با یک پرس و جو محتوایی Updating gatsby-node with a Contentful Query

• به روز رسانی gatsby-node با یک پرس و جو محتوایی Updating gatsby-node with a Contentful Query

• به روز رسانی سوالات ما Updating Our Queries

• به روز رسانی سوالات ما Updating Our Queries

محتوا زیرساخت محتوا Contentful – Content Infrastructure

استقرار برنامه شما Deploying Your App

• استقرار و میزبانی Deploying and Hosting

• استقرار و میزبانی Deploying and Hosting

• ایجاد یک حساب Netlify Creating a Netlify Account

• ایجاد یک حساب Netlify Creating a Netlify Account

• پیوند دادن به مخزن و استقرار برنامه وب شما Linking to Your Repository and Deploying Your Web App

• پیوند دادن به مخزن و استقرار برنامه وب شما Linking to Your Repository and Deploying Your Web App

• به روز رسانی برنامه شما Updating Your App

• به روز رسانی برنامه شما Updating Your App

• ارتقای بازی با پیش نمایش گتسبی Upping the Game with Gatsby Preview

• ارتقای بازی با پیش نمایش گتسبی Upping the Game with Gatsby Preview

استقرار برنامه شما Deploying Your App