Qwik For Beginners

This course is an in-depth introduction to the Qwik framework. It comes with a running Github repo.

This Course in a Nutshell

Qwik 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 Overview

In 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 Contents

This course will go over the following topics:

• Qwik components and component composition

• input properties and event handlers

• Qwik under the hood, and QRLs

• Qwik lazy loading

• Common JSX tasks: conditional rendering, list rendering

• Styling Qwik components, conditional styles

• Qwik Stores, Qwik change detection and the useContext API

• Qwik 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.