Gatsby js Framework in React per il Server Side Rendering

所在平台: Udemy

课程主页: https://www.udemy.com/course/corso-gatsbyjs-italiano/

课程评论:没有评论

第一个写评论        关注课程

课程简介

Gatsby.js 框架在 React 中实现服务端渲染 **课程概述:** 本课程将介绍 Gatsby.js,一个基于 React 和 GraphQL 的静态网站生成器。Gatsby 结合了 React 的可维护性、Vite 的效率、react-router 的简洁性以及 GraphQL 的可扩展性,提供了卓越的开发体验。它不仅是一个静态网站生成器,更是一个现代、完整的开源前端框架,能够构建极致性能的 Web 应用,实现闪电般的页面加载、Service Worker、代码分割、服务端渲染、高级图片加载、资源优化和数据预取。 **课程结构:** 课程分为两部分: * **第一部分:** 理论与基础。将深入讲解 Gatsby 的核心概念和理论知识。 * **第二部分:** 项目实战。将使用 Sanity 作为 CMS,从零开始构建一个全静态博客。内容将涵盖客户端和服务器端 Gatsby API 的使用,以及高级的构建优化和 SEO 主题。 所有课程内容和项目代码都将在两个 GitHub 仓库中提供,一个用于理论讲解,另一个用于最终项目。本课程将使用 TypeScript 进行讲解,以确保最高质量的教学。 **先修要求:** * 熟悉 React * 良好的 Javascript、CSS 和 HTML 基础

课程评论(0条)

课程详情

Che cos'è Gatsbyjs ? Gatsby è un generatore di siti statici basato su React e GraphQL. Combina le mantenibilità di React, l'efficienza di Vite, la semplicità di react-router, e la scalabità di GraphQL per fornire un'esperienza di sviluppo eccellente. Gatsby è molto più di un generatore di siti statici: è un moderno e completo framework front-end.Permette di creare una webapp che utilizza solo file statici per caricamenti di pagine incredibilmente veloci, service workers, code splitting, rendering lato server, caricamento avanzato delle immagini, ottimizzazione delle risorse e prefetch dei dati.Come sarà organizzato il corso ?Il corso si articolerà in due parti. Nella prima parte, tratteremo le basi e la teoria di Gatsby, e nella seconda parte, andremo a sviluppare un blog completamente statico utilizzando Sanity come CMS, esploreremo le API di Gatsby lato client e lato server e infine ci soffermeremo sui topic avanzati di ottimizzazione della build e SEO. Tutte le lezioni saranno disponibili su due Repo di GitHub una dedicata alla Teoria e l'altra con il codice del progetto finale. Sarà possibile seguire il corso sia in Javascript che in Typescript, poiché spiegato in quest'ultimo per offrire la maggiore qualità possibile del corso.Quali sono i requisiti per seguire il corso ?E' richiesta la familiarità con React, una buona conoscenza di Javascript, CSS e HTML.

课程标签

0人关注该课程

主题相关的课程