<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
  <url>
    <loc>https://vidert.com/v/web-development/video/20212/i-spend-less-time-in-figma-here-s-how</loc>
    <lastmod>2026-04-03T15:08:33.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/jEQOT11ZoiA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>I spend less time in Figma. Here&apos;s how</video:title>
      <video:description>Build the project shown in video: https://designcourse.com/app/course/claude-code-ai-saas (Take now)
-- I used to start a project in Figma, but now I let AI take care of the initial layout, and I use agents to refine the UI, and then ultimately refine the UI myself. It&apos;s a new process that works well for me, watch the video to check it out.

#figma #ai #uiux 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/jEQOT11ZoiA</video:player_loc>
      <video:publication_date>2026-04-03T15:08:33.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>387</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/20144/he-just-crawled-through-hell-to-fix-the-browser</loc>
    <lastmod>2026-04-02T19:18:38.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/vd14EElCRvs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>He just crawled through hell to fix the browser…</video:title>
      <video:description>Try out the Junie CLI for free - https://jb.gg/fireship-junie-cli

Cheng Lou, a former React Core team member and engineer at Midjourney says he &quot;crawled through depths of hell&quot; to bring us Pretext – a fast, accurate, and comprehensive text measurement library that could change UI design forever. Let&apos;s run it.

#coding #programming #typescript #javascript

🔖 Topics Covered
- Who is Cheng Lou?
- Intro to Pretext
- What makes dynamic text rendering so hard?
- Pretext demo

Want more Fireship?

🗞️ Newsletter: https://bytes.dev
🧠 Courses: https://fireship.dev</video:description>
      <video:player_loc>https://www.youtube.com/embed/vd14EElCRvs</video:player_loc>
      <video:publication_date>2026-04-02T19:18:38.000Z</video:publication_date>
      <video:uploader>Fireship</video:uploader>
      <video:duration>337</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/19928/astro-crash-course-6-outputting-lists</loc>
    <lastmod>2026-04-02T08:45:53.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Q67n7V1NqFk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Astro Crash Course #6 - Outputting Lists</video:title>
      <video:description>In this Astro tutorial series, you&apos;ll learn how to use the Astro web framework to make a content-driven website. You&apos;ll also learn how to add React components to the site, and deploy the finished application to Netlify.

🍿👇 Get early access to the whole course on NetNinja.dev
https://netninja.dev/p/astro-crash-course 

🔥👇 Get access to ALL Masterclasses &amp; premium courses with a Net Ninja Pro membership:
https://netninja.dev/p/net-ninja-pro/#prosignup

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/Astro-Crash-Course 

🔗👇 Astro Docs:
https://docs.astro.build/en/getting-started/</video:description>
      <video:player_loc>https://www.youtube.com/embed/Q67n7V1NqFk</video:player_loc>
      <video:publication_date>2026-04-02T08:45:53.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>278</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/19747/tragic-mistake-anthropic-leaks-claude-s-source-code</loc>
    <lastmod>2026-04-01T17:27:05.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/mBHRPeg8zPU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Tragic mistake... Anthropic leaks Claude’s source code</video:title>
      <video:description>Try Temporal&apos;s open-source orchestration platform to ship AI features 2x faster - https://temporal.ai

Anthropic accidentally leaked Claude Code&apos;s source code to the entire internet. Let&apos;s take a look...

#coding #programming #claude #ai

🔖 Topics Covered
- Claude source code leak
- What&apos;s in the leak?
- Unreleased features
- Undercover Mode
- Frustration Detector

Want more Fireship?

🗞️ Newsletter: https://bytes.dev
🧠 Courses: https://fireship.dev</video:description>
      <video:player_loc>https://www.youtube.com/embed/mBHRPeg8zPU</video:player_loc>
      <video:publication_date>2026-04-01T17:27:05.000Z</video:publication_date>
      <video:duration>500</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/19717/can-you-go-from-wireframe-to-pixel-perfect-ui-challenge</loc>
    <lastmod>2026-04-01T15:27:51.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/S2g2RJ5xWKw/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Can you go from Wireframe to Pixel Perfect? UI Challenge</video:title>
      <video:description>https://uxpilot.ai (Code: NOW15 for 200 credits and export to figma!)
Challenge: https://designcourse.com/app/foundations/2026-uiux
-- Hey all, today we&apos;re doing one of the final challenges as a part of the AI Native Design series. This challenge is sponsored by UXPilot, which allows you to generate wireframes very quickly (along with hifi as well!). The goal is to use UXPilot to generate a wireframe, and import it into Figma to create a finished, polished version with colors and other changes. This will test your hand-driven design skills, which you can share with the community. 

Looking forward to the submissions!

#ai #uiux
- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/S2g2RJ5xWKw</video:player_loc>
      <video:publication_date>2026-04-01T15:27:51.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>503</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/19584/millions-of-js-devs-just-got-penetrated-by-a-rat</loc>
    <lastmod>2026-03-31T18:58:40.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/o7NYXvYohYk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Millions of JS devs just got penetrated by a RAT…</video:title>
      <video:description>Mux is the best video API for developers. Get $50 in free credits - https://mux.com/fireship

Yesterday, a precision-guided remote access trojan was discovered in Axios, a JavaScript library with over 100 million downloads on npm. But this wasn&apos;t your average RAT - let&apos;s take a look at how this highly sophisticated attack was pulled off and what to do if you&apos;re compromised.

#coding #programming #hack 

ℹ️ More Info:
- https://www.stepsecurity.io/blog/axios-compromised-on-npm-malicious-versions-drop-remote-access-trojan

🔖 Topics Covered
- What is Axios
- Axios RAT attack
- What to do if you&apos;re compromised

Want more Fireship?

🗞️ Newsletter: https://bytes.dev
🧠 Courses: https://fireship.dev</video:description>
      <video:player_loc>https://www.youtube.com/embed/o7NYXvYohYk</video:player_loc>
      <video:publication_date>2026-03-31T18:58:40.000Z</video:publication_date>
      <video:uploader>Fireship</video:uploader>
      <video:duration>299</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/19397/astro-crash-course-5-templating</loc>
    <lastmod>2026-03-31T08:08:00.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/93WnK4cpwFk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Astro Crash Course #5 - Templating</video:title>
      <video:description>In this Astro tutorial series, you&apos;ll learn how to use the Astro web framework to make a content-driven website. You&apos;ll also learn how to add React components to the site, and deploy the finished application to Netlify.

🍿👇 Get early access to the whole course on NetNinja.dev
https://netninja.dev/p/astro-crash-course 

🔥👇 Get access to ALL Masterclasses &amp; premium courses with a Net Ninja Pro membership:
https://netninja.dev/p/net-ninja-pro/#prosignup

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/Astro-Crash-Course 

🔗👇 Astro Docs:
https://docs.astro.build/en/getting-started/</video:description>
      <video:player_loc>https://www.youtube.com/embed/93WnK4cpwFk</video:player_loc>
      <video:publication_date>2026-03-31T08:08:00.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>433</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/19223/kaneai-the-answer-to-vibe-coders-who-don-t-test</loc>
    <lastmod>2026-03-30T14:24:20.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/nEHT-ACu-1w/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>KaneAI - The Answer to Vibe Coders who Don&apos;t Test!</video:title>
      <video:description>https://bit.ly/4tg25ZC - Try KaneAI 
-- Hey all, today I&apos;m going to show you a very crucial test that most vibe coders miss: testing. What happens to your app when you integrate a new feature? Well, unless you&apos;re testing, you don&apos;t know. That&apos;s where KaneAI comes in. In this video, I&apos;ll show you a couple different ways to help automate your test environment.

#ai #testing 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/nEHT-ACu-1w</video:player_loc>
      <video:publication_date>2026-03-30T14:24:20.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>387</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/19169/astro-crash-course-4-styles</loc>
    <lastmod>2026-03-30T08:44:11.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/yDx7ActarLk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Astro Crash Course #4 - Styles</video:title>
      <video:description>In this Astro tutorial series, you&apos;ll learn how to use the Astro web framework to make a content-driven website. You&apos;ll also learn how to add React components to the site, and deploy the finished application to Netlify.

🍿👇 Get early access to the whole course on NetNinja.dev
https://netninja.dev/p/astro-crash-course 

🔥👇 Get access to ALL Masterclasses &amp; premium courses with a Net Ninja Pro membership:
https://netninja.dev/p/net-ninja-pro/#prosignup

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/Astro-Crash-Course 

🔗👇 Astro Docs:
https://docs.astro.build/en/getting-started/</video:description>
      <video:player_loc>https://www.youtube.com/embed/yDx7ActarLk</video:player_loc>
      <video:publication_date>2026-03-30T08:44:11.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>486</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/18672/a-new-3d-ai-builder-vs-just-claude-code</loc>
    <lastmod>2026-03-27T15:46:12.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/IFVG6cQtiL4/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>A New 3D AI Builder vs Just Claude Code?</video:title>
      <video:description>Build with Claude: https://designcourse.com/app/course/c... (Take now)
-- The team behind the awesome Spline3D just released Omma, and I&apos;m putting it to the test with the same prompt against Claude Code. Is it better? Is it worth it at the moment, at least with this limited example? Let&apos;s find out. 

https://omma.build

#3d #claude #ai

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/IFVG6cQtiL4</video:player_loc>
      <video:publication_date>2026-03-27T15:46:12.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>430</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/18599/astro-crash-course-3-layouts</loc>
    <lastmod>2026-03-27T08:30:00.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/w_WDsqIWJPc/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Astro Crash Course #3 - Layouts</video:title>
      <video:description>In this Astro tutorial series, you&apos;ll learn how to use the Astro web framework to make a content-driven website. You&apos;ll also learn how to add React components to the site, and deploy the finished application to Netlify.

🍿👇 Get early access to the whole course on NetNinja.dev
https://netninja.dev/p/astro-crash-course 

🔥👇 Get access to ALL Masterclasses &amp; premium courses with a Net Ninja Pro membership:
https://netninja.dev/p/net-ninja-pro/#prosignup

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/Astro-Crash-Course 

🔗👇 Astro Docs:
https://docs.astro.build/en/getting-started/</video:description>
      <video:player_loc>https://www.youtube.com/embed/w_WDsqIWJPc</video:player_loc>
      <video:publication_date>2026-03-27T08:30:00.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>354</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/18467/claude-just-hijacked-my-computer</loc>
    <lastmod>2026-03-26T18:11:51.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/wfeiCZK0mNs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Claude just hijacked my computer...</video:title>
      <video:description>Try SerpApi for free to get real-time search data from a single API - https://serpapi.com/?utm_source=fireship

Anthropic just dropped Claude Computer Use to try and take down OpenClaw. But is it actually a gamechanger, or just more slop hype? Let&apos;s run it.

#coding #ai #programming

Want more Fireship?

🗞️ Newsletter: https://bytes.dev
🧠 Courses: https://fireship.dev</video:description>
      <video:player_loc>https://www.youtube.com/embed/wfeiCZK0mNs</video:player_loc>
      <video:publication_date>2026-03-26T18:11:51.000Z</video:publication_date>
      <video:uploader>Fireship</video:uploader>
      <video:duration>300</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/18383/astro-crash-course-2-pages-routes</loc>
    <lastmod>2026-03-26T13:13:32.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/-pdhkOAK67M/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Astro Crash Course #2 - Pages &amp; Routes</video:title>
      <video:description>In this Astro tutorial series, you&apos;ll learn how to use the Astro web framework to make a content-driven website. You&apos;ll also learn how to add React components to the site, and deploy the finished application to Netlify.

