|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-cours-complet/
课程评论:没有评论
课程名称:Next.js: 完整课程 课程概述: 这是一个全面的Next.js课程!Next.js 是 React 的框架,尽管乍一看可能有些奇怪,但它为 React 带来的东西至关重要。需要强调的是,React 官方上并不是一个框架,而是一个库,它并未提供一个完整的工作框架,只是“简单地”通过组件和强大的功能来创建Web应用。为了完成某些任务,我们需要借助外部工具,例如 React-Router、Redux 等。此外,用 React 创建的应用在 SEO 方面表现不佳,因为服务器返回的是一个庞大的 JavaScript 包,而非可以被 Google 爬虫等抓取的内容。Next.js 为 React 提供了真正的工作框架,同时保留了其核心功能(组件、状态、属性、钩子、上下文等)。 Next.js 的优势和功能包括: - 集成且易于使用的路由系统 - 超快速的静态页面创建,且有利于 SEO - 图片优化页面 - 需要时的服务器端渲染 - 极其简单和高效的数据使用(API、数据库等) - 使用 Next.js 直接创建 API - 等等…… 听起来诱人吧?那么,课程的内容包括哪些方面呢? 1. React 和 JavaScript 回顾(仅供需要的学员复习) 2. 开始学习路由系统 3. 使用 Next 进行页面优化 4. 页面渲染、服务器端渲染及数据使用 5. 实践项目:博客 6. 使用 Next 创建 API 7. 部署 期待在课程中与大家见面,开始这一切吧!
Il est là, enfin, le cours complet Next.js!Next.js est le Framework de React, cela peut paraître étrange au premier abord, mais ce qu'il apporte à React est tout simplement essentiel.Il faut rappeler que React n'est pas officielement un Framework, c'est une librairie, c'est à dire qu'elle n'apporte pas un cadre complet de travail, elle permet "simplement" de créer des applications web à l'aide de composants et de fonctionnalités géniales.Pour preuve, on a besoin d'utiliser des outils externes pour réaliser certaines tâches, comme React-Router, Redux, etc...Enfin et surtout, les applications crées avec React n'ont pas un bon SEO, tout simplement car un énorme paquet(bundle) javaScript est retourné par le serveur, et non du contenu qui pourrait se faire parcourir par les "crawlers" de Google & Co.Next.js vient quant à lui apporter un vrai cadre de travail avec React, tout en gardant ses fonctionnalités phares (composants, state, props, hooks, contexte, etc...).Les avantages et fonctionnalités de Next: - Un système de routing intégré et très simple à utiliser- De la création de pages statiques hyper rapides et bonnes pour le SEO- Une optimisation des pages, du aux images- Du rendu côté serveur si on en a besoin- Une utilisation de données (API, base de données, etc..) extremement simple et performante- De la création d'API directement avec Next- Etc...Alléchant, n'est-ce pas ?Et maintenant, de quoi est composé le cours ?1. Un rappel React & JavaScript (Seulement pour ceux qui en ont besoin)2. On attaque avec le système de routing3. L'optimisation des pages avec Next4. Le rendu de pages, le rendu côté serveur et l'utilisation de données5. Projet pratique: Blog6. Création d'API avec Next7. DéploiementOn se donne rendez-vous de l'autre côté pour commencer tout ça!