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
0 videos added this week2.4k subscribers132 topics
Framer Shaders are SICK - How I use them

Framer Shaders are SICK - How I use them

https://framer.link/DesignCourse 👈 Get a free month of Framer Pro: 'DESIGNCOURSE1' valid for 3 months! -- Today, I'm showing you exactly how I would use the new Shaders feature within the context of my own project. Framer asked me to take a look at how they've integrated shaders in their no-code editor, and I used it to augment a hero section for a real project I'm actively working on. I'm a big fan. Super easy to customize, and plenty of endless combinations and use cases. Let's get it! #framer #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'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!

Framer Shaders Feature
3 weeks ago·youtube.com
0
OpenClaw Crash Course For Beginners

OpenClaw Crash Course For Beginners

Learn how to get OpenClaw up and running and create your own AI assistant Managed OpenClaw VPS - Code TRAVERSYMEDIA for 10% 0ff! https://www.hostinger.com/traversymedia Prompts From Video: https://gist.github.com/bradtraversy/b190f979014c82120a1762277a165186 OpenClaw Devsheet: https://devsheets.io/sheets/openclaw Timestamps: 0:00 - Intro 1:34 - What Is OpenClaw? 5:40 - Local or VPS? 7:14 - Hostinger VPS Options 8:46 - Installing OpenClaw 9:58 - Selecting A Model 11:44 - Open AI Authentication 12:27 - Telegram Bot Token Setup 14:08 - Finish Onboarding 16:07 - Open Web UI 17:13 - Pairing Telegram 18:20 - The Core Files 20:15 - Add Initial Info 22:05 - Content Digest Workflow 24:40 - Getting Today's Digest 26:05 - Creating Cron Jobs 28:09 - Skills 30:58 - Security 32:05 - My OpenClaw/Claude/Obsidian Workflow 36:40 - Agent Task Sharing

OpenClaw AI AssistantHostinger VPS
3 weeks ago·youtube.com
+12
I finally found a use case for OpenClaw…

I finally found a use case for OpenClaw…

Get up to 67% off OpenClaw VPS hosting with Hostinger's one-click template. Use code FIRESHIP for an extra discount - https://hostinger.com/openclawfireship Back in January, OpenClaw's wild rise triggered a nation-wide Mac mini shortage and a record number of security advisories. But just last week, Peter Steinberger spoke about fixing its vulnerabilities to a room full of devs at AI Engineer Europe, and he convinced me to give it another shot. #coding #programming #ai #openclaw 🔖 Topics Covered - The state of OpenClaw - Fixing OpenClaw's security issues - Real-life OpenClaw project Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

OpenClaw
4 weeks ago·youtube.com
+30
Claude just got another superpower...

Claude just got another superpower...

Run any code on Google’s world-class infrastructure - https://cloud.run. Get 2 million free requests per month Claude Design could be Anthropic's most disruptive tool since Claude Code. But can their new Opus 4.7 powered platform really turn your half-baked Figma wireframe into a production ready UI? Let's run it. #coding #programming 🔖 Topics Covered - What is Claude Design - Claude Design vs Figma vs Adobe - Claude Design demo Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

Claude DesignFigmaAdobe
1 month ago·youtube.com
+50
Claude Design is SICK - Real Landing Page Demo

Claude Design is SICK - Real Landing Page Demo

Build a SaaS with Claude: https://designcourse.com/app/course/claude-code-ai-saas (Take now) -- Today, I'm showing off a landing page I built with the newly released Claude Design https://claude.ai/design - I'll show the landing page, and then discuss the workflow that I used to achieve it. Let's get it! #ai #claude #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!

Claude DesignSaaS Applications
1 month ago·youtube.com
+3
Astro Crash Course #13 - Deploying to Netlify

Astro Crash Course #13 - Deploying to Netlify

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 month ago·youtube.com
0
Astro Crash Course #12 - Client Islands (React)

Astro Crash Course #12 - Client Islands (React)

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/

React componentsAstro web frameworkNetlify deployment
1 month ago·youtube.com
0
A rich hacker just penetrated 31 WordPress plugins...

A rich hacker just penetrated 31 WordPress plugins...

Warp is the agentic development environment born out of the terminal. Download Warp for free today at → https://go.warp.dev/fireship Someone spent $100k buying a massive collection of WordPress plugins and planted a backdoor in all of them. Naturally, CloudFlare stepped in with EmDash: a slop-forked WP alternative that promises to fix plugin security for good. #coding #programming #wordpress 🔖 Topics Covered - Wordpress plugin hack - https://anchor.host/someone-bought-30-wordpress-plugins-and-planted-a-backdoor-in-all-of-them/ - EmDash Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

WordPress Plugin Security Breach
1 month ago·youtube.com
+39
React Native Crash Course 2026 - Build a Complete Mobile App

React Native Crash Course 2026 - Build a Complete Mobile App