🍿👇 Get early access to the whole course on NetNinja.dev
https://netninja.dev/p/astro-crash-course 

🔥👇 Get access to ALL Masterclasses &amp; premium courses with a Net Ninja Pro membership:
https://netninja.dev/p/net-ninja-pro/#prosignup

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/Astro-Crash-Course 

🔗👇 Astro Docs:
https://docs.astro.build/en/getting-started/</video:description>
      <video:player_loc>https://www.youtube.com/embed/-pdhkOAK67M</video:player_loc>
      <video:publication_date>2026-03-26T13:13:32.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>295</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/18122/the-new-figma-workflow-code-to-design-vice-versa</loc>
    <lastmod>2026-03-25T15:01:44.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/2aI1xCo-KcI/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The New Figma Workflow - Code to Design &amp; Vice Versa</video:title>
      <video:description>Build a SaaS with Claude: https://designcourse.com/app/course/claude-code-ai-saas (Take now)
-- Yesterday, March 24, Figma released a big update that now allows you to go from Code to Design. Why would you want that? Well, you can start off a project in code, validate the idea will even work, and then import a 1:1 re-creation of the layout that AI produced into Figma, make your design changes, and then integrate those changes in Figma *back into* your code based. This creates a loop from code to design, and then design to code. 

https://developers.figma.com/docs/figma-mcp-server/remote-server-installation

Let&apos;s get started

#figma #ai #ui

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/2aI1xCo-KcI</video:player_loc>
      <video:publication_date>2026-03-25T15:01:44.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>416</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/18063/astro-crash-course-1-why-astro-setup</loc>
    <lastmod>2026-03-25T07:53:52.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/CF3drb6H3Yw/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Astro Crash Course #1 - Why Astro? (&amp; Setup)</video:title>
      <video:description>In this Astro tutorial series, you&apos;ll learn how to use the Astro web framework to make a content-driven website. You&apos;ll also learn how to add React components to the site, and deploy the finished application to Netlify.

🍿👇 Get early access to the whole course on NetNinja.dev
https://netninja.dev/p/astro-crash-course 

🔥👇 Get access to ALL Masterclasses &amp; premium courses with a Net Ninja Pro membership:
https://netninja.dev/p/net-ninja-pro/#prosignup

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/Astro-Crash-Course 

🔗👇 Astro Docs:
https://docs.astro.build/en/getting-started/</video:description>
      <video:player_loc>https://www.youtube.com/embed/CF3drb6H3Yw</video:player_loc>
      <video:publication_date>2026-03-25T07:53:52.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>624</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/17851/how-claude-code-created-an-ai-coach-controls-my-studio</loc>
    <lastmod>2026-03-24T14:35:48.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/5A-lcg3gh6U/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>How Claude Code Created an AI Coach (Controls My Studio)</video:title>
      <video:description>Build with Claude Code: https://designcourse.com/app/course/claude-code-ai-saas
-- I finally finished my AI pool coach project to version 1.0, which is currently focused around Pool. I plan to extend its capabilities to be way more business-focused shortly. My goal is to create a super intelligent system, tied to my business and life as much as possible, as to offload as much human work as possible. 

Right now, it can control all of my stage lighting, audio system, it can talk, it can listen, and do so much more. I would have never attempted to build something like this before AI programming because of the sheer complexity. But this took literally 3 weeks.

#ai #automation #claude

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/5A-lcg3gh6U</video:player_loc>
      <video:publication_date>2026-03-24T14:35:48.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>255</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/17553/build-an-ai-powered-saas-with-claude-code-trailer</loc>
    <lastmod>2026-03-23T15:50:53.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/CcMGUdZqDuM/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Build an AI-Powered SaaS with Claude Code - Trailer</video:title>
      <video:description>Early Access: https://designcourse.com/app/course/claude-code-ai-saas
-- Hey all! This is my first course in over a year, and I&apos;m super excited to announce the early access period where you can start taking the course today for 30% off.

You&apos;ve seen the AI demos. You&apos;ve played with the APIs. But how do you actually ship a real, production-grade AI product that people pay for? In this course, you&apos;ll build Landscaip — an AI-powered landscaping visualization app where users upload a photo of their home and get professional landscape designs generated in seconds. This isn&apos;t a toy project. It&apos;s a complete SaaS application with authentication, payments, credit systems, and a real AI pipeline, deployed and running on Vercel.

We&apos;re building with the modern stack that top startups are using right now: Next.js 16 with App Router and server components, Tailwind CSS 4, Supabase for the database, auth, and file storage, Stripe for subscriptions and one-time purchases, and Google&apos;s Gemini image generation API for the AI backbone. You&apos;ll learn how each of these pieces fits together, not in isolation, but as a cohesive product where every architectural decision has a reason behind it.

The best part? You don&apos;t need to be a coder. We&apos;ll communicate in plain English with Claude Code to make all of this happen in a systematic approach.

You&apos;ll learn how to work with Claude Code, MCP, Skills, integrate Stripe, Nano Banana 2, and so much more.

This course will be finished within the next 2 to 3 weeks, so hurry up and grab the early access pricing today!

​Build a Modern AI-Infused SaaS with Claude Code (30% off)

Early Access: https://designcourse.com/app/course/claude-code-ai-saas

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https:/</video:description>
      <video:player_loc>https://www.youtube.com/embed/CcMGUdZqDuM</video:player_loc>
      <video:publication_date>2026-03-23T15:50:53.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>120</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/16959/the-new-google-stitch-are-designers-finished</loc>
    <lastmod>2026-03-19T14:58:23.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/qwEKpbEjUHY/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The New Google Stitch - Are Designers Finished?</video:title>
      <video:description>AI Native Design Challenge: https://designcourse.com/app/foundations/2026-uiux/
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m giving Stitch a test drive. They just re-built everything from the ground up, and I&apos;m giving you my honest reaction. 

Let&apos;s get started!

#ai #stitch #uiux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/qwEKpbEjUHY</video:player_loc>
      <video:publication_date>2026-03-19T14:58:23.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>619</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/15165/insane-claude-agent-sdk-demo-see-it-to-believe-it</loc>
    <lastmod>2026-03-17T15:20:54.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/dzvwAnwDUZo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Insane Claude Agent SDK Demo - See it to believe it</video:title>
      <video:description>https://designcourse.com -- Learn AI Design/Dev
-- This is absolutely sick. I can literally have a voice conversation with an AI system while testing an app, and tell it to fix something with my voice, and it will call upon the Claude Agent SDK to do just that, all while having a conversation as it works. 

Check it!

#claude #ai #agent
- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/dzvwAnwDUZo</video:player_loc>
      <video:publication_date>2026-03-17T15:20:54.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>360</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12947/git-worktrees-tutorial-2-adding-git-worktrees</loc>
    <lastmod>2026-03-17T06:29:59.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/5RB7RJ-d7Zk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Git Worktrees Tutorial #2 - Adding Git Worktrees</video:title>
      <video:description>In this series, you’ll learn how to use Git worktrees, a feature that lets you check out multiple branches at the same time in separate working directories.

🍿👇 Get the FULL Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup

Starter Project: https://github.com/iamshaunjp/portfolio-worktrees</video:description>
      <video:player_loc>https://www.youtube.com/embed/5RB7RJ-d7Zk</video:player_loc>
      <video:publication_date>2026-03-17T06:29:59.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>423</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12946/git-worktrees-tutorial-1-what-are-git-worktrees</loc>
    <lastmod>2026-03-17T06:29:48.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Vf_0QpLsFRs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Git Worktrees Tutorial #1 - What are Git Worktrees?</video:title>
      <video:description>In this series, you’ll learn how to use Git worktrees, a feature that lets you check out multiple branches at the same time in separate working directories.

🍿👇 Get the FULL Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup

Starter Project: https://github.com/iamshaunjp/portfolio-worktrees</video:description>
      <video:player_loc>https://www.youtube.com/embed/Vf_0QpLsFRs</video:player_loc>
      <video:publication_date>2026-03-17T06:29:48.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>470</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12945/spec-driven-workflow-with-claude-code-4-implementing-the-plan</loc>
    <lastmod>2026-03-17T06:29:26.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/BdDuVOfE0eQ/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Spec Driven Workflow with Claude Code #4 - Implementing the Plan</video:title>
      <video:description>in this series, you&apos;ll learn how to implement a spec-driven workflow using Claude Code.

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

Use promo CLAUDENINJA for 50% off.

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup</video:description>
      <video:player_loc>https://www.youtube.com/embed/BdDuVOfE0eQ</video:player_loc>
      <video:publication_date>2026-03-17T06:29:26.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>730</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12944/spec-driven-workflow-with-claude-code-3-using-plan-mode</loc>
    <lastmod>2026-03-17T06:29:14.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/CmrmmszC_F4/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Spec Driven Workflow with Claude Code #3 - Using Plan Mode</video:title>
      <video:description>in this series, you&apos;ll learn how to implement a spec-driven workflow using Claude Code.

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

Use promo CLAUDENINJA for 50% off.

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup</video:description>
      <video:player_loc>https://www.youtube.com/embed/CmrmmszC_F4</video:player_loc>
      <video:publication_date>2026-03-17T06:29:14.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>607</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12943/spec-driven-workflow-with-claude-code-2-creating-a-new-spec</loc>
    <lastmod>2026-03-17T06:29:02.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/JnHUZ8037zE/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Spec Driven Workflow with Claude Code #2 - Creating a New Spec</video:title>
      <video:description>in this series, you&apos;ll learn how to implement a spec-driven workflow using Claude Code.

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

Use promo CLAUDENINJA for 50% off.

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup</video:description>
      <video:player_loc>https://www.youtube.com/embed/JnHUZ8037zE</video:player_loc>
      <video:publication_date>2026-03-17T06:29:02.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>296</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12942/spec-driven-workflow-with-claude-code-1-making-a-spec-command</loc>
    <lastmod>2026-03-17T06:28:48.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/e_D9M_MJ9Hs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Spec Driven Workflow with Claude Code #1 - Making a /spec Command</video:title>
      <video:description>in this series, you&apos;ll learn how to implement a spec-driven workflow using Claude Code.

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

Use promo CLAUDENINJA for 50% off.

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup</video:description>
      <video:player_loc>https://www.youtube.com/embed/e_D9M_MJ9Hs</video:player_loc>
      <video:publication_date>2026-03-17T06:28:48.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>606</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12941/new-claude-code-masterclass</loc>
    <lastmod>2026-03-17T06:28:36.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Lr37J1ZUeZI/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>New Claude Code Masterclass!</video:title>
      <video:description>In this Claude Code masterclass, you&apos;ll learn how to fully maximize Claude in an AI &amp; spec-driven workflow, to maximise your productivity as a developer.

🔥🔥 Get the full masterclass course here:
https://netninja.dev/p/claude-code-masterclass

👉🏼 Use promo code CLAUDENINJA for 50% off!

