Skip to content

Instantly share code, notes, and snippets.

@jhades

jhades/01.html

Last active February 7, 2023 16:29
Show Gist options
  • Save jhades/61f5444612db68d760034f65cf6c42e5 to your computer and use it in GitHub Desktop.
Save jhades/61f5444612db68d760034f65cf6c42e5 to your computer and use it in GitHub Desktop.
Download ZIP
The Qwik Framework: An In-Depth Introduction - https://blog.qwikacademy.io/qwik-introduction
Raw
01.html
<html>
<body>
<ul class="courses-list">
<li>Angular Material Course</li>
<li>Angular Forms In Depth</li>
<li>Angular Router In Depth</li>
<li>Reactive Angular Course</li>
<li>RxJs In Practice Course</li>
<li>NgRx (with NgRx Data) - The Complete Guide</li>
<li>Angular Core Deep Dive</li>
<li>Angular for Beginners</li>
<li>Angular Testing Course</li>
<li>Serverless Angular with Firebase Course</li>
<li>Stripe Payments In Practice</li>
<li>NestJs In Practice (with MongoDB)</li>
<li>Angular Security Course - Web Security Fundamentals</li>
<li>Angular PWA - Progressive Web Apps Course</li>
<li>Angular Advanced Library Laboratory: Build Your Own Library</li>
<li>The Complete Typescript Course</li>
</ul>
...
</body>
<script src="bundle.js"></script>
</html>
Raw
02.ts
export default component$(() => {
const messages = [
"Hello World",
"Welcome to the Qwik Academy",
"Learn the Qwik Framework!"
];
const store = useStore({
messages,
index: 0
});
return (
<>
<h1>Qwik Stores: </h1>
<h3>{store.messages[store.index]} </h3>
<button onClick$={() => store.index++}>Next Message</button>
</>
)
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment