Skip to main content
View All Products
Compute
Storage
Databases
Networking
Developer Tools
Delivery
Security
Services
Industries
Pricing
Community
Engage With Us
Explore Content
Series
18
  1. As Seen on TFIR
    53
  2. Cloud Simplified
    54
  3. Craft of Code
    62
  4. DIY Cloud
    52
  5. HackerSploit
    32
  6. In the Node Newsletter
    38
  7. Insights from Partner Events
    15
  8. Learnk8s Labs
    4
  9. Linode Kubernetes with Helm
    11
  10. MSP Spotlights
    4
  11. Open for Business
    12
  12. OpenAI Versus Project
    9
  13. Partner Roundups
    18
  14. Super User
    155
  15. Tech With Tim Linux Beginners Series
    14
  16. Terraforming Kubernetes
    6
  17. Top Docs
    75
  18. Try IaC
    5
Featuring
48
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    18
  4. Billy Thompson
    15
  5. Blair Lyon
    12
  6. Brandon Hopkins
    25
  7. Chris Nesbitt-Smith
    2
  8. Chris Psaltis
    1
  9. Code with Harry
    28
  10. Code with Tomi
    13
  11. Daniele Polencic
    2
  12. Darcy Declute
    1
  13. David Burgess
    16
  14. David Flanagan
    1
  15. Florian Walther
    1
  16. Gardiner Bryant
    59
  17. James Steel
    31
  18. Jay LaCroix
    76
  19. Jay Lyman
    1
  20. Jérôme Petazzoni (Tiny Shell Script)
    11
  21. Jose Portilla
    1
  22. Josh | KeepItTechie
    19
  23. Justin Mitchel
    29
  24. KellyAnn Fitzpatrick
    1
  25. Kevin Cunningham
    1
  26. Kyle "Kyjorei" Reid
    1
  27. Lana Lux
    5
  28. Liam Eagle
    3
  29. Matt Berk
    1
  30. Mauricio “Salaboy” Salatino
    2
  31. Melanie Posey
    1
  32. Mike Jung
    3
  33. Mike Maney
    2
  34. Ned Bellavance
    3
  35. Nelson Djalo
    6
  36. Nicole Henderson
    1
  37. Owen Rogers
    1
  38. PJ Metz
    1
  39. Salman Iqbal
    3
  40. Sam Hawley
    2
  41. Sid Palas
    9
  42. Swapnil Bhartiya
    48
  43. Talia Nassi
    1
  44. Tech with Tim
    27
  45. TechHut
    9
  46. Veronica
    1
  47. Walt Ribeiro
    18
  48. zSecurity
    1
Content Types
8
  1. Brochures & One-Pagers
    3
  2. Customer Stories
    62
  3. Ebooks
    18
  4. Email Newsletters
    38
  5. Infographics
    4
  6. Research
    7
  7. Videos
    530
  8. Webinars
    28
Categories
14
  1. Cloud Consulting Services
    14
  2. Cloud Overviews
    28
  3. Compute
    54
  4. Containers (Kubernetes, Docker)
    106
  5. Databases
    27
  6. Developer Tools
    148
  7. Linode
    45
  8. Linux
    81
  9. Multicloud
    6
  10. Networking
    16
  11. Open Source
    19
  12. Partner Network
    55
  13. Security
    56
  14. Storage
    21

In order to see embedded YouTube videos, you must have "performance" cookies enabled in your cookie preferences.

ContentOpenAI Versus ProjectCreating Qwik Components and Integrating AI Image Generation | Web Development With AI Ep 6

Creating Qwik Components and Integrating AI Image Generation | Web Development With AI Ep 6

In this video, @heyAustinGil focuses on getting more practice in generating Qwik components and working with the OpenAI API. Austin creates two new Qwik components for dialogs, and SVGs, and spends some time creating AI-generated images along with their quirks.

New to Cloud Computing? Get started here with a $100 credit!

Chapters:
0:00 Introduction
0:24 Create UI Components
1:05 Create Dialog Component
8:40 Create Dialog Click
12:30 Give Button Logic
16:00 Test & Resolve a Bug
19:05 Adjust Toggles
24:30 Make prop Controllable via the Parent
26:00 Use task to Update Changes
26:50 Resolve Bug with Toggle Dialog
31:30 Programmatically Open Dialog
32:20 Generating Image
37:20 Configure Data Binding
42:00 Set Form Submit Location
42:40 Add Conditional Logic
44:50 Test App
46:30 Create Prompt Templates
54:20 Fix Prompt Bug
55:50 Test App
56:20 Add URL To Image
59:00 Test App
1:00:00 Make the Prompt Precise
1:04:30 Polish App
1:10:00 Insert SVG Spinner
1:13:49 Make Page Accessible
1:18:38 Update TypeScript
1:22:10 Test App
1:23:15 Fix Class Bug
1:24:15 Test App and Resolve a Bug
1:25:45 Final Test
1:26:10 Conclusion

Follow along with Austin’s GitHub.
Check out Qwik.js docs.
See OpenAI Docs.
Learn more about Fetch API.
Subscribe to get notified of new episodes as they come out.

#AkamaiDeveloper #openai #qwikjs #nodejs
Product: Akamai Developer, OpenAI, Qwik.js, ChatGPT; @heyAustinGil 

You might also like…

  1. Creating a Virtual Environment | Python App From Scratch With Justin Mitchel

    In part 4 of 5 of this series on setting up a Python Web App from scratch, Justin Mitchel covers installing Python in a virtual environment.
  2. "Is WASM the Future of Cloud Computing?" featuring Gardiner Bryant, featured image.

    Is WASM the Future of Cloud Computing? | How Building with WASM Today Could Prevent Future Headaches

    In this video, @gardiner_bryant dives deeper into WebAssembly, also known as WASM, and explores what it offers for cloud computing.
  3. OnlyOffice, the Private Office Suite for Business Event Image

    Create Your Own Office App Suite with OnlyOffice | Setup, Features, and Deployment Tutorial

    In this video, @TechHut covers OnlyOffice, an online software suite that handles documentation management and runs on your own server!
  4. Is WASM the Next Wave in Cloud Computing? featuring Gardiner Bryant.

    Is WASM The Next Wave in Cloud Computing? | Write in Your Language, Deploy in WebAssembly

    In this video, Gardiner explains Web Assembly, or simply WASM, an emerging pillar of cloud computing, and talks about it's benefits.
Prev Next