🧠🧠 Or sign up for a Net Ninja Pro membership to get instant access to my entire masterclass and pro-exclusive course library (including the Claude Masterclass):
https://netninja.dev/p/net-ninja-pro/</video:description>
      <video:player_loc>https://www.youtube.com/embed/Lr37J1ZUeZI</video:player_loc>
      <video:publication_date>2026-03-17T06:28:36.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>338</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12940/gemini-cli-tutorial-10-using-the-nanobanana-extension</loc>
    <lastmod>2026-03-17T06:28:25.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/snAzb5bKFww/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #10 - Using the Nanobanana Extension</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/snAzb5bKFww</video:player_loc>
      <video:publication_date>2026-03-17T06:28:25.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>468</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12939/gemini-cli-tutorial-9-mcp-servers-extensions</loc>
    <lastmod>2026-03-17T06:28:14.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/SwDofnGOwsU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #9 - MCP Servers &amp; Extensions</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/SwDofnGOwsU</video:player_loc>
      <video:publication_date>2026-03-17T06:28:14.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>785</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12938/gemini-cli-tutorial-8-running-shell-commands</loc>
    <lastmod>2026-03-17T06:28:03.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/z7xEiXI1v24/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #8 - Running Shell Commands</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/z7xEiXI1v24</video:player_loc>
      <video:publication_date>2026-03-17T06:28:03.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>385</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12937/gemini-cli-tutorial-7-custom-commands</loc>
    <lastmod>2026-03-17T06:27:52.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/txezKEvSvlU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #7 - Custom Commands</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/txezKEvSvlU</video:player_loc>
      <video:publication_date>2026-03-17T06:27:52.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>698</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12936/gemini-cli-tutorial-6-adding-an-api-key</loc>
    <lastmod>2026-03-17T06:27:41.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/RXOPjpvTEZM/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #6 - Adding an API Key</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/RXOPjpvTEZM</video:player_loc>
      <video:publication_date>2026-03-17T06:27:41.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>454</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12935/gemini-cli-tutorial-5-managing-context</loc>
    <lastmod>2026-03-17T06:27:29.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/KfaOzVY3Luw/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #5 - Managing Context</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/KfaOzVY3Luw</video:player_loc>
      <video:publication_date>2026-03-17T06:27:29.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>793</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12934/gemini-cli-tutorial-4-commands-settings</loc>
    <lastmod>2026-03-17T06:27:18.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/IUnoewBv2AY/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #4 - Commands &amp; Settings</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/IUnoewBv2AY</video:player_loc>
      <video:publication_date>2026-03-17T06:27:18.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>553</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12933/gemini-cli-tutorial-3-making-code-changes</loc>
    <lastmod>2026-03-17T06:27:06.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/jrFB_rkf-KU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #3 - Making Code Changes</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/jrFB_rkf-KU</video:player_loc>
      <video:publication_date>2026-03-17T06:27:06.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>363</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12932/gemini-cli-tutorial-2-the-gemini-md-file</loc>
    <lastmod>2026-03-17T06:26:56.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Od5SlOSlMQo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #2 - The GEMINI.md File</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/Od5SlOSlMQo</video:player_loc>
      <video:publication_date>2026-03-17T06:26:56.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>559</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12931/gemini-cli-tutorial-1-introduction-setup</loc>
    <lastmod>2026-03-17T06:26:45.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/1AF5pFGwRTM/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini CLI Tutorial #1 - Introduction &amp; Setup</video:title>
      <video:description>In this Gemini CLI Crash Course series, I&apos;ll show you how to get up an running wth the CLI in a project, use extensions &amp; MCP servers, add an API key to access Gemini 3 models and more.

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/gemini-cli-tutorial

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔥👇 Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔗👇 Starter Project on GitHub:
https://github.com/iamshaunjp/gemini-cli-course 

🔗👇 Gemini CLI docs:
https://geminicli.com/docs/ 

🔗👇 Gemini CLI Extensions:
https://geminicli.com/extensions/ 

🔗👇 Context7
https://context7.com/</video:description>
      <video:player_loc>https://www.youtube.com/embed/1AF5pFGwRTM</video:player_loc>
      <video:publication_date>2026-03-17T06:26:45.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>705</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12930/unit-testing-vitest-tutorial-14-next-steps-testing-next-react-apps</loc>
    <lastmod>2026-03-17T06:26:34.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/RDJbg2smAes/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #14 - Next Steps (testing Next/React Apps)</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Next.js Apps course for $7:
https://netninja.dev/p/testing-next-js-react-apps

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/RDJbg2smAes</video:player_loc>
      <video:publication_date>2026-03-17T06:26:34.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>125</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12929/unit-testing-vitest-tutorial-13-setup-teardown</loc>
    <lastmod>2026-03-17T06:26:23.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/oy35c9mZuZ4/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #13 - Setup &amp; Teardown</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/oy35c9mZuZ4</video:player_loc>
      <video:publication_date>2026-03-17T06:26:23.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>203</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12928/unit-testing-vitest-tutorial-12-creating-spies</loc>
    <lastmod>2026-03-17T06:26:09.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/XMk1sG6ndwY/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #12 - Creating Spies</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/XMk1sG6ndwY</video:player_loc>
      <video:publication_date>2026-03-17T06:26:09.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>637</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12927/unit-testing-vitest-tutorial-11-mock-functions</loc>
    <lastmod>2026-03-17T06:25:58.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/uX5SF94RBNI/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #11 - Mock Functions</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/uX5SF94RBNI</video:player_loc>
      <video:publication_date>2026-03-17T06:25:58.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>730</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12926/unit-testing-vitest-tutorial-10-testing-challenge</loc>
    <lastmod>2026-03-17T06:25:46.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/xiYL0bJ55pk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #10 - Testing Challenge</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/xiYL0bJ55pk</video:player_loc>
      <video:publication_date>2026-03-17T06:25:46.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>678</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12925/unit-testing-vitest-tutorial-9-asymmetric-matchers</loc>
    <lastmod>2026-03-17T06:25:32.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/cBHwPrWTh-8/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #9 - Asymmetric Matchers</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/cBHwPrWTh-8</video:player_loc>
      <video:publication_date>2026-03-17T06:25:32.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>318</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12924/unit-testing-vitest-tutorial-8-testing-async-functions</loc>
    <lastmod>2026-03-17T06:25:20.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/WJd3lhwU3mM/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #8 - Testing Async Functions</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/WJd3lhwU3mM</video:player_loc>
      <video:publication_date>2026-03-17T06:25:20.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>728</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12923/unit-testing-vitest-tutorial-7-test-driven-development</loc>
    <lastmod>2026-03-17T06:25:06.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/9VVCUhcV2gA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #7 - Test Driven Development</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/9VVCUhcV2gA</video:player_loc>
      <video:publication_date>2026-03-17T06:25:06.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>1455</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12922/unit-testing-vitest-tutorial-6-vitest-ui-vs-code-extension</loc>
    <lastmod>2026-03-17T06:24:52.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/prstrdyP3_c/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #6 - Vitest UI &amp; VS Code Extension</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/prstrdyP3_c</video:player_loc>
      <video:publication_date>2026-03-17T06:24:52.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>510</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12921/unit-testing-vitest-tutorial-5-using-it-each</loc>
    <lastmod>2026-03-17T06:24:40.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/6uOAq1Fh9UA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #5 - Using it.each</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/6uOAq1Fh9UA</video:player_loc>
      <video:publication_date>2026-03-17T06:24:40.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>299</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12920/unit-testing-vitest-tutorial-4-writing-better-tests</loc>
    <lastmod>2026-03-17T06:24:27.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/AfrwNQAImH0/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #4 - Writing Better Tests</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/AfrwNQAImH0</video:player_loc>
      <video:publication_date>2026-03-17T06:24:27.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>1269</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12919/unit-testing-vitest-tutorial-3-using-different-matchers</loc>
    <lastmod>2026-03-17T06:24:17.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/qj7nPbRgXNc/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #3 - Using Different Matchers</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/qj7nPbRgXNc</video:player_loc>
      <video:publication_date>2026-03-17T06:24:17.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>916</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12918/unit-testing-vitest-tutorial-2-writing-your-first-test</loc>
    <lastmod>2026-03-17T06:24:07.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/9Op6lK4wnRE/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #2 - Writing Your First Test</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/9Op6lK4wnRE</video:player_loc>
      <video:publication_date>2026-03-17T06:24:07.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>885</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12917/unit-testing-vitest-tutorial-1-what-is-unit-testing</loc>
    <lastmod>2026-03-17T06:23:56.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/XdDZKeM5_pQ/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unit Testing (Vitest) Tutorial #1 - What is Unit Testing?</video:title>
      <video:description>In this Unit Testing tutorial series, you&apos;ll learn how to setup Vitest in a project, and use it to write effective unit tests for your code.

🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get early access to the course on NetNinja.dev:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/vitest-unit-testing-tutorial 

🔗👇 Vitest Docs:
https://vitest.dev/guide/</video:description>
      <video:player_loc>https://www.youtube.com/embed/XdDZKeM5_pQ</video:player_loc>
      <video:publication_date>2026-03-17T06:23:56.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>640</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12916/brand-new-testing-courses</loc>
    <lastmod>2026-03-17T06:23:44.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/c9HHU46IFYE/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Brand New Testing Courses!</video:title>
      <video:description>🍿👇 Get the Testing Bundle (inc Testing Next/React) for just $7:
https://netninja.dev/p/testing-bundle 

🍿👇 Get access to the Next/React Testing course:
https://netninja.dev/p/testing-next-js-react-apps 

🍿👇 Get access to the Unit Testing Crash Course:
https://netninja.dev/p/unit-testing-with-vitest-crash-course 