Learn how to build native mobile apps from scratch with React Native and Expo. Create your account at https://expo.dev Project Repo https://github.com/bradtraversy/macrozone Steps & Complete Walkthrough: https://github.com/bradtraversy/macrozone/blob/master/STEPS.md Timestamps: 0:00 - Intro 1:05 - What Is React Native 4:15 - How It Works 7:53 - What Is Expo? 10:00 - Running In Development 11:30 - Project Resources 13:17 - Expo Account & EAS CLI 15:10 - Generating an App 18:50 - Running On iOS & Web 21:34 - Running On Android 22:40 - Reset Project Script 23:59 - Native Components 26:46 - Platform & Device Info 28:25 - Styling In React Native 30:38 - Screen Stack & Header Title 32:00 - Global Styles 34:10 - Home Header Component 36:03 - Expo Router & Screens 38:05 - Navigation Links 38:58 - Back Button & Hide Headers 40:40 - Add Meal Screen (Challenge) 42:24 - Tabs 46:45 - MacroCard & MacroGrid Components 51:00 - MealItem & RecentMeals Components 53:33 - Add Meal Form 56:12 - AsyncStorage Intro 58:33 - Storage Handler 1:02:17 - Hook Up Form 1:05:12 - Get Meals From Storage 1:08:56 - Update MacroGrid With Storage 1:11:00 - Delete Meals From Storage 1:14:53 - All Meals Screen 1:16:07 - Clear All Meals 1:17:53 - Expo Haptics 1:20:40 - Share API 1:23:27 - Expo Clipboard 1:25:47 - Expo Notifications 1:28:26 - Reminder Toggle Component 1:32:05 - Build With EAS Build

React Native 2026Expo SDK
1 month ago·youtube.com
+27
The 2 Biggest Ways my UI/UX Workflow has Changed

The 2 Biggest Ways my UI/UX Workflow has Changed

Build a SaaS with Claude: https://designcourse.com/app/course/claude-code-ai-saas (Take now) -- Today, I'm going to show you the 2 biggest ways my UI/UX design process has changed, and they are big deviations from what I've done for literally decades. Tutorial mentioned: https://www.youtube.com/watch?v=jEQOT11ZoiA #uiux #ui #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!

UI/UX Design ProcessSaaS Development
1 month ago·youtube.com
+2
Astro Crash Course #11 - Server Side Rendering

Astro Crash Course #11 - Server Side Rendering

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/

Server Side RenderingAstro web framework
1 month ago·youtube.com
0
Remotion - Creating Video through Web Tech (SICK!)

Remotion - Creating Video through Web Tech (SICK!)

Build a SaaS with Claude: https://designcourse.com/app/course/claude-code-ai-saas (Take now) -- Today, I'm showing you a couple use cases for integrating Remotion into your project. If video at all makes sense for what you're doing, take a look at https://remotion.dev (It's free!). It allows you to generate entirely new videos from scratch, or augment existing video. It works by allowing you to instruct your coding agent to generate graphics using web tech (html/css), which are then integrated into video. It supports animation and a lot of other cool features. #remotion #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!

Remotion
1 month ago·youtube.com
+2
Astro Crash Course #10 - Dynamic Routes

Astro Crash Course #10 - Dynamic 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 frameworkDynamic Routing in Web Development
1 month ago·youtube.com
0
Claude Mythos is too dangerous for public consumption...

Claude Mythos is too dangerous for public consumption...

Browserbase is the simplest way to give your agents access to the whole web. Try it for free - https://browserbase.run/fireship Anthropic locked down their new Mythos model because they say it's too dangerous for normies like you and me to use. Let's investigate... #mythos #ai #programming #claude Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

Claude Mythos
1 month ago·youtube.com
+43
Claude Mythos vs. OpenAI Spud - AI Psychosis at its Finest

Claude Mythos vs. OpenAI Spud - AI Psychosis at its Finest

Build an AI SaaS with Claude: https://designcourse.com/app/course/c... (Take now) -- Just a quick observation about the current AI-Infused Psychosis that the industry is experiencing in relation to Claude Mythos and now OpenAI Spud. #claude #openai #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!

OpenAI SpudClaude Mythos
1 month ago·youtube.com
0
Astro Crash Course #9 - Content Collections (with Markdown)

Astro Crash Course #9 - Content Collections (with Markdown)

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 month ago·youtube.com
0
Google just casually disrupted the open-source AI narrative…

Google just casually disrupted the open-source AI narrative…

CodeRabbit CLI can fix your agent’s code before it ever opens a PR - https://coderabbit.link/fireship Free forever for any open source project. Last week, Google surprised us all by shipping their latest micro model Gemma 4 under a truly open source license. But what's the catch? Let's run it... #coding #programming #programming 🔖 Topics Covered - How Gemma 4 works - Gemma 4 benchmarks - TurboQuant 📌 Resources - https://newsletter.maartengrootendorst.com/p/a-visual-guide-to-gemma-4 Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

Gemma 4
1 month ago·youtube.com
+40
Astro Crash Course #8 - Content Collections (with JSON)

Astro Crash Course #8 - Content Collections (with JSON)

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 month ago·youtube.com
0
Cursor ditches VS Code, but not everyone is happy...

Cursor ditches VS Code, but not everyone is happy...

Try Blacksmith for free to run your GitHub Actions 2x faster - https://www.blacksmith.sh/ Cursor 3 just introduced its own frontier model that's been suspiciously dominating all the trust me bro benchmarks. But it turns out there's a catch... #coding #programming Want more Fireship? 🗞️ Newsletter: https://bytes.dev 🧠 Courses: https://fireship.dev

Cursor 3GitHub Actions
1 month ago·youtube.com
+40
Astro Crash Course #7 - Reusable Components

Astro Crash Course #7 - Reusable Components

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 month ago·youtube.com
0

Actions

Add Video