Vidert
W

Web Development Feed

Frontend, backend, and full-stack web development

Don't miss new videos — get them as they're added

Get new videos
9 videos added this week2.4k subscribers110 topics
I spend less time in Figma. Here's how

I spend less time in Figma. Here's how

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'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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

Figma for Web DevelopmentAI in UI Design
Yesterday·youtube.com
+1
He just crawled through hell to fix the browser…

He just crawled through hell to fix the browser…

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 "crawled through depths of hell" to bring us Pretext – a fast, accurate, and comprehensive text measurement library that could change UI design forever. Let'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

Pretext LibraryCheng Lou
2 days ago·youtube.com
+35
Astro Crash Course #6 - Outputting Lists

Astro Crash Course #6 - Outputting Lists

In this Astro tutorial series, you'll learn how to use the Astro web framework to make a content-driven website. You'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 & 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/

Astro web frameworkReact components
3 days ago·youtube.com
0
Tragic mistake... Anthropic leaks Claude’s source code

Tragic mistake... Anthropic leaks Claude’s source code

Try Temporal's open-source orchestration platform to ship AI features 2x faster - https://temporal.ai Anthropic accidentally leaked Claude Code's source code to the entire internet. Let's take a look... #coding #programming #claude #ai 🔖 Topics Covered - Claude source code leak - What's in the leak? - Unreleased features - Undercover Mode - Frustration Detector Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

Claude AIAnthropic
3 days ago·youtube.com
+37
Can you go from Wireframe to Pixel Perfect? UI Challenge

Can you go from Wireframe to Pixel Perfect? UI Challenge

https://uxpilot.ai (Code: NOW15 for 200 credits and export to figma!) Challenge: https://designcourse.com/app/foundations/2026-uiux -- Hey all, today we'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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

FigmaUXPilot
3 days ago·youtube.com
0
Millions of JS devs just got penetrated by a RAT…

Millions of JS devs just got penetrated by a RAT…

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't your average RAT - let's take a look at how this highly sophisticated attack was pulled off and what to do if you'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're compromised Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

Axios JavaScript LibraryRemote Access Trojan (RAT)
4 days ago·youtube.com
+42
Astro Crash Course #5 - Templating

Astro Crash Course #5 - Templating

In this Astro tutorial series, you'll learn how to use the Astro web framework to make a content-driven website. You'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 & 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/

Astro web frameworkReact components
5 days ago·youtube.com
0
KaneAI - The Answer to Vibe Coders who Don't Test!

KaneAI - The Answer to Vibe Coders who Don't Test!

https://bit.ly/4tg25ZC - Try KaneAI -- Hey all, today I'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're testing, you don't know. That's where KaneAI comes in. In this video, I'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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

KaneAI
5 days ago·youtube.com
0
Astro Crash Course #4 - Styles

Astro Crash Course #4 - Styles

In this Astro tutorial series, you'll learn how to use the Astro web framework to make a content-driven website. You'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 & 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/

Astro web frameworkNetlify deployment
6 days ago·youtube.com
0
A New 3D AI Builder vs Just Claude Code?

A New 3D AI Builder vs Just Claude Code?

Build with Claude: https://designcourse.com/app/course/c... (Take now) -- The team behind the awesome Spline3D just released Omma, and I'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'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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

Omma 3D AI BuilderClaude Code
1 week ago·youtube.com
+2
Astro Crash Course #3 - Layouts

Astro Crash Course #3 - Layouts

In this Astro tutorial series, you'll learn how to use the Astro web framework to make a content-driven website. You'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 & 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/

Astro web frameworkReact components
1 week ago·youtube.com
0
Claude just hijacked my computer...

Claude just hijacked my computer...

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's run it. #coding #ai #programming Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

Claude AIOpenAI
1 week ago·youtube.com
+38
Astro Crash Course #2 - Pages & Routes

Astro Crash Course #2 - Pages & Routes

In this Astro tutorial series, you'll learn how to use the Astro web framework to make a content-driven website. You'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 & 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/

Astro web frameworkNetlify deployment
1 week ago·youtube.com
0
The New Figma Workflow - Code to Design & Vice Versa

The New Figma Workflow - Code to Design & Vice Versa

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'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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

Figma Code to Design Update
1 week ago·youtube.com
+6
Astro Crash Course #1 - Why Astro? (& Setup)

Astro Crash Course #1 - Why Astro? (& Setup)

In this Astro tutorial series, you'll learn how to use the Astro web framework to make a content-driven website. You'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 & 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/

Astro web frameworkNetlify deployment
1 week ago·youtube.com
+2
How Claude Code Created an AI Coach (Controls My Studio)

How Claude Code Created an AI Coach (Controls My Studio)

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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

Claude Code AI
1 week ago·youtube.com
+1
Build an AI-Powered SaaS with Claude Code - Trailer

Build an AI-Powered SaaS with Claude Code - Trailer

Early Access: https://designcourse.com/app/course/claude-code-ai-saas -- Hey all! This is my first course in over a year, and I'm super excited to announce the early access period where you can start taking the course today for 30% off. You've seen the AI demos. You'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'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't a toy project. It's a complete SaaS application with authentication, payments, credit systems, and a real AI pipeline, deployed and running on Vercel. We'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's Gemini image generation API for the AI backbone. You'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't need to be a coder. We'll communicate in plain English with Claude Code to make all of this happen in a systematic approach. You'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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

Landscaip
1 week ago·youtube.com
0
The New Google Stitch - Are Designers Finished?

The New Google Stitch - Are Designers Finished?

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'm giving Stitch a test drive. They just re-built everything from the ground up, and I'm giving you my honest reaction. Let'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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

Google Stitch
2 weeks ago·youtube.com
0
Insane Claude Agent SDK Demo - See it to believe it

Insane Claude Agent SDK Demo - See it to believe it

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's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I'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!

Claude Agent SDK
2 weeks ago·youtube.com
+16
Git Worktrees Tutorial #2 - Adding Git Worktrees

Git Worktrees Tutorial #2 - Adding Git Worktrees

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 & 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 & premium courses with Net Ninja Pro: https://netninja.dev/p/net-ninja-pro/#prosignup Starter Project: https://github.com/iamshaunjp/portfolio-worktrees

Git Worktrees
2 weeks ago·youtube.com
+1

Actions

Add Video