🍿👇 Get access to the Git &amp; Github Masterclass:
https://netninja.dev/p/git-github-masterclass 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup</video:description>
      <video:player_loc>https://www.youtube.com/embed/c9HHU46IFYE</video:player_loc>
      <video:publication_date>2026-03-17T06:23:44.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>126</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12915/hygraph-with-next-js-tutorial-12-adding-image-assets</loc>
    <lastmod>2026-03-17T06:23:32.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/hhs9n5caPg0/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #12 - Adding Image Assets</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/hhs9n5caPg0</video:player_loc>
      <video:publication_date>2026-03-17T06:23:32.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>448</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12914/hygraph-with-next-js-tutorial-11-fetching-user-posts</loc>
    <lastmod>2026-03-17T06:23:19.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/dBlRU9y4Y0U/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #11 - Fetching User Posts</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/dBlRU9y4Y0U</video:player_loc>
      <video:publication_date>2026-03-17T06:23:19.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>396</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12913/hygraph-with-next-js-tutorial-10-pagination-part-2</loc>
    <lastmod>2026-03-17T06:23:05.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/JdiWMhN68h0/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #10 - Pagination (part 2)</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/JdiWMhN68h0</video:player_loc>
      <video:publication_date>2026-03-17T06:23:05.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>410</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12912/hygraph-with-next-js-tutorial-9-pagination-part-1</loc>
    <lastmod>2026-03-17T06:22:53.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/DRPco0nziPM/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #9 - Pagination (part 1)</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/DRPco0nziPM</video:player_loc>
      <video:publication_date>2026-03-17T06:22:53.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>735</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12911/hygraph-with-next-js-tutorial-8-fetching-single-posts</loc>
    <lastmod>2026-03-17T06:22:39.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/R0a-bI4ugE4/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #8 - Fetching Single Posts</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/R0a-bI4ugE4</video:player_loc>
      <video:publication_date>2026-03-17T06:22:39.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>606</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12910/hygraph-with-next-js-tutorial-7-fetching-posts</loc>
    <lastmod>2026-03-17T06:22:22.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/0RwAYL13ESc/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #7 - Fetching Posts</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/0RwAYL13ESc</video:player_loc>
      <video:publication_date>2026-03-17T06:22:22.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>405</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12909/hygraph-with-next-js-tutorial-6-rendering-rich-content</loc>
    <lastmod>2026-03-17T06:22:08.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/hzsFVi4zXKw/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #6 - Rendering Rich Content</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/hzsFVi4zXKw</video:player_loc>
      <video:publication_date>2026-03-17T06:22:08.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>626</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12908/hygraph-with-next-js-tutorial-5-fetching-page-content</loc>
    <lastmod>2026-03-17T06:21:52.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/wqtc02bCPpU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #5 - Fetching Page Content</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/wqtc02bCPpU</video:player_loc>
      <video:publication_date>2026-03-17T06:21:52.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>393</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12907/hygraph-with-next-js-tutorial-4-connecting-with-graffle</loc>
    <lastmod>2026-03-17T06:20:50.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/oJ6BymBTfCA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #4 - Connecting with Graffle</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/oJ6BymBTfCA</video:player_loc>
      <video:publication_date>2026-03-17T06:20:50.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>411</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12906/hygraph-with-next-js-tutorial-3-content-api-playground</loc>
    <lastmod>2026-03-17T06:20:35.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/qX9PgQ9qCOc/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #3 - Content &amp; API Playground</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/qX9PgQ9qCOc</video:player_loc>
      <video:publication_date>2026-03-17T06:20:35.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>436</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12905/hygraph-with-next-js-tutorial-2-hygraph-content-models</loc>
    <lastmod>2026-03-17T06:20:24.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/h-G_DTs_tpo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #2 - Hygraph Content Models</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/h-G_DTs_tpo</video:player_loc>
      <video:publication_date>2026-03-17T06:20:24.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>611</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12904/hygraph-with-next-js-tutorial-1-introduction-starter-project</loc>
    <lastmod>2026-03-17T06:20:10.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/cj9Elt-KFPY/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Hygraph (with Next.js) Tutorial #1 - Introduction &amp; Starter Project</video:title>
      <video:description>In this Hygraph CMS tutorial, you&apos;ll learn how to create a simple blog site by hooking it into a Next.js application and make GraphQL requests.

🍿👇 Get early access to the full course on NetNinja.dev:
https://netninja.dev/p/hygraph-with-next-js-tutorial 

🔥👇 Get access to premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup 

🔗👇 Course files on GitHub:
https://github.com/iamshaunjp/hygraph-with-next

🔗👇 Hygraph Docs:
https://hygraph.com/docs

🧠👇 Git and GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🧠👇 Next.js Masterclass:
https://netninja.dev/p/next-13-masterclass</video:description>
      <video:player_loc>https://www.youtube.com/embed/cj9Elt-KFPY</video:player_loc>
      <video:publication_date>2026-03-17T06:20:10.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>694</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12903/up-running-with-github-spec-kit-9-adding-more-features</loc>
    <lastmod>2026-03-17T06:19:58.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/H991whT_qNA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Up &amp; Running with GitHub Spec Kit #9 - Adding More Features</video:title>
      <video:description>In this Spec Kit tutorial series / crash course, we&apos;ll see how it can be used to implement a spec-driven workflow with various AI coding agents like Claude Code and Copilot (we&apos;ll be using Copilot).

🍿🥷🏼 Get early access to this entire course:
https://netninja.dev/p/up-running-with-spec-kit

🧠🥷🏼  Get the Git and GitHub Masterclass Course:
https://netninja.dev/p/git-github-masterclass

🔥🥷🏼 Get instant access to ALL premium courses on NetNinja.dev:
https://netninja.dev/

Other Course Links:

🔗👇 Get Spec Kit:
https://github.com/github/spec-kit

🔗👇 Spec Kit docs:
https://github.github.io/spec-kit/</video:description>
      <video:player_loc>https://www.youtube.com/embed/H991whT_qNA</video:player_loc>
      <video:publication_date>2026-03-17T06:19:58.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>649</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12902/up-running-with-github-spec-kit-8-implementing-tasks</loc>
    <lastmod>2026-03-17T06:19:47.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/CDJmJqlK-BU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Up &amp; Running with GitHub Spec Kit #8 - Implementing Tasks</video:title>
      <video:description>In this Spec Kit tutorial series / crash course, we&apos;ll see how it can be used to implement a spec-driven workflow with various AI coding agents like Claude Code and Copilot (we&apos;ll be using Copilot).

🍿🥷🏼 Get early access to this entire course:
https://netninja.dev/p/up-running-with-spec-kit

🧠🥷🏼  Get the Git and GitHub Masterclass Course:
https://netninja.dev/p/git-github-masterclass

🔥🥷🏼 Get instant access to ALL premium courses on NetNinja.dev:
https://netninja.dev/

Other Course Links:

🔗👇 Get Spec Kit:
https://github.com/github/spec-kit

🔗👇 Spec Kit docs:
https://github.github.io/spec-kit/</video:description>
      <video:player_loc>https://www.youtube.com/embed/CDJmJqlK-BU</video:player_loc>
      <video:publication_date>2026-03-17T06:19:47.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>624</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12901/up-running-with-github-spec-kit-7-the-analyze-command</loc>
    <lastmod>2026-03-17T06:19:36.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/44aHYb8jO4w/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Up &amp; Running with GitHub Spec Kit #7 - The /analyze Command</video:title>
      <video:description>In this Spec Kit tutorial series / crash course, we&apos;ll see how it can be used to implement a spec-driven workflow with various AI coding agents like Claude Code and Copilot (we&apos;ll be using Copilot).

🍿🥷🏼 Get early access to this entire course:
https://netninja.dev/p/up-running-with-spec-kit

🧠🥷🏼  Get the Git and GitHub Masterclass Course:
https://netninja.dev/p/git-github-masterclass

🔥🥷🏼 Get instant access to ALL premium courses on NetNinja.dev:
https://netninja.dev/

Other Course Links:

🔗👇 Get Spec Kit:
https://github.com/github/spec-kit

🔗👇 Spec Kit docs:
https://github.github.io/spec-kit/</video:description>
      <video:player_loc>https://www.youtube.com/embed/44aHYb8jO4w</video:player_loc>
      <video:publication_date>2026-03-17T06:19:36.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>416</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12900/up-running-with-github-spec-kit-6-the-tasks-command</loc>
    <lastmod>2026-03-17T06:19:24.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/_SSEuGsvkd4/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Up &amp; Running with GitHub Spec Kit #6 - The /tasks Command</video:title>
      <video:description>In this Spec Kit tutorial series / crash course, we&apos;ll see how it can be used to implement a spec-driven workflow with various AI coding agents like Claude Code and Copilot (we&apos;ll be using Copilot).

🍿🥷🏼 Get early access to this entire course:
https://netninja.dev/p/up-running-with-spec-kit

🧠🥷🏼  Get the Git and GitHub Masterclass Course:
https://netninja.dev/p/git-github-masterclass

🔥🥷🏼 Get instant access to ALL premium courses on NetNinja.dev:
https://netninja.dev/

Other Course Links:

🔗👇 Get Spec Kit:
https://github.com/github/spec-kit

🔗👇 Spec Kit docs:
https://github.github.io/spec-kit/</video:description>
      <video:player_loc>https://www.youtube.com/embed/_SSEuGsvkd4</video:player_loc>
      <video:publication_date>2026-03-17T06:19:24.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>311</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12899/up-running-with-github-spec-kit-5-the-plan-command</loc>
    <lastmod>2026-03-17T06:19:11.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/V_0DYM5943A/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Up &amp; Running with GitHub Spec Kit #5 - The /plan Command</video:title>
      <video:description>In this Spec Kit tutorial series / crash course, we&apos;ll see how it can be used to implement a spec-driven workflow with various AI coding agents like Claude Code and Copilot (we&apos;ll be using Copilot).

🍿🥷🏼 Get early access to this entire course:
https://netninja.dev/p/up-running-with-spec-kit

🧠🥷🏼  Get the Git and GitHub Masterclass Course:
https://netninja.dev/p/git-github-masterclass

🔥🥷🏼 Get instant access to ALL premium courses on NetNinja.dev:
https://netninja.dev/

Other Course Links:

🔗👇 Get Spec Kit:
https://github.com/github/spec-kit

🔗👇 Spec Kit docs:
https://github.github.io/spec-kit/</video:description>
      <video:player_loc>https://www.youtube.com/embed/V_0DYM5943A</video:player_loc>
      <video:publication_date>2026-03-17T06:19:11.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>633</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12898/how-to-improve-vibe-coded-layouts</loc>
    <lastmod>2026-03-17T06:19:01.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/ozZZXXmpZfo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>How to Improve Vibe Coded Layouts</video:title>
      <video:description>https://designcourse.com - Today, I&apos;m showing you how I approach improving/elevating the quality of vibe coded/designed layouts. I used Claude Code to create a layout for a landing page, and in this stream, we&apos;re going to make it way better. 

🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 https://streamyard.com/pal/d/5025803645222912</video:description>
      <video:player_loc>https://www.youtube.com/embed/ozZZXXmpZfo</video:player_loc>
      <video:publication_date>2026-03-17T06:19:01.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>2802</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12897/generative-svg-s-with-animation-with-heroui-gemini</loc>
    <lastmod>2026-03-17T06:18:49.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/UWseAJ5Vb58/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Generative SVG&apos;s with Animation with HeroUI &amp; Gemini</video:title>
      <video:description>All things AI Design/Dev: https://designcourse.com
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m going to show you two different methods for generating animated SVG&apos;s with AI. The first method involves using a tool called HeroUI Studio: https://heroui.studio/ - The second method involves using Google Gemini itself. 

Let&apos;s rock!

#svg #ai

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/UWseAJ5Vb58</video:player_loc>
      <video:publication_date>2026-03-17T06:18:49.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>299</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12896/pencil-ai-solves-the-vibe-designed-layouts-problem</loc>
    <lastmod>2026-03-17T06:18:38.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/XKyzFxc67v8/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Pencil AI - Solves the &apos;Vibe Designed&apos; Layouts Problem</video:title>
      <video:description>Take the Pencil challenge: https://designcourse.com/app/foundations/2026-uiux/
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, we&apos;re going to cover an up-and-coming design/dev tool called https://pencil.dev - It&apos;s 100% free and installable on your computer. It allows for a bi-directional workflow (from code to design and vice versa) with your preferred AI agent/IDE of choice. I&apos;ll show you how to use it, and how to patriciate in our AI-Native Designer challenge series.

https://pencil.dev

