My React course: https://reactbootcamp.dev Chapters 0:00 - Intro 0:11 - Components 0:29 - JSX 1:02 - Curly Braces 1:29 - Fragments 1:49 - Props 2:20 - Children 2:54 - Keys 3:27 - Rendering 4:34 - Event Handling 5:05 - State 5:54 - Controlled Components 6:31 - Hooks 7:21 - Purity 8:03 - Strict Mode 8:22 - Effects 9:03 - Refs 9:30 - Context 10:10 - Portals 10:41 - Suspense 11:06 - Error Boundaries 11:35 - Learn More
This is a beginner-friendly session designed for Java developers who are trying to navigate the landscape of frontend development. When you need to develop a new frontend for your application, what approach do you take? Do you leverage your existing Java skills and create it using a Java framework? Or do you opt for a modern JavaScript framework like React, Angular, or Vue? Different requirements may call for different solutions, and in this session we will explore this topic in depth. By the end of this talk, you will be up to date with the latest techniques for building frontend applications. Presented by Dan Vega - Spring Developer Advocate (Broadcom) at JavaOne 2025 (CA, March 2025). All JavaOne 2025 talks ➤ https://www.youtube.com/playlist?list=PLX8CzqL3ArzVV1xRJkRbcM2tOgVwytJAi ➤ https://github.com/danvega/java-developer-frontend-landscape Tags: #Java #JavaOne #frontend SES1487
All about Hilbert's Decision Problem, Turing's solution, and a machine that vanishes in a puff of logic. MORE BASICS: https://www.youtube.com/playlist?list=PL96C35uN7xGLLeET0dOWaKHkAlPsrkcha Written with Sean Elliott https://twitter.com/SeanMElliott/ Graphics by William Marler https://wmad.co.uk Audio mix by Graham Haerther https://haerther.net/ 🟥 MORE FROM TOM: https://www.tomscott.com/ (you can find contact details and social links there too) 📰 WEEKLY NEWSLETTER with good stuff from the rest of the internet: https://www.tomscott.com/newsletter/ ❓ LATERAL, free weekly podcast: https://lateralcast.com/ https://youtube.com/lateralcast/ ➕ TOM SCOTT PLUS: https://youtube.com/tomscottplus 👥 THE TECHNICAL DIFFICULTIES: https://youtube.com/techdif
Created by Kamyar Ghiam and Anish Krishnan: Kamyar Ghiam: kamyarghiam@gmail.com Anish Krishnan: http://anish-krishnan.github.io/
Improving on Dijkstra, A* takes into account the direction of your goal. Dr Mike Pound explains. Correction: At 8min 38secs 'D' should, of course, be 14 not 12. This does not change the result. Dijkstra's Algorithm: https://youtu.be/GazC3A4OQTE How GPS Works: https://youtu.be/EUrU1y5is3Y http://www.facebook.com/computerphile https://twitter.com/computer_phile This video was filmed and edited by Sean Riley. Computer Science at the University of Nottingham: http://bit.ly/nottscomputer Computerphile is a sister project to Brady Haran's Numberphile. More at http://www.bradyharan.com
People have expressed doubt, even called me a liar, over my mentions of single-click malicious attacks in past videos, so allow me to talk about two factual real world examples that I experienced firsthand. 0:00 Intro 0:16 Why I'm making this 0:37 Facts, Inference, Speculation 0:44 Example 1 4:05 Example 2 6:20 But that's not Malware! 7:04 But those are patched now! 7:40 But this is rare! 7:59 Summary
The Netflix architecture and the way we use Java is ever-changing. On top of that, Java itself and the OSS ecosystem is changing faster than ever. In this talk, you’ll learn how Netflix is using Java in 2025 and what benefits and possible issues we’re seeing running most of our services on the latest Java releases. You’ll learn about how we build our services with Spring Boot, DGS/GraphQL, and gRPC. We’ll go into dependency management and how we keep over 3000 Java services on the latest versions of frameworks and libraries, as well as the JDK itself. You’ll learn about our experiences with the new garbage collectors like generational ZGC, Virtual Threads, our view on native images, and how we see the near future of building Java services. Presented by Paul Bakker - Java Champion & Staff Software Engineer (Netflix) at JavaOne 2025 (CA, March 2025). All JavaOne 2025 talks ➤ https://www.youtube.com/playlist?list=PLX8CzqL3ArzVV1xRJkRbcM2tOgVwytJAi Tags: #Java #architecture #JavaOne SES1345
What are the neurons, why are there layers, and what is the math underlying it? Help fund future projects: https://www.patreon.com/3blue1brown Written/interactive form of this series: https://www.3blue1brown.com/topics/neural-networks Additional funding for this project was provided by Amplify Partners Typo correction: At 14 minutes 45 seconds, the last index on the bias vector is n, when it's supposed to, in fact, be a k. Thanks for the sharp eyes that caught that! For those who want to learn more, I highly recommend the book by Michael Nielsen that introduces neural networks and deep learning: https://goo.gl/Zmczdy There are two neat things about this book. First, it's available for free, so consider joining me in making a donation to Nielsen if you get something out of it. And second, it's centered around walking through some code and data, which you can download yourself, and which covers the same example that I introduce in this video. Yay for active learning! https://github.com/mnielsen/neural-networks-and-deep-learning I also highly recommend Chris Olah's blog: http://colah.github.io/ For more videos, Welch Labs also has some great series on machine learning: https://youtu.be/i8D90DkCLhI https://youtu.be/bxe2T-V8XRs For those of you looking to go *even* deeper, check out the text "Deep Learning" by Goodfellow, Bengio, and Courville. Also, the publication Distill is just utterly beautiful: https://distill.pub/ Lion photo by Kevin Pluck Звуковая дорожка на русском языке: Влад Бурмистров. Thanks to these viewers for their contributions to translations German: @fpgro Hebrew: Omer Tuchfeld Hungarian: Máté Kaszap Italian: @teobucci, Teo Bucci ----------------- Timeline: 0:00 - Introduction example 1:07 - Series preview 2:42 - What are neurons? 3:35 - Introducing layers 5:31 - Why layers? 8:38 - Edge detection example 11:34 - Counting weights and biases 12:30 - How learning relates 13:26 - Notation and linear algebra 15:17 - Recap 16:27 - Some final words 17:03 - ReLU vs Sigmoid Correction 14:45 - The final index on the bias vector should be "k" ------------------ Animations largely made using manim, a scrappy open source python library. https://github.com/3b1b/manim If you want to check it out, I feel compelled to warn you that it's not the most well-documented tool, and has many other quirks you might expect in a library someone wrote with only their own use in mind. Music by Vincent Rubinetti. Download the music on Bandcamp: https://vincerubinetti.bandcamp.com/album/the-music-of-3blue1brown Stream the music on Spotify: https://open.spotify.com/album/1dVyjwS8FBqXhRunaG5W5u If you want to contribute translated subtitles or to help review those that have already been made by others and need approval, you can click the gear icon in the video and go to subtitles/cc, then "add subtitles/cc". I really appreciate those who do this, as it helps make the lessons accessible to more people. ------------------ 3blue1brown is a channel about animating math, in all senses of the word animate. And you know the drill with YouTube, if you want to stay posted on new videos, subscribe, and click the bell to receive notifications (if you're into that). If you are new to this channel and want to see more, a good place to start is this playlist: http://3b1b.co/recommended Various social media stuffs: Website: https://www.3blue1brown.com Twitter: https://twitter.com/3Blue1Brown Patreon: https://patreon.com/3blue1brown Facebook: https://www.facebook.com/3blue1brown Reddit: https://www.reddit.com/r/3Blue1Brown
TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-EcCTIExsqml By far one of the hardest TypeScript concepts to understand when first learning TypeScript is generics. They introduce new syntax, new logic, and a new way of thinking all at the same time which is tough to comprehend. In this video I will be breaking down everything you need to know about generics (including advanced generic features). 📚 Materials/References: TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-EcCTIExsqml 🌎 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:49 - When To Use Generics 02:04 - Generic Function Basics 06:40 - Generic Type Basics 09:24 - Advanced Generic Features #TypeScript #WDS #TypeScriptGeneric
React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-5s6dIkrv6Y4 TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-5s6dIkrv6Y4 Generics are one of the most important skills you can learn as a TypeScript developer, but this is also equally as true for React developers. In this video I will explain how React generic components work and show you why this is something you need to know how to write. 📚 Materials/References: React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-5s6dIkrv6Y4 TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-5s6dIkrv6Y4 TypeScript Generics Video: https://youtu.be/EcCTIExsqmI 🌎 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 - When You Need Generics 02:45 - How To Create A Generic Component #TypeScript #WDS #ReactJS
JavaScript rendering has come a long way from sending html, to sending js, to the madness we have today. Thank you Clerk for Sponsoring! Check them out at: https://soydev.link/clerk Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4seOn3 for the awesome edit 🙏
Ever wished your code editor could write your app, talk to your database, and even follow documentation like a real dev? Same. In this video, I'll show you how to use agent mode, MCP Servers and PRD documents to build an entire app complete with database. Will it work? Let's find out. PRD: https://gist.github.com/burkeholland/24802296b5bfaaf7fb775c81cd626512 00:00 - Intro 00:24 - Introducing Agent Mode 03:24 - Setting up project 08:34 - MCP Servers 11:59 - Agent Mode Cooks 15:17 - BYOK 15:51 - Conclusion #vscode #ai #agents
An introduction to the Jujutsu Version Control system! • Jujutsu VCS: https://github.com/martinvonz/jj • jj init essay: https://v5.chriskrycho.com/essays/jj-init/ • gg UI for jj: https://github.com/gulbanana/gg • gg intro video: https://www.youtube.com/watch?v=cD9L3Mi1Vy4 • Tauri: https://tauri.app • Git: https://git-scm.com • Mercurial: https://www.mercurial-scm.org • Distributed version control: https://en.wikipedia.org/wiki/Distributed_version_control • SVN: https://subversion.apache.org • CVS: https://cvs.nongnu.org • PVCS: https://en.wikipedia.org/wiki/PVCS • scm-diff-editor: https://github.com/arxanas/git-branchless/tree/6dcdd061b4369c6f249359a8a83ddf0f3f0143e6/scm-record#scm-diff-editor Find me elsewhere online: • https://www.chriskrycho.com • https://bsky.app/profile/chriskrycho.com • https://mastodon.social/@chriskrycho • https://www.linkedin.com/in/chriskrycho • https://twitter.com/chriskrycho Chapters: 0:00 Introduction and background 0:49 Distributed version control background 2:57 What is Jujutsu? 5:27 The gg GUI for jj 5:58 Git interop and basic Jujutsu usage 9:08 A first commit 9:57 More than a nice UI for Git 11:09 A standalone Jujutsu repo 12:38 Working with Jujutsu 14:40 Change evolution (obslog) 17:31 jj undo 🫨 18:40 Making changes and jj split 20:15 jj new, jj describe, and jj commit 22:13 Changing earlier commits 23:43 Conflicts 🤯 28:21 Jujutsu is cool 😎
Learn how the browser event loop, task queue, microtask queue, and Web APIs work together to enable non-blocking, asynchronous JavaScript. - https://www.patreon.com/LydiaHallie - https://buymeacoffee.com/lydiahallie - https://twitter.com/lydiahallie - https://www.linkedin.com/in/lydia-hallie/ - https://instagram.com/theavocoder Timestamps: 0:00 Intro 0:32 Call Stack 1:18 Single-threaded Problem 2:01 Web APIs 2:47 Callback-based APIs 4:04 Task Queue 4:39 setTimeout 6:22 Microtask Queue 8:40 Promisifying Callbacks 8:57 Challenge 10:52 Recap 11:58 Outro
This is the first installment of a new series I'm going to start called CSS Quarterly, where I'm going to look at the newest CSS features that are on their way to browsers, as well as look at features that are hitting Baseline Newly Available and Baseline Widely Supported. ✅ Custom selects demo: https://codepen.io/web-dot-dev/pen/gbOKyRZ more info: https://developer.chrome.com/blog/a-customizable-select ✅ Carousels many demos: https://chrome.dev/carousel/ more info: https://developer.chrome.com/blog/carousels-with-css ✅ mixins and functions more info: https://css.oddbird.net/sasslike/mixins-functions/ video on functions: https://youtu.be/fhuYPNlBkyw ✅ anchor positioning demo: https://codepen.io/kevinpowell/pen/poMaLjR video tutorial for that demo: https://youtu.be/DNXEORSk4GU more info: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning ✅ view transitions video on multi-page view transitions: https://youtu.be/quvE1uu1f_I video on single-page view transitions: https://youtu.be/jZiZs8cZAKU more info: https://developer.chrome.com/docs/web-platform/view-transitions ✅ text-box-trim: more info: https://github.com/jantimon/text-box-trim-examples ✅ advanced attr() demo: https://codepen.io/kevinpowell/pen/XJrxLaN more info: https://una.im/advanced-attr/ ✅ transition-behavior: allow-discrete and starting-style demo: https://codepen.io/kevinpowell/pen/bGydPEb video tutorial for that demo: https://youtu.be/vmDEHAzj2XE more info: https://developer.chrome.com/blog/entry-exit-animations ✅ A new, unified layout concept? https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/ Newly available ✅ popover demo: https://codepen.io/kevinpowell/pen/NPWEbWe more info: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover ✅ scrollbar-width and scrollbar-gutter demo: https://codepen.io/kevinpowell/pen/bNGQBLP/9798a07821bc445477a46b2691ff1f04 more info on scrollbar-gutter: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter ✅ backdrop-filter demo: https://codepen.io/kevinpowell/pen/RwOewNr make better frosted glass effects: https://www.joshwcomeau.com/css/backdrop-filter/ ✅ Relative colors demo: https://codepen.io/kevinpowell/pen/yLWzzbx video: https://youtu.be/gPacarD9NuA more info: https://ishadeed.com/article/css-relative-colors/ ✅ alt text for generated content more info: https://adrianroselli.com/2020/10/alternative-text-for-css-generated-content.html ✅ round(), mod(), and rem() more info on all of them: https://web.dev/blog/css-stepped-value-functions more info on round(): https://danielcwilson.com/posts/mathematicss-round/ ✅ light-dark() html and css tip of the week: https://html-css-tip-of-the-week.netlify.app/ more info: https://12daysofweb.dev/2024/css-light-dark/ ✅ text-wrap - more info: https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap ✅ AVIF more info: https://cloudinary.com/guides/image-formats/avif-format-a-next-gen-image-format-to-rule-them-all Widely supported ✅ overflow: clip video tutorial: https://www.youtube.com/watch?v=2WWAEftnzf0 demo: https://codepen.io/kevinpowell/pen/KwKraPg ✅ overscroll-behavior more info: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior ✅ text-align-last demo: https://codepen.io/kevinpowell/pen/GgRzXPj ✅ :focus-visible demo: https://codepen.io/kevinpowell/pen/KwPVPpb ✅ cascade layers demo: https://codepen.io/kevinpowell/pen/OJdQqBm/34875ea609e2305f01cdd53e5a23489e video: https://youtu.be/NDNRGW-_1EE more info: https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/ more info: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Cascade_layers ✅ dialog & modal demo: https://codepen.io/kevinpowell/pen/JojmdRO/203804a2632f5b122bf766368fcd657a?editors=1010 more info on dialog: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog more info on modal: https://developer.mozilla.org/en-US/docs/Web/CSS/:modal ⌚ Timestamps 00:00 - Introduction 01:10 - The new features 12:41 - Baseline newly available 23:20 - Baseline widely supported #css ✉ Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter 💬 Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK ⭐ Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co 🎓 Start writing CSS with confidence with CSS Demystified: [https://cssdemystified.com](https://cssdemystified.com/) 🚀 Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel: Bluesky: https://bsky.app/profile/kevinpowell.co Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Learn how to build and automate API workflows visually using Postman Flows! In this video, we'll walk through creating a weather application to demonstrate the power and simplicity of Postman's low-code, visual development environment. 🎯 Watch and discover how to: - Create your first flow from scratch - Connect and sequence multiple API requests - Work with environment variables and data mapping - Build interactive dashboards and visualizations - Organize and annotate your workflows - Debug API interactions visually 📚 Chapters: 0:00 - Introduction 0:21 - Setting Up the Workspace 0:52 - Creating a Flow 1:09 - Adding and Connecting Blocks 1:35 - Configuring API Requests 2:00 - Fetching Weather Data 3:00 - Creating Variables for Dynamic Data 3:45 - Running the Flow 4:06 - Building a Dashboard 5:14 - Displaying Data in Charts 5:57 - Displaying Additional Data 6:07 - Adding Conditional Logic 7:01 - Organizing and Grouping Blocks 8:23 - Sharing and Finalizing the Flow 8:32 - Conclusion & Next Steps 🔗 Resources: • Watch and fork the public workspace: https://www.postman.com/ai-on-postman/postman-ai-agent-builder/overview/?utm_campaign=global_fy26q1_prdctcm_flows&utm_medium=social_sharing&utm_source=youtube&utm_content=create-your-first-flow • Read the Docs: https://learning.postman.com/docs/postman-flows/flows-intro/getting-started/?utm_campaign=global_fy26q1_prdctcm_flows&utm_medium=social_sharing&utm_source=youtube&utm_content=create-your-first-flow • Join the community: https://community.postman.com/tag/postman-flows/?utm_campaign=global_fy26q1_prdctcm_flows&utm_medium=social_sharing&utm_source=youtube&utm_content=create-your-first-flow #PostmanFlows #APIAutomation #SoftwareDevelopment #TechTutorial #Postman
Ever wonder how Notion handles your notes when 100 million other people are using it too? In this video, I break down Notion's incredible engineering journey from a single database to an infrastructure that manages over 200 BILLION blocks without breaking a sweat. We dive into: - How Notion's engineers tackled explosive growth that doubled every 6-12 months - The sharding strategy that transformed performance - Why they built their own custom data lake after outgrowing traditional solutions - The behind-the-scenes story of how they tripled their infrastructure without any downtime Whether you're a developer curious about scaling challenges or just someone who uses Notion and wants to know how it all works, this deep dive reveals the invisible technical magic that keeps your notes accessible and lightning-fast. Further Reading: https://www.notion.com/blog/building-and-scaling-notions-data-lake https://www.notion.com/blog/the-great-re-shard https://www.notion.com/blog/sharding-postgres-at-notion https://www.notion.com/blog/data-model-behind-notion LINKS --- MY 12K+ DISCORD 💬 https://discord.gg/GkrFX4zT2C CONNECT WITH ME ON SOCIAL 📸 Instagram: https://instagram.com/lewismenelaws 🎚TikTok: https://tiktok.com/@lewismenelaws 🐣 Twitter: https://twitter.com/LewisMenelaws My gear 💻 https://liinks.co/lewismenelaws ----- TIMESTAMPS 0:00 - Introduction to Notion's growth 0:25 - How Notion works under the hood 1:32 - Single database limitations and scaling challenges 1:55 - Sharding approach explanation 2:57 - Database migration strategy 3:39 - Data lake implementation 5:35 - Building a custom data lake solution 7:07 - Facing new scaling challenges 7:37 - Second sharding implementation 8:46 - Testing and migration process 9:22 - Conclusion CTC
👉 Sign up for Kinde here: https://bit.ly/3QOe1Bh (paid sponsorship). Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs The issue discussed here is not a Next.js problem / bug / issue. It's an issue with how we structure our code. Vercel's article on Next.js security: https://nextjs.org/blog/security-nextjs-server-components-actions Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 Data Access Layer = best practice 00:42 Why you need a Data Access Layer (DAL) 05:18 Add authentication quickly 10:55 Data Access Layer example 18:12 server-only package 18:27 ORM select 19:22 DTO (Data Transfer Object) #webdevelopment #reactjs #nextjs Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 . . TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)
BLENDERHEADS - Ep.08 - Enjoy the eighth episode of Blenderheads, a series about the people behind the Blender project. In this episode, we get to know Sergey. We follow his transition from Lead Engineer to Head of Development. The editor and director – documentary filmmaker Maaike Kleverlaan– works embedded in the Blender headquarters to cover the activities and conduct interviews. Support the future of Blender: https://fund.blender.org -- Follow Blender: * Bluesky: https://bsky.app/profile/blender.org * Instagram: https://instagram.com/blender.official * Facebook: https://facebook.com/YourOwn3DSoftware * TikTok: https://www.tiktok.com/@blender_org * Mastodon: https://mastodon.social/@blender -- Follow Blender Development: * Blog: https://code.blender.org
Thanks for watching, be sure to like and subscribe! For more, go to https://shaky.sh
☄️ Master the Modular Monolith Architecture: https://bit.ly/3SXlzSt 📌 Accelerate your Clean Architecture skills: https://bit.ly/3PupkOJ 🚀 Support me on Patreon to access the source code: https://www.patreon.com/milanjovanovic A modular monolith is a catchy name for a monolith system built from a few bounded contexts (modules) and following a set of principles to control coupling. Each module contains a cohesive set of functionalities and is isolated from other modules in the system. The isolation refers to database dependencies and inter-module communication. In this video, I'll explain the fundamentals of this architectural approach. You will also see a practical Modular Monolith implementation in .NET. Check out my courses: https://bit.ly/3PupkOJ What Is a Modular Monolith? https://www.milanjovanovic.tech/blog/what-is-a-modular-monolith Monolith to Microservices: How a Modular Monolith Helps https://www.milanjovanovic.tech/blog/monolith-to-microservices-how-a-modular-monolith-helps Monolith to Microservices: How a Modular Monolith Helps: https://www.milanjovanovic.tech/blog/monolith-to-microservices-how-a-modular-monolith-helps Join my weekly .NET newsletter: https://www.milanjovanovic.tech Read my Blog here: https://www.milanjovanovic.tech/blog Chapters 0:00 What is a Modular Monolith? 1:28 Some architecture diagrams 3:45 Modular Monolith diagram 4:46 How to build a Modular Monolith 5:47 Module communication 8:11 Module data isolation 10:19 Demo: Modular Monolith in .NET
There are more options for styling web apps then there have ever been, but things are kind off weird... Thank you Posthog for sponsoring! Check them out at: https://soydev.link/posthog Proof that shadcn can make beautiful UI: https://soydev.link/chat SOURCES https://github.com/mui/base-ui https://www.youtube.com/watch?v=CQuTF-bkOgc https://x.com/iamsahaj_xyz/status/1901418776207184309 Want to sponsor a video? Learn more here: https://soydev.link/sponsor-me Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4se0n3 for the awesome edit 🙏
If my videos have added value to you, join as a contributing member at Patreon: https://www.patreon.com/sunildhimal Learn how to measure the time complexity of an algorithm using the operation count method. Operation count first identifies the basic operation(most important operation) then find its frequency to estimate the time complexity.
Static in C++. Understand what you're saying when you write static in C++. #cplusplus #programming #tutorial Source crap (code): https://drive.google.com/drive/u/1/home
The Modern React Tutorial is FINALLY done. This one took awhile. Shoutout to ALL the awesome sponsors who made this possible: - Vercel - Clerk - Posthog - Sentry - Upstash NOTES I MENTION DURING VIDEO "Nextgram": https://github.com/vercel/nextgram/tree/main/app "useUploadThingInputProps": https://gist.github.com/t3dotgg/0464ca78e94acce80ba04ca29f800028 GITHUB REPO https://github.com/t3dotgg/t3gallery TIMESTAMPS (TY EMBED ❤️) 00:00 - Intro + Sponsors 03:30 - Scaffolding the project 06:12 - Creating our todo list 08:39 - Creating repo & pushing to GitHub 10:23 - Linking our repo to Vercel 12:07 - Deploying to Vercel 13:32 - Setting up uploadthing for images 15:40 - Displaying our mock data 17:35 - Next.js Layouts Explained 19:45 - Scaffolding our UI 21:47 - Tidying up builds & enabling turbo 24:18 - Setting up our Database 35:14 - Dynamic Routes 37:40 - Changing our database schema 43:00 - Adding authentication 54:04 - Setting up image uploading 01:04:10 - Connecting users to images 1:09:41 - server-only & React Taint 1:17:18 - The next/image Component 1:22:58 - Error management w/ Sentry 1:32:07 - Image page w/ Parallel Routes 2:04:15 - Fixing the upload button 2:11:05 - Setting up toaster w/ shadcn/ui 2:26:40 - Adding analytics w/ PostHog 2:38:21 - Delete button w/ Server Actions 2:49:52 - Adding rate limits w/ Upstash 2:56:44 - Locking down uploads 3:00:59 - Challenges for the Viewer 3:02:35 - Outro Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4se0n3 for the awesome edit 🙏
Anders Hejlsberg, lead architect of TypeScript and Technical Fellow at Microsoft, introduces a new port of TypeScript that will deliver the next generation of high-performance developer tooling. Learn More Here ➡️ https://devblogs.microsoft.com/typescript/typescript-native-port/ Build and Run the Go code from this repo ➡️ https://github.com/microsoft/typescript-go
Yep. We got the Doom engine running purely in TypeScript types. Like. For real. We’ve prepared two more videos, one answering “why we did this” (storytime format) and another answering “how we did this” (technical deep-dive). What would you like to hear about for those? It’s all open source: https://github.com/MichiganTypeScript/typescript-types-only-wasm-runtime If you’d like to contact us for any reason, please email doom@michigantypescript.com or reach out on the #doom channel on the MiTS Discord (link below) If you'd like a version of this video without background music or a moving animation, you can find it here: https://youtu.be/s4UE_CUn2N0 Michigan TypeScript has never and will never have any sponsored content. All videos have always and will always have all possible ads or monetization turned off. If you wanna support what we do, the best thing you can do is take what you learn here back to your job and make software that puts smiles on your user’s faces. And if you REALLY like what we do, then you’ll love SquiggleConf (cross-language devtools conference, https://squiggleconf.com, CFP open now for this year's conf, September 18-19 2025 in Boston). BlueSky: https://bsky.app/profile/michigantypescript.com Twitter: https://twitter.com/MiTypeScript Mastodon: https://fosstodon.org/@MichiganTypeScript Threads: https://threads.net/@michigantypescript Instagram: https://instagram.com/michigantypescript TikTok: https://tiktok.com/@michigantypescript Discord: https://discord.michigantypescript.com GitHub: https://github.com/MichiganTypeScript SoundCloud: https://soundcloud.com/michigan-typescript For those asking about the shirt, you can get it here: https://shop.squiggle.tools
00:00 - Intro 4:52 - Restrict All Code 9:19 - All Loops Need A Fixed Upper Bound 10:37 - No Dynamic Memory Allocation 14:06 - 60 Lines 15:49 - 2 Assertions Per Function 19:28 - Data Objects 21:10 - Functions 24:29 - Limited Use Of Preprocessor 29:53 - Restricted Pointers 30:13 - Code Must Be Compiled Day 1 Twitch https://twitch.tv/ThePrimeagen Discord https://discord.gg/ThePrimeagen Become Backend Dev: https://boot.dev/prime (plus i make courses for them) This is also the best way to support me is to support yourself becoming a better backend engineer. ### LINKS -- https://spinroot.com/gerard/pdf/P10.pdf Great News? Want me to research and create video????: https://www.reddit.com/r/ThePrimeagen Kinesis Advantage 360: https://bit.ly/Prime-Kinesis Get production ready SQLite with Turso: https://turso.tech/deeznuts
MediatR is a library that has gotten more and more popular over the years. I'll cover the 3 reasons why I think it's useful and well as 1 reason why you might want to look at something else. 🔔 Subscribe: https://www.youtube.com/channel/UC3RKA4vunFAfrfxiJhPEplw?sub_confirmation=1 💥 Join this channel to get access to source code & demos! https://www.youtube.com/channel/UC3RKA4vunFAfrfxiJhPEplw/join 🔥 Don't have the JOIN button? Support me on Patreon! https://www.patreon.com/codeopinion 📝 Blog: https://codeopinion.com 👋 Twitter: https://twitter.com/codeopinion ✨ LinkedIn: https://www.linkedin.com/in/dcomartin/ #mediatr #softwarearchitecture #dotnet
Get the source code for this video for FREE → https://the-dotnet-weekly.kit.com/refresh Want to master Clean Architecture? Go here: https://bit.ly/3PupkOJ Want to unlock Modular Monoliths? Go here: https://bit.ly/3SXlzSt Join a community of 1000+ .NET developers: https://www.patreon.com/milanjovanovic Master the implementation of refresh tokens in ASP.NET Core! In this video, we'll build a secure authentication system from the ground up. You'll learn how Refresh Tokens actually work, follow along with a step-by-step implementation, and discover best practices for token storage and security. We'll also cover token revocation so you avoid common pitfalls that many developers face. No fluff, just practical code, and real-world implementation. Problem Details for ASP.NET Core APIs https://www.milanjovanovic.tech/blog/problem-details-for-aspnetcore-apis Check out my courses: https://www.milanjovanovic.tech/courses Read my Blog here: https://www.milanjovanovic.tech/blog Join my weekly .NET newsletter: https://www.milanjovanovic.tech Chapters 0:00 Access Token problems 1:46 Creating a Refresh Token entity 4:29 Returning Refresh Token with JWT 7:38 The reason behind Refresh Tokens 8:34 Logging in with a Refresh Token 13:54 Revoking Refresh Tokens
Get the source code for this video for FREE → https://the-dotnet-weekly.kit.com/async-apis Want to master Clean Architecture? Go here: https://bit.ly/3PupkOJ Want to unlock Modular Monoliths? Go here: https://bit.ly/3SXlzSt Join a community of 1000+ .NET developers: https://www.patreon.com/milanjovanovic Learn how to properly implement asynchronous APIs in ASP.NET Core to maximize performance and efficiency. This video covers best practices for async APIs, common pitfalls to avoid, and proven techniques to make your APIs faster and more scalable. We'll dive into real-world examples demonstrating how to structure your async code correctly, with practical tips for handling concurrent requests and managing server resources effectively. Whether you're new to async programming or looking to optimize your existing APIs, you'll learn the right way to implement asynchronous operations in your ASP.NET Core APIs. Building Async APIs in ASP.NET Core - The Right Way https://www.milanjovanovic.tech/blog/building-async-apis-in-aspnetcore-the-right-way Check out my courses: https://www.milanjovanovic.tech/courses Read my Blog here: https://www.milanjovanovic.tech/blog Join my weekly .NET newsletter: https://www.milanjovanovic.tech Chapters 0:00 The Problem 3:05 Background processing delay 4:25 Async APIs with Channel 7:55 Tracking background job status 8:51 Building Async APIs 10:54 Adding the status endpoint 13:43 Creating the background worker 16:38 Testing our Async API
SQLite is a side project that became the most deployed piece of software ever. Estimated to have more than 1 trillion deployments. It is a great example of how far simple software can go. Timestamps: 0:00 - The scale of SQLite 0:54 - Origin Story 3:20 - Dependencies 6:59 - Features 8:47 - Backwards Compatibility 9:49 - Simplicity 10:28 - Testing 14:35 - Current Development 15:40 - Licensing & Monetisation 17:10 - Fossil 18:03 - Tinker 18:33 - Summary Resources: https://www.sqlite.org/about.html Podcast: https://corecursive.com/066-sqlite-with-richard-hipp/# Why SQLite succeeded as a database: https://www.youtube.com/watch?v=IFhJb9Kjaio ^ Part 2: https://www.youtube.com/watch?v=KgcqPYahSQg Interview: https://www.youtube.com/watch?v=2eaQzahCeh4 SQLite How it Works: https://www.youtube.com/watch?v=ZSKLA81tBis Personal Website: https://www.hwaci.com/drh/ Why 100% test coverage matters: https://news.ycombinator.com/item?id=18685748 https://news.ycombinator.com/threads?id=SQLite https://fossil-scm.org/home/doc/tip/www/rebaseharm.md https://fossil-scm.org/home/doc/tip/www/whyallinone.md https://www.sqlite.org/mostdeployed.html https://www.sqlite.org/formatchng.html https://www.sqlite.org/selfcontained.html https://www.sqlite.org/testing.html https://www.sqlite.org/th3.html https://www.sqlite.org/sqllogictest/doc/trunk/about.wiki https://www.sqlite.org/testing.html#dbsqlfuzz
In this video, we'll look at the after() function in NextJs and how it can help us run tasks without blocking the response.
Quicksort is a well known algorithm for sorting, Professor Graham Hutton shows how it works and then how to implement it in just five lines of code! EXTRA BITS: https://youtu.be/7cEaRVEz__I Professor Hutton is based at the University of Nottingham: https://people.cs.nott.ac.uk/pszgmh/ Computerphile is supported by Jane Street. Learn more about them (and exciting career opportunities) at: https://jane-st.co/computerphile This video was filmed and edited by Sean Riley. Computerphile is a sister project to Brady Haran's Numberphile. More at https://www.bradyharanblog.com
Abort Controller is criminally underrated for us React devs. I've started using it way more after this Huge thanks to Notion for sponsoring, check them out at https://soydev.link/notion SOURCE https://kettanaito.com/blog/dont-sleep-on-abort-controller Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4se0n3 for the awesome edit 🙏
This... is text! Let's figure out how to draw it. Starring: Bézier curves and (oh so many) floating point problems. Source code: https://github.com/SebLague/Text-Rendering If you'd like to support my work (and get early access to new projects) you can do so here: https://www.patreon.com/SebastianLague https://ko-fi.com/sebastianlague Resources: https://developer.apple.com/fonts/TrueType-Reference-Manual/ https://www.microsoft.com/en-us/research/wp-content/uploads/2005/01/p1000-loop.pdf https://wdobbie.com/post/gpu-text-rendering-with-vector-textures/ Font and Music Credits: https://github.com/SebLague/Misc-Project-Info/blob/main/Coding-Adventures/TextRendering Chapters 0:00:00 Intro 0:01:58 The Font Directory 0:04:27 Loading Simple Glyphs 0:10:42 Bézier Basics 0:13:42 The Character Map 0:15:47 Implied Points 0:18:11 Compound Glyphs 0:20:25 Size and Spacing 0:21:27 Rendering Glyphs with Lots of Triangles 0:22:17 Optimized Curve Rendering (Loop-Blinn) 0:28:20 A Brief Look at SDF Rendering 0:30:33 The Counting Method 0:31:48 Ray-Bézier Intersections 0:34:09 Point in Glyph Test 0:36:35 Shader Time 0:38:37 Floating Point Problems 0:41:22 The Evil Artifact Detector 0:45:36 The Closest Curve Method 0:50:48 Curve Splitting 0:54:31 Defeating the Evil Artifacts 0:58:58 Anti-Aliasing 1:02:47 Performance and Legibility 1:05:11 The Counting Method Returns 1:09:45 Outro
If you had to pick the most inaccessible terms in all of software engineering, monad would be a strong contender for first place, because of its spooky math background that uses terms like endofunctor and monoid. As it turns out, monads are an extremely powerful design pattern that can be used without any math knowledge. In this video, we’ll cover what monads are, how they can be incredibly useful, and examine some common monads. All you need is a little software engineering knowledge. Let's go! Dr. Strange Icon Credit: https://dribbble.com/dalius-stuoka 00:00 Intro 00:29 Basic Code 01:45 Issue #1 02:38 Issue #2 04:11 Putting It All Together 05:15 Properties of Monads 06:05 The Option Monad 09:14 Monads Hide Work Behind The Scenes 11:21 Common Monads 12:10 The List Monad 13:56 Recap
_Project Valhalla wants to heal the rift in #Java's type system between classes and primitives by introducing value classes, which "code like a class, work like an int" and offer a flat and dense memory layout. Java's epic refactor, as it has been dubbed, has been going on for 10 years but is now entering the home stretch. During Devoxx 2024, Java Language Architect Brian Goetz gave a complete update and explained the proposed solution: value classes, null-restricted types, beefed up definite assignment analysis, and strict initialization._ Presented by *Brian Goetz* - Java Language Architect (Java Platform Group - Oracle) during *Devoxx Belgium* 2024 ➤ https://devoxx.be Project Valhalla ➱ https://openjdk.org/projects/valhalla/ A New Model for Java Object Initialization ➱ https://www.youtube.com/watch?v=ThtrTwooKDc Why Such Effort Takes Time ➱ https://youtu.be/u08hjp6PF-Q?si=3Vn4t5RG9DL43z-T Ask The Java Architects ➱ https://youtu.be/SPc9YpLsYo8?feature=shared Q&As with Brian Goetz ➱ https://youtu.be/n6K_8s3Sx4s More on Valhalla ... ➱ https://inside.java/tag/valhalla *Tags:* #Java #OpenJDK #Valhalla
Celebrating the 500,000 subscribers milestone, I create a map visualization of Coding Train subscriber locations around the world! Code: https://thecodingtrain.com/challenges/109-visualizing-500000-subscribers 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/fItzQP-RD 🎥 Previous video: https://youtu.be/JFugGF1URNo?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/DhFZfzOvNTU?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔗 Mappa.js Simple Map: https://mappa.js.org/docs/simple-map.html 🔗 Maps, Maps, Maps!: https://medium.com/processing-foundation/maps-maps-maps-f0914218c87b 🔗 Countries latitude and longitude: https://gist.github.com/sindresorhus/1341699 🔗 Leaflet: https://leafletjs.com/ 🔗 500k Subscriber Map: https://github.com/CodingTrain/500k-Subscriber-Map 🔗 CodingTrain 500k Sub Special: https://codingtrain.github.io/500k-Subscriber-Map/ Live Stream Archive: 🔴 Coding Train Live 144: https://youtu.be/UI5c1te1MjI?t=1495s Timestamps: 0:00 Introduce the coding challenge 0:42 Describe Mappa.js 1:07 Introduce the YouTube dataset 2:42 Reference Mappa.js library and tutorial 3:38 Preload YouTube data 5:30 Debug loading function 8:12 Parse .csv file 9:20 Extract data values 11:57 Load Mappa.js 12:48 Mention Leaflet integration 13:55 Describe map types: static and tile 14:38 Create a tile map 15:25 Overlay the map on a canvas 17:07 Debug Mappa.js 17:38 Add map tiles 18:34 Refine initial map 19:06 Draw a circle with a fixed position 20:10 Draw a circle considering longitude and latitude 21:20 Reference a dataset with the coordinates for the world's countries 22:48 Load country data 23:48 Associate YouTube data by country ID 24:26 Extract longitude and latitude 25:20 Draw a circle with the coordinates 27:27 Show subscriber map 28:15 Update the diameter of the circles 31:12 Examine map update 32:30 Consider the zoom level 34:25 Pre-process YouTube data 36:22 Find the minimum and maximum number of subscribers 37:10 Update drawing logic 39:20 Map diameter considering the minimum and maximum values 40:35 Debug diameter value 42:22 Convert subscriber count to number 43:58 Update scale according to the zoom value 46:28 Load a different dataset 47:24 Highlight the number of views 48:05 Highlight watch times 48:25 Conclude the coding challenge Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🔗 p5.js: https://p5js.org 🔗 p5.js Web Editor: https://editor.p5js.org/ 🔗 Processing: https://processing.org 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #datavisualization #worldmap #javascript #p5js
Logistics, course topics, basic tail bounds (Markov, Chebyshev, Chernoff, Bernstein), Morris' algorithm.
At Facebook we use end-to-end tests to ensure the quality of our website and suite of apps. Most of those tests have their roots in WebDriver, however, at that scale with multiple people writing and maintaining tests some issues with WebDriver emerged. Tests were becoming long and hard to read: flaky due to explicit waiting and stale element references, especially with React and highly dynamic UI; hard to maintain since the tests were very raw (i.e., get this select, click it, etc.). The intention of the tests wasn't clear. Facebook's E2E Automation team in London built a framework around WebDriver, inspired by the concept of WebDriver page objects, and that of React components to make end-to-end tests declarative, stable, maintainable. By declarative, we mean make tests easier to read and write. The test should represent what they're testing, and a person should be able to figure out what the test is doing in a descriptive way. The framework also facilitates stability by inherently dealing with waits and stale elements. You describe what you expect on the screen, and the framework will wait for it. Finally, through the notion of components, which represent pieces of UI, you can reuse them across pages and tests to assert about their properties or interact with them. So, you essentially never deal directly with web elements and describe your interactions based on this definition.