Web Dev Simplified

Survey: https://forms.gle/xUxoqxeed29LhNE16 I would be really grateful if you could fill out this survey to help me better understand what you are hoping to get out of my channel and to help me shape the content on this channel to best fit your needs. The survey should only take 5-10 minutes depending on if you choose to fill out any of the optional questions on the survey. Thank you so much for watching this video and considering filling out the survey. 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #WebDevelopment #WDS #WebDevSimplified

The browser is constantly releasing new features, but your AI doesn’t even know they exist. Your browser even has old features your AI refuses to use. In this video I will be showing you 10 amazing browser features (some old and some new), that will drastically improve the quality of your code. 📚 Materials/References: Full Lazy Load Images Video: https://youtu.be/hJ7Rg1821Q0 Lazy Load Images Article: https://blog.webdevsimplified.com/2023-05/lazy-load-images 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:47 - #1 - Browser Locks 05:26 - #2 - Browser Share 06:23 - #3 - Vibrate API 07:12 - #4 - Screen Wake API 08:24 - #5 - #6 - Color Picker and Clipboard API 09:15 - #7 - CSS Env Variables 12:29 - #8 - Picture In Picture 13:39 - #9 - #10 - Lazy Load Images & Smooth Scroll #BrowserFeatures #WDS #JavaScript

FREE Pi Cheat Sheet: https://webdevsimplified.com/pi-cheat-sheet.html Tanstack’s newest Intent library is a great idea, but unfortunately it is poorly executed to the point that I think it is actively harmful. In this video I cover how this library works, and more importantly I show I would fix this library to make it actually useful. 📚 Materials/References: FREE Pi Cheat Sheet: https://webdevsimplified.com/pi-cheat-sheet.html 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:52 - How To Use As Consumer 01:56 - The Problems With Tanstack Intent 04:54 - The Solution 07:10 - How To Use As A Library Author #TanstackIntent #WDS #Tanstack

Checkout Neon: https://get.neon.com/HALyXNV Checkout Vercel Workflows: https://vercel.plug.dev/wMxDguF Checkout CodeRabbit: https://www.coderabbit.ai/?utm_source=youtube&utm_medium=video&utm_campaign=coderabbit_june26&utm_term=webdevsimplified&dub_id=li2pPKNg5Sz8P8ey RAG (Retrieval Augmented Generation) is crucial to nearly every business. Knowing how to build your own RAG system will put you far ahead of most other job applicants. In this video I will not only show you how to build a complete RAG system, but I will also show you how go about building production ready applications with AI from scratch. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/video-blog-suggester-yt AI Sandbox Setup Video: https://youtu.be/7Z7ID5BbZU4 AI Skills Video: https://youtu.be/cxQLKsktiBA Local AI LM Studio Setup Video: https://youtu.be/UngVdAsQEiU 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00:00 - Introduction 00:02:17 - Project Setup 00:08:23 - Project Planning 00:13:27 - Drizzle Setup 00:20:59 - Neon Setup 00:24:14 - Setup BetterAuth 00:44:46 - CodeRabbit Setup 00:47:51 - CodeRabbit Review 00:52:14 - RAG - Ingesting Blog Articles 01:23:17 - RAG - Article Chunking 01:32:13 - RAG - Embedding Text 01:40:00 - Vercel Workflow Testing 01:49:17 - CodeRabbit Local Review 01:58:03 - Search UI Implementation 01:59:49 - Securing Cron Jobs 02:03:29 - Search UI Continued 02:18:54 - RAG - Ingesting YouTube Videos 02:20:33 - YouTube API Setup 02:27:04 - UI CodeRabbit Review 02:31:32 - RAG - Ingesting YouTube Videos Continued 02:47:17 - Rate Limiting 02:55:25 - YouTube Ingest CodeRabbit Review 02:58:25 - Rate Limit Continued #AICoding #WDS #RAG