#pencil #ai 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/XKyzFxc67v8</video:player_loc>
      <video:publication_date>2026-03-17T06:18:38.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>589</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12895/figma-killed-his-project-so-he-cloned-figma-in-3-days</loc>
    <lastmod>2026-03-17T06:18:28.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/8T2QJP5u_OY/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Figma killed his project, so he cloned Figma in 3 days</video:title>
      <video:description>https://designcourse.com
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m featuring a super cool story I came across a couple days ago on X. A disgruntled developer who created an MCP server to communicate with Figma had his project killed by Figma themselves (they released their own). As such, he decided to spend a single weekend to re-develop the main Figma Design UI. It has AI integration, auto-layout, components, etc etc.. It&apos;s MIT. In a weekend, with Opus 4.6 and other tooling. What does this mean going forward?

https://x.com/dan_note
https://openpencil.dev/

#ai #figma 
- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/8T2QJP5u_OY</video:player_loc>
      <video:publication_date>2026-03-17T06:18:28.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>378</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12894/could-paper-be-the-figma-killer-ai-native-design-tool</loc>
    <lastmod>2026-03-17T06:18:16.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/GAnP8mtbMas/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Could Paper be the Figma Killer? AI-Native Design Tool</video:title>
      <video:description>Take the Paper challenge: https://designcourse.com/app/foundations/2026-uiux/
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m featuring Paper, as they&apos;ve recently integrated an MCP server for Claude Code, Cursor, Copilot, etc.. It allows you to build layouts yourself, along with AI agents to also build layouts, which enables you to go from code to design, and design to code. 

https://paper.design

It&apos;s also the basis of our next design challenge in the AI-Native design challenge series:
https://designcourse.com/app/foundations/2026-uiux/

#paper #ai #uiux 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/GAnP8mtbMas</video:player_loc>
      <video:publication_date>2026-03-17T06:18:16.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>875</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12893/quiverai-are-illustrators-and-brand-designers-cooked-5-tests</loc>
    <lastmod>2026-03-17T06:18:04.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/N38wvyexMQg/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>QuiverAI - Are Illustrators and Brand Designers Cooked? 5 Tests</video:title>
      <video:description>Learn AI-Native Design: https://designcourse.com
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m doing a demo of QuiverAI: https://quiver.ai - I&apos;m putting it through several different scenarios where we test its ability to generate high-end logos, icons, and general assets for graphic/print design. They also offer an API so that you can integrate it into your workflows to generate SVG&apos;s in a programmatic manner. Is it perfect? Nope, but &quot;this is the worst it will ever be&quot;

#ai #svg #graphicdesign

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/N38wvyexMQg</video:player_loc>
      <video:publication_date>2026-03-17T06:18:04.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>392</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12892/unicorn-studio-is-the-vibe-designer-s-unlock</loc>
    <lastmod>2026-03-17T06:17:53.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/ihi50yydDKs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Unicorn Studio is the Vibe Designer&apos;s Unlock</video:title>
      <video:description>Take this challenge: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m going to show you https://unicorn.studio, which is a no-code editor for creating really cool WebGL effects that can be integrated into your web and app projects. It&apos;s also the basis of the 4th challenge as a part of our 30 Day AI/UI Design challenge, which is 100% free to enter. 

To enter, go here and create your free account. Download the Figma asset and the &quot;index.html&quot; asset from the Unicorn Studio challenge:
https://designcourse.com/app/foundations/2026-uiux

Then, using your choice of AI dev (Claude Code, Cursor, Figma Make, etc..), integrate your interpretation of a cool Unicorn Studio effect into the challenge layout. 

Create a quick screen recording of your effect in action, and submit! 

#ui #ai #unicorn

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/ihi50yydDKs</video:player_loc>
      <video:publication_date>2026-03-17T06:17:53.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>625</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12891/claude-code-skills-are-the-future-of-frontend</loc>
    <lastmod>2026-03-17T06:17:41.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/TbZjOrrZIVk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Claude Code Skills are the Future of Frontend</video:title>
      <video:description>30 Day AI/UI Challenge: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m showing you all how easy it is to create your own custom skills in Claude Code to assist you with every day, UI/UX related tasks that include animation/motion, three-js shader effects, and more.

Let&apos;s get started!

#ai #claude #skills

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/TbZjOrrZIVk</video:player_loc>
      <video:publication_date>2026-03-17T06:17:41.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>284</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12890/using-ai-to-generate-ui-embellishments-assets</loc>
    <lastmod>2026-03-17T06:17:30.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/tJ-lFBMlSZw/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Using AI to Generate UI Embellishments &amp; Assets</video:title>
      <video:description>Take the challenge: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Here&apos;s the 3rd challenge! Using Generative Image AI (ChatGPT, Figma, Gemini, Midjourney, whatever you want) to create embellishments/assets to support the given layout provided. This is a great way to practice integrating taste while using AI. I&apos;d love to see your work and interpretation for this challenge, so be sure to participate!

Take the challenge: https://designcourse.com/app/foundations/2026-uiux

Watch the playlist from the beginning:
https://youtube.com/playlist?list=PL0lNJEnwfVVPu7ECNnhT2KKb7y8M5Sw8v&amp;si=fkDXZK9n13AE8Hi1

#ai #ui 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/tJ-lFBMlSZw</video:player_loc>
      <video:publication_date>2026-03-17T06:17:30.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>486</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12889/use-claude-code-designer-skill-to-10x-ui-designs</loc>
    <lastmod>2026-03-17T06:17:09.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Em9EzurouOU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Use Claude Code DESIGNER Skill to 10x UI Designs</video:title>
      <video:description>Take the challenge #2: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Welcome to challenge #2 of the 2026 UI Design Challenege. Today, you&apos;re tasked with using Claude Code with the Frontend Designer skill to generate a hero section for a fictional business. Hundreds of designers will compete to see who can generate the best looking AI-driven design for the same, fictional, business!

https://code.claude.com/docs/en/setup
https://code.claude.com/docs/en/skills
https://github.com/anthropics/claude-code/tree/main/plugins/frontend-design

You can participate here, and grab all of the necessary info to join the challenge:
https://designcourse.com/app/foundations/2026-uiux

On Monday, we will review these and see who made the best AI-Driven design!

#claude #ai #skills

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/Em9EzurouOU</video:player_loc>
      <video:publication_date>2026-03-17T06:17:09.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>423</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12888/day-2-reviewing-your-ui-designs-other-stuff</loc>
    <lastmod>2026-03-17T06:16:57.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/SZQ0ebkXUJ0/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Day 2: Reviewing your UI Designs &amp; Other Stuff</video:title>
      <video:description>We have over over a hundred+ submissions, let&apos;s take a look at some of them:
https://designcourse.com/app/foundations/2026-uiux

🎙️ New to streaming or looking to level up? Check out StreamYard and get $10 discount! 😍 https://streamyard.com/pal/d/5025803645222912</video:description>
      <video:player_loc>https://www.youtube.com/embed/SZQ0ebkXUJ0</video:player_loc>
      <video:publication_date>2026-03-17T06:16:57.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>3840</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12887/going-from-claude-code-to-figma-and-back-demo</loc>
    <lastmod>2026-03-17T06:16:48.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/746TLtvZksA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Going from Claude Code to Figma and BACK! Demo</video:title>
      <video:description>Take the design challenge: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- The claude code to Figma plugin just released. It&apos;s confusing some designers because they want the opposite. Well, the opposite has already existed for awhile. I&apos;m going to show you the full loop of generating a design with claude, bringing it into figma, udpating it in figma, and then bringing those updates back to the browser. Is it perfect? Not quite.

Let&apos;s get started!

#claude #figma #ai

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/746TLtvZksA</video:player_loc>
      <video:publication_date>2026-03-17T06:16:48.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>336</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12886/learn-ui-ux-in-2026-free-30-day-challenge</loc>
    <lastmod>2026-03-17T06:16:38.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/-ksDep8eBrE/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Learn UI/UX in 2026 - Free 30 Day Challenge</video:title>
      <video:description>Take the first challenge: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- It&apos;s finally here! The 2nd edition of my 30 Day UI/UX Challenge, except this time, it&apos;s all handled on my brand new platform at DesignCourse.com. In this 100% free series, you get to learn all about UI/UX in a challenge-based setting, and a community where others (including myself) can rate you, leave comments, provide feedback, etc.. This collaborative experience will be an excellent way to hone in your design skills, in an age where everyone else is blindly relying on AI to get it right.

We&apos;ll be covering a lot of topics as it pertains to UI, along with a lot of fun/interesting challenges that incorporates different facets of UI/UX. 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/-ksDep8eBrE</video:player_loc>
      <video:publication_date>2026-03-17T06:16:38.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>325</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12885/i-m-building-a-free-platform-to-learn-ui-ux-more</loc>
    <lastmod>2026-03-17T06:16:18.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/JkVtodGQGEE/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>I&apos;m building a free platform to learn UI/UX &amp; more</video:title>
      <video:description>Hey all, very shortly (10-14 days), I&apos;m launching a brand new platform to help learn UI/UX in a free, interactive, challenge-based community at DesignCourse. Read more of the details in the pinned comment.

#uidesign #uxdesign 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/JkVtodGQGEE</video:player_loc>
      <video:publication_date>2026-03-17T06:16:18.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>101</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12884/replacing-a-500-annual-saas-in-4-hours-with-claude-4-5</loc>
    <lastmod>2026-03-17T06:16:09.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Va78e2onXC8/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Replacing a $500 Annual SaaS in 4 Hours with Claude 4.5</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;NEWYEAR25&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m showing you exactly how I was able to save myself over $500 a year with just 4 hours of work, by replacing my LiveChat subscription with a custom solution using Claude Opus 4.5 in Cursor. 

0:00 - Intro
0:33 - What I was paying
1:07 - Initial Prompt
2:04 - My Custom LiveChat 
4:37 - How much it cost me
5:30 - Final Thoughts

#saas #ai #cursor

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/Va78e2onXC8</video:player_loc>
      <video:publication_date>2026-03-17T06:16:09.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>398</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12883/the-first-government-website-to-not-suck</loc>
    <lastmod>2026-03-17T06:15:57.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/ZmvFdTNXepo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The First Government Website to Not Suck?</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;NEWYEAR25&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m giving you my take on a new website: https://realfood.gov that actually doesn&apos;t suck. I&apos;ll discuss the things that are great, and the things that are not so great. Overall, definitely a positive, let&apos;s get started!

#uiux #government

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/ZmvFdTNXepo</video:player_loc>
      <video:publication_date>2026-03-17T06:15:57.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>356</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12882/2026-frontend-development-crash-course-cursor</loc>
    <lastmod>2026-03-17T06:15:47.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/i48q0JQQ2EA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>2026 Frontend Development Crash Course - Cursor</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;NEWYEAR25&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m releasing my annual frontend development crash course, but this time there is a HUGE twist. I&apos;m not teaching you how to write HTML/CSS/JS like year&apos;s past, I&apos;m teaching you how to use code as an AI-assistant, so that you don&apos;t have to write a single line yourself. This means you need to understand processes and workflows.

WATCH THE FIRST VIDEO (BRANDING / DESIGN):
https://www.youtube.com/watch?v=PASsk7lxTrc

GRAB THE FIGMA FILE!
https://www.figma.com/community/file/1590194282309099296

0:00 - Intro
1:17 - Setting up the Project
14:28 - Navbar Integration
31:04 - Left Column Hero Section
56:45 - Rive
1:31:38 - 3 Card Columns
1:36:12 - Logo Marquee
1:40:35 - Final Layout Section
1:45:40 - Responsive Design
1:57:24 - UI Animations with GSAP
2:01:45 - Finishing up

