|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/qwik-course/
课程评论：没有评论
课程名称：Qwik入门 课程概述： 本课程深入介绍了Qwik框架，并提供一个可运行的Github代码库。Qwik是由Angular和AngularJs的创建者开发的一个网页框架，旨在帮助开发者创建超高速的网页应用。Qwik在开发者体验上与React非常相似，使用JSX且许多Qwik API的命名与React类似，但其底层引擎完全不同且更为强大。 Qwik自带服务器端渲染功能，无需额外配置。此外，Qwik是首个可恢复的应用框架，能够创建自动将状态传递到客户端并在浏览器中继续执行的服务器端渲染应用。Qwik还具备创新的细粒度懒加载机制，框架会自动处理懒加载，开发者无须担心服务器端渲染，Qwik会帮我们解决。 课程内容： 本课程将带您介绍Qwik框架的基本知识，包括组件及组件组合；输入属性、事件处理及如何将回调函数传递给组件。您将详细了解Qwik的底层工作原理、懒加载机制以及QRL（快速资源定位符）的概念。 课程还将涵盖一些基于JSX的任务，如条件渲染和列表渲染。接着，您将学习组件样式，包括作用域样式和非作用域样式，以及如何有条件地向模板元素添加CSS类或样式。课程会有专门一节讨论Qwik商店，帮助您理解如何使用useStore和useContext API处理Qwik中的应用数据。 最后，我们将详细介绍Qwik HTTP以及useResource API，学习常见的HTTP场景，包括可恢复和不可恢复的HTTP请求。 学习内容： 本课程将覆盖Qwik的核心基础，使您能够快速有效地使用该框架。重点将放在您在开发中95%时间会用到的20%特性上，以便您能迅速开始创建自己的组件和应用。 欢迎查看课程的免费课程内容，祝您学习愉快！
This course is an in-depth introduction to the Qwik framework. It comes with a running Github repo.This Course in a NutshellQwik is a web framework created by the same creator as Angular and AngularJs, and it allows developers to create blazing-fast web applications.Qwik is very similar to react in terms of its developer's experience, due to the use of JSX and also because many of the Qwik API's have similar names to React.But under the hood, it has a completely different and much more powerful engine.Qwik provides us with server-side rendering out of the box, without any special extra configuration. But besides that, Qwik is the first resumable application framework, where we can create server-side rendered applications that will transfer their state automatically to the client, and resume their execution on the browser after the initial rendering on the server.Qwik comes with a very innovative fine-grained lazy-loading mechanism, where lazy-loading is done automatically for us by the framework in a transparent way.We as developers don't have to worry about server-side rendering anymore, Qwik will take care of that for us. Also, Qwik comes with a brand new reactive change detection mechanism that is based on Javascript Proxies. This change detection has all the performance of an "on-push" style change detection system, without any of the drawbacks of having to use immutability libraries.Course OverviewIn this course, you are going to get an initial introduction to the Qwik framework fundamentals, starting with components and component composition. We are going to cover template expressions, input properties, event handlers and how to pass callback functions to a component.You will also learn in detail how Qwik works under the hood. You are going to learn in detail the Qwik lazy-loading mechanism, and we will also cover the notion of QRLs.We are then going to cover how to do some JSX-based tasks such as conditional rendering, or rendering a list of items.Then we will cover everything that you need to know about component styling, namely scoped and unscoped component styles, and how to conditionally add CSS classes or styles to a template element.We are then going to have a full section on Qwik stores, and get the full picture of how to handle application data in Qwik using the useStore and useContext APIs.We will also have a complete section on Qwik HTTP and the useResource API, where we will learn about a couple of common HTTP scenarios in Qwik: resumable HTTP and non-resumable HTTP.Table of ContentsThis course will go over the following topics:Qwik components and component compositioninput properties and event handlersQwik under the hood, and QRLsQwik lazy loadingCommon JSX tasks: conditional rendering, list renderingStyling Qwik components, conditional stylesQwik Stores, Qwik change detection and the useContext APIQwik HTTP (resumable and non-resumable scenarios)What Will You Learn In this Course?The focus of this course is on covering the bread and butter of Qwik, so that you can start getting productive with the framework straight away. We are going to focus only on the 20% of the features that you are going to be using 95% of the time, so that you can quickly start creating your own components and applications.Have a look at the course free lessons below, and please enjoy the course!
