Qwik For Beginners

Qwik For Beginners, available at $54.99, has an average rating of 4.2, with 31 lectures, based on 97 reviews, and has 527 subscribers.

You will learn about Qwik components and component composition Understand in detail how Qwil works under the hood Qwik stores and the Qwik change detection system Qwik HTTP (resumable and non-resumable scenarios) Input properties and event handlers Styling Qwik components – scoped and non-scoped styles Common tasks: conditional rendering, rendering a list of elements This course is ideal for individuals who are Software developers looking to learn the Qwik framework or Developers trying to find if Qwik is the right choice for their project or Angular, React and Vue developers looking to learn a new web framework It is particularly useful for Software developers looking to learn the Qwik framework or Developers trying to find if Qwik is the right choice for their project or Angular, React and Vue developers looking to learn a new web framework.

Enroll now: Qwik For Beginners

Summary

Title: Qwik For Beginners

Price: $54.99

Average Rating: 4.2

Number of Lectures: 31

Number of Published Lectures: 31

Number of Curriculum Items: 31

Number of Published Curriculum Objects: 31

Original Price: $74.99

Quality Status: approved

Status: Live

What You Will Learn

Qwik components and component composition

Understand in detail how Qwil works under the hood

Qwik stores and the Qwik change detection system

Qwik HTTP (resumable and non-resumable scenarios)

Input properties and event handlers

Styling Qwik components – scoped and non-scoped styles

Common tasks: conditional rendering, rendering a list of elements

Who Should Attend

Software developers looking to learn the Qwik framework

Developers trying to find if Qwik is the right choice for their project

Angular, React and Vue developers looking to learn a new web framework

Target Audiences

Software developers looking to learn the Qwik framework

Developers trying to find if Qwik is the right choice for their project

Angular, React and Vue developers looking to learn a new web framework

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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Qwik For Beginners: Helicopter View

Lecture 2: IMPORTANT: START HERE

Lecture 3: Install the Development Environment

Lecture 4: Install The Lessons Code

Chapter 2: Qwik Component Fundamentals

Lecture 1: Your First Qwik Component: Hello World

Lecture 2: Understanding Qwik Server-Side Rendering

Lecture 3: Component Composition and Inline Components

Lecture 4: Understanding Qwik Component Template Expressions

Lecture 5: Qwik Component Input Properties

Lecture 6: Qwik Event Handlers

Chapter 3: Qwik – Looking Under The Hood

Lecture 1: How does Qwik Work? Understanding Qwik Lazy Loading

Lecture 2: Understanding QRLs (Qwik URLs)

Chapter 4: How To Develop Qwik Components – Common Tasks

Lecture 1: How To Pass a Callback Event Handling Function To a Qwik Component

Lecture 2: Qwik Conditional Rendering – How To Show Or Hide a Component In Qwik

Lecture 3: How To Render a List Of Elements In Qwik

Chapter 5: How To Style Qwik Components

Lecture 1: Importing Component Styles with useStyles

Lecture 2: Understanding The Difference Between useStyles and useStylesScoped

Lecture 3: Conditionally Adding CSS Classes In Qwik

Lecture 4: Conditionally Applying Style Properties In Qwik

Chapter 6: Qwik Stores and Qwik Reactivity

Lecture 1: Introduction To Qwik Stores

Lecture 2: Creating Our First Qwik Store With useStore, understanding Qwik Reactivity

Lecture 3: Accessing Stores Easily With Qwik Contexts

Chapter 7: Resumable and Non-Resumable HTTP In Qwik

Lecture 1: HTTP In Qwik – Section Introduction

Lecture 2: Qwik Non-Resumable HTTP Scenario – Load Data With a Click Handler

Lecture 3: Understanding Resumable HTTP Scenarios In Qwik

Lecture 4: Understanding How Hooks Work In Qwik

Lecture 5: How To Use The Qwik useResource$ API

Lecture 6: How To Use The Qwik <Resource /> Component

Lecture 7: Triggering HTTP Requests With the useResource$ Track Function

Chapter 8: Conclusion

Lecture 1: Bonus Lecture (Updated August 2024)

Lecture 2: Qwik For Beginners – Conclusions and Key Takeaways

Instructors

Angular University
Best Selling Angular Courses | 200k+ students | 17 courses

Rating Distribution

1 stars: 1 votes

2 stars: 1 votes

3 stars: 10 votes

4 stars: 24 votes

5 stars: 61 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!