#frontend #2026 #cursor
- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/i48q0JQQ2EA</video:player_loc>
      <video:publication_date>2026-03-17T06:15:47.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>7360</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12881/2026-figma-crash-course-brand-ui-ux-design</loc>
    <lastmod>2026-03-17T06:15:37.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/PASsk7lxTrc/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>2026 Figma Crash Course - Brand &amp; UI/UX Design</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;NEWYEAR25&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
- https://www.youtube.com/watch?v=i48q0JQQ2EA THIS IS PART 2, where we code this layout!
-- Today, I&apos;m releasing my annual Figma UI/UX crash course. This year, we&apos;re starting off with identity design for something different, and then transitioning into UI/UX design for a fictional fitness company. This is a crash course, therefore we&apos;re moving quickly through a lot of different concepts. If you&apos;re new, you&apos;ll get to experience a taste of what it&apos;s like to be a modern designer as it pertains to a little bit of brand identity, and UI/UX. 

If you&apos;re interested in really learning this stuff, definitely check out https://designcourse.com for all things UI/UX, brand identity, and AI-assisted development, coming soon!

0:00 - Intro
0:48 - Identity / Logo Design
17:18 - Starting the UI/UX Process
23:51 - Navbar Design
34:38 - Generating Assets with AI
36:52 - Hero Section Illustration
55:48 - Hero Type / CTA
1:12:04 - Features Section
1:20:30 - Trust Section
1:22:25 - Finishing Up
1:25:08 - Learning More..

#figma #uiux #brand

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/PASsk7lxTrc</video:player_loc>
      <video:publication_date>2026-03-17T06:15:37.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>5215</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12880/2026-ui-ux-design-trends-2-of-the-biggest-trends</loc>
    <lastmod>2026-03-17T06:15:27.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/SmhLuxlUIkc/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>2026 UI/UX Design Trends - 2 of the Biggest Trends</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m giving you my annual trends prediction video. What will be the biggest 2026 UI/UX / Product Design trends? Well, I&apos;m giving you my opinion on the 2 biggest trends that I think will really dominate 2026 for designers overall.

Let&apos;s get started!

#2026 #uiux #trends

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/SmhLuxlUIkc</video:player_loc>
      <video:publication_date>2026-03-17T06:15:27.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>366</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12879/the-cursor-visual-editor-modify-layouts-visually</loc>
    <lastmod>2026-03-17T06:15:17.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/g2UQdvoeG7k/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The Cursor Visual Editor - Modify Layouts Visually</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m checking out Cursor&apos;s new Visual Builder/Editor that&apos;s now integrated within the cursor browser. I&apos;ll show you how to use it, what I think is good about it, and also some things that I think could be improved.

Let&apos;s get it!

#cursor #ai

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/g2UQdvoeG7k</video:player_loc>
      <video:publication_date>2026-03-17T06:15:17.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>582</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12878/i-launched-an-ai-mvp-with-cursor-but-i-need-an-investor</loc>
    <lastmod>2026-03-17T06:15:08.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/0wYQfw4oMg4/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>I launched an AI MVP with Cursor, but I need an Investor</video:title>
      <video:description>https://bit.ly/4rT3lC1 - Try out Gamma
https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
-- Today, I&apos;m showing off https://labcoat.net (try it out, not perfect yet on mobile!) and also a very cool tool that I used to create a pitch deck presentation for potential partners/investors, called Gamma. This tool allows you to use AI to speedrun various graphics/presentations, and one such use case is to create pitch decks. Here, I&apos;ll show you exactly how I created one from scratch, and it&apos;s all done within 5 minutes.

Let&apos;s get started!

#ai #mvp 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/0wYQfw4oMg4</video:player_loc>
      <video:publication_date>2026-03-17T06:15:08.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>510</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12877/who-has-the-highest-rate-of-burnout</loc>
    <lastmod>2026-03-17T06:14:57.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/bB3u03bYQ5s/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Who has the HIGHEST Rate of BURNOUT?</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m discussing a recent survey I found on X regarding various degrees of burnout, experienced by roles in the tech industry. This survey was created by https://x.com/lennysan -- and that&apos;s what we&apos;ll discuss!

Let&apos;s get started!

#designer #developer #burnout

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/bB3u03bYQ5s</video:player_loc>
      <video:publication_date>2026-03-17T06:14:57.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>257</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12876/my-design-portfolio-sucks-and-this-is-why</loc>
    <lastmod>2026-03-17T06:14:47.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/N6MOyKpbOUE/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>My design portfolio SUCKS, and this is why</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m going to give you an honest perspective of the current state of my contra design portfolio: https://contra.com/gary_simon/work - I&apos;ll tell you why it sucks, and what I&apos;m going to do to improve it massively.

Follow my new brand design account:
https://x.com/illogikcom
https://illogik.com (coming soon)

Let&apos;s get it!

#design #portfolio 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/N6MOyKpbOUE</video:player_loc>
      <video:publication_date>2026-03-17T06:14:47.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>415</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12875/figma-make-tutorial-create-an-ai-powered-prototype</loc>
    <lastmod>2026-03-17T06:14:36.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/eXQQxaS0CCA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Figma Make Tutorial - Create an AI-Powered Prototype</video:title>
      <video:description>https://psxid.figma.com/DesignCourse - Check out Figma Make here
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m showing you exactly how you can start to use Figma Make. First, we&apos;ll design two basic screens in Figma Design, and then port that over to Figma Make in order to create an AI-Powered nutritional label reader using Gemini. 

Let&apos;s get started!

#figma #ai #gemini

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/eXQQxaS0CCA</video:player_loc>
      <video:publication_date>2026-03-17T06:14:36.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>1118</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12874/testing-replit-s-new-design-mode-powered-by-gemini-3</loc>
    <lastmod>2026-03-17T06:14:26.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/f0LTgnzfTJo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Testing Replit&apos;s New Design Mode - Powered by Gemini 3</video:title>
      <video:description>https://replit.com/refer/designcoursecom - Give Replit a shot!
-- Today, we&apos;re going to give another crack at Gemini 3 for UI design, and this time within the context of Replit. They just launched a new mode called &apos;Design Mode&apos;, which is currently powered by Gemini 3. In this vid, we&apos;ll build a landing page to see what it produces initially, and then I&apos;ll show you a variety of follow-up prompts with some tips/tricks to elevate the design even further.

Let&apos;s get started!

#gemini #ai #replit

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/f0LTgnzfTJo</video:player_loc>
      <video:publication_date>2026-03-17T06:14:26.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>635</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12873/gemini-3-antigravity-ui-ux-design-generation</loc>
    <lastmod>2026-03-17T06:14:14.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/7i6zzVk1V3s/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Gemini 3 + Antigravity UI/UX Design Generation</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I decided to install Google&apos;s new IDE &apos;Antigravity&apos; and test Gemini 3 Pro (High) on its abilities to generate UI/UX frontends from prompts. I tested a couple different prompts, and share with you the results. Hint: They aren&apos;t cookin!

Let&apos;s get started!

#ai #uiux #gemini

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/7i6zzVk1V3s</video:player_loc>
      <video:publication_date>2026-03-17T06:14:14.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>502</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12872/you-don-t-have-to-prototype-ui-ux-anymore-here-s-how</loc>
    <lastmod>2026-03-17T06:14:02.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/YjL7iO5HNQs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>You don&apos;t have to Prototype UI/UX anymore. Here&apos;s how</video:title>
      <video:description>https://uxpilot.ai 👈 Prototyping and Polished UI/UX in minutes, check it out!
-- Hey all, today I&apos;m covering a super cool and useful AI product aimed at helping streamline some of the busy work that we often find ourselves doing. UXPilot allows you to quickly iterate over prototypes and fully polished designs alike. You&apos;re able to export and import from Figma, amongst a bunch of other awesome features.

Let&apos;s get started!

#ai #uiux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/YjL7iO5HNQs</video:player_loc>
      <video:publication_date>2026-03-17T06:14:02.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>572</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12871/go-from-vibe-designs-to-pro-design-2-tips</loc>
    <lastmod>2026-03-17T06:13:52.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/pg-37Yh_A50/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Go from VIBE DESIGNS to PRO DESIGN - 2 TIPS</video:title>
      <video:description>https://mobbin.com/designcourse - EXCLUSIVE! Get 20% off on the 1st year of annual plan for new subscribers.
-- Today, I&apos;m giving you two tips/techniques that I personally use to go from boring prototype/vibe designed looking layouts, to something that is much more polished and unique to your projects. 

I&apos;ve been a user of Mobbin, so this video was a perfect fit to showcase their apps through a sponsorship. Definitely check them out!

Let&apos;s get started!

#uiux 
- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/pg-37Yh_A50</video:player_loc>
      <video:publication_date>2026-03-17T06:13:52.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>571</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12870/i-tried-an-ai-font-generator</loc>
    <lastmod>2026-03-17T06:13:41.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/tzvR_vHyCDU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>I tried an AI Font Generator</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m showing my experience while using a new AI font generator for the first time. 

h/t to https://x.com/dudufolio of https://toolfolio.io for the chatgpt tip:
https://x.com/dudufolio/status/1913600921658945614

Let&apos;s go!

#fonts #ai

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/tzvR_vHyCDU</video:player_loc>
      <video:publication_date>2026-03-17T06:13:41.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>310</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12869/google-ai-studio-can-make-sick-prototypes</loc>
    <lastmod>2026-03-17T06:13:31.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/aq0DZQrCjvM/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Google AI Studio can make SICK Prototypes</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m showing you a prototype that I built with Google AI Studio&apos;s new builder. It&apos;s an app that allows you to read a short story, and it will generate a short movie from the text.

The flow is the following:
-- Live voice transcription
-- Each time &apos;process this&apos; is spoken, it runs that dialogue through another AI that creates a detailed visual description of the scene
-- That description is used to generate a scene image
-- Once finished reading the story, you can edit the images with in-painting via Nano Banana. 
-- You can also generate a voiceover in a specified character voice
-- Then, you can generate videos based on the scene images.

Finally, stitch them together in something like Premiere, and you have yourself a little short movie that originated from your voice. Sweet!

0:00 - Intro
0:56 - AI Studio Overview
4:58 - DEMO
8:29 - Example Story 1
9:27 - Example Story 2

https://aistudio.google.com

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/aq0DZQrCjvM</video:player_loc>
      <video:publication_date>2026-03-17T06:13:31.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>648</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12868/cursor-claude-operate-way-better-this-way</loc>
    <lastmod>2026-03-17T06:13:19.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/3Idgw6_mY7A/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Cursor &amp; Claude operate WAY better this way</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m sharing with you a big tip I stumbled upon by accident. We&apos;re all told we need to provide cursor/claude rules files for the best results, but it turns out that might actually work against you. Watch to see why.

