Qwik 初学者
Qwik For Beginners
Qwik 框架的深入介绍 – 决定 Qwik 是否适合您!
你将学到什么
-
Qwik组件及组件组成
-
详细了解 Qwil 的幕后工作原理
-
Qwik 商店和 Qwik 变更检测系统
-
Qwik HTTP(可恢复和不可恢复场景)
-
输入属性和事件处理程序
-
设置 Qwik 组件的样式 – 作用域和非作用域样式
-
常见任务:条件渲染、渲染元素列表
要求
-
需要具备 Javascript 知识
-
不需要具备其他框架(如 Angular 或 React)的知识
-
不需要具备 Typescript 相关知识
描述
本课程深入介绍 Qwik 框架。它带有一个正在运行的 Github 存储库。
本课程简而言之
Qwik 是一个 Web 框架,由与 Angular 和 AngularJs 相同的创建者创建,它允许开发人员创建速度极快的 Web 应用程序。
由于使用了 JSX,而且许多 Qwik API 的名称与 React 相似,因此就开发人员体验而言,Qwik 与 React 非常相似。
但在引擎盖下,它有一个完全不同且更强大的引擎。
Qwik 为我们提供了开箱即用的服务器端渲染,无需任何特殊的额外配置。但除此之外,Qwik 是第一个可恢复的应用程序框架,我们可以在其中创建服务器端渲染的应用程序,这些应用程序将自动将其状态传输到客户端,并在服务器上初始渲染后在浏览器上恢复其执行。
Qwik 具有非常创新的细粒度延迟加载机制,框架以透明的方式自动为我们完成延迟加载。
作为开发人员,我们不必再担心服务器端渲染,Qwik 将为我们解决这个问题。
此外,Qwik 还配备了基于 Javascript 代理的全新反应式更改检测机制。这种变更检测具有“推送”式变更检测系统的所有性能,没有任何必须使用不变性库的缺点。
课程大纲
在本课程中,您将从组件和组件组合开始初步介绍 Qwik 框架基础知识。我们将介绍模板表达式、输入属性、事件处理程序以及如何将回调函数传递给组件。
您还将详细了解 Qwik 的幕后工作原理。您将详细了解 Qwik 延迟加载机制,我们还将介绍 QRL 的概念。
然后我们将介绍如何执行一些基于 JSX 的任务,例如条件渲染或渲染项目列表。
然后我们将介绍您需要了解的有关组件样式的所有内容,即作用域和无作用域组件样式,以及如何有条件地将 CSS 类或样式添加到模板元素。
然后,我们将有一个关于 Qwik 存储的完整部分,并全面了解如何使用 useStore 和 useContext API 在 Qwik 中处理应用程序数据。
我们还将有一个关于 Qwik HTTP 和 useResource API 的完整部分,其中我们将了解 Qwik 中的几个常见 HTTP 场景:可恢复 HTTP 和不可恢复 HTTP。
目录
本课程将讨论以下主题:
- Qwik组件及组件组成
- 输入属性和事件处理程序
- Qwik 的底层和 QRL
- Qwik 延迟加载
- 常见的 JSX 任务:条件渲染、列表渲染
- Qwik 组件样式、条件样式
- Qwik 商店、Qwik 更改检测和 useContext API
- Qwik HTTP(可恢复和不可恢复场景)
您将在本课程中学到什么?
本课程的重点是介绍 Qwik 的基础知识,以便您可以立即开始使用该框架提高工作效率。
我们将只关注您将在 95% 的时间中使用的 20% 的功能,以便您可以快速开始创建自己的组件和应用程序。
看看下面的免费课程,祝您享受课程!
本课程适合谁:
- 希望学习 Qwik 框架的软件开发人员
- 开发人员试图确定 Qwik 是否是其项目的正确选择
- 希望学习新 Web 框架的 Angular、React 和 Vue 开发人员
评论(0)