教程演示🔗

你会学到什么

  • 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 开发人员

Qwik For Beginners

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源