#cursor #claude #ai

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/3Idgw6_mY7A</video:player_loc>
      <video:publication_date>2026-03-17T06:13:19.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>252</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12867/i-built-an-ai-doctor-in-2-weeks-demo</loc>
    <lastmod>2026-03-17T06:13:08.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/RmdAQdpHAT8/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>I built an AI Doctor in 2 weeks. Demo</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m showing you a new project I&apos;ve been working on for the last 2 weeks. It&apos;s called Labcoat, and it analyzes and compares lab values like blood work, in contrast with the person&apos;s health history and current health status. It provides unique insights, and allows you to chat with a chatbot that has everything in its context. I&apos;m super impressed, and this is the furthest I&apos;ve come in a heavily AI-coded project with Cursor. It&apos;s not finished yet, but should be shortly. All of the heavy lifting is out of the way. Auth integration, payment integration, etc.

#cursor #ai #agent 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/RmdAQdpHAT8</video:player_loc>
      <video:publication_date>2026-03-17T06:13:08.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>392</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12866/4-ways-to-use-ai-to-code-your-layout</loc>
    <lastmod>2026-03-17T06:12:57.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/4WYrBGq4aUI/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>4 WAYS to use AI to Code your Layout</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m showing you 4 different methods of translating your UI&apos;s to HTML/CSS with AI. We&apos;ll start with pasting a simple screenshot with minimal context, and work our way up to utilizing the Figma MCP server properly.

Let&apos;s get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/4WYrBGq4aUI</video:player_loc>
      <video:publication_date>2026-03-17T06:12:57.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>416</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12865/from-ui-screenshot-to-pixel-perfect-code</loc>
    <lastmod>2026-03-17T06:12:35.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Vun5yMUlVi0/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>From UI Screenshot to Pixel Perfect Code?</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m going to show you 2 different demos. First, a demo where we paste a UI screenshot and ask Cursor (Claude 4.5) to write pixel perfect HTML and CSS. And then after, I&apos;ll show you how you *can* achieve pixel perfect code by using the Figma MCP server. My prediction is that within 1 to 3 years, we *will* have the ability to simply paste a UI screenshot, and get pixel perfection code in the browser. WATCH!

0:00 - The Setup
0:42 - Screenshot to Code
2:40 - Figma to Code with Figma MCP
5:03 - My Prediction

#cursor #figma #frontend 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/Vun5yMUlVi0</video:player_loc>
      <video:publication_date>2026-03-17T06:12:35.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>391</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12864/the-design-in-code-debate-is-back-again</loc>
    <lastmod>2026-03-17T06:12:23.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/xEaMpZfjtiA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The &quot;Design in Code&quot; Debate is Back, again..</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Now that AI is here and anyone can code, there&apos;s a growing movement of those who forego the usage of tools like Figma, and instead, start their design process directly in tools like claude code / cursor. Let&apos;s take a look at whether or not this makes sense. As always, the answer is nuanced. Let&apos;s rock!

#ai #uiux 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/xEaMpZfjtiA</video:player_loc>
      <video:publication_date>2026-03-17T06:12:23.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>309</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12863/chrome-devtools-mcp-server-solves-a-big-problem</loc>
    <lastmod>2026-03-17T06:12:11.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/aa8GL86ZszQ/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Chrome DevTools MCP Server Solves a BIG Problem</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m going to show you how to integrate the brand new Google Chrome DevTools MCP Server. You can do a LOT of different things with it, but one thing I realized it can do is absolutely nuts: you can persist changes you make in the DOM via the dev inspector! Confused? Watch the video.

Let&apos;s get started!

#mcp #cursor #css

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/aa8GL86ZszQ</video:player_loc>
      <video:publication_date>2026-03-17T06:12:11.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>440</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12862/every-developer-needs-to-learn-this-now</loc>
    <lastmod>2026-03-17T06:11:51.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/mrZ50TOW0FY/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Every developer needs to learn this, now.</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m discussing a recent revelation I had while building out an AI-powered app. It all comes down to understanding context engineering -- the process of supplementing the right info, at the right time, to fit within the context of an AI LLM. I&apos;m going to show you an app that I&apos;m working on, in which context engineering is critical to the foundation.

X community on context engineering:
https://x.com/i/communities/1966906979731075488

Let&apos;s get started!

#ai #llm 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/mrZ50TOW0FY</video:player_loc>
      <video:publication_date>2026-03-17T06:11:51.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>545</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12861/vibe-coding-just-got-an-upgrade-replit-agent-3-released</loc>
    <lastmod>2026-03-17T06:11:37.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/nPHkv6Kb028/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Vibe Coding just got an upgrade -  Replit Agent 3 Released</video:title>
      <video:description>https://replit.com/agent3 👈 Try Agent 3 now
-- Today, we&apos;re checking out a huge release from Replit, which is a huge upgrade of their entire platform. Go from dev, to database, deployment, hosting and monitoring with Replit. This upgrade allows the Agent to work way longer (up to 200 minutes autonomously!). There&apos;s a virtual browser where it can test the UI and make fixes/improvements as it encounters them! I&apos;ll be building an AI-powered app for Teachers and Students in this demo.

Let&apos;s check &apos;er out!

#ai #replit #vibecoding 
- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/nPHkv6Kb028</video:player_loc>
      <video:publication_date>2026-03-17T06:11:37.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>713</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12860/paper-design-it-s-like-figma-with-shaders</loc>
    <lastmod>2026-03-17T06:11:26.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/jSiaJZCpYsw/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Paper.design - It&apos;s like Figma, with Shaders</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, we&apos;re checking out https://paper.design for the first time. It&apos;s now in Alpha and anyone can try it out. Think of it like a Figma that gives you access to some solid AI image generative features, along with shaders. In this video, I&apos;ll show you how to create a cool header with the tool.

Let&apos;s get started!

#ai #shaders

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/jSiaJZCpYsw</video:player_loc>
      <video:publication_date>2026-03-17T06:11:26.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>711</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12859/the-number-1-mistake-people-make-in-cursor</loc>
    <lastmod>2026-03-17T06:11:14.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/c19QHWrNwhk/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The Number 1 Mistake People Make in Cursor</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m going to discuss a very important lesson for those using Cursor: context windows and memory management. This is the number one reason people claim, &quot;AI breaks down once a project becomes more complex&quot;

Let&apos;s rock!

#ai #cursor #vibecoding 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/c19QHWrNwhk</video:player_loc>
      <video:publication_date>2026-03-17T06:11:14.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>546</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12858/i-built-an-ai-app-for-my-wife-s-business-with-replit</loc>
    <lastmod>2026-03-17T06:11:03.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/yXsBQGnx0dA/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>I built an  AI App for my Wife&apos;s Business (with Replit)</video:title>
      <video:description>https://replit.com/refer/designcoursecom - Give Replit a shot!
-- Hey all! Today, I&apos;m showing you how I used Replit to create a real-life AI-powered app for my wife&apos;s healthcare business. The problem: My wife&apos;s patients have the ability to ask her questions via chat. Unfortunately, they ask the same questions over and over. I decided to build an AI-Powered chat app that will automatically search through my wife&apos;s pre-defined FAQ database, and return to the user her answer if there&apos;s a match. If there&apos;s not a match, a disclaimer is issued and the AI answered the question on its own.

Let&apos;s get started!

#replit #ai 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/yXsBQGnx0dA</video:player_loc>
      <video:publication_date>2026-03-17T06:11:03.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>972</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12857/building-an-ai-chat-system-in-cursor-live</loc>
    <lastmod>2026-03-17T06:10:50.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/bqpQhPTWuxo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Building an AI Chat System in Cursor - LIVE</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m doing what few are willing: hopping into the world of AI coding/vibe coding while live. We&apos;re going to design and AI-Code a real time chat app in cursor. We&apos;ll use Figma to design it, the Figma MCP server to translate it, and then Cursor AI to code it.</video:description>
      <video:player_loc>https://www.youtube.com/embed/bqpQhPTWuxo</video:player_loc>
      <video:publication_date>2026-03-17T06:10:50.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>7184</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12856/near-instant-web-design-inspiration-with-google-ai-studio</loc>
    <lastmod>2026-03-17T06:10:31.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/nzxxmrKKBfo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Near Instant Web Design Inspiration with Google AI Studio</video:title>
      <video:description>https://designcourse.com/af 👈 Advanced Frontends Full Course. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m covering the recent launch of Google&apos;s new &apos;Nano Banana&apos; image generation model, which is the next leap forward for this type of tech. I&apos;m going to show you how it can be used in the context of web design, some graphic design and possibly even identity design. Let&apos;s get started!

#ai #uixux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/nzxxmrKKBfo</video:player_loc>
      <video:publication_date>2026-03-17T06:10:31.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>651</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12855/build-a-youtube-thumbnail-generator-with-gemini-nano-banana</loc>
    <lastmod>2026-03-17T06:10:20.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Qd1QH4kSujY/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Build a YouTube Thumbnail Generator with Gemini Nano Banana</video:title>
      <video:description>https://designcourse.com/af 👈 Advanced Frontends Full Course. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m going to show you all how I very quickly created a simple youtube thumbnail generator in Cursor. This takes literally just a few minutes. It utilizes the newly released AI Image Editing model called &quot;Nano Banana&quot; -- and the actual model is called Gemini 2.5 Flash Image. This is the best model for making modifications to existing images, which is the perfect use case for things like youtube thumbnails.

Let&apos;s get started!

#ai #gemini

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/Qd1QH4kSujY</video:player_loc>
      <video:publication_date>2026-03-17T06:10:20.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>477</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12854/learn-greensock-from-the-ground-up-absolute-beginners</loc>
    <lastmod>2026-03-17T06:10:09.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/vHf4P--o5jQ/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Learn GreenSock from the Ground Up - Absolute Beginners</video:title>
      <video:description>https://designcourse.com/af 👈 Advanced Frontends Full Course. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I decided to release the beginning portion of my Advanced Frontends course. The 2 hours will teach you absolutely beginner vanilla-javascript concepts. Then, we&apos;ll spend the rest of the time focusing on the introductory concepts of GreenSock. If you want to continue watching the full 8+ hour course, check out https://designcourse.com/af 

Github repo of project files:
https://github.com/designcourse/af-project-files

0:00 - Intro
1:23 - Vanilla JavaScript &amp; DOM Basics
2:02:18 - GSAP Fundamentals
3:24:02 - Conclusion

Let&apos;s get started!

#javascript #greensock 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/vHf4P--o5jQ</video:player_loc>
      <video:publication_date>2026-03-17T06:10:09.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>12254</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12853/is-sonic-grok-code-faster-better-than-gpt-5</loc>
    <lastmod>2026-03-17T06:09:57.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/J6nBI7pk8P8/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Is Sonic (Grok Code?) Faster &amp; Better than GPT-5?</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
-- Today, we&apos;re testing out a new stealth model called Sonic, which many believe is Grok Code. I&apos;m testing it across 3 different prompts, and comparing it against GPT5 in terms of both the SPEED and QUALITY of the code they produce.

0:00 - Intro
0:36 - Prompt 1 Test
2:11 - Prompt 2 Test
3:19 - Prompt 3 Test
4:35 - My Thoughts

Let&apos;s rock!

#gpt5 #sonic #ai 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/J6nBI7pk8P8</video:player_loc>
      <video:publication_date>2026-03-17T06:09:57.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>335</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/12086/git-worktrees-tutorial-3-bare-repositories</loc>
    <lastmod>2026-03-17T02:40:34.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/c4JVm4QAB5g/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Git Worktrees Tutorial #3 - Bare Repositories</video:title>
      <video:description>In this series, you’ll learn how to use Git worktrees, a feature that lets you check out multiple branches at the same time in separate working directories.

