Chia Sẻ Khóa Học Gatsby JS - Xây Dựng Blog PWA Với GraphQL, React Và WordPress [Khóa 9163 A]
16 tháng 6 2020
/
No Comments
Tạo Gatsby JS Progressive Web App với GraphQL, React và WordPress. Thêm Jam Stack vào bộ kỹ năng của bạn.
Bạn sẽ học được gì:
- + Cách tạo các website nhanh chóng tuyệt vời với Gatsby JS.
- + Cách sử dụng Gatsby Starters.
- + Cách sử dụng Global CSS và Module CSS trong Gatsby JS.
- + Cách sử dụng GraphQL.
- + Cách sử dụng Layout trong Gatsby.
- + Cách sử dụng Markdown Remark như một nguồn dữ liệu.
- + Cách sử dụng WordPress để lấy dữ liệu nguồn.
- + Cách Tối ưu hóa SEO website của bạn.
- + Cách triển khai website của bạn với Netlify.
- + Continuous Deployment với GitHub + Netlify.
- + Cách sử dụng Webhooks với Netlify, WordPress và GitHub.
Gatsby JS là một framework mã nguồn mở và miễn phí dựa trên React giúp các nhà phát triển xây dựng trình tạo trang web tĩnh nhanh có thể tạo các website và ứng dụng. Nó kết hợp các phần tốt nhất của React , Webpack , React-router , GraphQL và các công cụ front-end khác vào một và tạo ra một công cụ tuyệt vời thú vị cho các nhà phát triển!
Với Gatsby JS, bạn có thể sử dụng công nghệ web hiện đại mà không phải đau đầu. Mọi thứ sẽ được thiết lập và sẽ chờ bạn bắt đầu xây dựng.
Tương lai của web là thiết bị di động, JavaScript và API, JAMstack. Mỗi trang web là một ứng dụng web và mỗi ứng dụng web là một trang web.
Với Gatsby Rất dễ dàng để biến dự án của bạn thành Progressive Web App (PWA) tĩnh.
Gatsby chỉ tải HTML, CSS, dữ liệu và JavaScript quan trọng để trang web của bạn tải nhanh nhất có thể. Sau khi tải, Gatsby tìm nạp trước tài nguyên cho các trang khác để khi bạn nhấp vào trang web sẽ cảm thấy cực kỳ nhanh.
Trong khóa học này, bạn sẽ học các nội dung chính sau:
- + Các khái niệm thiết yếu của Gatsby JS, Cách cài đặt và tạo dự án đầu tiên của bạn.
- + Cách sử dụng Gatsby Starters để tạo project của bạn.
- + Cách tạo trang trong Gatsby và cách liên kết chúng chính xác.
- + Cách Separate Elements Into Components và cách sử dụng chúng.
- + Cách tạo bố cục trang có thể được sử dụng làm Template.
- + Cách sử dụng GraphQL.
- + Cách Add Sourcing Plugins.
- + Cách sử dụng Markdown Remark để tạo trang/bài đăng của bạn.
- + Cách tạo blog bằng cách sử dụng Gatsby và Markdown Remark (JAM Stack).
- + Cách sử dụng WordPress làm Headless CMS.
- + Cách thêm thẻ meta và cải thiện SEO của website.
- + Cách tạo SEO Component và sử dụng nó trong Layout.
- + Cách triển khai dự án của bạn lên Netlify và Github.
- + Cách triển khai liên tục với Netlify Webhooks.
- + Cách kiểm tra trang web của bạn với Lighthouse (Industry Standard by Google).
- + Cách tạo Lighthouse Perfect Score.
- + Cách chuyển đổi website của bạn sang Progressive Web App (PWA).
- + Cách tạo WordPress Webhooks để triển khai lại dự án của bạn trên Netlify khi bạn tạo / cập nhật / xóa bài đăng.
Mục lục khóa học:
- Phần 1 | Cài đặt môi trường và các bước đầu tiên.
- Phần 2 | Giới thiệu về Gatsby JS.
- Phần 3 | Các khái niệm nâng cao và CSS Style.
- Phần 4 | GraphQL và Markdown Remark Plugin As Source.
- Phần 5 | WordPress Headless CMS và Gatsby.
- Phần 6 | Tối ưu hóa SEO.
- Phần 7 | Triển khai dự án và tối ưu hóa Lighthouse Score.
- Phần 8 | Progressive Web App (PWA) và WordPress Webhooks.
CUNG CẤP TÀI KHOẢN GOOGLE DRIVE DUNG LƯỢNG KHÔNG GIỚI HẠN VỚI GIÁ ƯU ĐÃI NHẤT, XEM CHI TIẾT TẠI ĐÂY
Copyright Disclaimer:
This
site does not store any files on its server. We only index and link to
content provided by other sites. Please contact the content providers to
delete copyright contents if any and Email us, we'll remove relevant
links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui
lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền
nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc
nội dung có liên quan ngay lập tức.
