QTHRWGn_sJw build-a-music-player-vanilla-javascript Build a Music Player | Vanilla JavaScript Let's create a music player with HTML, CSS, JavaScript, and the HTML5 Audio API. LB8KwiiUGy0 nodejs-the-documentary-an-origin-story Node.js | The Documentary | An origin story Back in 2008, most people thought of JavaScript as just a client-side language. But when Google's V8 appeared, young developer Ryan Dahl made the connection between non-blocking servers, V8, and JavaScript. It was by combining these key elements that he was able to create the now hugely popular Node.js. RPa3_AD1_Vs fireship-this-ui-component-library-is-mind-blowing Fireship | This UI component library is mind-blowing Let's explore a free open-source UI library that replicates advanced animations found on the landing pages of top-tier startups. Learn how to code advanced components in React and other JavaScript frameworks. vFW_TxKLyrE fireship-expo-in-100-seconds Fireship | Expo in 100 Seconds Learn the fundamentals of React Native development in Expo in this quick breakdown. With Expo, we can build apps for iOS, Android, and the web from a single JavaScript codebase. duNEnLUxie8 web-dev-simplified-8-new-javascript-2024-features Web Dev Simplified | 8 NEW JavaScript 2024 Features JavaScript is constantly evolving with new features being added yearly. In this video I am going through 8 new features that are being added to JavaScript in 2024 or will hopefully be added in 2024. Some of these features are real game changers. jCd6XfWLZsg top-6-tools-to-turn-code-into-beautiful-diagrams Top 6 Tools to Turn Code into Beautiful Diagrams Covering topics and trends in large-scale system design, from the authors of the best-selling System Design Interview series. 5ChkQKUzDCs fireship-big-projects-are-ditching-typescript-why Fireship | Big projects are ditching TypeScript… Why? Why are some big open-source projects like Turbo and Svelte dropping TypeScript in favor of vanilla JavaScript? Learn about the pros and cons of TypeScript 5a8NyGLlorI hyperplexed-i-gave-a-website-logo-superpowers Hyperplexed | I Gave a Website Logo Superpowers Watch as I show you how I gave the logo on https://careerpuck.com "superpowers". ETV17M4SauU nextjs-and-appwrite-full-stack-course-for-beginners Next.js and Appwrite | Full Stack Course for Beginners Learn Next.js by building a custom API with MongoDB using the latest app router. YnWPeA6l5UE kevin-powell-getting-started-with-css-nesting Kevin Powell | Getting Started with CSS Nesting Nesting has landed in native CSS, and with Firefox gaining support for it, it is now supported in all the major browsers! -pDPASqX97w how-to-create-this-unbelievable-css-scroll-animation How To Create This Unbelievable CSS Scroll Animation I was recently challenged on Twitter to recreate this amazing scroll based animation, and it was so fun. DeHRDNRQhNg this-website-theme-hasnt-been-perfected-since-1996 This Website Theme Hasn't Been Perfected Since 1996 Watch as I show you how to recreate a masterfully executed magic wand effect from https://diagram.com. 3Ay6qZ88boI php-will-make-you-poor-stackoverflow-2023-results PHP Will Make You Poor? | StackOverflow 2023 Results Let's breakdown the StackOverflow survey results to determine the best and worst programming languages of 2023. z9FeTl5eq9E this-is-why-you-cant-learn-web-dev This Is Why You Can’t Learn Web Dev Learning web development is hard and it has only been getting harder and harder each year. pUNSHPyVryU build-a-modern-nextjs-13-application-with-react Build a Modern Next.js 13 Application with React The demand for Next.js 13 applications peaked! Now is the perfect time to build a state-of-the-art modern application that utilizes all of the latest and greatest of what Next 13 has to offer, leveraging features such as server-side rendering and the app router. q1fsBWLpYW4 21-awesome-web-features-youre-not-using-yet 21 Awesome Web Features You’re Not Using Yet A breakdown of the most useful new features for web developers using HTML, CSS, and JavaScript. Learn about native dialog windows, WebGPU, CSS container queries, and more. 10Yt5vRimNI nextjs-server-actions-change-everything-about-react Next.js Server Actions Change Everything About React I have been waiting 6 months for Next.js to announce how they plan to handle mutations and it is finally here with server actions. 0fYi8SGA20k build-and-deploy-an-amazing-3d-web-developer-portfolio-in-react-js Build an Amazing 3D Web Developer Portfolio in React JS The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today! 2I7uX8m0Ta0 learn-web-components-in-25-minutes Learn Web Components In 25 Minutes React was the framework that really popularized component driven development, but they weren’t the first and are definitely not the only tool for creating components. lHZwlzOUOZ4 fireship-tailwind-css-is-the-worst Fireship | Tailwind CSS is the Worst… People have been debating the merits of Tailwind on twitter recently, so let's look at the pros and cons of this popular CSS library. Yo3j_Dx4u7c this-cool-javascript-effect-will-make-your-website-3d This Cool JavaScript Effect Will Make Your Website 3D Learn how to create an amazing 3d parallax effect from scratch. PkADl0HubMY award-winning-animation-with-only-20-lines-of-css Award Winning Animation With Only 20 Lines Of CSS? Watch as I show you how to recreate the sliding image track effect from https://camillemormal.com. Bm0JjR4kP8w how-to-send-push-notifications-with-javascript How To Send Push Notifications With JavaScript Sending push notifications in JavaScript seems like it would be difficult if not impossible, but it is actually built into the browser and quite easy. bAwEj_mSzOs mind-blowing-animejs-staggered-grid-effect Mind-Blowing Anime.js Staggered Grid Effect Watch as I show you how to create a super cool staggered grid effect that was requested by a sub! RebA5J-rlwg web-dev-simplified-learn-prisma-in-60-minutes Web Dev Simplified | Learn Prisma In 60 Minutes Prisma is an incredibly popular ORM and for good reason. It is feature rich, type safe, and built on modern JavaScript concepts. kMlkCYL9qo0 svelte-origins-a-javascript-documentary Svelte Origins | A JavaScript Documentary This Documentary tells the story of how Svelte came to be, what makes Svelte different, and how it changes the game as a JavaScript framework. Filmed in locations throughout Europe and the US, it features Svelte’s creator Rich Harris and members from the core community who contributed to making Svelte what it is today. 7FFDSnqJcfk modern-javascript-basics Modern JavaScript Basics Whether you're migrating from older JavaScript knowledge, starting fresh, or have only ever reached for something like jQuery, this series is designed for you. 1L2hrG-7i2Y fireship-the-shocking-state-of-javascript Fireship | The Shocking State of JavaScript Results from the 2021 State of JavaScript survey are in and the results may shock you. 7W4pQQ20nJg javascript-arrays-crash-course JavaScript Arrays | Crash Course Arrays are one of the most fundamental building blocks of JavaScript. 2KBHvaAWJOA the-new-vue-by-evan-you The New Vue by Evan You In this session, Evan You talks about the new Vue 3 experience: from new syntax to new docs, build tools, devtools, and TS/IDE.