🍿👇 Get the FULL Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup

Starter Project: https://github.com/iamshaunjp/portfolio-worktrees</video:description>
      <video:player_loc>https://www.youtube.com/embed/c4JVm4QAB5g</video:player_loc>
      <video:publication_date>2026-03-17T02:40:34.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>288</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/11984/the-future-of-ui-ux-design-is-agent-collaboration</loc>
    <lastmod>2026-03-17T02:23:19.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/8p08vf5iXkI/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The Future of UI/UX Design is Agent Collaboration</video:title>
      <video:description>All things AI Design/Dev: https://designcourse.com
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I&apos;m showing you how I think AI-Native designers will work when building/designing layouts. It&apos;s all about multi-agent collaboration in the beginning, which dramatically speeds up the traditional workflow as it pertains to &quot;design thinking&quot;, which includes stuff like layout prototyping, color scheming, and more. 

Previous paper tutorial:
https://www.youtube.com/watch?v=GAnP8mtbMas
https://paper.design

#ai #uiux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/8p08vf5iXkI</video:player_loc>
      <video:publication_date>2026-03-17T02:23:19.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>332</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/11694/git-worktrees-tutorial-4-worktree-first-approach</loc>
    <lastmod>2026-03-17T01:12:29.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/O-aBwXN200s/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Git Worktrees Tutorial #4 - Worktree- First Approach</video:title>
      <video:description>In this series, you’ll learn how to use Git worktrees, a feature that lets you check out multiple branches at the same time in separate working directories.

🍿👇 Get the FULL Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup

Starter Project: https://github.com/iamshaunjp/portfolio-worktrees</video:description>
      <video:player_loc>https://www.youtube.com/embed/O-aBwXN200s</video:player_loc>
      <video:publication_date>2026-03-17T01:12:29.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>477</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/11693/ai-native-web-design-themes-with-paper-claude-code</loc>
    <lastmod>2026-03-17T01:12:17.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/ibihCg3T2Qs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>AI-Native Web Design Themes with Paper &amp; Claude Code</video:title>
      <video:description>All things AI Design/Dev: https://designcourse.com
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Yesterday, I decided to work on a workflow for what I imagine the future of website/app templates/themes could look like. Let&apos;s say you&apos;re a designer who wants to build website themes. Your theme lives in a modern design tool like Paper. You use a CLI to extract every trait of the theme, and publish it to a marketplace. People who want to use your theme use a CLI tool to extract a copy of your theme, and have access to a floating GUI for easy customization and integration across multiple tech stacks (vanilla html/css, react, vue, etc..). 

#ai #ui

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/ibihCg3T2Qs</video:player_loc>
      <video:publication_date>2026-03-17T01:12:17.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>305</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/11538/most-designers-can-t-light-dark-mode-can-you</loc>
    <lastmod>2026-03-17T00:33:05.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/Y8g3YtZckco/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Most Designers Can&apos;t Light/Dark Mode - Can you?</video:title>
      <video:description>Take the challenge: https://designcourse.com/app/foundations/2026-uiux/
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, we&apos;ve got a new challenge from the challenge series, and this time there&apos;s no AI involved. It&apos;s abundantly clear that AI-Native designers still need *DESIGN SKILLS*. One such skill involves being able to create light/dark modes of a design. In this video, I&apos;ll show you all how to do it with one example, and then in the challenge series, I want to see how you do your own with the design provided! 

Let&apos;s go!

#ai #ui

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/Y8g3YtZckco</video:player_loc>
      <video:publication_date>2026-03-17T00:33:05.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>385</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/11409/git-worktrees-tutorial-5-worktrees-in-agentic-coding-workflows</loc>
    <lastmod>2026-03-17T00:00:45.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/1QNrxuUu5CU/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Git Worktrees Tutorial #5 - Worktrees in Agentic Coding Workflows</video:title>
      <video:description>In this series, you’ll learn how to use Git worktrees, a feature that lets you check out multiple branches at the same time in separate working directories.

🍿👇 Get the FULL Git &amp; GitHub Masterclass:
https://netninja.dev/p/git-github-masterclass

🍿👇 Get the FULL Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup

Starter Project: https://github.com/iamshaunjp/portfolio-worktrees</video:description>
      <video:player_loc>https://www.youtube.com/embed/1QNrxuUu5CU</video:player_loc>
      <video:publication_date>2026-03-17T00:00:45.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>252</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/10959/i-used-claude-code-to-generate-light-shows-in-my-studio</loc>
    <lastmod>2026-03-16T16:40:21.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/RMevVvq5LOo/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>I used Claude Code to Generate Light Shows in my Studio</video:title>
      <video:description>https://designcourse.com -- Learn AI Design/Dev
-- What&apos;s up everyone, this was a weekend project that I wanted to share. If you know anything about the world of stage lighting, lighting software sucks. I decided to have Claude connect all of my lights, bypassing software, and it built a pipeline for creating automatic/AI-generated light shows.

Enjoy! 

#ai #claude #dmx

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/RMevVvq5LOo</video:player_loc>
      <video:publication_date>2026-03-16T16:40:21.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>239</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/9577/the-greatest-unsolved-problem-in-computer-science</loc>
    <lastmod>2026-03-09T18:31:50.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/x36UmiSiEzc/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The greatest unsolved problem in computer science...</video:title>
      <video:description>Try MongoDB Atlas for free - https://fandf.co/4rf61Za and simplify your AI data stack with one platform.

P vs NP is arguably the most famous unsolved problem in computer science. It asks: if you can verify a solution quickly, can you also find the solution quickly? Let&apos;s attempt to find out...

Clay Mathematics Institute: https://www.claymath.org/millennium/p-vs-np/ 

#coding #programming

🔖 Topics Covered
- What is P vs NP
- History of P vs NP
- Why is it so hard to prove?
- Underlying mathematical concepts
- Uses for P vs NP
- What if P really does equal NP?

Want more Fireship?

🗞️ Newsletter: https://bytes.dev
🧠 Courses: https://fireship.dev</video:description>
      <video:player_loc>https://www.youtube.com/embed/x36UmiSiEzc</video:player_loc>
      <video:publication_date>2026-03-09T18:31:50.000Z</video:publication_date>
      <video:uploader>Fireship</video:uploader>
      <video:duration>425</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/8409/50-designers-used-claude-code-to-design-a-layout</loc>
    <lastmod>2026-02-23T14:44:36.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/v6PpTSvWpRs/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>50 Designers used Claude Code to Design a Layout</video:title>
      <video:description>Take the challenge: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- A few days ago, I tasked designers to create a landing page for the same fictional business (AI Home Inspection Business). Many of them look very similar, despite the instructions telling them to make it unique and infuse their own sense of design. Why were so many of them similar? What did the unique ones do better? Let&apos;s LOOK!

#ai #claude #vibe 

Take the challenge, it&apos;s free:
https://designcourse.com/app/foundations/2026-uiux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/v6PpTSvWpRs</video:player_loc>
      <video:publication_date>2026-02-23T14:44:36.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>296</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/8414/using-figma-make-to-analyze-blood-work-it-works</loc>
    <lastmod>2026-02-06T14:36:46.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/IrKQcweU_UQ/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Using Figma Make to Analyze Blood Work (It works)</video:title>
      <video:description>https://psxid.figma.com/DesignCourse - Try out Figma Make
-- Have you ever got blood work and had no clue what the values meant? I used Figma Make to create a mobile app that allows you to snap a picture of your blood work, which then analyzes it and stores it in a chatbot that has the full context. This allows you to ask it questions and provide insights, that are often times even more elaborate and comprehensive than what you&apos;d receive at your human doctor&apos;s office! 

I made a similar, more robust app as a SaaS earlier, but one major pitfall was that it had to be HIPAA compliant for others to use. This tutorial demonstrates a way to circumvent that necessity in the upcoming age of personal software. With AI build tools like Figma Make, you can spin up an app in less than 30 minutes for any niche use case.

Let&apos;s get started!

#figma #make #ai

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/IrKQcweU_UQ</video:player_loc>
      <video:publication_date>2026-02-06T14:36:46.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>771</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/8435/they-told-me-the-problem-the-solution-fixed-it</loc>
    <lastmod>2025-10-09T15:33:08.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/ZRlBw799NBI/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>They told me the problem. The solution fixed it.</video:title>
      <video:description>TRT clinic I mentioned in the video https://wittmerrejuvenationclinic.com/ 
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- Today, I&apos;m sharing a personal story about how I was dealing with issues of low energy, lack of focus/direction, etc.. The answer was found within my blood work, and it was low testosterone. This sent me down a rabbit hole of discovery. Watch the video, it could very well be your issue.

#energy

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/ZRlBw799NBI</video:player_loc>
      <video:publication_date>2025-10-09T15:33:08.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>387</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/8439/the-gatekeeping-of-reddit-designers</loc>
    <lastmod>2025-09-23T15:34:41.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/S8rlpbi077Q/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>The Gatekeeping of Reddit Designers</video:title>
      <video:description>https://bit.ly/4bTD5zu 👈 Design &amp; code like me. Use &quot;UI2024&quot; for 25% Off!
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!)
-- I was browsing reddit&apos;s r/FigmaDesign recently, and came across this particular post from a senior designer of 13 years who has *never* used Figma. In this video, we&apos;re going to take a look at the situation. I&apos;ll give you my thoughts about what really constitutes being a &quot;real&quot; designer.

Thread in question:
https://www.reddit.com/r/FigmaDesign/comments/1nnzky7/im_a_seniorlevel_designer_but_now_i_need_to_learn/

Let&apos;s get it!

#reddit #uiux 

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro&apos;s Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I&apos;m a full stack developer with 2+ decades experience and I teach people how to design and code. I&apos;ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!</video:description>
      <video:player_loc>https://www.youtube.com/embed/S8rlpbi077Q</video:player_loc>
      <video:publication_date>2025-09-23T15:34:41.000Z</video:publication_date>
      <video:uploader>DesignCourse</video:uploader>
      <video:duration>320</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
  <url>
    <loc>https://vidert.com/v/web-development/video/8352/content-roadmap-2026</loc>
    <lastmod>2026-02-24T09:20:13.000Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.5</priority>
    <video:video>
      <video:thumbnail_loc>https://i.ytimg.com/vi/MisYP3rDcA4/maxresdefault.jpg</video:thumbnail_loc>
      <video:title>Content Roadmap - 2026</video:title>
      <video:description>There&apos;s a lot of content I want to add to the channel (and the pro site) this year. In this video I&apos;ll go over my plans for the coming months. As always, let me know in the comments if there&apos;s anything YOU want to see :).

🍿👇 Get the Claude Code Masterclass:
https://netninja.dev/p/claude-code-masterclass

Use promo CLAUDENINJA for 50% off.

🔥👇 Get access to ALL Masterclasss &amp; premium courses with Net Ninja Pro:
https://netninja.dev/p/net-ninja-pro/#prosignup</video:description>
      <video:player_loc>https://www.youtube.com/embed/MisYP3rDcA4</video:player_loc>
      <video:publication_date>2026-02-24T09:20:13.000Z</video:publication_date>
      <video:uploader>Net Ninja</video:uploader>
      <video:duration>202</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:live>no</video:live>
    </video:video>
  </url>
</urlset>