مطالب پیشنهادی از سراسر وب

آموزش Gatsby JS: ساخت بلاگ PWA با GraphQL ،React و وردپرس

دسته بندی ها: آموزش جاوا اسکریپت (Javascript) ، آموزش های Packtpub ، آموزش وردپرس (Wordpress) ، آموزش گرف کیوال (GraphQL) ، آموزش ری اکت (React) ، آموزش طراحی وب

Gatsby JS یک فریمورک رایگان و متن باز بر پایه ری اکت است که به توسعه دهندگان کمک می کند تا تولیدکنندگان سایت ایستا و بسیار شگفت انگیزی را ایجاد کنند که می تواند وب سایت و اپلیکیشن هایی ایجاد کند. اما این به چه معناست؟ خوب، gatsby بهترین قسمت های ری اکت، Webpack ،React-router و GraphQL و سایر ابزارهای فرانت اند را با هم ترکیب می کند و یک ابزار شگفت انگیز ایجاد می کند که توسعه دهندگان می توانند از استفاده آن لذت ببرند! با Gatsby.js می توانید از وب مدرن و بدون دردسر استفاده کنید. همه چیز تنظیم خواهد شد و منتظر شروع ساختن شما می شوند. یکی از بهترین نکات در مورد Gatsby این است که شما می توانید داده های خود را بدون مشکل از CMS،API ها، پایگاه داده ها یا فایل سیستم ها دریافت کنید. هیچ محدودیتی وجود ندارد. حتی می توانید داده ها را از وردپرس تهیه کنید و این باعث می شود مشتری بتواند با وب سایتی که برای آن ها ساخته اید تعامل برقرار کند و محتوای جدیدی اضافه کند.

آینده وب موبایل، جاوااسکریپت و APIs هستند. هر وب سایت یک اپلیکیشن تحت وب است و هر اپلیکیشن یک وب سایت است. به وسیله ی Gatsby، بسیار ساده است که پروژه ی خود را به صورت وب‌اپلیکیشن‌های پیش رونده (PWA) پیاده سازی کنید. کد و داده ها را از بیرون دریافت کنید. Gatsby فقط html ،css، داده و javascript ضروری را بارگذاری می کند در نتیجه سایت شما در کمترین سرعت ممکن بارگذاری می شود. پس از بارگیری، گتسبی منابع سایر صفحات را از پیش دریافت می کند بنابراین جابه جایی بین صفحات سایت بسیار سریع احساس می شود. Gastby سریع ترین وب سایت های ممکن را ایجاد می کند. به جای این انتظار برای تولید صفحات به هنگام ارسال درخواست، صفحات را از قبل بسازید و آن ها را در یک ابر جهانی از سرورها قرار دهید - در نتیجه آماده ی تحویل فوری به کاربران شما در هر کجاست.

تمامی کدها و فایل های پشتیبانی از این لینک در دسترس هستند.

وب‌اپلیکیشن‌های پیش رونده (PWA) و وب هوک های وردپرس

فایل های تمرین exercise_files.zip

ترجمه با ویدابیا

ترجمه فارسی این دوره آموزشی رو همین الان از ویدابیا سفارش بده الان سفارش بده
آیا این نوشته را دوست داشتید؟
Packt Gatsby JS: Build PWA Blog with GraphQL, React and WordPress Duration:3 hours 51 minutes

Gatsby JS is a free and open source framework based on React that helps developers build blazingly fast, static site generators which can create websites and apps. But what does this mean? Well, it combines the best parts of React, Webpack, React-router, GraphQL, and other front-end tools and creates one amazing tool that developers can enjoy using! With Gatsby.js, you can use modern web tech without the headaches. Everything will be set up, waiting for you to start building.
One of the best things about Gatsby is that you can bring in your own data from headless CMS, APIs, databases, or file systems. There is no limit. You can even source data from WordPress and this makes it very easy for clients to interact with the website you've built for them and add new content. They just need to update their posts on WordPress and that's it. Also, with Gatsby you will not build a website with last decade's tech.
The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. With Gatsby, it is very easy to make your project a static Progressive Web App (PWA). You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast. Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers—ready to be delivered instantly to your users wherever they are. All the code and supporting files for this course are available at -
https://github.com/PacktPublishing/Gatsby-JS-Build-PWA-Blog-with-GraphQL-React-and-WordPress-

پیشنهاد آموزش مرتبط در فرادرس