初创训练营新内容发布（附：目录与试看下载）

这次初创训练营新发布了四组训练，Web 基础，Nuxt 实践，Nuxt 实战与 Strapi 实战（页底包含训练内容目录与试看视频下载），已报名的同学现在就可以登录 ninghao.co 学起来了。我把训练视频的标题交给 GPT，请它帮我写一段关于训练内容的介绍。

Nuxt.js 实践

这是一门关于Nuxt.js框架的课程。学生将从如何准备和创建Nuxt项目开始，学习自动导入功能、客户端渲染与服务端渲染、页面与路由、组件自定义网页标题、Nuxt应用的配置、页面布局、模块和编译预览Nuxt应用等知识。

随着课程的深入，学生将了解Nuxt框架基于文件系统的路由、定义带参数的路由、路由链接、路由中间件以及定义服务端应用接口等。学生还将学习如何使用异步数据和自定义组合、运行时配置和请求接口用的组合，如何在应用中管理状态和使用TypeScript，以及如何实现内容管理系统的功能，例如创建内容、编辑内容、上传图像、删除内容和自定义错误页面等。

通过这门课程，学生将掌握Nuxt.js框架的核心概念和技能，并能够开发出高性能、灵活且易于维护的Web应用程序。

Web 基础

本课程将会介绍网页制作中的各种技术，包括 HTML 标签、属性、嵌套以及标签之间的关系；网页头部的 meta 和 title 标签；CSS 样式、颜色、长度单位、容器样式等内容，以及使用 Chrome 浏览器开发者工具检查元素和网络。

使用 JavaScript 获取、创建和控制网页内容以及控制网页的交互行为，如鼠标和键盘事件；搭建本地 Web 服务器，使用 Live Server 实时预览网页变化；CSS 相对、绝对、固定和粘性位置，以及弹性盒子和网格布局等高级布局技术；HTML 锚元素、按钮元素以及表单元素，并使用 CSS 设计它们的样式。

图像元素、视频元素以及内联框架元素的使用；页面布局，包括页面头部与边栏布局、内容卡片列表布局和内容卡片布局等。此外，还会介绍 CSS 样式的继承、覆盖和层叠规则，以及响应式页面设计和媒体查询等。通过本课程的学习，您将掌握网页制作的基础知识和高级技术，能够制作出各种样式美观、交互性强的网页。

Nuxt.js 实战

这是一系列关于使用 Nuxt.js 框架开发 Web 应用的课程。在这些课程中，您将学习如何使用 Nuxt.js 和 Tailwind CSS 框架创建 Web 应用程序，并了解 Nuxt.js 中的 HTTP 客户端、元标记、布局和页面组件、响应式图像、路由和动画等核心概念和技术。

在第一组课程中，您将学习如何准备和配置 Nuxt 项目，包括使用 Tailwind CSS 框架、HTTP 客户端、favicon、布局和页面组件、以及自定义字体等。

在第二组课程中，您将了解如何定义接口组件类型、响应数据类型、请求服务端接口、设置页面标题和 Meta、设计默认布局页脚等内容。

在第三组课程中，您将学习如何自定义 Tailwind 框架的 Timing Function、设计主菜单、主题和动画等。

在第四组课程中，您将掌握如何使用 GSAP 动画库实现页面过渡动画、页头动画和滚动回到页顶组件等功能。

在第五组课程中，您将学习如何使用 Composable、响应式图像和媒体查询等技术，创建联系页面和页面底部组件，并使用动画增强用户体验。

在最后一组课程中，您将了解如何使用路由守卫和状态管理等技术，实现在组件里添加 GSAP 动画和可匹配媒体的 GSAP 动画等高级功能。

Strapi 实战

本课程是针对 Strapi 开发的教学，主要包括 Strapi 的安装、配置、管理界面的使用、内容类型的创建、接口的开发、用户、角色与权限的管理、组件的使用、发布单一类型内容以及数据导入与修复错误等方面的内容。

在课程中，我们将讲解如何准备好 Strapi 的开发工具，如何在命令行界面下安装 Strapi，如何准备统一的 Strapi 起点项目，如何开发、编译和启动 Strapi 应用，如何连接 Strapi 数据库和修改服务器的端口号等。

接下来，我们将深入探讨 Strapi 的管理后台使用，如监视管理后台变化、设置管理后台的语言和应用标志、扩展管理后台的翻译和定制主题等方面的内容。在内容类型的构建方面，我们将讲述 Strapi 模型构建器，创建内容类型和集合类型，使用媒体文件字段允许文件上传，配置内容类型的显示视图，以及内容管理、媒体库、内容分类和引用字段等方面的应用。

随后，我们将深入讲解 Strapi 的接口开发知识，包括指定接口返回的字段、接口的字段加载、内容列表接口过滤、排序和分页，以及内容创建、更新和删除接口等。此外，本课程还包含了用户、角色与权限的使用，创建组件和在内容类型里和组件里使用组件的方法，以及创建不同类型的组件（如菜单、页面底部、英雄区、作品列表、品牌列表、文本列表、图像列表和群组等组件）的详细教学。

最后，我们将介绍如何发布单一类型内容和导入作品、分类与文件数据，并讲解如何修复错误。通过本课程的学习，您将能够熟练掌握 Strapi 开发，为实际应用程序开发提供有力支持。