Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription. OpenAI just released a new $200/m ChatGPT plan for power users. Let's take a look at the o1 pro model and analyze it in the context with Sam Altman's ongoing feud with Elon Musk. #ai #elonmusk #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources ChatGPT Pro https://openai.com/index/introducing-chatgpt-pro/ OpenAI o1 First Look https://youtu.be/6xlPJiNpCVw Elon Musk's Grok AI https://youtu.be/CgruI1RjH_c 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Sam Altman vs Elon Musk Explained - Is ChatGPT pro worth it? - How will OpenAI make money? - Elon Musk lawsuit against OpenAI - How does OpenAI o1 pro work?

Try Clerk for User Management https://go.clerk.com/FqO1mTd A recent study from Stanford University claims that 9.5% of programmers are ghosts who do almost zero work. Let's also look at other recent developments in AI, like the Sora API leak, Microsoft Recall, and more. #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Stanford Study https://softwareengineeringproductivity.stanford.edu Technical Interview Cheating Explained https://youtu.be/Lf883rNZjSE OpenAI o1 first look https://youtu.be/6xlPJiNpCVw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Trends for software engineers - Latest developments in AI - Stanford study on SWE productivity explained - How did the Open AI Sora leak happen? - Modern AI workplace tracking tools

Use PostHog to build better products https://posthog.com/fireship D-Link networking hardware has been hit buy multiple serious vulnerabilities over the past few weeks. Let's take a look at these exploits and how to study them with ethical hacking and penetration testing. #programming #cybersecurity #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources D-Link NAS Vulnerability https://nvd.nist.gov/vuln/detail/CVE-2024-10914 Andrew Tate Hack Explained https://youtu.be/xR5d4Ba4FZg Firefox Critical Exploit https://youtu.be/2RmUMmUj3u8 Low Level D-Link Video https://youtu.be/-vpGswuYVg8 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Overview of D-Link security flaws - How to use Kali Linux for pentesting - What is command injection? - How to hackers scan a network? - Examples of planned obsolescence in tech

Find all the best dev content at https://daily.dev/fireship With the rise of remote work and AI, the tech world has also seen a rise in cheating on the software engineering technical interview. Let's look into modern techniques people use to cheat during coding interviews and the consequences of when you get caught. #programming #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Caught Cheating with Claude https://twitter.com/TheGregYang/status/1843129139366437109 Interview Cheating Test https://interviewing.io/blog/how-hard-is-it-to-cheat-with-chatgpt-in-technical-interviews How to not fail the technical interview https://youtu.be/1t1_a1BZ04o Claude AI Updates https://youtu.be/DVRg0daTads?si=R7je4fG03JXZZzA7 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do people cheat on technical interviews? - Trends in the tech job markets - Tips for swe interviews - How to pass software technical interview - What happens if you cheat on technical interview?

Andrew Tate's Hustler's University, aka The Real World, was recently attacked by an unknown group of hackers. Let's reverse engineer the tech stack and find out how the hack was performed. #tech #hacker #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Wayback Attack https://youtu.be/N3ZGNT5S5IU XZ Hack https://youtu.be/bS9em7Bg0iU Andrew Tate Revolt Feud https://insrt.uk/post/andrew-tate-stealing-software-revolt 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How did Andrew Tate get hacked? - Hustler's University security vulnerability - Data leak from The Real World - What is Revolt chat platform - Andrew Tate dispute with Revolt Chat

Get 40% Fireship PRO with code BLACKFIRE at https://fireship.io/pro The US Dept of Justice wants to break apart Google's search engine monopoly by forcing it to sell its Chrome browser. Let's look into the implications this would have on big tech in the future. #tech #web #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Google Monopoly Ruling https://youtu.be/jx2dDV2eWBM Firefox Zero Day https://youtu.be/2RmUMmUj3u8 Bloomberg Chrome Sale report https://www.bloomberg.com/news/articles/2024-11-18/doj-will-push-google-to-sell-off-chrome-to-break-search-monopoly 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - The punishment for Google's Monopoly - History of antitrust rulings for software companies - How do web browsers make money? - Tech trends for web developers

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription. Learn the basics of Apache Spark - a data processing tool for large-scale analytics and machine learning. Discover how the world's largest companies use Spark to analyze massive datasets. #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Scala in 100 Seconds https://youtu.be/I7-hxTbpscU Apache Kafka in 100 Seconds https://youtu.be/uvb00oaa3k8 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Apache Spark? - Apache Spark vs Hadoop - Apache Spark quickstart tutorial - Who created Apache Spark? - Tools build with Java - How companies perform machine learning at scale

CSS just got a brand new official logo. Let's take a look at some of the coolest new features available to HTML and CSS programmers in 2024. #webdevelopment #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources How to deal with CSS https://youtu.be/ouncVBiye_M Code this, not That... CSS Edition https://youtu.be/Qhaz36TZG5Y 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - New features added to CSS in 2024 - Significance of the color Rebecca purple - Modern CSS tips and tricks - What are the browser's Baseline features?

The CEO of Polymarket, Shayne Coplan, had his home raided for the FBI. Let's look at the background of Polymarket and find out how prediction market websites actually work. #tech #webdevelopment #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Telegram Pavel Durov Arrest https://youtu.be/39rBzRd4M0k What is Web3? https://youtu.be/wHTcrmhskto 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do election prediction websites work? - Why did Polymarket get raided by the FBI? - What is the polygon network? - Trends in cryptocurrency

Need users? Check out Clerk's awesome solution https://go.clerk.com/7iX010I Take a first look at a SQLite fork growing in popularity called libSQL, which makes it possible to launch one database per user. Let's dive into the history of SQLite and examine the tradeoffs of database scaling techniques. #programming #database #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources libSQL Source Code https://github.com/tursodatabase/libsql Futuristic Databases https://youtu.be/jb2AvF8XzII Full SQL Tutorial https://youtu.be/Cz3WcZLRaWc 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is SQLite? - World's most deployed database - SQLite vs PostgreSQL - What is libSQL? - libSQL quickstart tutorial

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription Let's take a look at 13 major updates to developer tools and frameworks that you missed recently. Like the Microsoft Notepad's new AI integration, GitHub Copilot's multi-model support, changes in Next.js 15, and more! #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Full Deno 2.0 Course https://fireship.io/courses/deno/ Svelte 5 First Look https://youtu.be/aYyZUDFZTrM Claude Sonnet Upgrade https://youtu.be/DVRg0daTads 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - AI updates to MS Notepad and MS Paint - What is GitHub Spark? - StackBlitz Bolt overview - How to use Gemini Nano in Google Chrome - Breaking changes in Next.js 15 explained - Adobe's new AI image tool preview

Find all the best dev content at https://daily.dev/fireship Let’s explore 25 crazy software bugs that changed the world. Including funny bugs like the Facetime Eavesdropping, mostly harmless bugs like the Morris Worm, and deadly bugs like Therac-25. 0:00 It's not a bug, it's a feature 0:54 Z2K9 1:37 Pentium FDIV 2:24 Facetime Eavesdropping 3:21 Chase Free Money Glitch 4:38 Network Switch Cascade 5:24 OBOGS Hypoxia 6:05 Heathrow Hell 6:41 Vancouver Rounding Error 7:18 Norris Worm 8:15 NASA Mars Orbiter 8:36 Ariane 5 Rocket 9:03 Prius Brake Delay 9:31 Shitibank's Bad UI 10:09 Y2K Fakeout 10:42 Knight Capital Money Burn Speed Run 11:21 Heartbleed 12:03 Toyota Full Send 12:42 Crowdstrike BSOD 13:10 North Eastern Blackout 13:44 Chinook Overflow 14:12 Threac-25 14:51 Patriot Clock 15:20 Aegis Combat UI 15:43 737 Max Disaster #programming #hacking #humor 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Programming Iceberg https://youtu.be/pEfrdAtAmqk Firefox Zero Day Exploit https://youtu.be/2RmUMmUj3u8 Crowdstrike Disaster https://youtu.be/4yDm6xNeYas 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What happened with Therac-25? - Most expensive software bugs in history - How do hackers exploit software bugs? - Memes about software engineering

Svelte 5 was released this week with a new developer experience via a feature called "Runes". Learn the basics of Svelte Runes compare them to other JavaScript frameworks like React.js, Vue, Angular, and more. Use Discount code GOTRUNES and take 30% off Fireship PRO https://fireship.io/pro #programming #webdevelopment #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Full Svelte Course https://fireship.io/courses/sveltekit/ SvelteKit in 100 Seconds https://youtu.be/H1eEFfAkIik WordPress Drama Overview https://youtu.be/mc5P_082bvY 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Svelte 5 First Look - Svelte 5 quick tutorial - What are Svelte Runes? - Svelte vs React - Trends in JavaScript frameworks

Anthropic just launched a major upgrade to Claude Sonnet 3.5 and a new feature called "computer use" that allows AI to perform actions on a computer just like a human. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Claud Computer Use Feature https://www.anthropic.com/news/3-5-models-and-computer-use Chat GPT o1 model first look https://youtu.be/6xlPJiNpCVw Claude 3 First Look https://youtu.be/m_xoN8KlP3w 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Claude Computer Use? - Claude 3.5 Sonnet Upgrade explained - How to let AI control my computer - How to setup Claude computer use sandbox - Future trends in Artificial Intelligance - Web scraping with AI

Game Freak, the developer behind your favorite Pokémon games, got hacked. A terabyte of data was leaked on internet, including employee data, source code for past games and the code name for Nintendo Switch 2. Let's fiind out what it reveals about Nintendo's war against open-source Switch emulators like Yuzu and Ryujinx. #programming #hack #thecodereport Resources Ryujinx taken down https://www.theverge.com/2024/10/1/24259791/nintendo-ryujinx-switch-emulator-gdkchan-removed-downloads-github Typhlosion Lore https://www.forbes.com/sites/paultassi/2024/10/16/pokmons-typhlosion-goes-viral-after-game-freak-leak-for-the-weirdest-possible-reason/ Nintendo vs Switch Emulators https://youtu.be/A5s4uMI2Ri4 Linux 101 https://youtu.be/LKCVKw9CzFo 💬 Chat with Me on Discord https://discord.gg/fireship 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How Game Freak got hacked - Why Nintendo is DMCAing its biggest fans - Why Nintendo is shutting down emulators like Yuzu and Ryujinx - What does chmod 777 so?

Visit Appwrite and claim $50 in free Appwrite Cloud Pro credits: https://apwr.dev/fireship50 Learn the basics of Appwrite, an open-source platform for building applications at any scale, using your preferred programming languages and tools. #coding #programming #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources https://appwrite.io/ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Intro to Appwrite - How to self-host with Appwrite - How to use Appwrite to listen to any event

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription. Firefox was recently hit by CVE-2024-9680, a critical level use-after-free vulnerability, also impacting browsers like Tor and Zen . Learn how use-after-free exploits can have a major impact in real-world code. #hack #webdevelopment #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Firefox Exploit Details https://nvd.nist.gov/vuln/detail/CVE-2024-9680 Arc Browser Hack https://youtu.be/QINoB1_OXUk Browser War of 2024 https://youtu.be/p572p-irRaU Adblocker blockers https://youtu.be/QQu1_bf1Bdo 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered How did Firefox get hacked Zero-day exploits affecting Firefox and Tor Google Chrome blocking uBlock Origin and AdBlockers Chrome manifest v3 changes use-after-free code example in C

Find all the best dev content at https://daily.dev/fireship Automattic CEO Matt Mullenweg recently started a crusade against WP Engine, a profit-driven company based on WordPress’s open source platform, which has evolved into a lawsuit that could blow a hole in the internet. Find out why WordPress is locked in a civil war and who is responsible for this open-source disaster. #tech #webdev #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources WP Engine banned https://wordpress.org/news/2024/09/wp-engine-banned Automattic doing open-source dirty https://world.hey.com/dhh/automattic-is-doing-open-source-dirty-b95cf128 Primeagen Matt Mullenweg Interview https://youtu.be/H6F0PgMcKWM Wayback Machine Attack https://youtu.be/N3ZGNT5S5IU Google Takes an L https://youtu.be/jx2dDV2eWBM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered WordPress vs WP Engine drama explained Why is WP Engine suing Automattic? Why does Matt Mullenweg hate WP engine? Legal battles in open-source

The Internet Archive's Wayback Machine was hit by hackers recently with DDoS attacks, a data breach, and vandalism on its website. Over 31 million accounts were compromised and the Wayback Machine has been temporarily taken offline. #hack #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Data breach report https://www.bleepingcomputer.com/news/security/internet-archive-hacked-data-breach-impacts-31-million-users/ Rabbit Hack https://youtu.be/lkbV8oP-F44 Crowdstrike Disaster https://youtu.be/H9RSeDUdkCA 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered What is the Wayback Machine? How did wayback machine get hacked? Who is Brewster Kahle? Open Library lawsuit explained

Meta's new Orion Ray-Ban glasses are packed full of AI-features, but a group of college students have demonstrated potential privacy concerns with an app that can dox people in realtime called I-XRAY. #tech #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources I-XRAY https://twitter.com/AnhPhuNguyen1/status/1840786336992682409 Meta Llama 3 https://youtu.be/aVvkUuskmLY Open AI o1 https://youtu.be/6xlPJiNpCVw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Meta Ray-Ban Orion Review Meta privacy concerns Reverse face search How AI can threaten privacy Controversial tech products How does I-XRAY work How to remove personal data from data brokers

Try Clerk's awesome authentication platform https://go.clerk.com/SIQSBbP A major exploit was discovered in the Arc browser recently that allowed an attacker to remotely execute JavaScript on any website. Learn how this vulnerability was caused by a simple Firebase misconfiguration. #programming #hack #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Firebase Arc Exploit https://kibty.town/blog/arc/ Browser Wars https://youtu.be/p572p-irRaU Future Web Dev https://youtu.be/TBIjgBVFjVI 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Firebase Arc Browser Exploit explained Pitfalls of using Firebase Arc browser vs Chrome Browser exploits in 2024 How to hack Arc browser Firebase rules fails

Take a first look at Deno 2.0 - a JavaScript runtime with first-class TypeScript support, and now full compatibility with Node.js #javascript #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Deno on GitHub https://github.com/denoland/deno Bun.js Code Report https://youtu.be/dWqNgzZwVJQ JavaScript for the Haters https://youtu.be/aXOChLn5ZdQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Deno 2.0 new features - Deno vs Node.js - Deno vs Bun.js

Learn the basics of Tmux, an open-source terminal multiplexer that can juggle multiple terminal sessions from a single window. 💬 Chat with Me on https://discord.gg/fireship 🔥 Get More Content - Upgrade to PRO These tmux tips are part of my full Linux course, which you can access by upgrading to PRO. Upgrade at https://fireship.io/pro Use code TMUX2024 for 30% off PRO access , 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

In this video you're going to learn how to make cloud computing great again. Try Docker Build Cloud for free: https://dockr.ly/4gx7mXa 💬 Chat with Me on Discord https://discord.gg/fireship 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Cloud computing - Amazon Web Services - Google Cloud - Terraform - Pulumi - SST - Docker Build Cloud

Let's take a first look at the new ChatGPT o1 model - a state-of-the-art reasoning AI model from OpenAI that shows unmatched abilities in math, science, and coding. #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources o1 model https://openai.com/o1/ V0 UI development https://youtu.be/TBIjgBVFjVI Google's Doom Engine https://youtu.be/SBdDt4BUIW0 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is o1? - Update on Devin AI programmer - How does OpenAI o1 work? - GPT-4o vs o1 benchmarks - o1 vs Claude - What is the best LLM in 2024? - Trends in Artificial Intelligence

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription The White House recently unveiled a plan to deal with networking weaknesses in the Border Gateway Protocol. In the past, the BGP has been exploited or misconfigured to cause massive disruptions on the Internet. #hacking #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources BGP roadmap https://www.whitehouse.gov/oncd/briefing-room/2024/09/03/fact-sheet-biden-harris-administration-releases-roadmap-to-enhance-internet-routing-security/ CrowdStrike Disaster https://youtu.be/H9RSeDUdkCA Rabbit R1 Hack https://youtu.be/lkbV8oP-F44 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Biggest Internet outages in history - What is the Border Gateway Protocol? - Major weaknesses on the internet - How are networks kept secure? - Cryptographic security in networking

Let's take a first look at that latest release of shadcn/ui and combine it with Vercel's V0 tool - an AI tool for building front-end UIs on the web. #programming #webdev #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources shadcn/ui https://ui.shadcn.com React 19 updates https://youtu.be/4k6Xgjqkad4 JS Frameworks features in 2024 https://youtu.be/466U-2D86bc 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered What is ShadCN? What is v0? AI tools for frontend development How to design a web UI quickly

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription. Learn the basics of FreeBSD - a UNIX-like operating system that shares code with projects like iOS, MacOS, Nintendo, PlayStation, and many other projects. #programming #linux #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources NixOS in 100 Seconds https://youtu.be/FJVFXsNzYZQ Linux 101 https://youtu.be/LKCVKw9CzFo 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - FreeBSD Tutorial - Free BSD quick start - What is BSD? - BSD vs Linux - What is Apple Darwin? - How does Nintendo Switch OS work?

Google's new GameNGen paper describes how the build the classic Doom game from 1993 without a game engine. Learn how diffusion models could change the future of Game development #gamedev #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources GameNGen Paper https://gamengen.github.io/ Flux Image Model https://youtu.be/QYVucud3ptc Linear Algebra Fails https://youtu.be/krixaEhLnlA 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Future trends in game development - Google's Doom Engine - Who is John Carmack? - Building doom with AI - Stable diffusion for game development - How does the Doom rendering engine work?

Find all the best dev content at https://daily.dev/fireship Remember, for every paid SaaS, there is a free open-source self-hosted alternative. Let's take a look at 10 FOSS tools designed to replace popular tools like MS Office, Notion, Heroku, Vercel, Zoom, Adobe, and more. #software #programming #linux 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources My Full Linux Self-hosting Course https://fireship.io/courses/linux/ 10 Fullstack Apps https://youtu.be/FQPlEnKav48 Unhappy developers https://youtu.be/-pSf9_MgsZ4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font ⭐ Repos mentioned LibreOffice https://github.com/LibreOffice Mattermost https://github.com/mattermost/mattermost Nocodb https://github.com/nocodb/nocodb Plane https://github.com/makeplane/plane Appflowy https://github.com/AppFlowy-IO/AppFlowy Jitsi https://github.com/jitsi ERPNext https://github.com/frappe/erpnext Coolify https://github.com/coollabsio/coolify Dokku https://github.com/dokku/dokku Instant https://github.com/instantdb/instant

The CEO of Telegram, Pavel Durov, was arrested in France and is facing up to 20 years in prison. Learn how encrypted messaging apps like Telegram and Signal work and why some government officials want to ban them. #tech #cybersecurity #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Telegram https://telegram.org/ Kim Dotcom https://youtu.be/08g_eJloufs Google Monopoly https://youtu.be/jx2dDV2eWBM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why was Telegram CEO arrested? - What is end-to-end encryption? - Signal vs Telegram - Best messaging apps for privacy - Legal action against E2EE - Who is Pavel Durov?

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription. Nix is a purely functional package manager and config tool. It also takes form as a fully-fledged Linux distro called NixOS. #linux #programming #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Nix Project https://nixos.org Linux 101 https://youtu.be/LKCVKw9CzFo Mac vs Windows vs Linux https://youtu.be/AdygBbbEnco 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is NixOS? - Why use Nix? - Nix basics tutorial - What is the best Linux distro? - Advanced Linux concepts

Take a first look at a groundbreaking new open-source AI image generation model Flux, which rivals Stable Diffusion and MidJourney. Learn how to run "flux.1" locally and train a LoRA with your own custom data. #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources How to build an AI girlfriend https://youtu.be/ky5ZB-mqZKM Uncensored LLMs https://youtu.be/GyllRd2E6fg Check out Matt Wolfe's Flux.1 tutorial: @mreflow Flux on GitHub https://github.com/black-forest-labs/flux 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Who is behind Black Forest Labs? - Stable Diffusion vs Flux - Midjourney vs Flux - Best Image generation AI in 2024 - How do you run Flux.1 locally? - Flux.1 Python tutorial - How to turn AI images in to video

A brief history of Megaupload and its controversial founder Kim Dotcom. Find out how a teenage hacker built one of the largest websites in the world, which was eventually seized by the FBI for piracy. #tech #hacking #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Kim Dotcom Extradition https://www.bbc.com/news/articles/c5y363lw204o Google Monopoly Loss https://youtu.be/jx2dDV2eWBM Illegal Web Scraping https://youtu.be/8GhFmQPZAlo 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Kim Dotcom extradition to the United States - Kim Dotcom biopic - Who is Kim Dotcom - History of Megaupload - Concerns about piracy

Convex is the realtime backend platform that actually replaces Firebase. Try out Convex for free: https://cvx.so/fireship Google Chrome, Mozilla Firefox, Microsoft Edge, and Apple Safari dominate the web browser market share, but there are new emerging alternatives like Arc, Brave, and Ladybird that could shakeup the Internet over the next few years. #programming #webdevelopment #thecodereport #ladybird #arc #brave 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources LadyBird Browser https://ladybird.org WebDev 101 https://youtu.be/erEgovG9WBs Illegal Web Scrapers https://youtu.be/8GhFmQPZAlo 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Chrome browser alternatives - What is LadyBird browser? - What is SerenityOS? - Web browser war analysis - Top browser engines - Browser market share

Timescale is a mega-fast time-series database built on top of Postgres with full SQL support https://tsdb.co/ts-fireship. Learn basics of TimescaleDB in this quick tutorial. #programming #database #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Timescale Cloud https://tsdb.co/ts-fireship Timescale on GitHub https://github.com/timescale/timescaledb Postgres in 100 Seconds https://youtu.be/n2Fluyr3lbc 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is TimescaleDB? - TimescaleDB basics tutorial - Timescale vs Postgres - Postgres as a vector database - Postgres extensions for RAG stack and AI apps - How to make SQL queries faster

Google recently lost it's legal battle against the Dept of Justice, which accused it of monopolistic activity. Google's exclusive search engine deals with Apple and Android phone manufacturers were determined to be illegal. #tech #google #thecodereport #google 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources AP Story https://apnews.com/article/google-antitrust-search-engine-verdict-apple-319a61f20fb11510097845a30abaefd8 Google Search Leak https://youtu.be/XNQhDl4a9Ko Apple Intelligence Fail https://youtu.be/ek2yOqAIYuU 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Google monopoly case analysis - Recent Google legal challenges - Apple antitrust case - Meta antitrust case - Amazon antitrust case - Apple vs Google - SEO news

Get all the latest tech news at https://daily.dev/fireship Let's take a look at 15 big events that happened in Tech in July 2024, like Google's Alpha Proof math AI, the CrowdStrike Windows disaster, Node.js TypeScript support, new Python web frameworks, and more. #tech #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Fireship Stripe Course https://fireship.io/courses/stripe-saas/ June 2024 Recap https://youtu.be/FhqNN1LykWU CrowdStrike disaster https://youtu.be/H9RSeDUdkCA 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Tuaw Zombie Website Node TS Support FastHTML Framework Zed Linux Intel Chips Fixed Kinda Stripe Buys Lemon Squeezy StackOverflow Unhappiness Google Alpha Proof Google Alpha Rats SearchGPT Mistral Large OpenAI Bankruptcy Reddit Pay-to-Scrape The COPIED Act Crowdstrike Redemption Arc

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription Learn the basics of the Scala programming language quickly. Scala is a functional and object-oriented language that runs on the Java Virtual Machine. #programming #math #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Scala Lang https://www.scala-lang.org/ Java in 100 Seconds https://youtu.be/l9AzO1FMgM8 Java for the Haters https://youtu.be/m4-HM_sCvtQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Scala basics tutorial - Scala vs Java - OOP vs Functional programming - What is Scala used for? - Is Scala better than Java?

An analysis of the 2024 StackOverflow survey results where only 20% of programmers reported being happy at their software engineering jobs. Let's look at 6 reasons why professional developers become unhappy at work. #programming #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources 2024 Stack Overflow Survey Results https://survey.stackoverflow.co/2024 StackOverflow 2023 Analysis https://youtu.be/3Ay6qZ88boI How programmers flex on each other https://youtu.be/r6tH55syq0o 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Analysis of trends in programming careers - What makes developers unhappy? - Should I become a programmer? - Should I get a CS degree? - Drawbacks for working as a programmer - Job outlook for software engineers

Is it legal to mine data from a public website? Let's take a detailed look at recent lawsuits and controversies surrounding the practice of web scraping. #programming #webdevelopment #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Booking vs Ryanair https://corporate.ryanair.com/news/ryanair-wins-its-case-against-travel-giant-booking-com-in-delaware-court-ruling Copilot Lawsuit Dismissed https://www.infoworld.com/article/2515112/judge-dismisses-lawsuit-over-github-copilot-ai-coding-assistant.html Web Scraping Tutorial https://youtu.be/qo_fUjb02ns GitHub Copilot recent features https://youtu.be/S_RorY_FRvo 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is web scraping? - Is web scraping legal? - Lawsuits against data miners - GitHub copilot lawsuit for using public code - Can AI tools legally scrape the web? - How does a robots.txt file work?

Take a first look at Meta's LLaMA 3.1 405b large language model. Find out how it stacks up to other AI products like ChatGPT, Mistral, and Claude. #prograemming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Meta Llama 3.1 announcement https://ai.meta.com/blog/meta-llama-3-1/ Recent AI failures https://youtu.be/krixaEhLnlA Ex-Open AI Super Intelligence Company https://youtu.be/hUrrHPVHeLM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to run Llama 3.1 405b - Llama 405b tutorial - Llama vs GPT-4o - Llama vs Gemini - Best AI models in 2024 - Most powerful open source LLMs

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription An analysis of CrowdStrike's official explanation of the code hat resulted in the largest IT disaster in history that crashed 8.5 million Windows computers in a single day. #programming #crowdstrike #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources CrowdStrike Official Explanation: https://www.crowdstrike.com/blog/falcon-update-for-windows-hosts-technical-details/ Analysis from Twitter https://x.com/taviso/status/1814762302337654829 CrowdStrike Part 1 https://youtu.be/4yDm6xNeYas It works on my machine https://youtu.be/OoQLoKHhohg 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Analysis of CrowdStrike disaster - Why did windows machines crash? - What causes the blue screen of death - How do windows kernel drivers work

Cybersecurity firm Crowdstrike pushed an update that caused millions of Windows computers to enter recovery mode, triggering the blue screen of death. Learn how the Crowdstrike crash happened and its impact around the world. #programming #cybersecurity #thecodereport #crowdstrike #windows 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Crowdstrike Statement https://www.crowdstrike.com/blog/statement-on-falcon-content-update-for-windows-hosts/ XZ hack https://youtu.be/bS9em7Bg0iU Rabbit hack https://youtu.be/lkbV8oP-F44 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Crowdstrike failure explained - How does windows kernel work - What caused windows computers to crash? - Cybersecurity fails

Intel 13th and 14th gen chips, aka Raptor Lake, have been receiving numerous reports of crashes and instability from gamers and developers. Let's take a look at the recent headwinds facing Intel CPUs. #gamedev #computerscience #thecodereport #intel 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Level1Techs Video https://youtu.be/QzHcrbT5D_Y CPU vs GPU https://youtu.be/r5NQecwZs1A CPUs explained in 100 seconds https://youtu.be/vqs_0W-MSB0 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Intel Raptor Lake chip failures - Intel vs AMD - Intel controversies - How often do CPUs fail? - Fix crashes caused by CPU

Try out Nvidia NIM in the free playground https://nvda.ws/4avifod Learn how to build a futuristic workforce of AI agents, then self-host and scale them for any workload thanks to Nvidia NIM - a platform that containerizes AI models and runs them on any GPU with Kubernetes. #programming #ai #nvidia 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Nvidia NIM https://nvda.ws/4avifod CUDA in 100 Seconds https://youtu.be/pPStdjuYzSI Docker 101 https://youtu.be/rIrNIzy6U_g 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to scale AI models - How to self-host an AI model - Nvidia H100 GPU - Will AI replace humans in the workforce?

Get the full Linux course at https://fireship.io/courses/linux Learn 101 essential concepts in Linux in 10 minutes. What is the Linux kernel? What is GNU? What is the best Linux distro? And many other important questions answered. #linux #programming #101 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Computer Science 101 https://youtu.be/-uleG_Vecis WebDev 101 https://youtu.be/erEgovG9WBs Linux in 100 Seconds https://youtu.be/rrB13utjYV4 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Linux basics tutorial - How to get started with Linux - Essential Linux commands to know - Difference between GNU and linux - What does Linux kernel do? - What are the top Linux distros in 2024?

Let's take a look at 13 new developments and controversies that happened in the technology industry in June 2024. Find out which new tech trends will shape the future of humanity. #tech #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Claude 3.5 https://www.anthropic.com/news/claude-3-5-sonnet 5 New AI tools https://youtu.be/BY81yNttfpg Tech Trends 2024 https://youtu.be/vyQv563Y-fk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Figma AI Claude 3.5 Sonnet beats GPT-4o Etched Transformer Chips Intel LunarLake Meta LLM Compiler Kaspersky Ban Cloudflare Extortion Controversy Adobe Sued by FTC Apple DMA violations TechLead Drama GitHub OSS Drama State of JS Survey YT Server Ads

A group of jailbreakers recently discovered that the Rabbit R1 codebase contains hardcoded API keys - giving them easy access to user data from their AI tech-to-speech service. #programming #hacking #thecodereport 🔥 New Full Linux Course coming soon! Upgrade at https://fireship.io/pro Use code LINUX30 for 30% off PRO access 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Rabbitude Disclosure https://rabbitu.de/articles/security-disclosure-1 AI failures https://youtu.be/krixaEhLnlA CES 2024 highlights https://youtu.be/eHzoTLwx01E 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Problems with Rabbit R1 - What to when sensitive data is leaked? - Major mistakes made by programmers - AI tools that have failed - Hacking incidents of 2024 - API key safety tips

Ilya Sutskever recently emerged from the shadows to announced a new artificial super intelligence company called SSI. Let's examine his past controversy with OpenAI and his potential contributions to the future of AI. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources SSI https://ssi.inc/ Apple Intelligence Overview https://youtu.be/ek2yOqAIYuU Jax in 100 Seconds https://youtu.be/_0D5lXDjNpw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Artificial Super Intelligence Explained - AGI vs ASI - What is SSI? - Past OpenAI controversies - Who is Ilya Sutskever? - Sam Altman Ilya Sutskever feud

Collect massive amounts of data from the web to train your LLM with Bright Data https://brdta.com/fireship Learn about 5 new state-of-the-art AI tools released in 2024 that can generate videos, images, sound effects, code, and more. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Stable Diffusion 3 Medium https://stability.ai/news/stable-diffusion-3-medium - Luma Labs Demo https://lumalabs.ai/dream-machine - Sora First Look https://youtu.be/tWP6z0hvw1M 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Luma video app - Luma vs Sora - Kling generative video model from China - Best IDE for writing code with AI - How to use Stable Diffusion 3 medium - AI generated sound effects tools

Try Brilliant free for 30 days https://brilliant.org/fireship You’ll also get 20% off an annual premium subscription Ruby on Rails is a web application framework that has build many unicorn startups like Airbnb, Shopify, and GitHub. Learn the basics of Rails in this quick video. #programming #webdevelopment #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Rails Doctrine https://rubyonrails.org/doctrine Ruby in 100 Seconds https://youtu.be/UYm0kfnRTJk I built 10 fullstack web apps https://youtu.be/FQPlEnKav48 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Ruby on Rails? - Is Rails still popular? - Is Ruby on Rails dead? - Get started with Rails quickly

At WWDC 2024, Apple announced it's first major AI feature "Apple Intelligence", which brings a suite of new tools to the iPhone and Mac. Apple has it's own foundation models, but will also rely on OpenAI in the cloud for certain AI jobs. #ai #apple #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Apple Intelligence Homepage https://www.apple.com/apple-intelligence Microsoft Copilot Plus PC https://youtu.be/hlwcZpEx2IY OpenAI vs Google Race https://youtu.be/qrvhmo5LSOQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - WWDC 2024 Recap - What is Apple Intelligence - Drawbacks of Apple Intelligence - Elon Musk not happy about Apple AI - Using ChatGPT on the iPhone

Recently, a Vercel customer was surprised to get a $96K serverless bill after their app went viral. Learn how cloud pricing works and explore strategies for self-hosting on your own Linux server. #tech #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Original Tweet https://x.com/zemotion/status/1798558292681343039 Coolify on GitHub https://github.com/coollabsio/coolify AWS says serverless was a mistake https://youtu.be/qQk94CjRvIs?si=r8N3DfC0xBkLaNuw Subscribe to @MelkeyDev for more on Coolify Triangle Company https://vercel.lol 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How serverless pricing works - How to reduce cloud computing bill - Alternative to AWS - How to self host backend - Cloud computing tips and tricks

A ransomware attack recently targeted hospitals in London. Let's take a look at the impact of this cyberattack and the potential hackers involved. ⚡Check out https://daily.dev/fireship to keep on on latest developer news! https://daily.dev/w/fireship #programming #hack #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources London Hospital Cyber Attack https://www.bbc.com/news/articles/c288n8rkpvno .xz hack https://youtu.be/bS9em7Bg0iU How cryptography works https://youtu.be/NuyzuNBFWxQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is ransomware? - How does ransomware work? - London hospital cyberattack analysis - Rust tools used in hacking - Major hacking incidents in 2024

Try Brilliant free for 30 days https://brilliant.org/fireship JAX is a Python library similar to NumPy for scientific computing and linear algebra, but designed to run on accelerators like Cuda-based GPUs and Google's TPUs. #programming #math #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Google JAX on GitHub https://github.com/google/jax Tensorflow in 100 Seconds https://youtu.be/i8NETqtGHms Cuda in 100 Seconds https://youtu.be/pPStdjuYzSI GPU vs TPU https://youtu.be/r5NQecwZs1A 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - JAX basics tutorial - How does JAX work? - JAXPpython explained quickly - Pytorch alternative - Tensorflow vs JAX - How is calculus used on Machine Learning

The Google Search algorithm was exposed recently via the Content API Warehouse leak. Let's break down the code in the leaked documents to find unexpected metrics that affect search engine optimization. #tech #seo #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources 10 weird algorithms https://youtu.be/SmyPTnlqhlk Elixir in 100 Seconds https://youtu.be/R7t7zca8SyM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How did Google search algorithm details leak? - How does the PageRank algorithm work? - SEO basics - SEO tips in 2024 - What is Search Engine Optimization?

Let's take a look at 5 ways AI tech has failed us recently. Find out the what might be in store for the future of AGI now that GPT-5 training has started. Use Codeium for free forever https://codeium.com/?referrer=fireship #tech #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Weird Algorithms https://youtu.be/SmyPTnlqhlk Copilot Plus PC https://youtu.be/hlwcZpEx2IY Google I/O overview https://youtu.be/qrvhmo5LSOQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Feud between Elon Musk and Yann Lecun - Open AI training GPT-5 - Google AI search issues - Is Rabbit R1 a scam? - Why did humane pin fail?

Try Brilliant free for 30 days https://brilliant.org/fireship Take a look at the latest features in 15 different JavaScript frameworks and the problems they solve for web developers. Take an first look at the React compiler, Angular signals, Svelte runes, and more... #programming #webdevelopment #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Next.js Full Course https://fireship.io/courses/nextjs/ 21 web features https://youtu.be/q1fsBWLpYW4 They fixed React? https://youtu.be/4k6Xgjqkad4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Best JS frameworks for 2024 - New features in React.js - What's new on Next.js - React vs Angular vs Vue - What is the React Compiler?

Microsoft unveiled it's new Copilot-plus PC that features a Snapdragon ARM chip and is tightly integrated with artificial intelligence. Take a look at the future of computing with AI #tech #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Copilot Plus PC https://blogs.microsoft.com/blog/2024/05/20/introducing-copilot-pcs/ Mac vs Windows vs Linux https://youtu.be/AdygBbbEnco Apple M4 chip https://youtu.be/TsKHjFeonRE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is a Copilot+ PC? - Apple M4 vs Snapdragon - Windows on ARM - Apple vs Microsoft laptops - OpenAI Scarlett Johannessen drama - Why is Scarlett Johannessen suing OpenAI?

What is the Bend programming language for parallel computing? Let's take a first look at Bend and how it uses a Python-like syntax to write high performance code that can run on the GPU. #programming #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Bend Language GitHub https://github.com/HigherOrderCO/Bend CUDA in 100 Seconds https://youtu.be/pPStdjuYzSI Recursion in 100 Seconds https://youtu.be/rf60MejMz3E 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Bend language? - Parallelism vs Concurrency - Rust programming language projects - CUDA alternatives - How to run code on a GPU

OpenAI recently announced a new model called GPT-4o, just days before Google I/O. Let's recap the announcements at Google I/O and determine who is currently winning the artificial intelligence race. 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access #tech #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Google I/O https://io.google/2024/ OpenAI GPT-4o https://openai.com/index/hello-gpt-4o/ Google I/O recap 2023 https://youtu.be/nmfRDRNjCnM 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Recap of Google I/O 2024 - GPT-4o features - Gemini 1.5 Pro features - What is project Astra? - What are the best AI models in 2024? - Latest features in Firebase - Firebase data connect - Firebase GenKit

What is the best operating system for programming? Learn the pros and cons of MacOS, Windows, and Linux from the perspective of a programmer. ⚡ Try out JetBrains IDEs for free https://jb.gg/Get_JetBrains_IDEs #computerscience #programming 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Learn to code roadmap https://youtu.be/66tfvFeALBQ Programming Iceberg https://youtu.be/pEfrdAtAmqk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Mac vs Windows vs Linux - Best Linux distro for programmers - What is WSL? - How to choose an OS for software dev - Benefits of Linux for programming

Apple just released their latest M4 chip. Let's take a look at it's performance specs and AI neural engine features. Compare M4 to Snapdragon and find out why big tech companies are competing to build the best ARM chips. #computerscience #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Apple M4 https://www.apple.com/newsroom/2024/05/apple-introduces-m4-chip/ CPU vs GPU https://youtu.be/r5NQecwZs1A CUDA in 100 Seconds https://youtu.be/pPStdjuYzSI 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Fasted PC chips - ARM vs x86 - RISC vs CISC - What is the best chip architecture for AI - Running AI models on device - What is the M4 chip? - Is x86 dead?

I recently asked "You are on your deathbed, what do you regret the most about programming?". Let's break down the biggest mistakes shared by most software engineers. ⚡Check out https://daily.dev/fireship to keep on on latest developer news! #programming #tech #humor 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Original Tweet https://twitter.com/fireship_dev/status/1784964387666804953 How to Flex on Programmers https://youtu.be/r6tH55syq0o 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do I become a better programmer? - What do programmers regret? - Pros and cons of learning to code - Common mistakes in software engineering - Worst programming languages

Take a first look at GitHub Copilot Workspace - a new AI coding tool that can build features and fix bugs directly in your codebase. Compare Copilot Workspace to Devin and other automated programming tools. #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources GitHub Copilot Workspace https://github.blog/2024-04-29-github-copilot-workspace/ Devin Programming AI https://youtu.be/AgyJv2Qelwk Copilot Workspace Overview https://youtu.be/L5Xny6yehUg 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Copilot Workspace? - Copilot Workspace vs Devin - Best AI coding tools - Is coding dead? - The future of programming tooling - Top AI tools for programmers in 2024 - Will GPT-5 make coding obsolete?

A popular compression library called XZ Utils was recently backdoored by a hacker which compromised Linux distros like Debian, OpenSUSE, Fedora, and Kali. Learn how the liblzma hack happened who is behind it. #programming #linux #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Details of XZ vulnerability https://www.openwall.com/lists/oss-security/2024/03/29/4 CVE-2024-3094 https://access.redhat.com/security/cve/cve-2024-3094#cve-cvss-v3 Weird Algorithms https://youtu.be/SmyPTnlqhlk Cryptography Tutorial https://youtu.be/NuyzuNBFWxQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Overview of cve-2024-3094 Can Linux be hacked? Who is behind XZ backdoor attack? Home does XZ backdoor work? Worst hacking incidents of 2024 Which Linux distros were affected by XZ attack?

Yesterday, Sam Bankman-Fried was sentenced to 25 years in prison. Let's look at 7 other tech leaders and entrepreneurs who broke the law and went to prison. #tech #hacking #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Full Stripe Payments Course https://fireship.io/courses/stripe-saas Tech Trends 2024 https://youtu.be/vyQv563Y-fk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Sam Bankman-Fried Prison Sentence - What happened to the Silk road? - Who is Ross Ulbricht? - Largest tech companies to collapse - Why did Elizabeth Holmes go to Jail - What are the consequences of hacking? - How do hackers get caught? - Famous cybersecurity cases

Neuralink recently demonstrated the results of a brainchip installed in their first human patient. Learn how the Neuralink N1 is installed and how it reads brainwaves to perform actions entirely from thoughts. #tech #neuroscience #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Full Neuralink demo https://twitter.com/neuralink/status/1770563939413496146 Neuralink https://neuralink.com Using my Brain to control GPT-4 https://youtu.be/-HYbFm67Gs8 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Neuralink? - How do brainwaves work? - The future of brain technology - How does Neuralink help people with disabilities - Pros and cons of Elon Musk's Neuralink

Erlang is a functional programming language know for message-based concurrency model. Its BEAM virtual machine is still used by modern languages like Elixir and Gleam. Learn the basics of Erlang in this quick tutorial. #programming #computerscience #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Erlang https://www.erlang.org Elixir in 100 Seconds https://youtu.be/R7t7zca8SyM C in 100 seconds https://youtu.be/U3aXWizDbQ4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Erlang? - Who created Erlang/OTP? - Basics of Erlang - Elixir vs Erlang - Gleam vs Erlang - What is the BEAM vm? - How to get started with Erlang

Figure AI recently demonstrated a new humanoid robot that is powered by OpenAI's GPT models. Take a first look at Figure 01 - an AI-powered robot that will eventually be deployed into the labor force. #tech #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Figure 01 Announcement https://www.figure.ai Technical explanation https://twitter.com/coreylynch/status/1767927506332721154 Devin AI software engineer https://youtu.be/AgyJv2Qelwk Open AI Sora https://youtu.be/tWP6z0hvw1M 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How does Figure 01 work? - Latest advancements in robotics - Can GPT-4 be combined with robots? - When will robots destroy humanity - World's most advanced robots

Cognition Labs just unveiled a new AI coding tool called Devin that is designed to automate the job of software engineers. Let's take a first look at Devin and see if it is a truly powerful tool or just artificial intelligence hype. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Devin Announcement https://www.cognition-labs.com/blog SWE Benchmark https://www.swebench.com Programming AI Assistants https://youtu.be/7h732qLxtAk Uncensored AI models https://youtu.be/GyllRd2E6fg 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Devin? - Devin vs GPT-4 - Devin vs GitHub Copilot - Is coding dead? - Can AI replace software engineers? - How does Devin AI work? - Future trends in software development - Is programming a dying skill - Should I learn to code?

Learn everything you ever wanted to know about containerization is the ultimate Docker tutorial. Build Docker images, run containers, and scale your infrastructure in the cloud with Docker 101. #computerscience #programming #101 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Download Docker Desktop: https://dockr.ly/4c9PYp9 Check out Docker Scout: https://dockr.ly/3Vd2U7H Related Videos: Docker in 100 Seconds https://youtu.be/Gjnup-PuquQ Computer Science 101 https://youtu.be/-uleG_Vecis 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Docker? - What is Kubernetes? - How to get started with Docker - How to run a Docker Container - Useful Docker tools - Fast Docker Tutorial

The Digital Markets Act in the EU has caused widespread changes in big tech at companies like Apple, Google, Amazon, and Meta. Recently, Apple banned Epic Games in the EU and possibly broke the law by violating DMA. #apple #gamedev #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Apple bans Epic https://www.epicgames.com/site/en-US/news/apple-terminated-epic-s-developer-account The Mean Tweet https://twitter.com/TimSweeneyEpic/status/1762243725533532587 DMA Regulations https://digital-markets-act.ec.europa.eu/index_en Epic vs Google https://youtu.be/gVzHNGyA_a4 Unreal Engine in 100 Seconds https://youtu.be/DXDe-2BC4cE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why did Apple ban Epic Games? - What is the Digital Markets Act? - History of Apple's feud with Epic games - Sideloading iOS apps - Criticisms of Apple from developers

What is CUDA? And how does parallel computing on the GPU enable developers to unlock the full potential of AI? Learn the basics of Nvidia CUDA programming in this quick tutorial. Sponsor Disclaimer: I was not paid to make this video, but Nvidia did hook me up with an RTX4090 #programming #gpu #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources CUDA https://nvda.ws/3SF2OCU GTC https://nvda.ws/3uDuKzj CPU vs GPU https://youtu.be/r5NQecwZs1A 🔖 Topics Covered - How does CUDA work? - CUDA basics tutorial in C++ - Who invented CUDA? - Difference between CPU and GPU - CUDA quickstart - How deep neural networks compute in parallel - AI programming concepts - How does a GPU work?

Let's take a first look at Claude 3, the latest LLM from Anthropic and see how it compares to GPT-4 and Gemini Ultra. Is Claude Opus the best AI tool for writing code? #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Claude 3 Announcement https://www.anthropic.com/news/claude-3-family Gemini 1.5 https://youtu.be/xPA0LFzUDiE ChatGPT Store https://youtu.be/9T_wv6D8PYo How I record by Fireship videos https://youtu.be/N6-Q2dgodLs 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is the best AI coding model? - Claude 3 analysis - Has AGI been achieved? - GPT-4 vs Claude 3 - Gemini Ultra vs Claude 3 - Programming with Claude

Elon Musk recently sued OpenAI stating that it betrayed its original mission to provide artificial intelligence for the benefit of humanity. Let's break down the details of the lawsuit and find out what it means for the future of technology. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Elon Musk vs OpenAI https://www.reuters.com/legal/elon-musk-sues-openai-ceo-sam-altman-breach-contract-2024-03-01/ OpenAI Sora First look https://youtu.be/tWP6z0hvw1M Grok AI https://youtu.be/CgruI1RjH_c 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why is Elon Musk suing OpenAI? - Analysis of OpenAI controversy and drama - Is OpenAI open source? - What is Q* or Q-star? - Did OpenAI achieve AGI? - Latest developments in Artificial Intelligence tech

Drizzle is a serverless TypeScript ORM designed for PostgreSQL, MySQL and SQLite. Get started with Drizzle by hooking it up to Neon's free serverless database https://neon.tech/fireship #programming #database #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Neon Postgres Database https://neon.tech/fireship Drizzle ORM https://github.com/drizzle-team/drizzle-orm Neon's Full Drizzle Tutorial https://youtu.be/hIYNOiZXQ7Y I tried 8 PostgreSQL ORMS https://youtu.be/4QN1BzxF8wM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Drizzle? - Best database to use with Drizzle - Best serverless database tools - What is object relational mapping? - Comparison of JavaScript ORMs - How does Object Relational Mapping in SQL work?

Nintendo recently sued an open-source Nintendo Switch emulator called Yuzu. Let's take a look at the hacking techniques used to exploit the Switch and find out what this lawsuit means for game developers. #gamedev #hacking #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Nintendo Lawsuit https://www.polygon.com/24085140/nintendo-totk-leaked-yuzu-lawsuit-emulator Yuzu on GitHub https://github.com/yuzu-emu/yuzu Programming stereotypes https://youtu.be/_k-F-MMvQV4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why is Nintendo suing Yuzu? - Nintendo Lawsuit History - Are video game emulators illegal? - How does DMCA affect developers - Hacking exploits on Nintendo switch

Let's take a first look at React 19 and a variety of changes will improve the developer experience. We compare React's changes to other JavaScript frameworks like Svelte, Vue, and Angular. #webdevelopment #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources React Blog Post https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024 React for the Haters https://youtu.be/HyWYpM_S-2c Fireship Next.JS course https://fireship.io/courses/nextjs/ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What's new in react version 19 - React vs Vue - React vs Svelte - React 19 compiler

Let's take a look at the latest AI advancements from Google like Gemini 1.5 and the open-source Gemma models. We also look at recent controversies like Gemini's image generator and rumors that Gmail is shutting down. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Gemini 1.5 https://blog.google/technology/ai/google-gemini-next-generation-model-february-2024/ Gemma Models https://blog.google/technology/developers/gemma-open-models/ Gemini Ultra First Look https://youtu.be/ucd63nIZZ60 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Gemini 1.5 - What is the best AI model in the world? - Gemma open source models - Is Gmail shutting down? - New Google login form

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. #programming #javascript #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Expo https://expo.dev/ React Native https://reactnative.dev/ React Native in 100 Seconds https://youtu.be/gvkqT_Uoahw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Expo for react native? - React native basics tutorial - Expo quickstart - Best way to build react native apps - Expo router overview - How to build apps for iOS and Android - Mobile app development tools review

Take a first look at Zed - a fast new code editor written in Rust with AI built in. Learn the pros and cons of this promising new developer tool and compare Zed to VS Code. #programming #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Zed Editor https://zed.dev/ Magic Code Coworker https://magic.dev/ AI coding assistants https://youtu.be/7h732qLxtAk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Rust-based code editor - Zed vs Visual Studio Code - Is Zed a VS Code killer? - Latest AI programming features - What is the fastest text editor for programmers? - Is programming becoming obsolete?

OpenAI just announced Sora, a state-of-the-art video generation AI model. Let's find out how Sora works and predict the ways it will change the world. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Sora technical report https://openai.com/sora Create AI influencer https://youtu.be/ky5ZB-mqZKM 10 Weird Algorithms https://youtu.be/SmyPTnlqhlk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is OpenAI sora? - How to access Sora - Google Gemini 1.5 - AI video tutorial - How to create videos with ai - Future of video editing software

Mark Zuckerberg delivered a brutal review of the Apple Vision Pro from his couch, claiming Meta's Quest 3 is a superior mixed reality product. Let's look at everything the haters are saying is wrong with Apple Vision Pro. #tech #applevisionpro #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Zuck's Apple Vision Pro Review https://twitter.com/pitdesi/status/1757552017042743728 Tech Trends 2024 https://youtu.be/vyQv563Y-fk Apple Vision Pro First Look https://youtu.be/Uc6lM1Aig9c 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Apple Vision Pro Review - Mark Zuckerberg thoughts on VR/AR - Why do people hate Apple Vision Pro - Is Apple vision pro worth it? - Apple vision pro memes

Learn how big cloud providers like AWS, Microsoft Azure, and Google Cloud operate from a business perspective. Explore strategies for optimizing cloud computing costs and avoiding vendor lock-in. #programming #computerscience #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Egress Breakdown https://getdeploying.com/reference/data-egress GCP removing egress fees https://cloud.google.com/blog/products/networking/eliminating-data-transfer-fees-when-migrating-off-google-cloud Basecamp cloud exit https://basecamp.com/cloud-exit 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - AWS vs Azure vs Google Cloud - How to reduce cloud costs - Is cloud better than dedicated server? - Big cloud business models - How to avoid vendor lock-in in tech

Google just released highly-anticipated LLM Gemini Ultra, along with it's ChatGPT competitor Gemini Advanced. Let's take a first look at Gemini and compare its performance to other popular AI models. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Gemini Launch https://blog.google/technology/ai/google-gemini-update-sundar-pichai-2024/ Gemini original announcement https://youtu.be/q5qAVmXSecQ Gemini Controversial Demo https://youtu.be/90CYYfl9ntM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Gemini Ultra vs GPT-4 - How to use Google Gemini Advanced for free - Best AI coding tools - How to use AI tools for programming - Best models for generating AI images

Let's take a look at the most hyped up new technologies at CES 2024. Learn about the latest advancements in artificial intelligence and how they are being used used in modern consumer hardware. #tech #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - CES conference https://www.ces.tech - Rabbit R1 https://www.theverge.com/2024/1/9/24030667/rabbit-r1-ai-action-model-price-release-date - AI Coding assistants https://youtu.be/7h732qLxtAk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Top new tech at CES 2024 - CES announcements - AI products at CES - New automotive tech at CES - What is the Rabbit R1? - What is Ballie robot?

OpenAI is launching a ChatGPT store next week where developers can sell custom agents. Learn how the how to build your own GPT agents, actions, and plugins to capitalize on this new platform. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources ChatGPT Actions Docs https://platform.openai.com/docs/actions Nitro.js https://nitro.unjs.io/ Uncensored AI models https://youtu.be/GyllRd2E6fg AI Business Ideas https://youtu.be/Aa83vRghue4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How can I make money with AI? - When does ChatGPT store open? - How to build a GPT-4 plugin - ChatGPT actions documentation - Custom ChatGPT agent basics - How to get verified on ChatGPT store

Learn the basics of the Pascal in this quick tutorial. Find out why Turbo Pascal was one of the world's most popular programming languages. In memory of Pascal creator Niklaus Wirth, who passed away on Jan 1st, 2024 #programming #history #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Free Pascal Complier https://www.freepascal.org/ C in 100 Seconds https://youtu.be/U3aXWizDbQ4 Fortran in 100 Seconds https://youtu.be/NMWzgy8FsKs 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Pascal Programming basics - How to get started with Pascal - Who created pascal? - What is Pascal used for? - Pascal on Apple computers

Top 10 most interesting algorithms ever created in computer science. Learn how software engineers have innovative techniques to solve real world problems. #science #programming #top10 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Wave Function Collapse demo https://jaxry.github.io/wave-function-collapse/ Cryptography concepts https://youtu.be/NuyzuNBFWxQ 10 Sorting Algorithms Explained https://youtu.be/RfXt_qHDEPw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Algorithms every programmer should know - How does wave function collapse work - Quantum computer algorithms - How do distributed systems stay secure? - Sorting algorithms explained

Learn how to run Mistral's 8x7B model and its uncensored varieties using open-source tools. Let's find out if Mixtral is a good alternative to GPT-4, and learn how to fine tune it with your own data. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Mixtral 8x7b https://mistral.ai/news/mixtral-of-experts/ Uncensored AI models https://erichartford.com/uncensored-models Ollama Github https://github.com/jmorganca/ollama Grok AI breakdown https://youtu.be/CgruI1RjH_c?si=lgkIAs-LbW1VypXv 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Mixtral 8x7B explained - How to run Mistral models locally - Best ChatGPT alternatives - What is a mixture of experts AI model? - How do you fine tune your own AI models?

Learn about the latest updates to GitHub Copilot and its new GPT-4 upgrade. Also, take a first look at Google's new Duet AI and JetBrains AI Assistant. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - No programmers in 5 years https://www.reddit.com/r/singularity/comments/14pmfxx/in_five_years_there_will_be_no_programmers_left/ - Duet AI Launch https://cloud.google.com/duet-ai - Google Gemini first Look https://youtu.be/q5qAVmXSecQ - Tech Trends 2024 https://youtu.be/vyQv563Y-fk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Updates to GitHub Copilot - Alternatives to GitHub Copilot - Does Copilot use GPT-4 - Will programmers be obsolete in 5 years? - Google Duet first look - JetBrains AI assistant first look

Full explanation of the Epic Games vs Google antitrust lawsuit. Find out what the future will look like for mobile and game developers after this shocking new precedent was set. #tech #apple #google #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Epic vs Apple Verdict https://www.theverge.com/23994174/epic-google-trial-jury-verdict-monopoly-google-play C2PA Proposal https://youtu.be/-Bdb2KOb_zI Unreal in 100 Seconds https://youtu.be/DXDe-2BC4cE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Changes in the Android Ecosystem - What's new for mobile developers in 2023 - Why did google lose against Epic Games? - Why did Epic Games lose against Apple? - Is epic games creator of Unreal Engine? - Trends in mobile game development

Let's take a first look at Elon Musk's new Grok AI chatbot and ChatGPT competitor. Is Grok really based? And how does Grok it stack up against GPT-4. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship ✖️ Follow me on X Twitter https://twitter.com/fireship_dev 🔗 Resources xAI Grok https://x.ai Tech Trends in 2024 https://youtu.be/vyQv563Y-fk First Look at Google Gemini https://youtu.be/q5qAVmXSecQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Grok vs ChatGPT - Grok vs Google Gemini - Elon's AI chatbot - Dangers of AI - Predictions Elon Musk got wrong - How to get access to Grok on X

Google's new LLM and ChatGPT competitor Gemini has faced some backlash after it's demo video was revealed to be highly edited. Learn about the latest Gemini drama and take a closer look at its benchmarks. #ai #google #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Gemini Prompting https://developers.googleblog.com/2023/12/how-its-made-gemini-multimodal-prompting.html Hands on Demo https://youtu.be/UIZAiXYceBI Gemini First Look https://youtu.be/q5qAVmXSecQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Gemini AI controversy - Was Google Gemini video fake? - When will Google Gemini Ultra come out - ChatGPT vs Google Gemini - GPT-4 vs Gemini benchmarks - Google Deep Mind advancements

Take a first look at Gemini - Google's latest AI model and GPT-4 competitor. Learn how the multimodal Gemini can handle generative AI tasks, solve programming challenges with Alpha Code 2, and how it was trained using TPU superpods. #ai #google #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Google's Gemini Technical Report https://deepmind.google/technologies/gemini/ Tech Trends in 2023 https://youtu.be/vyQv563Y-fk Generative AI Influencers https://youtu.be/ky5ZB-mqZKM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Google Gemini? - When will Gemini be available? - Gemini vs GPT-4 - What is the best AI model in the world? - Google TPU v5 hardware - What is AlphaCode2?

What changed in the tech industry over the last year? Let's look at 10 trends in tech, AI, programming, hardware, and more for the year 2024. #tech #trends #top10 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources AI Image Generation Tutorial https://youtu.be/ky5ZB-mqZKM Tech Trends from 2023 https://youtu.be/1v_TEnpqHXE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What's new with AI in 2024 - Why is Bitcoin going up? - State of the tech job market in 2024 - Predictions about technology in 2024

AWS Re:Invent 2023 just wrapped up and Amazon released 5 new services that could change the world. Learn about Amazon One palm scanning, Trainium AI chips, Bedrock, and more. #tech #aws #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources AWS Re:Invent Recap https://aws.amazon.com/blogs/aws/top-announcements-of-aws-reinvent-2023/ Generating AI influencers https://youtu.be/ky5ZB-mqZKM?si=--nhdpzGKnmknlx- AWS for the Haters https://youtu.be/ZzI9JE0i6Lc?si=R-IdmPYbrIBTSc3C 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Custom AI chips from AWS Re:Invent - Top cloud tech of 2023 - How does palm scanning work - AWS vs Nvidia chips - How to build an AI SaaS in the cloud

AI influencers are making real money selling content on websites like OnlyFans. Learn about the latest generative AI tech, like Stable Diffusion XL, and how to run it locally on your PC for free. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Fooocus on GitHub https://github.com/lllyasviel/Fooocus Aitana Influencer Article https://www.entrepreneur.com/business-news/this-ai-fitness-model-makes-11000-a-month/465975 OpenAI Drama https://youtu.be/4Ff2ZrhVkp0?si=gyRHZl_LJw_NU6Co 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Who is behind Aitana Lopez AI - StableDiffusionXL tutorial - Fooocus tutorial - How to make money with AI - How to generate AI images for free - AI business ideas

How has JavaScript and web development changed in 2023? Learn about the top 10 updates to Next.js, React, Angular, Vue, and Node.js. #webdevelopment #programming #top10 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources JS groupBy method https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy Next.js Criticism https://pilcrow.vercel.app/blog/nextjs-why?s HTMX in 100 Seconds https://youtu.be/r-GSGH2RxJs?si=jQR6TVNzaJ8dEobC 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - JavaScript framework of the year award - New features in JS language - HTML dialog element - Next.js App Directory - What is UnJS? - Major changes to Angular 17 - Bun JavaScript Runtime vs Node.js

Learn how Google is cracking down on Ad Blockers on YouTube. How do adblockers work and should they be allowed on the Internet? #youtube #tech #thecodereport 🔥 Black Friday Deal - Upgrade to Fireship PRO Upgrade at https://fireship.io/pro Use code BF2023 for 40% off PRO access 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Firefox Delay Controversy https://www.reddit.com/r/youtube/comments/17z8hsz/youtube_has_started_to_artificially_slow_down/ uBlock Origin Source Code https://github.com/gorhill/uBlock YouTube Ad Blocking News https://www.engadget.com/google-admits-youtubes-war-on-ad-blockers-is-resulting-in-suboptimal-viewing-experiences-115041371.html 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Is adblock theft? - Is YouTube banning Adblockers? - Chrome Extensions manifest v3 - YouTube Partner revenue split on ads - Privacy issues on the Internet

What is going on at Open AI and why was Sam Altman fired? Let's look at the timeline of events and possible theories about the leadership change. #openai #samaltman #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Open AI Gist Archive https://web.archive.org/web/20231121225252/https://gist.github.com/Xe/32d7bc436e401f3323ae77e7e242f858 OpenAI Drama https://www.reuters.com/technology/sam-altmans-firing-openai-reflects-schism-over-future-ai-development-2023-11-20/ Altman Returns as CEO https://twitter.com/sama/status/1727207458324848883 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why was Sam Altman fired? - Is OpenAI collapsing? - What will happen to ChatGPT? - Did OpenAI achieve AGI? - Open AI drama with Microsoft

Learn how to turn your computer into a private and secure machine with Tails OS. It is a USB-based operating system based on Debian Linux that only allows traffic via the Tor network. #linux #hacker #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Tails OS https://tails.net Linux in 100 Seconds https://youtu.be/rrB13utjYV4 History of Linux https://youtu.be/ShcR4Zfc6Dw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Best OS for privacy - How to wipe a computer? - What is Tor? - How does computer forensics work? - What OS do hackers use? - Did Eric Snowden use Tails OS? - Is incognito browsing really private? - How avoid tracking on browser

Let's take a first look at Bun 1.0 - the worlds fastest JavaScript runtime. Find out how Bun compares to Node.js and Deno. #webdevelopment #javascript #thecodereport 🔥 Level up AI code generation with DevGPT Try it for free: https://devgpt.com/?utm_source=fireship 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Bun 1.0 details https://bun.sh/blog/bun-v1.0 Bun.js Launch Video https://youtu.be/BsnCpESUEqM Deno NPM modules https://youtu.be/cv7ci6GT5Hg 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Bun.js vs Node.js - Bun vs Deno - How is Bun so fast? - Are JavaScript apps fast? - Best JS frameworks - How to optimize JavaScript performance

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 #programming #javascript #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Turbo vs TypeScript https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01 Svelte Dropping TS https://news.ycombinator.com/item?id=35892250 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - TypeScript Benefits for web development - TS vs JS - Drawbacks of TypeScript - Did Svelte stop using TypeScript? - Does DHH hate TypeScript? - Why TypeScript sucks - Why TypeScript is awesome

Terraform infrastructure-as-code tool recently switched to a BSL license. As a result, it was forked into a new project called OpenTF. Let's look at open-source licensing and find out why this drama occurred. #programming #opensource #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - OpenTF Manifesto https://github.com/opentffoundation/manifesto - Hashicorp announcement https://www.hashicorp.com/blog/hashicorp-adopts-business-source-license - Terraform in 100 Seconds https://youtu.be/tomUWcQ0P3k 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why did Terraform get Forked? - Alternatives to terraform - What is Infrastructure-as-code (IaC) - AWS Terraform - What is the true definition of Open Source software?

What's the difference between a CPU and GPU? And what the heck is a TPU, DPU, or QPU? Learn the how computers actually compute things in this quick lesson. #computerscience #tech #programming 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Learn more about CPUs https://cpu.land CPU in 100 Seconds https://youtu.be/vqs_0W-MSB0 Math for Programmers https://youtu.be/bOCHTHkBoAs JS Worker Threads https://youtu.be/-JE8P2TiJEg 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is a CPU architecture? - ARM vs x86-64 - CPU versus GPU - Why are GPUs so fast? - Why do you need a GPU? - What is a DPU? - Quantum computing basics - How are silicon chips made?

Microsoft Excel just added support for Python, allowing developers to code and run custom functions directly inside a spreadsheet. Let's take a first look at how Python support will work in Excel. #python #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Python Excel Announcement https://techcommunity.microsoft.com/t5/microsoft-365-blog/introducing-python-in-excel-the-best-of-both-worlds-for-data/ba-p/3905482 Anaconda Excel https://www.anaconda.com/excel Python in 100 Seconds https://youtu.be/x7X9w_GIm1s 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Run Python locally in Excel - Python excel overview - How to get access to Python in excel - Alternatives to Excel - Microsoft's AI business strategy

Top 10 ways developers flex on each other. Learn how to show off your achievements in the world of programming. #programming #humor #top10 💸 Get 1 month of YT Premium for free https://youtube.com/premium?cc=fireship 🔥 Thanks to @LowLevelLearning for the PR! 💬 Chat with Me on Discord https://discord.gg/fireship Disclosure: Sign up for YouTube Premium today and get a 1 month free trial for individual plan: youtube.com/premium?cc=fireship Monthly paid subscription. Price per month varies. First month free. Terms apply. Cancel anytime. If you subscribe through the link in this post, I may get a commission. 🔖 Topics Covered - How to offend a developer - Ways that developers like to boast - How linux users flex on each other - Imposter syndrome for programmers - Challenges of learning how to code

Zig is general-purpose systems programming language often used as an alternative to C, C++, and Rust. Learn the basics of Zig in this quick tutorial. #programming #code #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Zig Lang https://ziglang.org/ C in 100 Seconds https://youtu.be/U3aXWizDbQ4 C++ in 100 Seconds https://youtu.be/MNeX4EGtR5Y 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Zig? - Is Zig fast? - Zig quickstart tutorial - Zig vs C - Zig vs Rust - Memory management in Zig explained - How do Zig allocators work?

What is a superconductor? LK-99 claims to be the first room-temperature superconductor, and if true, it could revolutionize the direction of technology for humanity. #technology #science #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources LK-99 Paper https://arxiv.org/abs/2307.12008 LK-99 Skepticism https://www.fastcompany.com/90929534/lk-99-superconductor-world-changing-or-hoax Room Temperature Superconductors https://en.wikipedia.org/wiki/Room-temperature_superconductor Apple Vision Pro https://youtu.be/Uc6lM1Aig9c 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Quick explanation of superconductors? - Is LK-99 legitimate? - Future of quantum computing - Will hoverboards ever be real?

Stack Overflow just launched a new AI tool called Overflow AI. However, traffic to the website has already declined significantly due AI coding tools like ChatGPT. ⭐ Try Grafbase Turn your data into a fast GraphQL API with Grafbase https://grafbase.com Star their code on GitHub https://github.com/grafbase/grafbase #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Overflow AI https://stackoverflow.co/labs/ Stack Overflow traffic decline https://twitter.com/svpino/status/1684175677136703488 Stack Overflow Survey https://youtu.be/3Ay6qZ88boI 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - First look at stackoverflow AI - GPT-4 vs StackOverflow - Aliens revealed by whistleblowers - Criticism of StackOverflow mods - Tools for coding with AI

Try Postgres with Neon https://bit.ly/neon-fireship right now. Postgres is one of the most popular open-source SQL databases. It is an object-relational database that supports a wide range of datatypes and design patterns. Learn the basics in this fast intro tutorial. #programming #database #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Postgres Docs https://www.postgresql.org/docs/ Futuristic Databases https://youtu.be/jb2AvF8XzII SQL in 100 Seconds https://youtu.be/zsjvFFKOm3c 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Postgres? - Postgres quickstart tutorial - Postgres vs MySQL - Postgres vs SQLite - Postgres vs Oracle - What makes postgres different? - What is an object-relational database?

In a surprising move, Twitter has rebranded to X and removed the bird logo. Let's look at recent developments with Twitter and Meta's threads and what this means for the future of the Internet. #tech #internet #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Follow me on Twitter or X https://twitter.com/fireship_dev WorldCoin Launch https://youtu.be/V4qrvoFodmo Twitter Rate Limit https://youtu.be/3AS5x05XIyg 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Is Threads killing twitter? - Why did twitter change its name? - Is twitter dying - Elon Musk vs Mark Zuckerberg

Meta just released the world's most powerful open-source LLM...Llama2. Let's see how it stacks open to OpenAI's GPT-4 and Google's PaLM models. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Llama 2 https://ai.meta.com/llama Llama on GitHub https://github.com/facebookresearch/llama ChatGPT paper https://arxiv.org/abs/2307.09009 ChatGPT code interpreter https://youtu.be/p6Yw0Bx5dbw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Meta's Llama 2 - Llama2 compared to ChatGPT - Best open source LLMs - Latest news in artificial intelligence - Safety features of AI chatbots

Learn the basics of the SvelteKit - a metaframework that can fetch data and render Svelte web applications on the server. Find out how it compares to other fullstack tools like Next.js for React and Nuxt for Vue. #webdevelopment #javascript #100secondsofcode 🔥 Get the full SvelteKit Course https://fireship.io/courses/sveltekit/ Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources SvelteKit https://kit.svelte.dev Svelte in 100 Seconds https://youtu.be/rv3Yq-B8qp4 Nuxt in 100 Seconds https://youtu.be/dCxSsr5xuL8 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is SvelteKit? - Who created Svelte? - Best web development frameworks - Easiest JS frameworks to learn - SvelteKit quickstart tutorial - SvelteKit vs Next.js - SvelteKit vs Nuxt

Let's take a look at the Coalition for Content Provenance and Authenticity or C2PA and its mission to curb disinformation. Learn how future platforms may use cryptography to validate the origin of media and detect AI generated images. #tech #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources C2PA spec https://c2pa.org C2PA discussion https://twitter.com/UltraTerm/status/1679294173793628161 Greta's Oil Company https://youtu.be/iTkhB4VTm1E Honeypot Documentary https://youtu.be/XRoSBWYMefY 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Adobe Senate hearing - How to detect AI generated content - What is C2PA? - How does C2PA work? - Efforts to stops deep fakes - Generative AI problems

ChatGPT released the Code Interpreter plugin, making it possible for the LLM to run and test its own Python code. Learn how programmers and data scientists can use this new AI feature to solve coding problems faster. #programming #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - OpenAI code interpreter plugin https://openai.com/blog/chatgpt-plugins#code-interpreter - ChatGPT stock trading paper https://papers.ssrn.com/sol3/papers.cfm?abstract_id=4412788 - AI Programming Tutorial https://youtu.be/iO1mwxPNP5A - TempleOS in 100 seconds https://youtu.be/h7gf5M04hdg 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Stock trading algorithms with ChatGPT - ChatGPT latest features - What's new with AI - What is the future of AI programming? - Uploading files to ChatGPT - How to get access to GPT code interpreter? - How to run python with ChatGPT

Learn the basics of htmx - an HTML-focused UI library that can handle data fetching and rendering in web applications without complex JavaScript code or frameworks. #webdevelopment #javascript #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - htmx docs https://htmx.org - HTML in 100 seconds https://youtu.be/ok-plXXHlWw - Nuxt in 100 Seconds https://youtu.be/dCxSsr5xuL8 - Math for Programmers https://youtu.be/lkIFF4maKMU 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is htmx? - htmx quickstart tutorial - Alpine.js vs htmx - Do I need a JavaScript framework? - What is AJAX in web development? - htmx boost vs Turbolinks

Why did Twitter recently impose a rate limit for all users? The official reason is to combat web scrapers and bots, but others have speculated it's related to issues managing cloud resources. #tech #webdevelopment #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Elon's Rate Limit Tweet https://twitter.com/elonmusk/status/1675187969420828672 Twitter code open sourced https://youtu.be/GXN34w8kju4 Reddit API pricing https://youtu.be/Ch6zNEq9fwM Beyond Fireship Web Scraping https://youtu.be/qo_fUjb02ns 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How does rate limiting work? - Twitter self-inflicted DDoS attack - Is Twitter dying? - Twitter issues with Google Cloud Platform - Elon Musk vs Zuckerberg fight - JavaScript bugs in production

Learn how the billion dollar startup IRL faked millions of users to raise money from venture capitalists. This scam is not is an isolated incident and other high-profile startups have been caught faking engagement. #tech #business #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources IRL Shutdown https://www.irl.com Chirper AI Social Media site https://chirper.ai/ How to start a profitable side hustle https://youtu.be/A4_TFHzqAAg 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How programmers and app developers can grow a user base quickly - Growth hacking tips - Why did IRL shut down? - Is it illegal to create fake users? - What is click farming? - How venture capitalists get scammed - Softbank Vision Fund failures

Let's breakdown the StackOverflow survey results to determine the best and worst programming languages of 2023. Find out which technologies have the highest salaries and how AI tools like ChatGPT are changing the programming landscape? #programming #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources StackOverflow 2023 Results https://survey.stackoverflow.co/2023 How to Land a Tech Job https://youtu.be/Xg9ihH15Uto State of JS breakdown https://youtu.be/vdiYtiKD8eI 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Top programming languages to learn - PHP median salary - What are the highest paid programming languages? - How popular are AI tools for programmers? - Do programmers use ChatGPT - Do you need a college degree to become a programmer? - How much money do programmers make? - How many programmers work remote? - Top IDEs for developers

SST serverless stack is an open-source infrastructure-as-code tool for building on AWS with TypeScript. Learn how to easily manage resources on AWS and handle deployments for JS frameworks like Next.js, Astro, Svelte, and more. #webdevelopment #javascript #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources SST on GitHub https://github.com/serverless-stack/sst SST Docs https://sst.dev 50 AWS services explained https://youtu.be/JIbIYCM48to Serverless was a mistake https://youtu.be/qQk94CjRvIs 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to build serverless apps on AWS - What is Amazon Web Services? - What is IaC infrastructure-as-code - Deploying Next.js to AWS lambda - Deploying SvelteKit to AWS lambda - SST quickstart tutorial

Google announced it's selling its domain registration platform to Squarespace. In this video, we look at the 5 biggest tech stories for developers to know this week, including cyberattacks, ChatGPT updates, Vercel's AI SDK, and Reddit's continued decline. #tech #news #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Google Domains Sale https://support.google.com/domains/answer/13689670?hl=en Reddit Downfall https://youtu.be/Ch6zNEq9fwM Full Tutorials on Beyond Fireship https://www.youtube.com/@beyondfireship 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why did Google Domains shut down? - Cyberattacks from Killnet and Anonymous - How do ChatGPT functions work?

Nuxt is a full-stack JavaScript framework based on Vue.js that provides server-side rendering, data fetching, state management, and many other features. Learn how to build web applications with Nuxt in this quickstart tutorial. #webdevelopment #javascript #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Nuxt Docs https://nuxt.com/ Nuxt on GitHub https://github.com/nuxt/nuxt Vue in 100 Seconds https://youtu.be/nhBVL41-_Cw Vite in 100 Seconds https://youtu.be/KCrXgy8qtjM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Nuxt basics tutorial - Vue.js metaframework - Nuxt directories explained - Nuxt vs Next.js - Vue vs React - Which JavaScript framework should I learn?

Today over 7,000 subreddits have gone private in protest of the new controversial pricing of Reddit's API. Learn how big tech companies leverage their platforms in ways that can ruin 3rd party apps. #tech #reddit #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Apollo Reddit API Controversy https://www.reddit.com/r/apolloapp/comments/13ws4w3/had_a_call_with_reddit_to_discuss_pricing_bad/ The Art of the Side Hustle https://youtu.be/A4_TFHzqAAg What is an API https://youtu.be/-MTSQjw5DrM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Reddit API controversy explained quickly - Why are people protesting reddit? - Big tech platform risk to software developers - Why did Reddit go dark? - Which VCs and investors are behind reddit?

Million.js is a React library that can improve rendering performance by bypassing the virtual DOM. It is inspired by blockdom and other popular JavaScript frameworks like Solid and Svelte #javascript #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Million on GitHub https://github.com/aidenybai/million Million.js Website https://million.dev Solid in 100 Seconds https://youtu.be/hw3Bx5vxKl0 10 JS Frameworks Compared https://youtu.be/cuHDQhDhvPE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Million.js basics tutorial - How to make React faster - React vs Solid.js - React vs Svelte - What is the virtual DOM in react? - React performance optimization

The Apple Vision Pro VR headset was announced at WWDC yesterday. Let's take a first look its core features and how developers can take advantage of this new spatial computing paradigm. #applevisionpro #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Apple Vision Pro https://www.apple.com/apple-vision-pro/ WWDC Event https://developer.apple.com/wwdc23/ 2023 Tech Trends https://youtu.be/1v_TEnpqHXE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Apple Vision PRO? - Main components of visionOS - WWDC recap - Will Apple Vision Pro fail? - Unity with Apply visionOS - Top announcements at WWDC - What is spatial computing? - What is foveated rendering?

Java 21 will bring major improvements to the world's most popular enterprise programming language. Learn about unnamed classes, string templates, and other new features expected in the future. #programming #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Java 21 Unnamed Classes https://openjdk.org/jeps/445 Java in 100 Seconds https://youtu.be/l9AzO1FMgM8 Java for the Haters https://youtu.be/m4-HM_sCvtQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - New Java features in version 21 - Java Programming basics - Unnamed classes and Instance Main Methods - Java Memes - Should I learn Java? - Why do people hate Java?

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. Check out https://clerk.com to build a beautiful user authentication system. #webdevelopment #javascript #top10 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Web Baseline https://web.dev/baseline/ - WebDev 101 https://youtu.be/erEgovG9WBs - JavaScript 101 https://youtu.be/lkIFF4maKMU - Web Performance https://youtu.be/0fONene3OIA 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Beginner web development tutorial - What is WebGPU? - Web development best practices - New CSS features in 2023 - New JS features in 2023 - Measuring performance on the web - How to build websites from scratch

Worldcoin is a cryptocurrency that uses biometric iris data to verify people before making financial transactions. It is a controversial project co-founded by Sam Altman of OpenAI. Some call it a dystopian scam, while others believe it will make the global economy more equitable. #tech #crypto #thecodereport #ai 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Worldcoin https://worldcoin.org Worldcoin raises 115M https://techcrunch.com/2023/05/25/sam-altmans-crypto-project-worldcoin-got-more-coin-in-latest-115m-raise AI Regulation https://youtu.be/CDokUdux0rc 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Worldcoin? - Is worldcoin safe? - Who is funding Worldcoin? - Top cryptocurrency projects - The risks of AI - What is a sybil attack? - How Iris scanning works - What is a Zero Knowledge Proof ZKP

Last week I launched a side-hustle business with voice cloning AI, but things are not going well. Learn why most business ideas fail and develop techniques to improve your idea validation process. #tech #business #startups 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources The Art of the Side Hustle https://youtu.be/A4_TFHzqAAg AI startup ideas https://youtu.be/Aa83vRghue4 My Voice Cloning Service https://vocalize.cloud Twitter report of business launch https://twitter.com/fireship_dev/status/1659930105127505920 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Advice for solo businesses run by programmers - Building in public - Community building and viral marketing techniques - Top reasons businesses fail - Tips for launching a tech startup - How to validate business ideas - Running a software development side-hustle - Charles Bukowski Motivation

When you learn how to code, you unlock the ability to build side-businesses that have the potential to make you rich. The 6-step guide provides realistic tips and tricks for launching a solo company as a software engineer. #programming #business #tech 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Wanna use my voice? Generate it at https://vocalize.cloud Check out my AI Cartoon with @Daxflame https://youtu.be/Vg7iez2HMks Thanks to @codeSTACKr for the "Music Video" Building Apps with AI https://youtu.be/iO1mwxPNP5A 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to create a side business as a developer - Top indie makers - How do programmers make money on the side? - Tips for becoming a solopreneur - Implementing payments into an app - Startup ideas with AI in 2023

AI leaders met with U.S congress yesterday to discuss the risks that artificial intelligence pose to society and recommended that the government create a regulatory body for oversight. What does regulation mean for the future of GPT-4, Bard, and other popular AI products. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Full AI Regulation Meeting https://www.youtube.com/live/xS6rGBpytVY Watch the full Raiden video by @ULTRATERM https://youtu.be/-gGLvg0n-uY Follow Cybergem on Twitter https://twitter.com/UltraTerm Petition to Stop AI Training https://youtu.be/TpZcGhYp4rw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Sam Altman hearing with Senate - Problems with AI - Will the government control AI in the future - Is AGI possible?

Google made a ton of exciting announcements at I/O yesterday related to AI, web development, Android, Flutter, and more. Let's break down the 10 biggest updates for developers. #tech #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Google IO Keynote https://io.google/2023/ Palm 2 https://blog.google/technology/ai/google-palm-2-ai-large-language-model/ We have no moat https://www.semianalysis.com/p/google-we-have-no-moat-and-neither Bard vs ChatGPT Video https://youtu.be/xW9DJTvB3NI 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Google AI strategy - Google Palm 2 model overview - Pixel foldable phone - Latest updates to Firebase - Android development news - JavaScript WebAssembly updates

Learn how to setup a private smart home from scratch with Home Assistant and a Raspberry Pi. Add the OpenAI integration to give GPT-4 and ChatGPT access to your home's data. Get a Free ESP32 microcontroller thanks to Brydge https://bit.ly/44Nkode #tech #iot #ai 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Home Assistant https://www.home-assistant.io Home Automation example https://www.reddit.com/r/homeassistant/comments/zzg0a4/our_guests_will_have_a_small_surprise_for_the/ Raspberry Pi in 100 seconds https://youtu.be/eZ74x6dVYes 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to setup Home Assistant - Can GPT-4 control a smart home? - Smart home tips and tricks - How to make smart home private - Raspberry Pi Home Automation - Home automation quick tutorial - Smart homes of the future

Amazon Prime Video released an article explaining how they saved 90% on cloud computing costs by switching from microservices to a monolith. Let's examine the details of their software architecture and find out why serverless was a bad choice. #programming #aws #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Prime Video Serverless Article https://www.primevideotech.com/video-streaming/scaling-up-the-prime-video-audio-video-monitoring-service-and-reducing-costs-by-90 Majestic Monolith https://m.signalvnoise.com/the-majestic-monolith AWS for the Haters https://youtu.be/ZzI9JE0i6Lc 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Monolith vs Microservice - Pros and Cons of serverless - Serverless pitfalls - AWS lambda vs EC2 - What is a microservice - How to save money on AWS - Startups that have left the cloud

Mojo is a new LLVM programming language designed as a superset of Python with the low-level performance of C. It is optimized to run on GPUs with CUDA and other exotic hardware for deep learning and Artificial Intelligence. #programming #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Mojo Language https://www.modular.com/mojo - @howardjeremyp Mojo Video https://youtu.be/6GvB5lZJqcE - LLVM in 100 Seconds https://youtu.be/BT2Cv-Tjq7Q - Python in 100 Seconds https://youtu.be/x7X9w_GIm1s - Linear Algebra for Programmers https://youtu.be/bOCHTHkBoAs 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Mojo Language? - Best Python alternative - Is python slow? - Futuristic AI programming languages - Is mojo a python killer? - Mojo vs Python - Mojo vs Rust - Mojo vs C++

Artificial intelligence has started to make a real impact on the world by replacing human jobs and making some business models obsolete. We take a look at this week's biggest AI news and identify the biggest losers in the AI race. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Geoffrey Hinton Resigns https://fortune.com/2023/05/01/godfather-ai-geoffrey-hinton-quit-google-regrets-lifes-work-bad-actors/ Chegg ChatGPT decline https://www.cnbc.com/2023/05/02/chegg-drops-more-than-40percent-after-saying-chatgpt-is-killing-its-business.html Ibm replaced 7800 Jobs with AI https://www.reuters.com/technology/ibm-pause-hiring-plans-replace-7800-jobs-with-ai-bloomberg-news-2023-05-01/ Elon Musk wants to Stop ChatGPT https://youtu.be/TpZcGhYp4rw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why did Geoffrey Hinton quit google? - Palantir military AI demo - Is AI really dangerous? - IBM replacing jobs with AI - Which jobs are affected by AI? - Stocks that are down because of ChatGPT

Vercel just introduced 4 new storage products, including a serverless Postgres database, a durable Redis store, and file uploads with CloudFlare R2. They also leaked some details about a new server actions feature for Next.js #webdevelopment #database #thecodereport 🔥 Get the new Next.js 13 Full Course Upgrade at https://fireship.io/courses/nextjs Use code NEXT30 for 30% off PRO access 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Vercel Storage Announcement https://vercel.com/blog/vercel-storage Next13 Report https://youtu.be/_w0Ikk4JY7U Next13 Course https://fireship.io/courses/nextjs 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Does Vercel offer a database? - Vercel Postgres basics - Vercel KV basics - Alternatives to AWS S3 file storage - New Next.js Features - Next.js server actions

Learn 10 essential math concepts for software engineering and technical interviews. Understand how programmers use mathematics in fields like AI, game dev, crypto, machine learning, and more. #math #programming #top10 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Computer Science 101 https://youtu.be/-uleG_Vecis Cryptography for Developers https://youtu.be/NuyzuNBFWxQ Technical Interview Prep https://youtu.be/1t1_a1BZ04o 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Do programmers need math? - Math tutorial for programming - Machine learning math - Do computer hackers use math? - Linear algebra for programmers - Boolean Algebra explained - Combinatorics explained - How does Big-O notation work

Codux is a visual IDE for React.js. Let's review this tool by building a simple app and find out how it can increase web development productivity. #webdevelopment #programming #vscode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Codux https://codux.hopp.to/fireship I tried 10 code editors https://youtu.be/8PhdfcX9tG0 VS Code Tips https://youtu.be/ifTF3ags0XI 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Using Codux with VS Code - No-code tools for React - Low-code web development tools - How do I build a web app without code? - Code Editor review

AI voice cloning is now able to generate music that sounds like artists including Drake, The Weeknd, Kanye, Jay-Z, Michael Jackson, Kurt Cobain, and more. Let's examine voice transfer technology and see what it means for the music industry. #ai #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources GhostWriter977 TikTok https://www.tiktok.com/@ghostwriter977 Roberto Nickson Channel @RobertoNickson Michael Jackson Eminem cover AI https://soundcloud.com/mpgoodman/insane-michael-jackson-eminem-cover Kurt Cobain Cover https://youtu.be/qf6eOSJgN0Y Is Music Dead? https://youtu.be/1LV1K69885E 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Viral Drake AI song - Deep learning for voice transfer - Kanye West voice cloning project - How is AI music created? - Will AI music become illegal?

Amazon Web Services just released a new AI code completion tool called AWS CodeWhisperer. It is a competitor to Microsoft's GitHub Copilot tool, but is free to for everybody to use. Let's take a first look at CodeWhisperer and review its performance. #programming #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources CodeWhisperer https://aws.amazon.com/codewhisperer AWS Generative AI Announcement https://aws.amazon.com/blogs/machine-learning/announcing-new-tools-for-building-with-generative-ai-on-aws/ AWS for the Haters https://youtu.be/ZzI9JE0i6Lc GitHub CopilotX https://youtu.be/q1HZj40ZQrM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - AWS CodeWhisperer vs GitHubCopilot - Free AI code completion tools - What is the AWS bedrock tool? - How to modify Stable Diffusion with your own data - Running ML models in the cloud - What is AWS Titan? - How to build custom generative AI apps?

Angular is adding a new feature called signals that will give it a reactive primitive similar to Vue.js and Solid. Learn how it compares to other popular JavaScript frameworks like React.js and Svelte. #javascript #programming #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Angular Signals Demo https://angular-signals.netlify.app RFC https://github.com/angular/angular/discussions/49685 In Depth Change Detection https://indepth.dev/posts/1510/rendering-cycle-in-angular-applications-browser-angular-and-zone-js-interaction Angular in 100 Seconds https://youtu.be/Ata9cSC2WpM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Angular Signals tutorial - Is Angular dead? - History of JavaScript frameworks - Cool new JavaScript features - Will Angular signals replace RxJS? - Reactive programming on the web

Video production is hard, so I used the latest AI technology to write, narrate, and edit videos in my own style. Everybody is suddenly worried Artificial General Intelligence or AGI will replace humans in the near future, so let's take a look at popular projects like BabyAGI, AutoGPT, and Jarvis. #programming #ai #tech 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources BabyAGI https://github.com/yoheinakajima/babyagi AutoGPT https://github.com/Torantulino/Auto-GPT Voice Cloning https://elevenlabs.io Clone YouTuber's Voices https://deepfake.aleem.tv Brainwaves GPT-4 https://youtu.be/-HYbFm67Gs8 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - AutoGPT tutorial - How to build an AutoGPT tool - What is HuggingGPT - Is AGI possible? - How to make videos with AI - Stanford paper about AI human simulator - ChaosGPT used for world domination

Vector databases are rapidly growing in popularity as a way to add long-term memory to LLMs like GPT-4, LLaMDA, and LLaMA. Learn how popular vector databases like Pinecone and Weaviate can store ML embeddings to integrate with tools like ChatGPT. #programming #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Full Vector DB tutorial coming soon on @beyondfireship Rektor https://github.com/codediodeio/rektor-db OpenAI Embeddings https://platform.openai.com/docs/guides/embeddings Weaviate GitHub https://github.com/weaviate/weaviate Chroma GitHub https://github.com/chroma-core/chroma 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is a vector in computer science? - VC funding of databases news - What are ML embeddings? - What is a vector database? - Vector database vs SQL - Are vector databases fast? - How to make custom chatGPT app - Vector database basics tutorial - Trending github repos about AGI

AI tools like ChatGPT and GPT-4 are changing the way programmers write code. Learn how build a React app with Typescript using with AI prompting and other tricks to speed up development. #ai #programming #tutorial 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - ChatGPT https://chat.openai.com/ - React Docs https://react.dev/ - Automated workflow tweet https://twitter.com/mckaywrigley/status/1642948620604538880 - Copilot X https://youtu.be/q1HZj40ZQrM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Building apps with AI - AI pseudocode techniques - Can ChatGPT build complete apps? - GitHub Copilot X features - Will AI replace programmers? - TypeScript Tricks with ChatGPT - How to use AI to code faster

Take a look inside the Twitter algorithm now that it has been released as open-source code. Why would Elon Musk would make a decision like this from a strategic business perspective? #programming #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources The Algorithm https://github.com/twitter/the-algorithm Twitter Eng Blog https://blog.twitter.com/engineering/en_us/topics/open-source/2023/twitter-recommendation-algorithm Elon want's GPT-5 stopped https://youtu.be/TpZcGhYp4rw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Is Twitter open-source? - Controversial code inside twitter algorithm - Elon Musk strategy to dominate the news media - Twitter written with Scala and Java

I share my secret to gaining 10x productivity with bioavailable artificial intelligence for video production, coding, writing, and more. In case you didn't notice, this is satire. #ai #future #tech 💬 Chat with Me on Discord https://discord.gg/fireship Cameo by @RickyBerwick 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Can AI be embedded in the human body? - Jokes about OpenAI - What might the future of AI tech look like?

AWS is the world's largest cloud provider, but it is far from perfect. Let's take a look at the main reasons people hate Amazon Web Services. #programming #humor #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Full AWS overview https://youtu.be/JIbIYCM48to JavaScript for the Haters https://youtu.be/aXOChLn5ZdQ Java for the Haters https://youtu.be/m4-HM_sCvtQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Criticism of AWS - Roast of Amazon Web Services - Should I use AWS? - Drawbacks of using a cloud provider - Why do people think AWS sucks?

Elon Musk and many other prominent AI researchers signed a petition to stop training on all models beyond GPT-4 to assess the risk to humanity. Let's look at 5 reasons why AIs like ChatGPT should not be feared. #ai #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Pause Giant AI Experiments https://futureoflife.org/open-letter/pause-giant-ai-experiments GPTs impact on labor market https://arxiv.org/abs/2303.10130 Github Copilot First Look https://youtu.be/q1HZj40ZQrM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Petition to stop training LLMs - Elon Musk beef with OpenAI - The impact of ChatGPT on Computer Science degrees - Is AGI possible? - Why AGI will never happen - Moral and ethical problems with Artificial Intelligence

Ansible is an Infrastructure-as-Code tool that can automate almost any task on a Linux server. Learn how to use it manage your cloud computing resources like a pro. #linux #programming #100secondsofcode 💵 Sign up for a Linode account at https://linode.com/fireship using the link below and get a free $100 60-day credit on a new Linode account 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Ansible Docs https://www.ansible.com Ansible Linode Tutorial https://www.linode.com/docs/guides/deploy-linodes-using-linode-ansible-collection/ Terraform in 100 Seconds https://youtu.be/tomUWcQ0P3k 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Ansible? - Ansible basics tutorial - What is Ansible used for? - How do I automate cloud servers? - Best Linux automation tools - Ansible vs Terraform

I hacked my brain with a compact electroencephalogram (EEG) and connected it to GPT-4 with the OpenAI API. In this crazy tutorial, you'll learn how to use JavaScript to read your brainwaves. #tech #javascript #science 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Neurosity Crown https://neurosity.co Brainwaves https://www.scientificamerican.com/article/what-is-the-function-of-t-1997-12-22 Learn JavaScript Basics https://youtu.be/lkIFF4maKMU GPT-4 overview https://youtu.be/EunbKbPV2C0 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do you read brainwaves? - Reading your brain with code - Mindreading with an EEG - How to use the OpenAI api - How do brainwaves work?

Take a first look at Unreal Engine 5.2 and it's new substrate material framework and experimental procedural generation tools. It also announcement updates to its Fortnite editor and supports animations in its metahuman framework. #unrealengine #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Unreal 5.2 announcements https://www.unrealengine.com/en-US/blog/dive-into-epic-s-announcements-from-gdc-2023 Metahuman https://www.unrealengine.com/en-US/metahuman Unreal in 100 Seconds https://youtu.be/DXDe-2BC4cE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - The future of 3D video game development - What's new in Unreal Engine 5.2? - What is Unreal Substrate? - What is Unreal Nanite? - Procedural Generation tools in Unreal Engine - How metahuman animator works

OpenAI just released a new ChatGPT plugin marketplace allowing businesses to integrate their own custom apps. In addition, it has a new "browser plugin" for Internet searching and "code interpreter" for python execution. #ai #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources ChatGPT Plugins https://openai.com/blog/chatgpt-plugins Examples of ChatGPT code execution https://andrewmayneblog.wordpress.com/2023/03/23/chatgpt-code-interpreter-magic/ Copilot X first look https://youtu.be/q1HZj40ZQrM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What are ChatGPT plugins? - Can ChatGPT search internet? - Executing code with ChatGPT - What is a vector database? - Running Python in ChatGPT

GitHub Copilot X was announced yesterday and it has an impressive set of new AI coding features. Learn how Microsoft is bringing ChatGPT features directly into your code editor. #ai #programming #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Copilot X Announcement https://github.blog/2023-03-22-github-copilot-x-the-ai-powered-developer-experience/ GPT-4 first look https://youtu.be/EunbKbPV2C0 Is coding really dead? https://youtu.be/Zs9Tifup1Bc 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Top 5 features in Copilot X - Using your voice to write code - Microsoft's AI business strategy - What's new in GitHub CopilotX? - Does Copliot use GPT-4? - When will Copilot X come out?

Google just released Bard, an generative LLM similar to ChatGPT. Let's take a first look at Bard and compare it to OpenAI's GPT-4. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Google Bard https://bard.google.com GPT-4 Breakdown https://youtu.be/EunbKbPV2C0 Tensorflow in 100 Seconds https://youtu.be/i8NETqtGHms 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Is Bard better than GPT-4? - What is an LLM? - Bard vs ChatGPT - Bard review - Latest news about advancements in AI

PyTorch is a deep learning framework for used to build artificial intelligence software with Python. Learn how to build a basic neural network from scratch with PyTorch 2. #ai #python #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources PyTorch Docs https://pytorch.org Tensorflow in 100 Seconds Python in 100 Seconds https://youtu.be/x7X9w_GIm1s 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is PyTorch? - PyTorch vs Tensorflow - Build a basic neural network with PyTorch - PyTorch 2 basics tutorial - What is a tensor? - Which AI products use PyTorch?

A first look at Midjourney 5 - a state-of-the-art generative image model that can produce photorealistic humans. We breakdown new features in v5 and discus ethical concerns surrounding AI image tech. #ai #tech #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Midjourney https://www.midjourney.com AI copyright article https://www.theverge.com/2023/2/22/23611278/midjourney-ai-copyright-office-kristina-kashtanova GPT-4 First Look https://youtu.be/EunbKbPV2C0 Tensorflow in 100 Seconds https://youtu.be/i8NETqtGHms 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - New features in Midjourney 5 - What is Midjourney? - Is Midjourney open sources? - Top AI image generators - Can AI images be hold a copyright? - Moral and ethical concerns with AI image generators - Midjourney 5 basics tutorial

OpenAI announced GPT-4 yesterday and it's a beast. It can now handle 25K words of context, allowing it to provide more relevant code solutions for programmers. #tech #chatgpt #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources GPT-4 Overview https://openai.com/product/gpt-4 GPT-4 Paper https://paperswithcode.com/paper/gpt-4-technical-report ChatGPT API Tutorial https://youtu.be/e2uvhJ7r1UQ 5 AI Business Ideas https://youtu.be/Aa83vRghue4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What does GPT-4 mean for the tech world? - GPT3.5 vs GPT4 - Can AI replace lawyers? - Will AI replace programmers? - What's new in GPT4? - How do I use ChatGPT version 4 - Using images with GPT4

How will the Silicon Valley Bank failure affect software engineers and tech startups? Find out why SVB got into trouble and what it means for the average programmer. #tech #svb #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Silicon Valley Bank News https://www.cnbc.com/2023/03/12/heres-what-could-happen-next-for-silicon-valley-bank-customers.html USDC Depeg News https://www.forbes.com/sites/digital-assets/2023/03/11/43-billion-nightmare-sudden-circle-depeg-could-be-about-to-crash-the-price-of-bitcoin-ethereum-bnb-xrp-cardano-dogecoin-polygon-and-solana Is coding really dead? https://youtu.be/Zs9Tifup1Bc Tech Trends 2023 https://youtu.be/1v_TEnpqHXE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How did SVB collapse? - Simple explanation of Silicon Valley Bank failure? - Will SVB customers get their money back? - Why did USDC Depeg? - Outlook of the tech Job Market

FFmpeg is a legendary multimedia processing tool used to edit audio and video files programmatically. It can covert and transform over 100 different codecs and is integrated into many applications under the hood. #linux #programming #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - FFmpeg Docs https://ffmpeg.org/ - Advanced FFmpeg techniques https://fireship.io/lessons/ffmpeg-useful-techniques/ - Gzip in 100 Seconds https://youtu.be/NLtt4S9ErIA - Linux in 100 Seconds https://youtu.be/rrB13utjYV4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is FFmpeg? - FFmpeg tips and tricks - FFmpeg quick start tutorial - Who created FFmpeg? - How do I build my own video editing software?

Neovim is a fork of the keyboard-based text editor Vim. It is focused on extensibility and integrates the Lua programming language for easier scripting. #programming #vim #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Neovim Docs https://neovim.io/ Vim in 100 Seconds https://youtu.be/-txKSRn0qeA Lua in 100 Seconds https://youtu.be/jUuqBZwwkQw Check out @teej_dv for more Neovim content 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Should I switch to neovim? - Vim vs Neovim - Neovim vs VS Code - Best text editor for developers - What is neovim? - Is neovim better than vim?

A recent ChatGPT exploit known as DAN allowed users to get the AI to violate the ethics and guidelines set by OpenAI. The results are both hilarious and terrifying. #chatgpt #ai #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources ChatGPT https://chat.openai.com/ Original Twitter Thread https://twitter.com/Aristos_Revenge/status/1622840424527265792 Google Bard Launch https://www.reuters.com/technology/google-ai-chatbot-bard-offers-inaccurate-information-company-ad-2023-02-08/ 5 ideas for AI startups https://youtu.be/Aa83vRghue4 Video title inspired by @thespiffingbrit 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Ethical and moral concerns with AI - Did Google release an AI chatbot? - Google Bard vs ChatGPT - Is chatGPT biased? - ChatGPT hacked - DAN do anything now

Let's take a look at the top 15 new databases that could disrupt software development in the future. Many new serverless databases leverage tools like Postgres and MySQL, while others attempt build entirely new systems from scratch. This video is NOT sponsored. No company paid to be on this list. #database #programming #tech 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - 7 Database Paradigms https://youtu.be/W2Z7fbCLSTw - SQL in 100 Seconds https://youtu.be/zsjvFFKOm3c 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Modern database paradigms - Most popluar new databases - Alternatives to SQL RDBMS - Artificial Intelligence embedded in databases - Planetscale - Yugabye - NeonDB - Dolt - CockroachDB - Cloudflare D1 - Xata - 8base - EdgeDB - SurrealDB - FaunaDB - memgraph - KeyDB - Meilisearch - MindsDB

What is the best tool for starting a new React project in 2023? Let's look at 7 good alternatives to create-react-app for starting a new ReactJS web development project. #javascript #webdevelopment #reactjs 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - React Apps with Nx https://nx.dev/getting-started/react-standalone-tutorial - Create React App Github Issue https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741 - 10 Rendering Patterns on the Web https://youtu.be/Dkx5ydvtpCA 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to start react project as a beginner - Getting started with Vite for React - Build standalone react apps with Nx - Getting started with Next.js - Next.js vs Remix - Gatsby vs Astro

Google recently demonstrated how MusicLM can compose high-fidelity audio from a text prompt with generative AI technology. Let's make some predictions about how AI tech will affect the music industry in the future. #ai #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources MusicLM https://google-research.github.io/seanet/musiclm/examples MusicCaps Dataset https://www.kaggle.com/datasets/googleai/musiccaps Riffusion https://www.riffusion.com 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Can AI generate music? - Voice cloning - ChatGPT for writing songs - How Artificial Music works - Google AudioLM - Google MusicLM - Machine learning with audio

Unreal engine is a collection of developer tools for building interactive 3D games, simulations, and visualizations. It provides a powerful visual editor and scripting language called blueprint to simplify the game dev workflow. #gamedev #programming #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Unreal Engine https://www.unrealengine.com Unreal Source Code https://github.com/EpicGames Unity in 100 Seconds https://youtu.be/iqlH4okiQqg Godot in 100 Seconds https://youtu.be/QKgTZWbwD1U 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Unreal Engine? - Build simple game with unreal? - Unreal Blueprints vs C++ - Is Unreal engine hard to learn? - Quick basic tutorial for Unreal engine - Unreal vs Unity - Unreal vs Godot - Getting started in Game Dev

Neo4j is a native graph database designed to handle highly complex relational data. Learn the basics of graph data modeling and the Cypher Query Language https://bit.ly/3Jcl6bO #programming #database #100secondsofcode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Neo4j Aura https://bit.ly/3Jcl6bO Neo4j GitHub https://github.com/neo4j/neo4j SQL in 100 Seconds https://youtu.be/zsjvFFKOm3c 7 Database Paradigms https://youtu.be/W2Z7fbCLSTw Sponsored by Neo4j Aura 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Neo4j vs SQL - What is Neo4j? - Graph Databases vs RDBMS - Cypher Query Language basics - Neo4j quickstart tutorial

ChatGPT could start a new technological gold rush for artificial intelligence startups. Let's look at 5 business ideas for GPT-3 and analyze the tech stacks of real companies using deep learning today. #chatgpt #ai #programming 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources ChatGPT https://openai.com/blog/chatgpt/ MidJourney https://midjourney.com/ DeepMind https://www.deepmind.com/ Tech Trends in 2023 https://youtu.be/1v_TEnpqHXE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to make money with ChatGPT - What are the drawbacks of AI? - Will AI replace humans? - What is the technological singularity - Ways to integrate AI into an app - What is MLOps?

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. #css #webdevelopment #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Tailwind Docs https://tailwindcss.com/ Source Tweet https://twitter.com/shadcn/status/1613595843059404800 Tailwind in 100 Seconds https://youtu.be/mr15Xzb1Ook Pico CSS https://picocss.com/ VS Code Inline Fold https://github.com/moalamri/vscode-inline-fold 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Should I use tailwind? - Why is tailwind popular? - Tailwind vs CSS? - Tailwind pro tips - Twitter drama about CSS and web development

Breakdown of the State of JS survey results released in 2023. Which web frameworks are most popular and which ones are most hated? How much money do frontend developers actually make? #javascript #tierlist #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources State of JS Results https://stateofjs.com Tech Trends in the year 2023 https://youtu.be/1v_TEnpqHXE 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Trending tools for web developers - Top JS frameworks for 2023 - React vs Svelte - React vs Vue - React vs Angular - Web development salary expectations - How much do JavaScript developers earn?

Apache Kafka is a distributed event streaming platform used to handle large amounts of realtime data. Learn the basics of Kafka in this quickstart tutorial. #programming #datascience #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Kafka Homepage https://kafka.apache.org/ - Kafka Github https://github.com/apache/kafka - RabbitMQ in 100 Seconds https://youtu.be/NQ3fZtyXji0 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Apache Kafka? - Who created Apache Kafka? - What is Kafka used for? - How do large apps handle streaming data? - Apache Kafka basic examples

Learn how Logan Paul's alleged scam, CryptoZoo, works under the hood on the Ethereum blockchain. Let's break down the Solidity smart contracts, fungible tokens, NFTs, IPFS, and other import web3 technology related to this project. #tech #web3 #thecodereport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources CoffeeZillia Investigation https://youtu.be/386p68_lDHA CryptoZoo dApp https://market.cryptozoo.co Solidity in 100 Seconds https://youtu.be/kdvVwGrV7ec Full Web3 Tutorial https://youtu.be/meTpMP0J5E8 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do smart contracts on Ethereum work? - What is the cryptozoo scam? - How does cryptozoo work? - How to build blockchain apps - How to create your own NFT from scratch - Basics of blockchain development

Explore 7 roadmaps or learning paths for beginner developers. The goal of this video is to provide a starting point for aspiring software engineers looking to learn web development, mobile, desktop, IoT, data science, game dev, and low-level systems. #tech #programming #code 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources How to get 100K tech job https://youtu.be/Xg9ihH15Uto Learn to Code Tips https://youtu.be/NtfbWkxJTHw 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to start learning web development - Get started with mobile app development - Data Science learning path - What is best programming language to learn first? - Learn to code path for beginners - Best game engines for noobs - Tips for learning to code

My chat app became overwhelmed with profanity and spam, but all this could have been avoided with better security practices. Let's take a look at essential app security libraries and techniques. #programming #hacking #tech 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Original Chat App Pocketbase Project https://youtu.be/gUYBFDPZ5qk - 7 Web Security Risks https://youtu.be/4YOpILi9Oxs - Cryptography Concepts https://youtu.be/NuyzuNBFWxQ - Cloudflare Turnstile https://www.cloudflare.com/products/turnstile/ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to prevent profanity in app - How to deal with spam bots - How to prevent website hacking - Web app security best practices - Cloudflare Turnstile vs reCaptcha - Preventing DDoS attacks

Learn how build a fullstack realtime chat app with Svelte and Pocketbase, then deploy it to a Linux server for just $5. Let's find out if the Spock stack can scale... 💵 Get started with Linode at https://www.linode.com/fireship ($100 Credit good for 60 days as a new user) #webdevelopment #project #linux 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Chat App Live Demo https://pocketchat.fireship.app - Fireship Pocketbase Tutorial https://fireship.io/lessons/pocketbase-chat-app - Full Source Code https://github.com/fireship-io/pocketchat-tutorial - Pocketbase Docs https://pocketbase.io/ - Pocketbase First look https://youtu.be/Wqy3PBEglXQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Build an app with Svelte - What is Pocketbase? - Can Pocketbase scale? - Deploying Pocketbase to Linode

SvelteKit just hit version 1.0 and provides an awesome set of tools for building fullstack web applications. Let's take a first look at its features and compare it to other frameworks like Next.js and Nuxt. #webdevelopment #javascript #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - SvelteKit announcement https://svelte.dev/blog/announcing-sveltekit-1.0 - SvelteKit Docs https://kit.svelte.dev/ - Svelte in 100 Seconds https://youtu.be/rv3Yq-B8qp4 - Subscribe to Beyond Fireship for the Full Tutorial https://www.youtube.com/channel/UC2Xd-TjJByJyK2w1zNwY0zQ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - SvelteKit vs Next.js - SvelteKit vs Nuxt - Svelte vs React - Build SSR apps with Svelte

Arduino is a programmable circuit board that makes it possible for the average developer to build custom hardware products. Learn about Arduino's architecture, microcontroller, programming language, and IDE in 100 seconds. #programming #arduino #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Arduino Docs https://docs.arduino.cc/ - Raspberry Pi in 100 Seconds https://youtu.be/eZ74x6dVYes 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is an Arduino? - CPU vs Microcontroller - Raspberry Pi vs Arduino - How do electrical circuits work? - What is a microcontroller? - How to get started with Arduino? - What programming language does Arduino use?

What will the future of AI programming look like with tools like ChatGPT and GitHub Copilot? Let's take a look at how machine learning could change the daily lives of developers in the near future. #ai #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources ChatGPT Demo https://openai.com/blog/chatgpt Codex CLI https://github.com/microsoft/Codex-CLI Tech Trends to Watch in 2023 https://youtu.be/1v_TEnpqHXE 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How will ChatGPT affect programmers? - Is AI going to replace software engineers? - The future of AI programming tools? - Universal AI programming language - Using AI from the command line

2022 was a crazy year. Let’s take a look at 10 tech trends and how they will affect software engineers going into the year 2023. #tech #programming #top10 🔗 Resources Take the state of JS survey https://stateofjs.com/en-us/ 2022 Trends from Last year https://youtu.be/LOpFYMPXqE4 Design trends from @DesignCourse https://youtu.be/4BEEoYYDmUg 💬 Chat with Me on Discord https://discord.gg/fireship 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Tech Job Market in 2023 - Will crypto recover in 2023? - Trends in technology for developers - Web design trends - Best JS frameworks - Trends in AI and machine learning - Will ChatGPT replace programmers?

Supabase is the open-source Firebase alternative that features an impressive collection of tools like PostgreSQL, user authentication, serverless edge functions, and more. #programming #sql #100secondsofcode 🔥 NEW! The Full Supabase Course https://fireship.io/courses/supabase/ 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Supabase Docs - Zack's Supabase Basics Video https://youtu.be/tUm1AlaMcMQ - 5 Backends Compared https://youtu.be/SXmYUalHyYk 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Supabase? - Supbase vs Firebase - Getting started with Supabase - Supabase Basics tutorial

Why does everybody hate JavaScript so much? A complete roast of JS that highlights the strongest criticisms against the world's most popular programming language. #javascript #roast #comedy 🔥 Black Friday Discount https://fireship.io/pro 🔥 Use code BLACKFIRE at checkout for 40% off 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Full JavaScript Course https://fireship.io/courses/js - JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE - React for the Haters https://youtu.be/HyWYpM_S-2c 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - JS Roast - Funny JavaScript features - Worst aspects of JavaScript - JavaScript pitfalls - JavaScript drama

The ultimate 10 minute JavaScript course that quickly breaks down over 100 key concepts every web developer should know. Learn the basics of JS and start building apps on the web, mobile, desktop, and more. #javascript #programming #code 🚨 BLACK FRIDAY 40% Discount off PRO Memberships FOREVER https://fireship.io/pro 🚨 Use code BLACKFIRE at checkout 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources NEW Full JavaScript Course https://fireship.io/courses/js JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE JavaScript Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - JavaScript 101 Course - Getting Started with JavaScript - JavaScript basics tutorial - Learn JS for beginners - Most important JS concepts to know - What is JavaScript used for? - How do I learn JavaScript programming? - Prototypal Inheritance - Higher Order Functions - Closures - Non-blocking event loop - Node.js

Here's your first look at Solid Start, a meta-framework for Solid.js that supports server-side rendering and advanced data fetching. Learn how to build a full stack web application with a hot new tool that's similar to Next.js, SvelteKit, and Nuxt. #programming #javascript #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources SolidStart Announcement https://www.solidjs.com/blog/introducing-solidstart Solid in 100 Seconds https://youtu.be/hw3Bx5vxKl0 Next.js 13 First Look https://youtu.be/_w0Ikk4JY7U 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Solid.js? - SSR with Solid.js - Solid Start vs Next.js - Solid Start vs SvelteKit - Solid Start vs Nuxt - What is the best JS framework?

Meta announced layoffs of 11,000 employees today, just one week after Twitter implemented a massive layoff. How will this news affect FAANG hiring and tech jobs for programmers in the future? #tech #meta #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources How to get a Tech Job https://youtu.be/Xg9ihH15Uto Meta Layoffs https://www.nytimes.com/2022/11/09/technology/meta-layoffs-facebook.html Hiring freezes https://www.foxbusiness.com/economy/big-tech-braces-recession-litany-hiring-freezes-layoffs 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Meta layoffs - Tech hiring trends in 2023 - How to get hired by FAANG - Which companies have hiring freezes? - Which tech companies have layoffs? - How to get a programming job in 2023?

Nim is a general-purpose programming language known for its python-like syntax and ability to compile to multiple languages like C, C++, and JavaScript. Learn the fundamentals of Nim in this quick tutorial. #programming #code #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Nim Docs https://nim-lang.org/ C in 100 Seconds https://youtu.be/U3aXWizDbQ4 Python in 100 Seconds https://youtu.be/x7X9w_GIm1s Lisp in 100 Seconds https://youtu.be/INUHCQST7CU 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is the Nim language? - Who created Nim? - What is Nim used for? - Nim basics tutorial - Nim vs Rust - Nim vs C

The Remix React framework is joining forces with Shopify where it will be integrated into its Hydrogen framework. Interestingly, this is a change in direction away from React Server Components (RSC), which were recently adopted by Next.js. #javascript #programming #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Remix announcement https://remix.run/blog/remixing-shopify Shopify breakdown https://shopify.engineering/remix-joins-shopify Next.js 13 https://youtu.be/_w0Ikk4JY7U 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is React Remix - Why did Shopify acquire remix? - What is Shopify hydrogen? - Next.js alternatives - React.js news

Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the React team to create the ultimate web framework and a new webpack replacement built with Rust... let's take a first look. #javascript #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Next 13 Announcement https://nextjs.org/blog/next-13 Turbopack Announcement https://vercel.com/blog/turbopack Next.js Full Course https://fireship.io/courses/react-next-firebase/ Next in 100 Seconds https://youtu.be/Sklc_fQBmcs 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What changed in Next.js 13? - Should I upgrade to Next 13? - Next.js vs Remix - Next.js vs Nuxt - Vite vs Turbopack - Replacing webpack with Turbopack

Some people say programming is a dying skill, but is this prediction accurate? Let's look at 6 trends in tech that don't look good for coders. #programming #tech #learntocode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Coding is Dead by @TechLead https://youtu.be/yGKFdwhylXM Metaverse breakdown by @Mental Outlaw https://youtu.be/zuqBRN5SJZ8 2022 Tech Trends https://youtu.be/LOpFYMPXqE4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - 2023 Trends in tech - Should I learn to code? - What is the future of programming? - Is programming a safe job? - Will AI make programmers obsolete? - Is coding dead?

Godot is a popular open source engine for building 2D and 3D games. It is similar to Unity in many ways, but is lightweight (35Mb) and provides it's own custom scripting language called GDScript. #gamedev #programming #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Godot Game Engine https://godotengine.org Godot on GitHub https://github.com/godotengine/godot Unity in 100 Seconds https://youtu.be/iqlH4okiQqg C# in 100 Seconds https://youtu.be/ravLFzIguCM 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is the Godot Game Engine? - Open-source game engines - Godot basics tutorial - Godot vs Unity - What makes Godot special? - How GDScript works - Best Game Engine to learn for beginners

Debugging is one of the most important skills of a software engineer. Learn 7 techniques, strategies, and tools for debugging as a modern web developer. #programming #learntocode #software 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Testing in 100 Seconds https://youtu.be/u6QfIXgjwGQ VS Code Tips https://youtu.be/ifTF3ags0XI Crash Bandicoot Bug https://www.reddit.com/r/Games/comments/1pp4oj/how_a_loadsave_bug_in_crash_bandicoot_took_six/ 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What tools to engineers use to prevent bugs? - How do you catch bugs during software development? - How do you learn debugging? - How to use VS Code debugger - How to console log in JavaScript

Lisp is world’s second high-level programming language and is still used to build software today. It was the first to implement many popular programming techniques like higher-order functions, recursion, REPL, garbage collection, and more. #programming #code #100SecondsOfCode 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources - Lisp Tutorial https://lisp-lang.org/ - Fortran in 100 Seconds https://youtu.be/NMWzgy8FsKs - C in 100 Seconds https://youtu.be/U3aXWizDbQ4 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Lisp? - Should I learn Lisp? - Lisp basics tutorial - Who invented Lisp? - Lisp vs Fortran - Lisp vs C

Fleet has arrived... a brand new IDE from JetBrains that many have called a "VS Code killer". It has a feature called smart mode that turns a basic text editor into a full-blown IDE. #programming #tech #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Fleet Announcement https://blog.jetbrains.com/fleet/2022/10/introducing-the-fleet-public-preview/ Fleet architecture https://www.infoworld.com/article/3664112/jetbrains-fleet-the-future-of-ides.html I tried 10 text editors https://youtu.be/8PhdfcX9tG0 VS Code in 100 Seconds https://youtu.be/KMxo3T_MTvY 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - JetBrains Fleet Review - Pros and Cons of Fleet - Is Fleet better than VS Code? - Is Fleet a good IDE? - Fleet vs VS Code - Fleet vs Vim

What are some of the worst things about being a programmer? Let's look at 7 dreaded messages that a software engineer never wants to receive. #programming #tech #comedy 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources Programmer Stereotypes https://youtu.be/_k-F-MMvQV4 Technical Interview Survival https://youtu.be/1t1_a1BZ04o 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Worst things about programming - Should I become a programmer? - Software engineer career drawbacks - Programming memes - The bad parts of learning to code

Laravel is a popular fullstack MVC framework for building web apps with PHP. Learn the fundamentals of Laravel and find out why web developers love it. #webdevelopment #php #100secondsofcode 🔗 Resources Laravel Docs https://laravel.com Laravel on GitHub https://github.com/laravel/laravel FullStack Framework comparison video https://youtu.be/FQPlEnKav48 PHP in 100 Seconds https://youtu.be/a7_WFUlFS94 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why is Laravel popular? - What is Laravel used to builld? - Does Laravel require PHP? - Can Laravel integrate with React or Vue? - Laravel vs Ruby on Rails - How does the MVC pattern work?

Qwik is a JavaScript framework that uses a new rendering paradigm called resumability. It can serialize a JavaScript app into HTML, thus eliminating the need for the hydration technique used in meta-frameworks like Next.js. #javascript #programming #TheCodeReport 🔗 Resources - Qwik GitHub https://github.com/BuilderIO/qwik - Docs https://qwik.builder.io/docs/overview/ - Beta Announcement https://www.builder.io/blog/qwik-and-qwik-city-have-reached-beta - Lazy Loading Tutorial https://youtu.be/kwUfeWe7DCw 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Qwik framework? - Qwik vs React - Qwik vs Angular - Best JS frameworks of 2022 - How to make JS bundle smaller?

SurrealDB is a "NewSQL" multi-model database with an impressive list of features from popular relational, graph, and document paradigms. Its query language is based on SQL, but does not rely on JOINs for queries. Full Tutorial Coming Soon on Beyond Fireship https://www.youtube.com/channel/UC2Xd-TjJByJyK2w1zNwY0zQ #database #programming #100SecondsOfCode 🔗 Resources SurrealDB Github https://github.com/surrealdb/surrealdb Surreal Docs https://surrealdb.com/ SQL in 100 Seconds https://youtu.be/zsjvFFKOm3c 7 Database Paradigms https://youtu.be/W2Z7fbCLSTw 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is SurrealDB? - Is SurrealDB legit? - Databases written in Rust - Multi-model databases - What is the best database? - Database with realtime updates

Take first look at PocketBase, a new backend platform using the Go programming language and SQLite database that compiles to a single executable. It is a lightweight alternative to tools like Firebase and Supabase for easy backend development. #programming #firstlook #TheCodeReport 🔗 Resources - PocketBase Github https://github.com/pocketbase/pocketbase - Pocketbase HomePage https://pocketbase.io/ - Firebase Alt Video https://youtu.be/SXmYUalHyYk - Edge Functions Video https://youtu.be/yOP5-3_WFus 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is PocketBase? - Pocketbase vs Supabase - Pocketbase vs Firebase - Is PocketBase production ready? - How to choose a backend for an app?

Firebase leads the backend-as-a-service space, but there are many popular alternatives like AWS amplify, Supabase, Nhost, MongoDB Realm, Appwrite, and Parse. Let's compare the pros and cons of fully-managed cloud services. #database #vs #programming NEW CHANNEL for advanced tutorials https://www.youtube.com/channel/UC2Xd-TjJByJyK2w1zNwY0zQ 🔗 Resources - Firebase https://firebase.google.com/docs - AWS Amplify https://docs.aws.amazon.com/amplify/ - Supabase https://supabase.com/docs - Nhost https://nhost.io/ - Appwrite https://appwrite.io/ - Realm https://www.mongodb.com/docs/realm - Firebase in 100 Seconds https://youtu.be/vAoB4VbhRzM - MongoDB in 100 Seconds https://youtu.be/-bt_y4Loofg 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Best Firebase alternatives - Is firebase expensive? - Is Firebase part of Google Cloud? - How to build an app in the cloud - Firebase vs AWS Amplify - Firebase vs Supabase

RabbitMQ is an open-source message broker often used for communication between microservices in the cloud. Learn how to build your own message queue with RabbitMQ in docker. #programming #cloudcomputing #100SecondsOfCode 🔗 Resources RabbitMQ https://www.rabbitmq.com Terraform in 100 Seconds https://youtu.be/tomUWcQ0P3k Elixir in 100 Seconds https://youtu.be/R7t7zca8SyM 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is RabbitMQ? - What is RabbitMQ used for? - How does RabbitMQ work? - Basic RabbitMQ tutorial in Node.js - What is a messaging protocol?

My GitHub copilot trial expired... Will I pay Microsoft the $10 fee to upgrade? In other bad news, Heroku is killing off its free tier soon. But luckily, we did get a new JavaScript framework this week. #technews #programming #TheCodeReport 🔗 Resources GitHub Copilot https://github.com/features/copilot Heroku Free Tier Announcement https://blog.heroku.com/next-chapter Enhance GitHub https://github.com/enhance-dev/enhance-starter-project The John McAfee Pledge https://twitter.com/officialmcafee/status/887024683379544065 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - GitHub Copilot now paid - Heroku free-tier alternatives - Will firebase free tier be removed?

Blazor is a framework that can build frontend web applications with HTML, CSS, and C#. It leverages web assembly to eliminate JavaScript from the usual client-side tech stack. #webdevelopment #csharp #100SecondsOfCode 🔗 Resources Blazor Docs https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor C# in 100 Seconds https://youtu.be/ravLFzIguCM Web Assembly in 100 Seconds https://youtu.be/cbB3QEwWMlA 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Blazor? - Blazor basics tutorial - How to install Blazor? - How does Blazor work - Using C# to build a website - Tools to build web apps without JS - Use cases for web assembly

The programming iceberg is complete roadmap to the loved, hated, historical, and weird programming languages that you should now about. It starts with easy-to-learn coding tools, then descends into the most difficult low-level and esoteric languages. Featuring C, C++, C#, F#, HolyC, C--, Java, JavaScript, Python, Rust, Fortran, Lisp, V, Nim, Zig, APL, Ada, COBOL, Haskell, Scala, Clojure, Kotlin, Swift, Lua, PHP, Elixir, Erlang, Chef, Malbolge, lolcode, emojicode, ASM and many more! #programming #iceberg #learntocode 🔗 Resources Programming Iceberg Meme https://twitter.com/programwithabhi/status/1562476800307261446 History of Computer Languages https://en.wikipedia.org/wiki/History_of_programming_languages BrainF**K in 100 Seconds https://youtu.be/hdHjjBS4cs8 C in 100 Seconds https://youtu.be/U3aXWizDbQ4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - History of Programming Languages - Programming Humor Memes - Developer Roadmap for 2022 - What are programming languages used for? - Most popular programming languages - Which language is best to learn to code? - How many programming languages are there?

Astro version 1.0 just launched giving developers a way to build server-rendered websites with any JavaScript framework. It uses the islands architecture and partial hydration to deliver fast apps with frameworks like React, Vue, Svelte, and more. #programming #javascript #TheCodeReport 🔗 Resources - Astro Launch Blog https://astro.build/blog/astro-1/ - Astro on GitHub https://github.com/withastro/astro - I built a JS framework https://youtu.be/SJeBRW1QQMA - Astro in 100 Seconds https://youtu.be/dsTXcSeAZq8 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Astro.js? - Is Astro a good framework? - Pros and cons of using Astro - How build a fast website - Top web development frameworks - Best JS frameworks in 2022 - JS framework drama

Learn how to choose a fullstack JavaScript framework by asking questions about your web app in a flow chart. If you're crazy enough, you can even build your own JS framework from scratch like me. #js #webdevelopment #programming 🔗 Resources Flamethrower on GitHub https://github.com/fireship-io/flamethrower Web Components https://developer.mozilla.org/en-US/docs/Web/Web_Components JS frameworks comparison https://youtu.be/cuHDQhDhvPE 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is a JS framework? - How to choose a JS framework? - Top frameworks for web development - Tools to build a web app - How to make static sites faster

Hugo is an extremely fast static site generator for building websites with markdown. It is written in the Go programming language and provides a large collection of content management tools for developers. #webdevelopment #programming #100SecondsOfCode 🔗 Resources Hugo on Github https://github.com/gohugoio/hugo Hugo Docs https://gohugo.io/ Go in 100 Seconds https://youtu.be/446E-r0rXHI 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Hugo for JamStack - What is Hugo? - Hugo vs Jekyll - Hugo vs 11ty - Why is Hugo so fast? - Hugo basics tutorial - How to get started with Hugo?

TensorFlow is a tool for machine learning capable of building deep neural networks with high-level Python code. It provides developer-friendly APIs that help software engineers train, analyze, and deploy ML models. #programming #deeplearning #100secondsofcode 🔗 Resources TensorFlow Docs https://www.tensorflow.org/ Fashion MNIST Tutorial https://www.tensorflow.org/tutorials/keras/classification Neural Networks Overview for Data Scientists https://www.ibm.com/cloud/learn/neural-networks Machine Learning in 100 Seconds https://youtu.be/PeMlggyqz0Y 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is TensorFlow? - How to build a neural network with TensorFlow - What is TensorFlow used for? - Who created TensorFlow? - How neural networks work - Easy neural network tutorial - What is a mathematical Tensor?

Welcome to the software engineer's technical interview survival guide. Using a mock interview with the classic FizzBuzz question, we cover various tips and strategies for high-pressure problem solving. Thanks to @ThePrimeagen for collaborating! #programming #interview #softwareengineer 🔗 Resources FizzBuzz Question https://leetcode.com/problems/fizz-buzz/ Coding interview https://en.wikipedia.org/wiki/Coding_interview How to get a Tech Job https://youtu.be/Xg9ihH15Uto How to Learn to Code https://youtu.be/NtfbWkxJTHw 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Technical interview tips - What are software engineer interviews like? - How difficult is a coding interview? - Failing a technical interview - How to prepare for programming interview

TempleOS is an open-source 64-bit operating system created by Terry Davis and designed to be the Third Temple prophesied by the Bible. It is one of the most complex software engineering projects ever created by a solo developer. #programming #tech #100SecondsOfCode 🔗 Resources TempleOS Downloads https://templeos.org Terry Davis Vice Article https://www.vice.com/en/article/wnj43x/gods-lonely-programmer Linux in 100 Seconds https://youtu.be/rrB13utjYV4 C in 100 Seconds https://youtu.be/U3aXWizDbQ4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - HolyC Programming Language - What is TempleOS? - How to install TempleOS? - Is TempleOS a good operating system? - Who created TempleOS? - Setting up TempleOS on VirtualBox

Carbon is a new early-stage programming language from Google designed as a successor to C++ for low level systems development. It has full interoperability with Cpp, along with improved memory safety, generics, and a cleaner syntax. #programming #tech #TheCodeReport 🔗 Resources Carbon on Github https://github.com/carbon-language/carbon-lang Google Carbon Announcement https://9to5google.com/2022/07/19/carbon-programming-language-google-cpp/ C++ in 100 Seconds https://youtu.be/MNeX4EGtR5Y Rust in 100 Seconds https://youtu.be/5C_HPTJg5ek 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is carbon lang? - Will carbon replace Cpp? - Pros and cons of C plus plus - How does carbon lang work? - Why use Carbon instead of Rust? - Carbon vs Go - Rust vs C++

The top 10 code editors for programmers in 2022. We start by exploring simple text editors like vim, then show the evolution to IDEs like Visual Studio. #programming #code #top10 🔗 Resources VS Code course https://fireship.io/courses/vscode-tricks Editor war https://en.wikipedia.org/wiki/Editor_war VS Code in 100 Seconds https://youtu.be/KMxo3T_MTvY vim in 100 Seconds https://youtu.be/-txKSRn0qeA 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do you choose a code editor? - What is the best code editor? - vim vs emacs - VS Code vs vim - the editor wars - tools required to learn to code

Gzip is a file compression tool and popular Linux utility used to make files smaller. Learn how file compression works in 100 seconds. #linux #compsci #100SecondsOfCode 🔗 Resources Gzip Docshttps://www.gnu.org/software/gzip/manual/gzip.html Linux in 100 Seconds https://youtu.be/rrB13utjYV4 Linux Directories Explained https://youtu.be/42iQKuQodW4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Gzip? - How to create a tarball? - What is end-to-end compression? - Lossy vs Lossless file compression - File compression algorithms history - TAR vs Gzip

Apache Cassandra is a wide-column store NoSQL database designed to scale globally with extreme speed and reliability. Try it out for free with the serverless AstraDB http://astra.dev/cass100sec #programming #database #100SecondOfCode 🔗 Resources Use Cassandra with Astra http://astra.dev/cass100sec Cassandra Docs https://cassandra.apache.org/doc/latest/ Related Databases: SQL in 100 Seconds https://youtu.be/zsjvFFKOm3c Redis in 100 Seconds https://youtu.be/G1rOthIU-uo 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Apache Cassandra ? - SQL vs NoSQL - Cassandra vs SQL - Is Cassandra a good database? - What is Cassandra used for? - When was Cassandra created?

Edge computing is becoming a popular way to deliver modern web applications. Let’s find out if the Edge is really faster by comparing Firebase to Vercel Edge Functions with Next.js. #webdevelopment #javascript #vs 🔗 Resources Next Firebase Course https://fireship.io/courses/react-next-firebase/ Next.js 12.2 Release https://nextjs.org/blog/next-12-2 Cloud Flare Workers Docs https://developers.cloudflare.com/workers/ CDN Testing Tools https://tools.keycdn.com/performance 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is edge computing? - Edge computing benchmarks - Next.js Edge Functions Tutorial - Are firebase cloud functions slow? - Edge Computing drawbacks - SSR Edge Rendering - How to prevent cold starts on serverless functions

First look at Bun - a fast new JavaScript runtime like Node.js or Deno. Explore the core features of Bun.js and how they might affect fullstack web developers in the future. #javascript #firstlook #TheCodeReport 🔗 Resources Bun.js Announcement https://bun.sh Bun on Github https://github.com/Jarred-Sumner/bun How JavaScript Works https://youtu.be/FSs_JYwnAdI 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is a JavaScript runtime? - How do JavaScript engines work? - Why is Bun so fast? - What is the Zig Programming language? - Bun.js vs Node - Bun.js vs Deno - Native Typescript with Bun

Fresh is a fullstack web framework for Deno that allows developers to build fast server-rendered webapps. It uses the "Islands Architecture" to limit JavaScript to specific components and can be deployed to the edge. #webdevelopment #javascript #TheCodeReport 🔗 Resources Fresh Announcement https://deno.com/blog/fresh-is-stable Fresh on Github https://github.com/denoland/fresh Deno in 100 Seconds https://youtu.be/F0G9lZ7gecE 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Fresh web framework tutorial - Web frameworks for demo - What is islands architecture? - What is partial hydration? - Fresh vs Next.js - Fresh vs Remix

Storybook is a tool used for testing UI components in isolation that works with JS frameworks like React, Angular, Vue, and Svelte. It is especially useful for web developers building design systems and shared libraries. #webdevelopment #js #100SecondsOfCode 🔗 Resources Storybook Docs https://storybook.js.org Storybook Github https://github.com/storybookjs/storybook JS in 100 Seconds https://youtu.be/DHjqpvDnNGE 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Should I use storybook.js - Storybook tutorial - What is storybook - Benefits of storybook.js - Testing techniques in web development

Choosing a modern tech stack is difficult because of the sheer number of tools available. Let's look at 8 important decisions you'll need to make when building a web or mobile app today https://fireship.io #learntocode #programming #tech 🔗 Resources Svelte Kit https://kit.svelte.dev Firebase https://firebase.google.com/ Stack overflow survey https://survey.stackoverflow.co/2022/#technology-most-loved-dreaded-and-wanted Tech Stacks Explained https://youtu.be/Sxxw3qtb3_g Svelte in 100 Seconds https://youtu.be/rv3Yq-B8qp4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Best tools to build web apps - What is a Tech Stack - 2022 Developer roadmap - Web framework comparison - Top Web Technologies

WebDev 101 is a complete introduction into the world of web development. Learn the basic concepts and skills required to build fullstack web apps with HTML, CSS, and JavaScript. #webdevelopment #learntocode #programming 🔗 Resources Web Dev Basics https://developer.mozilla.org/en-US/docs/Learn Fullstack tutorials https://fireship.io/lessons/ Computer Science 101 https://youtu.be/-uleG_Vecis 10 Fullatack Web Apps https://youtu.be/FQPlEnKav48 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Web Development roa - HTML and CSS Tutorial - How to get started in web development? - Web development roadmap for 2022 - Intro to web development for beginners

Web5 is a new decentralized web framework based on the Bitcoin Lightning Network designed to replace Web3. #webdevelopment #crypto #TheCodeReport #web3 🔗 Resources Web 5 Overview https://cryptoslate.com/web5-announced-by-jack-dorseys-block-to-replace-web3-as-future-of-internet/ Web5 Tweets https://twitter.com/brockm/status/1535999323732815872 Web5 Slide Deck https://bestpitchdeck.com/tbd 🔖 Topics Covered - What is Web5? - Web3 vs Web5 - Decentralized Apps - Crypto news - Will Web5 replace Web3? - How does Web5 work?

Fortran is the world's first high-level procedural programming language developed at IBM in the 1950's. It made programming accessible to the average human and is still used today for scientific computing. #science #programming #100secondsofcode 🔗 Resources Fortran Docs https://fortranwiki.org/fortran/show/HomePage Fortran History https://www.ibm.com/ibm/history/ibm100/us/en/icons/fortran/ Assembly in 100 Seconds https://youtu.be/4gwYkEK0gOk C in 100 Seconds https://youtu.be/U3aXWizDbQ4 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - History of Programming Languages - When was Fortran invented? - Who created Fortran - Is Fortran still used? - Fortran basics tutorial - What is Fortran used for?

RedwoodJS is a fullstack JavaScript framework that combines the power of React, GraphQL, and Prisma into a single package. It is used to build serverless web applications with a relational SQL database for the storage layer. #programming #js #100SecondsOfCode 🔗 Resources Redwood Docs https://redwoodjs.com/ Redwood Github https://github.com/redwoodjs/redwood Prisma in 100 Seconds https://youtu.be/rLRIB6AF2Dg GraphQL in 100 Seconds https://youtu.be/eIQh02xuVw4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is RedwoodJS? - RedwoodJS quickstart tutorial - Redwood vs Next.js - JS framework like Ruby on Rails - Full Stack JavaScript Framwork Comparisons - Using GraphQL on Web

Want to build your own programming language? LLVM is a tool for building and optimizing compilers and forms the backbone of many languages like Rust, Swift, CUDA, C, and C++. #compsci #programming #100SecondsOfCode 🔗 Resources LLVM https://llvm.org LLVM Kaleidoscope Tutorial https://llvm.org/docs/tutorial/ C++ in 100 Seconds https://youtu.be/MNeX4EGtR5Y Rust in 100 Seconds https://youtu.be/5C_HPTJg5ek 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - LLVM tutorial - What is LLVM? - Who created LLVM? - How to build a programming language from scratch - What are the main parts of a compiler? - How do compliers work? - Lexer vs Parser

Programmers are weird. It is human nature to put people into a box with stereotypes and the tech industry is no exception. Let's take a look at 10 common stereotypes people use for software engineers and developers https://fireship.io/pro #tech #programming #comedy 💀 Other Funny, but Useless Videos React for the Haters https://youtu.be/HyWYpM_S-2c Java for the Haters https://youtu.be/m4-HM_sCvtQ 🔥 Get a Fireship T-shirt - Upgrade for Life! Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment 🔖 Topics Covered - What are programmer stereotypes? - What are programmers really like? - Code memes - are all programmers introverts? - programming humor - jokes about code - making fun of coders - what is hacking really like?

Julia is a dynamic general purpose programming language popular for scientific computing and big data analytics. It is extremely fast thanks to its use of a JIT compiler and allows developers to write concise, yet powerful code. #compsci #programming #100SecondsOfCode 🔗 Resources Julia Language https://julialang.org/ Why Julia? https://julialang.org/blog/2012/02/why-we-created-julia/ Python in 100 Seconds https://youtu.be/x7X9w_GIm1s C in 100 Seconds https://youtu.be/U3aXWizDbQ4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Julia basics tutorial - Julia vs Python - Julia vs R - what is Julia used for? - who created Julia? - parametric types and polymorphism explained - Julia type system explained - is Julia easy to learn?

SolidJS is a JavaScript framework for building fast, declarative UIs on the web. It shares many ideas with React, but does not use the virtual DOM to deliver a more performant and pragmatic developer experience. #webdev #programming #100SecondsOfCode 🔗 Resources Solid Docs https://www.solidjs.com/ Solid GitHub https://github.com/solidjs/solid React in 100 Seconds https://youtu.be/Tn6-PIqc4UM Svelte in 100 Seconds https://youtu.be/rv3Yq-B8qp4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Solid vs React - Is solid better than React? - What is Solid.js? - SolidJS basics tutorial - Solid performance benchmarks - Should I use Solid for web dev?

Tech companies have seen huge declines in value over the past six months... What does this mean for programmers and entrepreneurs? Let's look at bad news affecting tech workers and how it relates to coding jobs, venture capital, crypto, and startups. #tech #finance #TheCodeReport 🔗 References Fed Outlook https://www.reuters.com/business/finance/feds-kashkari-we-may-have-push-long-term-real-rates-into-restrictive-territory-2022-05-06/ Tech Market Crash https://www.nbcnews.com/tech/tech-news/tech-stocks-economy-crash-2022-rcna27563 VC outlook https://twitter.com/nbashaw/status/1522666014277660672 NFT and crypto sales https://www.wsj.com/articles/nft-sales-are-flatlining-11651552616 Fireship 2021 Predictions https://youtu.be/oHtR5YSPLjo 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Tech Stocks crash of 2022 - Will there be layoffs in tech? - Cryptocurrency declines 2022 - Web3 is dead? - NFTs sales decline - How does stock market crash affect developers? - Tech industry outlook for 2022

Tauri is a tool for building cross-platform desktop apps on Windows, MacOS, and Linux with JavaScript & Rust. It is very lightweight and fast compared to similar tools like Electron. #dev #programming #100SecondsOfCode 🔗 Resources Tauri https://tauri.studio Tauri GitHub https://github.com/tauri-apps/tauri Reddit thread about Tauri https://www.reddit.com/r/programming/comments/lns5mj/tauri_an_electron_alternative_written_in_rust/ Electron in 100 Seconds https://youtu.be/m3OjWNFREJo 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Tauri tutorial - How to build a desktop app with JavaScript - Electron vs Tauri - Electron.js Alternative - Windows app with JS - Linux app with JS - MacOS app with JS

Learn the fundamentals of Computer Science with a quick breakdown of jargon that every software engineer should know. Over 100 technical concepts from the CS curriculum are explained to provide a foundation for programmers. #compsci #programming #tech 🔗 Resources - Computer Science https://undergrad.cs.umd.edu/what-computer-science - CS101 Stanford https://online.stanford.edu/courses/soe-ycscs101-sp-computer-science-101 - Controversial Developer Opinions https://youtu.be/goy4lZfDtCE - Design Patterns https://youtu.be/tv-_1er1mWI 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Turning Machine CPU Transistor Bit Byte Character Encoding ASCII Binary Hexadecimal Nibble Machine Code RAM Memory Address I/O Kernel (Drivers) Shell Command Line Interface SSH Mainframe Programming Language Abstraction Interpreted Compiled Executable Data Types Variable Dynamic Typing Static Typing Pointer Garbage Collector int signed / unsigned float Double Char string Big endian Little endian Array Linked List Set Stack Queue Hash Tree Graph Nodes and Edges Algorithms Functions Return Arguments Operators Boolean Expression Statement Conditional Logic While Loop For Loop Iterable Void Recursion Call Stack Stack Overflow Base Condition Big-O Time Complexity Space Complexity Brute Force Divide and conquer Dynamic Programming Memoization Greedy Dijkstra's Shortest Path Backtracking Declarative Functional Language Imperative Procedural Language Multiparadigm OOP Class Properties Methods Inheritance Design Patterns Instantiate Heap Memory Reference Threads Parallelism Concurrency Bare Metal Virtual Machine IP Address URL DNS TCP Packets. SSL HTTP API Printers

Perl is a dynamic scripting language popular among system administrators and web developers. It is syntactically similar to the C Programming Language, but designed for efficient text processing tasks. #programming #compsci #100SecondsOfCode 🔗 Resources Perl Language https://www.perl.org/ Perl Timeline https://history.perl.org/PerlTimeline.html Autovivification https://perlmaven.com/autovivification 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Perl? - Who created Perl? - Is Perl dead? - Perl Basics Tutorial - How to get started with Perl? - Perl vs Python

Nuxt3, an SSR framework for Vue, just hit release candidate last week. Let's take a first look at its most powerful features and compare it to other fullstack JavaScript frameworks like Next.js and Remix. #webdev #js #TheCodeReport 🔗 Resources - Nuxt3 Release https://nuxtjs.org/announcements/nuxt3-rc/ - Nuxt Docs https://v3.nuxtjs.org/getting-started/quick-start - Vue in 100 Seconds https://youtu.be/nhBVL41-_Cw - Next in 100 Seconds https://youtu.be/Sklc_fQBmcs 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Nuxt version 3 first look - Nuxt3 Review - Nuxt.js vs Next.js - Server side rendering with Vue.js - Nuxt.js features overview - Deploy vue to serverless edge functions

React is the most popular JS framework ever, but some web developers out there say it sucks. Let's take a look at the criticisms and hate directed towards React.js. #js #programming #comedy 🔗 Resources Really, why react? https://dev.to/jfbrennan/really-why-react-5958 React Sucks https://www.reddit.com/r/reactjs/comments/bv9nxf/react_sucks/ React in 100 Seconds https://youtu.be/Tn6-PIqc4UM Compare 10 JS Frameworks https://youtu.be/cuHDQhDhvPE Buy my React Course https://fireship.io/courses/react/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Problems with React - Should I use React.js? - Why do people hate react? - Is react still a popular JS framework

Redux is a popular state management pattern for large-scale web applications. Learn the basics of the Redux with React https://fireship.io/courses/react/ #js #webdev #100SecondsOfCode 🔗 Resources Redux Toolkit https://redux-toolkit.js.org/ 100 Seconds of React https://youtu.be/Tn6-PIqc4UM Should I use Redux? https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Redux? - Should I use Redux in my app? - Redux quickstart tutorial - How does redux patter work? - Why do some developers hate Redux?

Assembly is the lowest level human-readable programming language. Today, it is used for precise control over the CPU and memory on the bare metal hardware of a computer. Learn the basics Assembly with NASM in 100 Seconds. #compsci #programming #100SecondsOfCode 🔗 Resources NASM Assembler https://www.nasm.us/ x86 Assembly Guide https://www.cs.virginia.edu/~evans/cs216/guides/x86.html How a CPU Works https://youtu.be/vqs_0W-MSB0 WASM in 100 Seconds https://youtu.be/cbB3QEwWMlA 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Assembly Language? - What are registers on a CPU? - Assembly language basics tutorial - How to say hello world in assembly - Who invented assembly language? - Assembly vs Machine Code - x86 vs ARM architecture

The Parallax Effect is an optical illusion that can give a website the appearance of 3D depth. Learn how to design a parallax website with React Spring in this 5 minute tutorial. https://fireship.io/pro #webdev #js #learntocode 🔗 Resources Source code https://github.com/fireship-io/skydiving-cat-parallax React Spring Parallax https://react-spring.io/ Demo by isladjan https://codepen.io/isladjan/pen/abdyPBw The boat Demo https://www.sbs.com.au/theboat/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How parallax works - Examples of parallax websites - Scroll parallax implementation - Webdev tips and tricks

Elixir is a dynamic functional programming language built on top of the Erlang BEAM virtual machine. It is excels at building concurrent fault-tolerant applications at scale. #programming #compsci #100SecondsOfCode 🔗 Resources Elixir Lang https://elixir-lang.org/ Phoenix Framework https://phoenixframework.org/ Ruby in 100 Seconds https://youtu.be/UYm0kfnRTJk Haskell in 100 Seconds https://youtu.be/Qa8IfEeBJqk 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Elixir basics tutorial - What is a functional programming language? - Elixir phoenix framework - Elixir compared to Ruby - Elixir compared to Haskell - Concurrency in Elixir - Which companies use Elixir?

OpenAI just announced a new AI Text-to-Image model based on GPT-3 called DALL-E 2. It is capable of turning a text description into a unique image or work of art that has never been seen before. #ai #tech #TheCodeReport 🔗 Resources DALL-E https://openai.com/dall-e-2/ Announcement Tweet https://twitter.com/sama/status/1511724264629678084 Sam Altman Blog https://blog.samaltman.com/dall-star-e-2 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How does AI generate Art? - What is DALL-E? - How does DALL-E Work? - How does GPT-3 Work? - What is the future of AI?

Which serverside web framework is the best? To find out, I built the same app 10 times with 10 different programming languages.. Learn the fundamentals of fullstack web development by comparing MVC frameworks. #webdev #programming #top10 🔗 Resources Ruby on Rails https://rubyonrails.org/ Python Django https://djangoproject.com PHP Laravel https://laravel.com/ Java Spring https://spring.io/ C# .NET https://dotnet.microsoft.com/en-us/apps/aspnet Next.js https://nextjs.org/ Elixir Phoenix https://phoenixframework.org/ Rust Rocket https://rocket.rs/ Go Gin https://gin-gonic.com/ Swift Vapor https://vapor.codes/ Kotlin Ktor https://ktor.io/ 📚 Chapters 00:00 I Built 10 Fullstack Apps 01:04 MVC Architecture Explained 01:39 Rails 03:58 Django 05:14 Laravel 06:32 Next 08:23 Spring 09:25 .NET 10:36 Phoenix 11:27 Gin 12:25 Rocket 13:13 Vapor 13:52 Ktor 14:01 The GOAT 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Comparison of server-side frameworks - How to build a fullstack web app - Best way to build a web application - Comparison of web development tools

What should you do if a customer does not pay you? Use your JavaScript skills ofc Inspired by this repo https://github.com/kleampa/not-paid #webdev #code #shorts

Java is one of the most successful and most dreaded technologies in the computer science world. Let's roast this powerful open-source programming language to find out why it has so many haters. #java #programming #comedy #100SecondsOfCode 🔗 Resources Java Website https://java.com Java in 100 Seconds https://youtu.be/l9AzO1FMgM8 Why Java Sucks https://tech.jonathangardner.net/wiki/Why_Java_Sucks Why Java Doesn't Suck https://smartbear.com/blog/please-stop-staying-java-sucks/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why do people hate Java? - Does Java suck? - Is Java still a good language? - Java Criticisms - Java Memes and Jokes - Roast of Java

Cypress is a complete testing solution for web developers. It uses a browser-based test-runner to visually validate your JavaScript code and makes test-driven development fun. #webdev #js #100SecondsOfCode 🔗 Resources Cypress Docs https://docs.cypress.io TDD Explained https://youtu.be/Jv2uxzhPFl4 Free E2E Course from @Dev Academy https://courses.dev-academy.com/p/web-e2e-testing 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Testing with Cypress Basics - What is Cypress? - Cypress vs Jest - Cypress vs Jasmine - JavaScript Testing - JavaScript TDD - JavaScript BDD

Did you know you can run Linux on an M1 Macbook Pro? It’s now possible thanks to a new distro called Asahi Linux. I did some investigative computing and was able to run Arch on a brand new Apple Silicon M1 pro chip, but with some caveats… #mac #linux #TheCodeReport 🔗 Resources - Asahi Alpha Release https://asahilinux.org/2022/03/asahi-linux-alpha-release/ - Asahi on GitHub https://github.com/AsahiLinux - Apple Silicon https://developer.apple.com/documentation/apple-silicon - M1 Benchmarks via @Alex Ziskind 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Can you run linux on a macbook pro? - How to Run linux on an M1 macbook - Asahi linux setup tutorial - MacOS vs Linux - Get started with Arch Linux on Apple Silicon

the psychological process of debugging your code #programming #comedy #shorts

Binary Search is an algorithm that can find the index of an element in a sorted array data structure. You've likely used Binary Search it in everyday life without even realizing it. #compsci #programming #100SecondsOfCode 🔗 Resources Binary Search https://en.wikipedia.org/wiki/Binary_search_algorithm Big-O in 100 Seconds https://youtu.be/g2o22C3CRfU Recursion in 100 seconds https://youtu.be/rf60MejMz3E 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Binary Search in JavaScript - How does binary search work? - When was binary search first used? - How code recursive binary search? - Big-O Time complexity of binary search

Let's explore 10 game-changing open source libraries that can make your code faster, prettier, and cheaper. A hand-picked list of the coolest dev tools and projects on GitHub in 2022. #tech #code #top10 🔗 Resources Full React Course https://fireship.io/courses/react/ REST in 100 Seconds https://youtu.be/-MTSQjw5DrM GraphQL in 100 Seconds https://youtu.be/eIQh02xuVw4 📦 Packages Mentioned The Fuck https://github.com/nvbn/thefuck Partytown https://github.com/BuilderIO/partytown Trcp https://github.com/trpc/trpc Mantine https://mantine.dev/ Danfo https://github.com/javascriptdata/danfojs Supertokens https://github.com/supertokens/supertokens-core Zinc https://github.com/prabhatsharma/zinc MeiliSeach https://github.com/meilisearch/meilisearch NokoDB https://github.com/nocodb/nocodb Hi Mom https://github.com/tsivinsky/hi-mom Hoppscotch https://github.com/hoppscotch/hoppscotch Amplication https://github.com/amplication/amplication 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Best open source libraries 2022 - List of developer tools - New developer tools

Keeping track of time is complicated for programmers due to leap seconds, timezones, and the weirdly designed Gregorian calendar. A new bill is going through congress to make daylight savings time permanent - here's what that could mean for developers. #compsci #programming #TheCodeReport 🔗 Resources Daylight Savings Bill https://www.reuters.com/world/us/us-senate-approves-bill-that-would-make-daylight-savings-time-permanent-2023-2022-03-15/ Try the Temporal API https://tc39.es/proposal-temporal/docs/ Why JS Dates Suck https://maggiepint.com/2017/04/09/fixing-javascript-date-getting-started/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do timezones work? - What is a 13 month calendar? - What is the Gregorian calendar? - Timezones explained for programmers - How to use JavaScript Temporal API - What are the most hated features in JavaScript?

Software design patterns help developers to solve common recurring problems with code. Let's explore 10 patterns from the famous Gang of Four book and implement them with JavaScript and TypeScript https://fireship.io/lessons/typescript-design-patterns #programming #compsci #learntocode 🔗 Resources Learn more from Refactoring Guru https://refactoring.guru/design-patterns/ GOF Design Patterns Book https://en.wikipedia.org/wiki/Design_Patterns Criticism of Design Patterns https://blog.codinghorror.com/rethinking-design-patterns/ 📚 Chapters 00:00 Design Patterns 01:00 What are Software Design Patterns? 01:34 Singleton 02:24 Prototype 03:46 Builder 04:23 Factory 04:54 Facade 05:47 Proxy 06:45 Iterator 07:47 Observer 08:58 Mediator 09:50 State 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - TypeScript and JavaScript Design Patterns - Algorithm vs Design Pattern - What is Gang of four? - Are design patterns still relevant? - Design patterns basics tutorial

Linux is a free and open-source operating system that powers many of the world's computer systems. Learn the basics of the Linux kernel, how it relates to GNU, and essential Linux commands. #linux #tech #100SecondsOfCode 🔗 Resources Linux Kernel Source Code https://github.com/torvalds/linux Anatomy of Linux Kernel https://developer.ibm.com/articles/l-linux-kernel/ History of Linux https://youtu.be/ShcR4Zfc6Dw Linux File System Explained https://youtu.be/42iQKuQodW4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Linux? - How does the Linux Kernel work? - Most important Linux commands - How to edit files in Linux - Who invented Linux? - What is the gclib? - What is Linux used for?

Could JavaScript have its own native type system like TypeScript in the future? The team behind TS has submitted an ECMAScript TC39 proposal that seeks to add "Types as Comments" to JS. #js #webdev #TheCodeReport 🔗 Resources JS Types Blog Post https://devblogs.microsoft.com/typescript/a-proposal-for-type-syntax-in-javascript/ TC39 Proposal https://github.com/giltayar/proposal-types-as-comments/ React 18 https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html M1 Mac Studio https://www.apple.com/mac-studio/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - News about new JS features - Native JS type system - How TC39 works - React 18 release candidate - Apple Mac Studio M1 Ultra

React Query is a tool that makes your data fetching code faster, easier, and more powerful. Learn how to use React Query it in a real application in the Full React Course https://fireship.io/courses/react #js #webdev #100SecondsOfCode 🔗 Resources React Query Docs https://react-query.tanstack.com/ 100 Seconds of React https://youtu.be/Tn6-PIqc4UM Fetch API https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - React Query tutorial - How to fetch data in react? - Advanced data fetching in JS - Implement infinite scroll in react - How to implement optimistic updates in react - Alternatives to react redux

Build your first video game in 100 seconds with the Unity Game Engine. It is a powerful tool that simplifies the way developers create 2D and 3D video games with the C# programming language. This video is NOT sponsored #programming #gamedev #100SecondsOfCode 🔗 Resources Unity Homepage https://unity.com Games made with Unity https://en.wikipedia.org/wiki/List_of_Unity_games Unity Manual https://docs.unity3d.com/Manual/index.html C# in 100 Seconds https://youtu.be/ravLFzIguCM 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Unity basics tutorial - Build a simple app with unity - What are unity game object components? - How to get started with Unity? - What is Unity? - When was Unity created? - Game development with C sharp - Is game development hard?

Learn how to produce video content programmatically with HTML, CSS, and JavaScript thanks to Remotion - a React library that can create real MP4 videos https://github.com/remotion-dev/remotion #javascript #tech #tutorial 🔗 Resources Subscribe to @William Candillon and @Jonny Burger for more awesome content. Source Code https://github.com/wcandillon/remotion-fireship Remotion Docs https://www.remotion.dev/ SVG in 100 Seconds https://youtu.be/emFMHH2Bfvo 📚 Chapters 00:00 This Intro is 100% Code 00:58 Introducing Remotion 01:49 Code your First Video 04:06 Make it Rain with Animated SVGs 07:50 Render as MP4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to make MP4 videos with code - Remotion basics tutorial - Video animation basic concepts - Make videos with React.js - Ways to create video programmatically

React is a minimal on the surface, but it’s actually a highly complex JavaScript UI library with many potential pitfalls. In this tutorial, we look at 10 antipatterns in React, along with tips and tricks to improve our code. https://fireship.io/courses/react #react #js #CodeThisNotThat 🔥 Use this discount code to get 33% off Fireship PRO: hh7F4Ezs https://fireship.io/pro 🔗 Resources React Docs https://reactjs.org Full React Course https://fireship.io/courses/react React in 100 Seconds https://youtu.be/Tn6-PIqc4UM 📚 Chapters 00:00 React Antipatterns 01:00 1. Big Components 01:55 2. Nesting Gotcha 02:35 3. Failure to Memoize 03:15 4. Useless Divs 03:44 5. Messy Files 04:40 6. Big Bundles 05:34 7. Prop Drilling 06:30 8. Prop Plowing 07:00 9. Try Some Curry 07:39 10. Code Smarter 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - React Pitfalls - React Code Smell - Problems with React.js - React Best Practices - Structure a react project - Antipatterns in react to avoid - React tips and tricks - React interview tips

What would a massive global cyber attack look like? With war starting up in Europe, many news outlets are warning about the potential of hackers launching large-scale cyber attacks. #hacking #cyberattack #TheCodeReport 🔗 Resources Cyber Polygon https://www.weforum.org/projects/cyber-polygon Russia vs US Cyber Attacks https://www.bbc.com/news/technology-48675203 Firebase App Check https://firebase.google.com/docs/app-check 🔖 Topics Covered - Is a Cyber War possible? - What is Cyber Polygon? - How to defend against cyber attack - Is Firebase secure? - How to protect an app from hacking

Vite is a JavaScript build tool that makes it faster and easier to build web applications. It's similar to tools like Webpack, but relies on modern browser features like ES Modules to simplify and speed-up the build process. #javascript #webdev #100SecondsOfCode 🔗 Resources Vite Docs https://vitejs.dev Vite SSR Plugin https://vite-plugin-ssr.com Learn more about JS Bundlers https://youtu.be/5IG4UmULyoA 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Vite.js? - Vite vs Webpack - Who created Vite? - How does Vite work? - Module Bundlers in JavaScript

Results from the 2021 State of JavaScript survey are in and the results may shock you. Compare trends in frontend web frameworks like React, Angular, Vue, and Svelte. Find out how backend frameworks stack up like Next.js, Gatsby, and SvelteKit #javascript #webdev #TheCodeReport #stateofjs 🔗 Resources State of JS Results https://2021.stateofjs.com/en-US/resources Reddit discussion https://www.reddit.com/r/javascript/comments/stqjp4/state_of_javascript_2021_survey_results/ Tauri https://github.com/tauri-apps/tauri Temporal API https://tc39.es/proposal-temporal/docs/ I'm just jealous of @Ben Awad 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - State of JS survey Results 2021 - React vs Vue vs Angular - Is Gulp dead? - Is Gatsby dead? - New features in the JS language

Firebase is a suite of tools for building apps on top of Google Cloud Platform. It's most famous for its realtime database, but also includes services for user authentication, serverless computing, push messaging, file storage, and more. https://fireship.io/pro #databases #tech #100SecondsOfCode This video is NOT sponsored. 🔗 Resources Firebase http://firebase.google.com/ Firebase Basics Tutorial https://youtu.be/q5J5ho7YUhA Firebase History https://medium.com/firebase-developers/what-is-firebase-the-complete-story-abridged-bcc730c5f2c0 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered What is Firebase? Firebase basics tutorial Who founded firebase? Is Firebase owned by Google? What is Firebase used for? Is Firebase secure?

Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more. https://fireship.io/courses/react-next-firebase/ #css #javascript #webdev 🔗 Resources NextJS CSS docs https://nextjs.org/docs/basic-features/built-in-css-support CSS Modules https://github.com/css-modules/css-modules SCSS Docs https://sass-lang.com/documentation Mantine Library https://mantine.dev/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Best ways to write CSS in React How to use Sass in Next.js CSS modules tutorial How to use CSS-in-JS How to use Tailwind in Next.js How to use Bootstrap in Next.js Best component libraries for react

Lua is a lightweight dynamic scripting language often embedded into other programs like World of Warcraft and Roblox. It's minimal syntax makes it easier to learn than Python, while being much more performant than other interpreted languages. #programming #compsci #100SecondsOfCode 🔗 Resources Lua Manual https://www.lua.org/manual/5.3/manual.html Lua History https://www.researchgate.net/publication/2486970_The_Evolution_of_an_Extension_Language_A_History_of_Lua Lua C API https://riptutorial.com/lua/topic/671/introduction-to-lua-c-api 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered What is Lua? What is Lua used for? Is Lua faster than Python? Lua vs Python Lua Basics Tutorial How do tables work in Lua? How to use C or C++ with Lua

Blockchain networks are virtually unhackable, but crypto exchanges not so much. In 2016, hackers stole 4.5 billion in BTC from the Bitfinex exchange - in 2022 they were busted trying to launder the money. Let's take a look at security on crypto exchanges. #crypto #hacking #TheCodeReport 🔗 Resources DOJ Documents https://www.justice.gov/opa/pr/two-arrested-alleged-conspiracy-launder-45-billion-stolen-cryptocurrency Bitfinex hack https://en.wikipedia.org/wiki/2016_Bitfinex_hack Blockchain in 100 Seconds https://youtu.be/qF7dkrce-mQ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - 2016 Bitfinex hack - Arrest of Ilya Lichtenstein and Heather Morgan - How does bitcoin get hacked - Are crypto exchanges safe? - Cold wallet vs Hot wallet - Multi-signature wallets - RazzleKhan rapper

Learning to code can open many doors in life, but it's NOT easy and NOT for everybody. Let's take a look at 8 different techniques supported by science that can help you become a programmer faster. https://fireship.io/pro #learntocode #tech #programming 🔗 Resources Feynman Technique https://medium.com/taking-note/learning-from-the-feynman-technique-5373014ad230 How to Get a Tech Job https://youtu.be/Xg9ihH15Uto Spacing Effect https://en.wikipedia.org/wiki/Spacing_effect Don't Learn to Code https://techcrunch.com/2016/05/10/please-dont-learn-to-code/ 📚 Chapters 00:00 Learn to Code 00:43 1. Hard Work 01:29 2. Patterns over Syntax 02:38 3. Stop Watching 03:22 4. Stay Healthy 03:47 5. Feynman Technique 05:00 6. Dopamine Hits 05:47 7. Not Too Hard tho 06:27 8. Learn Like a Pro 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Is Learning to Code hard? Can anybody learn to code? Tips for learning programming Staying healthy while coding Is coding the new literacy? How to use the Feynman technique What is the best programming language to start with? Python, JS, Go, Swift, or Kotlin

C++ or C-plus-plus or Cpp is an extremely popular object-oriented programming language. Created in 1979, today it powers game engines, databases, compilers, embedded systems, desktop software, and much of our software infrastructure. #programming #compsci #100SecondsOfCode 🔗 Resources Microsoft Docs https://docs.microsoft.com/en-us/cpp/ Bjarne Stroustrup Homepage https://www.stroustrup.com/ C in 100 Seconds https://youtu.be/U3aXWizDbQ4 C# in 100 Seconds https://youtu.be/ravLFzIguCM 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is C++? - C++ basics tutorial - Who invented C++? - What is C++ used for? - What is a smart pointer? - C++ vs C - Object oriented programming basics

The Fetch API has officially made its way into Node.js giving web developers a better default tool for making HTTP requests. Learn why this feature is a big deal and with it means for NPM packages like Axios. #firstlook #nodejs #TheCodeReport 🔗 Resources Node Announcement https://twitter.com/targos89/status/1488471755194867715 Undici Node Fetch https://github.com/nodejs/undici Fetch Standard https://fetch.spec.whatwg.org/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is the fetch API? - Why is node fetch a big deal? - The future of Node.js - New JavaScript features - Node fetch vs Axios

I built a twitter bot that automatically tweets content generated by artificial intelligence using GPT-3. Learn how to build your own twitter bot from scratch with Node.js and the OAuth 2.0 protocol. https://fireship.io/lessons/twitter-bot-oauth2-tutorial/ #ai #js #tutorial Follow Bob https://twitter.com/boblikescode Follow Fireship https://twitter.com/fireship_dev 🔗 Resources Source Code https://github.com/fireship-io/gpt3-twitter-bot Twitter API https://developer.twitter.com/ OpenAI https://openai.com/ 📚 Chapters 00:00 AI Twitter Bot 00:42 OAuth 2.0 Crash Course 02:36 Project Setup 04:38 Step 1. OAuth URL 05:44 Step 2. OAuth Callback 06:41 Step 3. Use the Twitter API 09:00 AI-generated Faces 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - API Authentication Basics - How to use the Twitter API? - How to build a twitter bot? - What is OAuth 2.0? - Twitter API 2.0 tutorial - OpenAI Tutorial

A college student built a Twitter bot with Python that tracks the location of Elon Musk's private jet - then Elon offered him $5K to shut it down. Now the situation is blowing up in the media... This is the first edition of "The Code Report" - a new series where I bring you breaking news every programmer should know. #code #elon #thecodereport 🔗 Resources Source Code https://github.com/Jxck-S/plane-notify ElonJet https://twitter.com/ElonJet Teen Turn's Down 5K Article https://www.nbcnews.com/news/us-news/teen-rejects-elon-musks-5000-offer-shut-jet-tracker-rcna14256 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to build ElonJet Twitter Bot - How flight tracking works

Ruby is a dynamic programming language most well-know for powering the Ruby on Rails fullstack web framework. Learn why developers love the simple object-oriented code produced by the Ruby language. #programming #compsci #100SecondsOfCode 🔗 Resources Ruby Docs https://ruby-doc.org/ Rails RoR Docs https://rubyonrails.org/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Ruby used for? - Who invented Ruby? - Who invented Ruby on Rails? - Ruby quickstart - Ruby basics tutorial - Which Startups used Ruby on Rails?

Building your own Command Line Interface (CLI) is easier than you might think with Node.js. There are a bunch of open-source packages that can handle colors, animation, and user input with ease. Use them to build a CLI game from scratch using only JavaScript. To play my CLI game, run "npx firequiz" from your terminal. #javascript #programming #game 🔗 Resources Chalk https://github.com/chalk/chalk Inquirer https://github.com/SBoudrias/Inquirer.js/ Colors.js Controversy https://www.theverge.com/2022/1/9/22874949/developer-corrupts-open-source-libraries-projects-affected Source Code https://github.com/fireship-io/javascript-millionaire 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Build a Command Line Interface Node.js - Top 5 packages for Node.js command line - Building a terminal game - Bash vs Node.js - How to deploy an NPX script - How to use ESM modules

Prisma is an open-source ORM that makes it fun and safe to work with a database like MySQL, Postgres, SQL Server, or MongoDB. It generates a type-safe client library to provide an awesome DX in any Node.js or JavaScript project. This video is NOT sponsored. #database #webdev #100SecondsOfCode 🔗 Resources - Prisma Docs https://www.prisma.io/ - Prisma Source Code https://github.com/prisma/prisma - MySQL Full Tutorial https://youtu.be/Cz3WcZLRaWc 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Prisma - Is Prisma an ORM? - Prisma Quickstart - What is Prisma used for? - How to use Prisma in Node.js - Using Prisma with a relational database - Prisma compared to Sequalize or TypeORM

Learn how to trade stocks automatically with JavaScript code. In this tutorial, we use Alpaca and GPT-3 to create an algorithm in Node.js capable of making real stock trades. Follow me on Twitter to track performance https://twitter.com/fireship_dev #ai #stocks #javascript 🔗 Resources Source Code https://github.com/fireship-io/cramer-algo-trader OpenAI GPT-3 https://openai.com Alpaca Trading API https://alpaca.markets/ Algo Trading Explained https://www.investopedia.com/articles/active-trading/101014/basics-algorithmic-trading-concepts-and-examples.asp 📚 Chapters 00:00 Inverse Cramer Strategy 01:05 Algo Trading Architecture 02:37 Initial Setup 02:54 Use OpenAI GPT-3 in Node.js 04:33 Scrape Tweets with Puppeteer 05:36 Make Trades with Alpaca 07:04 CRON Job Function 07:46 Apology 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Algo trading with javascript - How to trade stocks with code - Jim Cramer roast - How to use GPT3? - How to use Alpaca API? - Firebase Cloud Functions Cron Job - API for stock trading

Do you want to land a high-paying tech job writing code? Working for a great company requires more than just programming skills. Let’s explore 10 proven strategies that make your personal brand more appealing to employers, especially as as a self-taught developer. #tech #jobs #learntocode 🔗 Resources Follow me on Twitter https://twitter.com/fireship_dev Connect with Jeff Delaney on LinkedIn https://www.linkedin.com/in/jeff-delaney/ Great Resignation https://www.inc.com/jessica-stillman/great-resignation-mit-revelio-research.html Check out @Dorian Develops story https://youtu.be/oOs_eIHeloY Get tips from @DThompsonDev https://youtu.be/Fz2ERBUNKCA 📚 Chapters 00:00 Working in Tech 00:49 Tech Jobs Outlook 2022 01:27 1. Strong Mindset 02:47 2. Location Matters 03:33 3. Master the Twitter Game 04:52 4. Connect on LinkedIn 05:27 5. Git going on GitHub 06:30 6. Build One Epic Thing 07:15 7. Build in Public 08:20 8. IRL Networking 09:14 9. Get a Mentor 09:50 10. Become a Good Fit 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to get a tech job - What tech hiring managers look for - Find a coding job in 2022 - Tips for junior programmer job seekers - What is the great resignation? - What is the outlook for tech jobs in the future? - How to get hired as a self-taught developer?

I built a web3 dapp that can mint an unlimited quantity of NFTs. Learn how to build decentralized web apps with JavaScript using tools like Hardhat, Solidity, OpenZeppelin, React, Alchemy, and more https://fireship.io/lessons/web3-solidity-hardhat-react-tutorial/ 🤪 Invest in my NFT Collection https://opensea.io/collection/fireguys #web3 #nft #tutorial 🔗 Resources - Source Code https://fireship.io/lessons/web3-solidity-hardhat-react-tutorial/ - Pinata https://pinata.cloud/ - Hardhat https://hardhat.org/ - OpenZeppelin Wizard https://docs.openzeppelin.com/contracts/4.x/wizard - Alchemy https://www.alchemy.com/ - Web3 Criticism https://moxie.org/2022/01/07/web3-first-impressions.html - No-Code NFT tutorial by @codeSTACKr https://youtu.be/AaCgydeMu64 📚 Chapters 00:00 Web3 Introduction 01:11 What is an NFT? 02:27 Why Web3 is Dumb 03:00 1. How to Generate Random Art 06:14 2. Upload to IPFS with Pinata 07:33 3. Hardhat Toolchain Setup 08:51 4. Code an ERC-721 Smart Contract 13:30 5. Testing Smart Contracts with Waffle 15:22 6. Web3 Frontend with Ethers.js and React 21:20 7. Deploy to a Testnet with Alchemy 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - step-by-step web3 project - full web3 tutorial - NFTs explained - How to use Hardhat and Solidity - How to use ethers.js with react - What is ERC-721 - How to deploy a web3 app - Web3 with Ethereum and Polygon

JavaScript is the the programming language that built the web. Learn how it evolved into a powerful tool for building websites, servers with Node.js, mobile apps, desktop software, and more https://fireship.io/courses/javascript/ #js #programming #100SecondsOfCode 🔗 Resources History of JavaScript https://youtu.be/Sh6lK57Cuk4 How JavaScript Works https://fireship.io/courses/javascript/intro-how-js-works/ JavaScript Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript HTML in 100 Seconds https://youtu.be/ok-plXXHlWw 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is JavaScript? - JavaScript beginner introduction - Who created JavaScript? - ECMAScript vs JavaScript - JS programming basics - Run JS in browser - Var vs Let vs Const

You probably know Redis as an ultrafast in-memory database, but can it also be used as your primary app database? This tutorial will teach you how to build a fullstack app from scratch with Redis and Next.js capable of performing fulltext instant search. 🤯 Get $200 and a chance to win a Tesla https://redis.info/fireship200 #database #tutorial #programming 🔗 Resources Redis OM (NodeJS) - https://redis.info/3F9yqI5 Redis Insight - https://redis.info/3teM5LD Redis Launchpad - https://redis.info/3HS9g2B Redis Developer Hub - https://redis.info/3qg14mY Full Tutorial - https://fireship.io/lessons/redis-nextjs/ 📚 Chapters 00:00 What is Redis? 00:49 App tour 01:33 How to Install Redis Cloud 02:49 Redis Crash Course 04:10 Next.js Setup 05:32 Schema & Entity 06:41 CRUD Operations 09:14 Fulltext Search 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Redis as a Primary Database - Use Redis with React or Next.js - How Redis Modules work - RedisSearch with RedisJSON - Next.js API routes - Handling Forms with React

Yesterday, a popular open-source package, Faker.js, was abruptly taken down from GitHub. Its readme simply said “What really happened to Aaron Swartz?”. Let’s take a look at why Open Source Software can be a bad deal for many independent developers. Note. This video was reuploaded after new information came to light. #dev #opensource #history 🔗 Resources https://github.com/marak/Faker.js/ http://docs.jstor.org/jstor-statement-misuse-incident-and-criminal-case.html https://www.rollingstone.com/culture/culture-news/the-brilliant-life-and-tragic-death-of-aaron-swartz-177191/ https://nypost.com/2018/01/27/these-hackers-suicides-are-eerily-similar/ 📚 Chapters 00:00 Faker.js Disappeared 00:29 What happened to Aaron Swartz? 02:15 The Problem with Open Source 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why Faker.js disappeared - The Aaron Swartz story - Why was Aaron Swartz arrested? - What did Aaron Swartz create? - Open Source Pitfalls - Problems with Open Source

Yesterday, one of my favorite open-source packages, Faker.js, was abruptly taken down from GitHub. Its readme simply said “What really happened to Aaron Swartz?”. Let’s take a look at why Open Source Software can be a bad deal for many independent developers. #dev #opensource #history 🔗 Resources https://github.com/marak/Faker.js/ http://docs.jstor.org/jstor-statement-misuse-incident-and-criminal-case.html https://www.rollingstone.com/culture/culture-news/the-brilliant-life-and-tragic-death-of-aaron-swartz-177191/ https://nypost.com/2018/01/27/these-hackers-suicides-are-eerily-similar/ 📚 Chapters 00:00 Faker.js Disappeared 00:29 What happened to Aaron Swartz? 02:03 Down the rabbit hole 02:35 The Problem with Open Source 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Why Faker.js disappeared - The Aaron Swartz story - Why was Aaron Swartz arrested? - What did Aaron Swartz create? - Open Source Pitfalls - Problems with Open Source

Binary is a base-2 numbering system and the final language used by computer hardware. Programmers don't write binary code directly, but it's import to understand how a machine uses transistors to organize billions of bits to represent data. https://fireship.io #compsci #math #100SecondsOfCode 🔗 Resources Binary Explanation https://www.kerryr.net/pioneers/binary.htm Binary history https://www.cs.cas.cz/portal/AlgoMath/NumberTheory/Arithmetics/NumeralSystems/PositionalNumeralSystems/BinarySystem.htm Hex dump https://hexed.it/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How do binary numbers work? - How to computers use binary? - What is a hex dump? - How to count in binary? - When was binary first invented? - bit vs byte vs nibble

The story of I grew my channel to 1 million subscribers over the course of 5 years. Get into the right mindset as a content creator and learn some practical tips & tricks to grow a YouTube channel faster. Sending a huge THANK YOU to everybody who has supported my work over the years! #youtube #growthhacking #100SecondsOfCode 🔗 Resources How I make Videos https://youtu.be/N6-Q2dgodLs Personal channel https://www.youtube.com/c/jeffdelaney23 Follow me on Twitter https://twitter.com/fireship_dev/status/1472650218730442755 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to grow on YouTube? - How to get more YouTube views? - Growth hacking strategies - How to make content for developers - Optimize watch time tips - Optimize clicks CTR tips

Cascading Style Sheets or CSS is the language that makes HTML websites look pretty. Learn how concepts like cascade, specificity, inheritance, and the box model influence the appearance of a webpage https://fireship.io/tags/css/ #css #webdev #100SecondsOfCode The sequel to HTML in 100 Seconds https://youtu.be/ok-plXXHlWw 🔗 Resources CSS Docs https://developer.mozilla.org/en-US/docs/Web/CSS Flexbox in 100 Seconds https://youtu.be/K74l26pE4YA Grid Layout in 100 Seconds https://youtu.be/uuOXPWCh-6o CSS Animation https://codepen.io/ainalem/pen/oNxXRgW 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is CSS? - How does CSS cascade? - What is specificity in CSS? - CSS Box Model explained - CSS for absolute beginners - What is CSS used for? - When was CSS3 created? - Will there be a CSS4?

Big companies, like Google & Facebook, store all their code in a single monolithic repository or monorepo... but why? Learn how to use tools like NPM or Yarn workspaces, Learna, Nx, and Turborepo to scale your codebase https://fireship.io/pro #software #js #compsci 🔗 Resources Turborepo https://turborepo.org/ Nx https://nx.dev/ Lerna https://lerna.js.org/ Google's Monorepo https://cacm.acm.org/magazines/2016/7/204032-why-google-stores-billions-of-lines-of-code-in-a-single-repository/fulltext 📚 Chapters 00:00 The World’s Largest Codebase 00:49 Benefits of Monorepos 01:50 The Problem with Monorepos 02:18 Yarn & NPM Workspaces 02:48 Lerna 03:30 PNPM 03:48 Nx vs Turborepo 06:10 Turborepo Tutorial 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Monorepo Pros and Cons - What is a monorepo? - Who uses Monorepos? - Should I use a monorepo? - Nx compared to Turborepo - How Google's Monorepo works.

Brainfuck is a minimal esoteric programming language. It provides a 30K 8-bit array that can be modified with 8 different characters. #programming #compsci #100SecondsOfCode 🔗 Resources Brainfuck History https://www.muppetlabs.com/~breadbox/bf/ Brainfuck Basics https://gist.github.com/roachhd/dce54bec8ba55fb17d3a Brainfuck Interpreter https://copy.sh/brainfuck/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Esolang or esoteric programming languages - What is brainfuck used for? - How to loop in brainfuck? - How does brainfuck programming work? - Who invented brainfuck?

A complete introduction into the wild world of Web3 - the decentralized web. Is Web 3.0 the future or is it all hype? Learn about the technologies and patterns used when building a dapp on the blockchain. https://fireship.io #web3 #blockchain #webdev 🔗 Resources Hardhat docs https://hardhat.org/ Web3 is BS https://www.stephendiehl.com/blog/web3-bullshit.html Elon Tweet https://twitter.com/elonmusk/status/1466320998379175939 Solidity in 100 Seconds https://youtu.be/kdvVwGrV7ec Chat Dapp https://youtu.be/J5x3OMXjgMc Check out these channels: HashLips for NFTs @HashLips NFT Nader Dabit for Web3 Wisdom @Nader Dabit 📚 Chapters 00:00 Web1 vs Web2 vs Web3 00:48 Is Web 3.0 all hype? 02:05 Do you need crypto to build dapps? 02:38 How do dapps work? 03:42 How does user authentication work? 04:12 What is a token or NFT? 05:33 How to build a Web3 Frontend? 06:45 How to build a Web3 Backend? 07:41 How do I test a dapp with Ethereum? 08:11 Do I store all data in the blockchain? 08:47 Where to start? 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Top 10 web3 questions - Web Explained - Building dapps on Ethereum blockchain - Ethereum gas fees explained - Web3 basics for beginners - Web3 app architecture - Fungible vs Non-Fungible Tokens

What does it mean to be Turing Complete? Is HTML & CSS Turing Complete? #shorts #compsci #programming #math

C# or C-Sharp is the programming language behind .NET (dotnet) and the Unity framework. It was created at Microsoft as a C-like object-oriented language and is used to build apps for web, desktop, mobile, and more. #programming #unity #100SecondsOfCode 🔗 Resources .NET Install https://dotnet.microsoft.com/download C# docs https://docs.microsoft.com/en-us/dotnet/csharp/ Unity https://unity3d.com 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is C#? - C# Basics Tutorial - History of C# - How C# works - What is C# used for? - Who invented C#?

Ready to build your first website? HTML or Hypertext Markup Language is one of the core building blocks of the web. Learn the history of HTML and how it's used to give structure to a webpage. Learn more at https://fireship.io #webdev #programming #100SecondsOfCode 🔗 Resources HTML history https://home.cern/science/computing/birth-web/short-history-web HTML basics https://developer.mozilla.org/en-US/docs/Web/HTML Watch my Web 1.0 beta short https://youtu.be/ZIv4hb_Swug 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font - MonoLisa Font used for snippets 🔖 Topics Covered - What is HTML? - HTML history - How to build your first website? - HTML intro for beginners - How does HTML work - Document Object Model

Everybody be talking about Web 2.0 vs Web 3.0. But what about Web 1.0-beta? Try the original web experience: https://worldwideweb.cern.ch/ #shorts #webdev #compsci

Glimpse into the future with all the latest trends and hype for software developers in the year 2022. Learn all about Web 3.0, the Metaverse, GPT-3, new JavaScript frameworks, databases, and more. https://fireship.io/pro #2022 #dev #trends 🔗 Resources Web3 Overview https://ethereum.org/en/developers/docs/web2-vs-web3 Metaverse Market Map https://medium.com/building-the-metaverse/market-map-of-the-metaverse-8ae0cde89696 GPT-3 https://openai.com/blog/openai-api/ Last year's predictions https://youtu.be/oHtR5YSPLjo 📚 Chapters 00:00 The Year 2022 00:38 Web3 03:06 Fake Sponsorship 03:28 Metaverse 05:05 AI 06:22 Databases 07:31 JavaScript 09:58 Other Trends to Know 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is web3? - Web 3.0 decentralized internet - Web 3.0 vs Web 2.0 - What is the metaverse? - Databases in 2022 - New JavaScript features - Best JS frameworks in 2022 - Future of software engineering

Haskell is a purely functional programming language based on lambda calculus. It uses immutable values and expressions to produce terse code that is suitable for general-purpose software applications. #programming #compsci #100SecondsOfCode 🔗 Resources Haskell Docs https://www.haskell.org/ Haskell Wiki https://wiki.haskell.org/ Monad Graphic https://stackoverflow.com/questions/9345008/why-doesnt-scala-have-an-io-monad 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Haskell Basics Tutorial - Functional programming concepts - Who is Haskell Curry? - What is Haskell used for? - What is a Monad?

Visual Studio Code is an open-source lightweight code editor maintained by Microsoft. Get the full VS Code Magic Tricks course to write better code faster https://fireship.io/courses/vscode-tricks 🔥 Black Friday - Upgrade to PRO 🔥 Discount 33.330000000000003% Free Sticker Free T-Shirt (lifetime members) Use code: 1LDSQD4q 👉 https://fireship.io/pro #learntocode #vscode #100SecondsOfCode 🔗 Resources Open VS Code now https://vscode.dev VS Code Docs https://code.visualstudio.com/docs Also checkout VIM https://youtu.be/-txKSRn0qeA 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is VS Code? - VS Code tour - VS Code as IDE - Best code editor for beginners

Remix is a new react-based JavaScript framework that supports server-side rendering. It comes from the team behind React Router and provides a fresh take on fullstack web app development. #react #js #firstlook 🔗 Resources - Remix Docs https://remix.run - Remix vs Next.js https://sergiodxa.com/articles/remix-vs-next-js-comparison - Next 12 First Look https://youtu.be/lRQ5z7i7pxE 📚 Chapters 00:00 What is Remix? 01:12 Server-side Rendering 02:01 Get Started 02:48 Routing 04:20 Data Fetching 05:01 Form Actions 06:19 Styles 06:54 React Server Components? 07:41 Business Model 8:08 Other Exciting Developments 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Remix? - React Remix Tutorial - Remix vs Next.js - Does remix use server components? - React Remix Basics for webdev - Nested routing in remix - How remix actions work

Swift is a modern programming language developed by Apple. It is commonly used to code apps for iOS and MacOS, but is open-source and can be used outside of Apple’s walled garden. #apple #programming #100SecondsOfCode 🔗 Resources Swift Docs https://www.swift.org/ Swift Announcement https://youtu.be/MO7Ta0DvEWA Kotlin in 100 Seconds https://youtu.be/xT8oP0wy-A0 C in 100 Seconds https://youtu.be/U3aXWizDbQ4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Swift? - Swift vs Objective C - Apple Swift Basics - Swift Syntax and Memory Safety - When was Swift Announced?

Learn the basics of Flutter in 12 minutes. Take a hands-on tour of Flutter's most important building blocks to start building apps for iOS, Android, the web, and desktop. https://fireship.io/courses/flutter-firebase/basic-training/ 🔥 Get The FULL FlutterFire Course - Upgrade to PRO 💰 30% off (expires 11/23) with code: ibTd664q #flutter #dev #learntocode 🔗 Resources Full Course: https://fireship.io/courses/flutter-firebase/ Flutter Docs https://flutter.dev/ Hire Rolly Peres for Flutter Dev https://github.com/narcodico or [email protected] 📚 Chapters 00:00 Flutter Basic Training 00:56 Get Started 02:36 Stateless Widget 03:20 Material App 03:58 Container 05:07 Flex Layout 06:07 Stack 07:00 Scaffold Magic 07:27 Debugger 07:47 ListView 08:09 Builder 08:25 Stateful Widget 09:32 Advanced State Management 10:03 Navigator 10:51 Hero 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Flutter Tutorial for Beginners - Flutter Flex Layout - Stateless vs Stateful Widgets - Navigation in Flutter - Flutter for Mobile Dev on iOS and Android

What is a Bézier curve? Programmers use them everyday for graphic design, animation timing, SVG, and more. #shorts #animation #programming Animated Bézier https://www.jasondavies.com/animated-bezier/

The C Programming Language is quite possibly the most influential language of all time. It powers OS kernels like Linux, Windows, and Mac and many other low-level systems. Its syntax has inspired many other languages, including Cpp, Csharp, Java, JavaScript, Go, Perl, and more. #programming #compsci #100SecondsOfCode 🔗 Resources C Manuel https://www.gnu.org/software/gnu-c-manual/gnu-c-manual.html GCC compiler https://gcc.gnu.org/ C History https://en.wikipedia.org/wiki/C_(programming_language) 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - C programming basics - C pointers - Memory safety and segmentation faults - C syntax - What is C used for? - History of C

Shopify just announced a React-based JavaScript framework called Hydrogen. It is similar to Next.js, but has extra features for ecommerce and data fetching with GraphQL. #shopify #react #firstlook 🔗 Resources Hydrogen Docs https://hydrogen.shopify.dev/ React server components https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html 📚 Chapters 00:00 Shopify Hydrogen 00:28 Why use it? 01:24 Developer Experience 03:57 Analysis 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Shopify Hydrogen Overview - Hydrogen vs Next.js - React server components - React SSR and SEO for ecommerce - Headless shopify graphql API

Kotlin is a programming language designed as a modern alternative to Java. It supports functional patterns, coroutines, multi-platform compilation, and is now the recommended language for Android mobile development. #programming #android #100SecondsOfCode 🔗 Resources Kotlin Docs https://kotlinlang.org/ Kotlin on Android https://developer.android.com/kotlin Watch Java in 100 Seconds https://youtu.be/l9AzO1FMgM8 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Kotlin vs Java - Kotlin basic syntax - Using kotlin on Android - Kotlin coroutines overview - What is kotlin? - Is kotlin a JVM language?

Java is a programming language famous for its ability to compile to platform-independent bytecode. It powers enterprise web apps, big data pipelines, and android mobile apps. #java #programming #100SecondsOfCode 🔗 Resources Java Website https://java.com Star7 Demo https://youtu.be/1CsTH9S79qI 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How Java works - Java basics - History of Java - Java vs C - How to compile Java - Overview of JVM, JRE, & JDK

I quit using JavaScript console log in production because people were making fun of me. Now I use eslint for warnings and VS Code logpoints to avoid them altogether. #shorts #javascript #learntocode

Cryptography is scary. In this tutorial, we get hands-on with Node.js to learn how common crypto concepts work, like hashing, encryption, signing, and more https://fireship.io/lessons/node-crypto-examples/ 🔗 Resources Full Tutorial https://fireship.io/lessons/node-crypto-examples/ Source Code https://github.com/fireship-io/node-crypto-examples Node Crypto https://nodejs.org/api/crypto.html 📚 Chapters 00:00 What is Cryptography 00:52 Brief History of Cryptography 01:41 1. Hash 04:07 2. Salt 05:47 3. HMAC 06:35 4. Symmetric Encryption. 08:19 5. Keypairs 09:29 6. Asymmetric Encryption 10:22 7. Signing 11:31 Hacking Challenge 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Cryptography for Developers Basics - Crypto algorithms: SHA, MD5, argon2, scrypt - How password salt works - Encryption vs Signing - Difference between Asymmetric vs Symmetric Encryption - How hacking works and hacks are prevented

Learn how to collect payments from an API or SaaS product. In this tutorial, we build an Express.js API from scratch, then make money by integrating Stripe Metered Billing. https://fireship.io/lessons/api-monetization-stripe/ #js #makemoney #code 🔗 Resources Full Stripe JavaScript Course https://fireship.io/courses/stripe-js/ Stripe Billing https://stripe.com/docs/billing/subscriptions/metered-billing Source Code https://github.com/fireship-io/api-monetization-demo RapidAPI approach: @Code with Ania Kubów https://youtu.be/GK4Pl-GmPHk 📚 Chapters 00:00 Intro 00:37 How API Monetization Works 01:59 Build an API with Express 04:17 Metered Billing Products 05:17 Stripe Checkout 06:41 Listen to Webhooks 08:33 Generate API Keys 11:05 Record Usage 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Create custom API keys in node - Node hashing crypto - Stripe webhooks - Metered billing for API

Your first look at Next.js version 12. It's packed with awesome new features, like a rust compiler, middleware, concurrent mode, server components, and more. Full course https://fireship.io/courses/react-next-firebase/ #js #react #firstlook 🔗 Resources Announcement https://nextjs.org/blog/next-12 Full Course https://fireship.io/courses/react-next-firebase/ 📚 Chapters 00:00 Next.js 12 46:00 Middleware 02:42 Suspense Support 03:16 Server Components 04:41 URL Imports 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Next.js 12 new features - Rust compiler in Next.js - Using suspense with Next.js - React Server Components SSR

Potential interview question: What is an Abstract Syntax Tree? #shorts #programming #compsci

Python is arguably the world's most popular programming language. It is easy to learn, yet suitable in professional software like web applications, data science, and server-side scripts. https://fireship.io/tags/python/ #python #programming #100SecondsOfCode 🔗 Resources Python Docs https://docs.python.org/3/ Python TIOBE Ranking https://www.infoworld.com/article/3636789/python-tops-tiobe-language-index.html 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Is YouTube built with Python? - Is Python Strongly typed? - Python syntax and indentation rules - When was python released?

PHP Hypertext Preprocessor is a scripting language for building dynamic websites on the server. It remains one of the most popular programming languages in the world, powering tools like Wordpress, Laravel, and Symfony. https://fireship.io #programming #webdev #100SecondsOfCode 🔗 Resources PHP Docs https://www.php.net/docs.php PHP usage stats https://w3techs.com/technologies/details/pl-php 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - History of PHP - PHP syntax and features - Basic Overview of PHP - What does PHP stand for? - Does Facebook use PHP? - Websites that use PHP

Learn the basics of Tailwind CSS by building a Discord-inspired navbar from scratch. Learn how to leverage utility classes to build responsive animated UI elements faster https://fireship.io/lessons/tailwind-tutorial/ #webdev #css #tutorial 🔗 Resources Tailwind Docs https://tailwindcss.com/ Tailwind React Setup https://tailwindcss.com/docs/guides/create-react-app Source Code https://github.com/fireship-io/tailwind-dashboard 📚 Chapters 00:00 Intro 00:54 Should you use Tailwind? 01:42 Setup 02:48 JIT Mode 03:20 Functional CSS Basics 04:06 Flexible Container 04:41 Organize UI Components 05:07 Position a Sidebar 06:58 Customize Colors 07:50 Icon Buttons 08:23 Custom Classes with Apply 09:32 Pseudo-class Variants 09:56 Animation 10:34 Groups 11:54 Dark Mode 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered Beginner Tailwind Tutorial Using Tailwind in React Tailwind Animation Tailwind Dark Mode CSS vs Tailwind vs Bootstrap

Auth0 is Authentication-as-a-Service used to manage the front door to your application. It provides drop-in user auth solutions that look great on any frontend app, and integrate with any backend server. Try it 👉 https://bit.ly/3peoMQ4 Thanks to @James Q Quick for going beyond 100 seconds! Subscribe to his awesome channel. Disclaimer. This video contains a paid endorsement and was produced in collaboration with Auth0. I trust their product and have used it as a customer for many years . #dev #code #100SecondsOfCode

Create an HTTP tunnel to share your localhost server on the internet via HTTPS with an SSL certificate using tunnels. #shorts #webdev #tips CloudFlare Tunnels https://developers.cloudflare.com/pages/how-to/preview-with-cloudflare-tunnel Ngrok https://ngrok.com/

Dart is high-productivity statically-typed programming language capable of targeting multiple platforms. It's used by Flutter to produce fast client apps with an awesome developer experience. 🎯 Learn more in the Full Dart Course https://fireship.io/courses/dart/ #flutter #programming #100SecondsOfCode 🔗 Resources Full Dart Course https://fireship.io/courses/dart/ Dart Docs https://dart.dev/ 🔥 Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is the Dart Programming Language? - Why is Dart used in Flutter? - Dart concurrency and isolates

Rust is a memory-safe compiled programming language for building high-performance systems. It has the simplicity of high-level languages (Go, Python), but the control of low-level languages (C, Cpp) https://github.com/fireship-io/rust-in-100 #programming #rust #100SecondsOfCode 🔗 Resources Rust Docs https://www.rust-lang.org/learn Rust Book https://doc.rust-lang.org/book/ Rust Quickstart https://github.com/fireship-io/rust-in-100 Also see Go in 100 Seconds https://youtu.be/446E-r0rXHI 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Rust ownership and borrowing explained - How Rust memory management works - Get started with Rust - Rust vs Go - Rust vs C

Learn the basics of the Go Programming Language. Go (not Golang) was developed at Google as a modern version of C for high-performance server-side applications. https://fireship.io/lessons/learn-go-in-100-lines/ #programming #go #100SecondsOfCode 🔗 Resources Go in 100 Lines https://fireship.io/lessons/learn-go-in-100-lines/ Go Docs https://golang.org/doc/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - History of Go Development - Programming Languages Invented by Ken Thompson - Statically-typed Complied Languages - Go Modules

A side-by-side comparison of React Native and Flutter. I built a mobile chat app with both frameworks to understand differences in developer experience, tooling, code, and performance. 🔥 Use discount code O2LdtRD6 for 30% off fireship.io/pro #flutter #react #versus 🔗 Resources Performance Comparison https://medium.com/swlh/flutter-vs-native-vs-react-native-examining-performance-31338f081980 React Native Demo https://fireship.io/lessons/react-native-firebase-chat-demo/ Flutter Chat Demo https://fireship.io/lessons/flutter-firebase-chat-demo/ 📚 Chapters 00:00 React Native vs Flutter 00:57 Language 01:41 Ecosystem 02:04 Philosophy 02:42 Architecture 04:00 Developer Experience 05:45 Tooling 07:39 Code 09:13 Performance 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Comparing Flutter to React Native - Mobile app development - Native iOS and Android Development - Cross-platform app performance

React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase. Get started building your first native mobile app with React Native #react #mobiledev #100SecondsOfCode 🔗 Resources React Native Docs https://reactnative.dev Expo https://expo.dev RN Bridge https://hackernoon.com/understanding-react-native-bridge-concept-e9526066ddb8 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Solidity is a programming language for writing smart contracts. Learn how to build your first smart contract on the Ethereum blockchain to get started with web3 decentralized applications. Own this video as an NFT https://bit.ly/3i6z1BB #web3 #ethereum #100SecondsOfCode 🔗 Resources Own this video https://bit.ly/3i6z1BB Solidity Docs https://docs.soliditylang.org/en/v0.8.7/ Vending Machine https://nakamotoinstitute.org/the-idea-of-smart-contracts/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Solidity programming tutorial - Using web3.js for dapps - Learning to code web3 - History of smart contracts - Blockchain development

A "tech stack" includes all the technologies used to build a complete web or mobile application - like frameworks, cloud services, libraries, languages, and APIs. Let’s over-engineer a tech stack for an MVP, then simplify it. Learn how to build fullstack apps in courses https://fireship.io/courses/ #tech #code #dev 🔗 Resources Learn about popular tech in the 100 Second Playlist https://youtube.com/playlist?list=PL0vfts4VzfNiI1BsIK5u7LpPaIDKMJIDN Petite Vue https://github.com/vuejs/petite-vue Stacks of successful startups https://stackshare.io/ LAMP https://en.wikipedia.org/wiki/LAMP_(software_bundle) 📚 Chapters 00:00 Intro 00:37 What’s in a Tech Stack? 02:05 Popular Stacks 03:08 Frontend 05:34 Backend 08:23 APIs 09:23 Petite Fire Stack 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Choosing a Tech Stack for Web Development - Comparing JS frameworks - React State Management with Redux - Containers with Docker and Kubernetes - Mobile dev with React Native, Flutter, & Ionic - APIs with GraphQL and Apollo - How to build a website - Cloud Computing Concepts

Data-Driven Documents or D3 is a JavaScript library for drawing SVGs with data. It's the magic behind many of the graphs, charts, and other data visualizations you see on the web today. https://fireship.io/lessons/realtime-charts-d3-firebase/ #javascript #datavis #100SecondsOfCode 🔗 Resources D3 https://d3js.org/ Realtime Animated Charts https://fireship.io/lessons/realtime-charts-d3-firebase/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - D3.js Basics - Data Vis with JavaScript - Draw SVG Graphics with Data

Sanity.io https://bit.ly/39lJ553 is the platform for structured content. The Content Lake, a real-time document store, gives you complete access and control over your content at any time and anywhere: from text and block content to files and images. Sanity Studio is an open-source application that you can configure and customize with JavaScript and React. You can use it to quickly and simply build your own CMS. I collaborated with the team behind Sanity and you'll see Kapehe (https://twitter.com/kapehe_ok) from Sanity give a full breakdown for building your own project. By the end of this video, you'll have your own Sanity Studio and a Content Lake up and running to structure, interact, and query all of your content. 00:00 Content Platforms Explained in 100 seconds 02:00 Introducing Kapehe 05:49 Get started with Sanity 07:56 Understanding the code behind the Sanity Studio 09:45 Exploring the Sanity Studio 15:14 Query Content with GROQ 18:02 Schema Types 21:27 Deploy Sanity Studio 22:30 Previewing Realtime Changes 23:49 Congratulations you built your first Sanity project!

They say a Software Engineer is just a “professional google searcher” and that is 100% accurate. Learn how to use Google like a 10x developer to get the information you need faster. Follow me on Odysee https://odysee.com/@fireship:8 #google #learntocode #programminghumor 🔗 Resources Google Commands https://support.google.com/websearch/answer/2466433 📚 Chapters 00:00 Professional Google Searchers 00:30 Exact 01:07 Site 01:22 Exclude 01:39 Before or After 01:55 Range 02:06 Logic & Group 02:20 Wildcard 02:36 FileType 02:48 Search the Fringe 03:22 Competitor Research 03:45 Cache 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Google Search Tips - Google Dorking - Developer Productivity - How to Improve as a Programmer

Create amazing animations in React with Framer Motion. In this tutorial, we build an interactive modal window from scratch and customize its spring animations. Full tutorial https://fireship.io/lessons/framer-motion-modal/ #react #animation #learntocode Try it out https://react-framer-demo.netlify.app/ 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🔗 Resources Framer Motion https://www.framer.com/motion/ Spring Animations https://blog.maximeheckel.com/posts/the-physics-behind-spring-animations/ Advanced Framer Motion https://fireship.io/framer-motion-advanced-notifications/ 📚 Chapters 00:00 Intro 00:45 Modal Demo 01:29 Setup Framer 02:26 Animated Button 03:06 CSS vs Framer Motion 03:28 Backdrop 05:37 Modal 07:05 Animation Settings 07:58 Spring Damping and Stiffness 08:41 Trigger It 09:41 Animate Presence 10:36 Drag It 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Framer Tutorial - How to build Animated Modals in React - Spring Animation Physics - CSS Modal Styling - Animated Buttons in React - JavaScript Animation Techniques 🎬 Credits Producer: Jeff Delaney https://twitter.com/fireship_dev Engineer: Klutch https://twitter.com/KlutchDev

Machine Learning is the process of teaching a computer how perform a task with out explicitly programming it. The process feeds algorithms with large amounts of data to gradually improve predictive performance. #ai #python #100SecondsOfCode 🔗 Resources Machine Learning Tutorials https://fireship.io/tags/machine-learning/ What is ML https://www.ibm.com/cloud/learn/machine-learning Neural Networks https://towardsdatascience.com/a-beginners-guide-to-convolutional-neural-networks-cnns-14649dbddce8 ML Wiki https://en.wikipedia.org/wiki/Machine_learning 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font Topics Covered - Convolutional Neural Networks - Machine Learning Basics - How Data Science Works - Big Data and Feature Engineering - Artificial Intelligence History - Supervised Machine Learning

Productive programmers tend to be really good at Git. Take a look at 13 advanced git tips and tricks to supercharge your development workflow. 🔥 Enroll in the New Full Git Course https://fireship.io/courses/git/ 💰 Extra big 40% discount (expires in 1 week). Use code: oqBi9fWv Upgrade to PRO at https://fireship.io/pro #git #learntocode #tips 🔗 Resources The Full Git & GitHub Course https://fireship.io/courses/git/ Git Docs https://git-scm.com/ Git in 100 Seconds https://youtu.be/hwP7WQkmECE 📚 Chapters 00:00 Git Started 00:59 Combine add & commit 01:20 Aliases 01:38 Amend 02:03 Force Push 02:24 Revert 02:47 Codespaces 03:21 Stash 04:05 PC Master Branch 04:27 Pretty Logs 04:51 Bisect 05:14 Autosquash 06:18 Hooks 06:58 Destroy Things 07:41 Checkout to Last 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🏷️ Topics Covered - Git Shortcuts - Github Codespaces Cloud VSCode - Software Version Control - Dealing with Merge Conflicts - Git Merge & Rebase - How to Squash Commits

PostCSS is a tool that allows you to use modern CSS features like nesting and mixins, while supporting legacy browsers. Learn why this simple JavaScript library is one of the most popular tools in the web development industry. #css #webdev #100SecondsOfCode 🔗 Resources PostCSS Docs https://postcss.org/ Sass in 100 Seconds https://youtu.be/akDIJa0AP5c 📚 Topics Covered - PostCSS vs Sass - What is PostCSS? - How JavaScript plugins can transform CSS - Modern CSS features like nesting and mixins 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Build a decentralized chat app using the GUN JavaScript library. Learn how to use web3 technology to create a peer-to-peer graph database without traditional cloud computing providers. https://gun-chat-dapp.web.app/ #js #web3 #tutorial 🔗 Resources Live Demo: https://gun-chat-dapp.web.app/ View on Product Hunt: https://www.producthunt.com/posts/gun-2 Docs: https://gun.eco/ Source Code: https://github.com/fireship-io/gun-chat 📚 Chapters 00:00 Intro 00:56 How it Works 03:11 Setup 03:30 User Authentication 07:43 Chat Messages 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font Topics Covered - Pros and Cons of Web3 development - How to develop decentralized apps - WebRTC - End-to-End e2e encryption for chat - Using Svelte to build a chat UI

Tailwind is a utility-first CSS framework for building websites. It takes a functional approach to web design by providing thousands of tiny classes to use directly in your HTML. Learn why web developers love tailwind in this quick breakdown. 🔗 Resources Tailwind https://tailwindcss.com/ Tailwind Criticism https://dev.to/jaredcwhite/why-tailwind-isn-t-for-me-5c90 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Easily give your app users an awesome avatar image. Use the DiceBear tool to randomly generate svg graphics, like user initials, abstract patterns, and pixel art that will save many hours of design and development work. https://avatars.dicebear.com/ #shorts #webdev #design

Bash is the command line shell that you encounter when you open the terminal on most Unix operating systems, like MacOS and Linux. Learn how to create your own bash scripts to automate tasks on your computer. #linux #compsci #100SecondsOfCode 🔗 Resources Bash Reference https://www.gnu.org/software/bash/manual/bash.html Unix Shell History https://developer.ibm.com/tutorials/l-linux-shells/ Linux File System Explained https://youtu.be/42iQKuQodW4 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 📖 Topics Covered - Bash Programming Tutorial - Linux Command Line Basics - Bash Scripting - History of Unix Shells - Learn to Code with Bash

Learn how to design a website with curved or wavy backgrounds using HTML and CSS. Then take things to the next level by adding a morphing SVG animation with JavaScript https://fireship.io/lessons/wavy-backgrounds/ #webdev #css #tutorial 🔗 Resources Code https://github.com/fireship-io/wavy-curvey-blobby-website Shape Driver https://www.shapedivider.app/ Haikei App https://haikei.app/ 📚 Chapters 00:00 Wavy Web Design 00:49 Flat HTML Website 03:26 CSS Wave 05:51 CSS Bubble 06:21 SVG Wave 07:15 SVG Layered Wave 08:58 Animated Blob 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Software engineers can be very opinionated about their tools, patterns, and philosophies. Let’s react to some of the most controversial opinions from elite developers on Stack Overflow. 🔥 Grab some swag https://swag.fireship.io/ 🔗 Resources Original StackOverflow question https://stackoverflow.com/questions/406760/whats-your-most-controversial-programming-opinion Trillion Dollar Disaster https://betterprogramming.pub/object-oriented-programming-the-trillion-dollar-disaster-92a4b666c7c7 📚 Chapters 00:00 Controversial Opinions 00:45 Object-Oriented Programming 02:36 Love to Code 03:24 Lazy Programmers 04:14 Google 04:48 CS Degree 05:48 Bad Teachers 06:35 Unit Testing 07:20 The Customer 08:19 Comments 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🤓 Topics Discussed in this Video - Software Engineering Opinions - Object-oriented vs functional programming - Java, JavaScript, Flutter, and Unity - Coding Best Practices - Learning how to Code - Freelance Development

I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your next app https://github.com/fireship-io/10-javascript-frameworks #javascript #webdev #top10 🔗 Resources Full Courses https://fireship.io/courses/ Performance Benchmarks https://github.com/krausest/js-framework-benchmark Source code https://github.com/fireship-io/10-javascript-frameworks 📚 Chapters 00:00 JavaScript Frameworks 00:53 1. Vanilla 04:21 2. React 07:48 3. Angular 10:15 4. Vue 12:18 5. Svelte 14:16 6. Lit 16:11 7. Stencil 17:18 8. Solid 18:35 9. Alpine 20:17 10. Mithril 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Follow the science and learn to code faster with this unexpected skill that can literally increase white & gray matter in the brain. #shorts #science #learntocode Studies: https://www.ncbi.nlm.nih.gov/pmc/articles/PMC6670504/ https://www.ox.ac.uk/news/2009-10-12-juggling-enhances-connections-brain

The latest Firebase JavaScript SDK (version 9.0) has been rewritten as a functional library resulting far smaller bundle sizes for better web performance. Learn how to upgrade your Firebase web app https://fireship.io/courses/ #firebase #javascript #firstlook 🔗 Resources Get Started with Firebase https://youtu.be/q5J5ho7YUhA Firebase Blog https://firebase.googleblog.com/2021/07/introducing-the-new-firebase-js-sdk.html 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Nest is a progressive framework for building server-side applications and APIs with Node.js. It leverages TypeScript and a powerful CLI to ship reliable apps quickly https://fireship.io/tags/nest/ #js #webdev #100SecondsOfCode This video is NOT sponsored 🔗 Resources Nest on Github https://github.com/nestjs/nest Nest Docs https://docs.nestjs.com/ 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Terraform is an Infrastructure as Code (IAC) tool that can provision resources in the cloud. Learn how to setup terraform and connect it to cloud providers like AWS, Google Cloud, Azure, or Docker to automate your infrastructure https://github.com/hashicorp/terraform This video is NOT sponsored #cloud #code #100SecondsOfCode 🔗 Resources Terraform Install https://learn.hashicorp.com/tutorials/terraform/install-cli Terraform Google Cloud https://registry.terraform.io/providers/hashicorp/google/latest 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Did you know? Chrome has a cool experimental dev tool called CSS overview. #shorts #css #chrome

7 unique ways to deploy a server-side app to the cloud. Explore the tradeoffs between each node.js deployment option on Google Cloud Platform. https://fireship.io/tags/node/ #node #webdev #top7 This video is NOT sponsored. 🔗 Resources Google Cloud https://cloud.google.com/gcp Cloud Run Tutorial https://fireship.io/lessons/firebase-microservices-with-cloud-run/ Docker in 100 Seconds https://youtu.be/Gjnup-PuquQ Node.js Docs https://nodejs.org/en/ 📚 Chapters 00:00 Deployment ain't easy 00:42 Node.js App Tour 01:40 1. Server in your Garage 02:47 2. Cloud VM 04:06 3. App Engine Standard 05:45 4. App Engine Flex 06:23 5. Kubernetes 07:01 6. Cloud Functions 08:17 7. Cloud Run 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Astro is an open-source tool that can build static HTML websites using popular frontend JavaScript frameworks (React, Vue, Svelte), while loading fully interactive components as needed https://github.com/snowpackjs/astro #webdev #js #100SecondsOfCode This video is NOT sponsored. 🔗 Resources Astro https://astro.build/ Islands Architecture https://jasonformat.com/islands-architecture/ 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

MongoDB is the world’s most popular document database with powerful capabilities like full-text search, geospatial queries, data aggregation, and more https://bit.ly/3rbFIpG I collaborated with the team behind MongoDB Atlas to make this video happen (but I had full creative control). They were kind enough to give us $200,000 in cloud credits to pass along! 🚨 First 1000 people to use FIRESHIP200 get a $200 credit on Atlas #database #tech #100SecondsOfCode 🔗 Resources MongoDB Atlas https://bit.ly/3rbFIpG MongoDB on Github https://github.com/mongodb/mongo

Computer screens use red, green, and blue RGB as pixel colors, but why? They told us in kindergarten that RBY were the primary colors... #shorts #design #compsci

The web browser is one of the most sophisticated tools on the planet. Today we look at 21 tricks, tips, and lesser-known features in Chrome Dev Tools that will make your life easier as a web developer. https://fireship.io #webdev #chrome #tips 🔗 Resources Chrome Dev Tools Docs https://developer.chrome.com/docs/devtools/ Cool PWA Features Video https://youtu.be/ppwagkhrZJs Brave https://brave.com/ Visbug Extension https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc? 📚 Chapters 00:00 1. Design Mode 01:04 2. Command Palette 01:20 3. Screenshots 01:29 4. Visual Coverage 02:10 5. Dollar Sign Shortcut 02:37 6. Live Expression 02:53 7. Snippets 03:07 8. Redeclare variables 03:22 9. Copy Elements 03:50 10. Force State 04:12 11. Animation Timeline 04:30 12. Rendering FPS 04:51 13. Grid & Flexbox Editor 05:20 14. VisBug 05:32 15. Responsive Devices 05:49 16. Sensors 06:00 17. Lighthouse 06:21 18. Network Waterfall 06:51 19. Server Timing API 07:13 20. Performance 08:14 21. Memory Profile 08:51 Be Brave 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Redis is an extremely fast in-memory database often used as a cache. It has evolved into a multi-model database with support for graphs, JSON documents, full-text search, and more. Try Redis Enterprise for free https://bit.ly/3wnVsXA #database #tech #100SecondsOfCode Note. I collaborated with RedisLabs on this video, but I maintained full creative control over the content - Redis it’s a product I genuinely like and use (like all topics on my channel). 🔗 Resources Redis Modules: https://bit.ly/3ABCEHu Redis on Github: https://github.com/redis/redis

Memory leaks in JavaScript can slow down your website and create a bad user experience. Learn how to find JS memory leaks with Chrome dev tools. https://developer.chrome.com/docs/devtools/memory-problems/ #shorts #js #webdev

Ever wonder how DNS works? The Domain Name System is one of the most important Internet technologies, but few web developers understand how it actually works behind the scenes. https://fireship.io #webdev #compsci #100SecondsOfCode 🔗 Resources What is DNS https://www.cloudflare.com/learning/dns/what-is-dns/ Domain Name System https://en.wikipedia.org/wiki/Domain_Name_System 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of GitHub Copilot - an AI-powered tool for writing code faster. It is built on top of OpenAI’s GPT-3 model and uses training data from public places like StackOverflow to suggest and write code automatically. #ai #code #firstlook 🔗 Resources Copilot https://copilot.github.com/ OpenAI https://openai.com/blog/gpt-3-apps/ GPT3 Graphics https://jalammar.github.io/how-gpt3-works-visualizations-animations/ 📚 Chapters 00:00 GitHub Copilot 01:14 First Look in VS Code 04:38 The Truth about AI Programming 07:20 Replace Developers with AI 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

TypeScript Tip! Merge union types into every possible combination using template literal types. #shorts #js #typescript Docs https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html

Amazon Web Services (AWS) is the world's largest and most complex cloud with over 200 unique services. Learn about the top 50 cloud products in just ten minutes. https://fireship.io/pro #aws #cloud #top50 🔗 Resources AWS Products https://aws.amazon.com/products/ Format inspired by this Adobe video https://youtu.be/7W0ISI3yqwo 📚 Chapters 00:00 AWS Origin 00:34 RoboMaker 00:40 IoT Core 00:46 Ground Station 00:53 Quantum Computing 01:00 EC2 01:26 Load Balancer 01:39 Cloud Watch 01:47 Auto Scale 01:56 Beanstalk 02:21 Lightsail 02:40 Lambda 03:07 Serverless Repos 03:16 Outposts 03:25 Snow 03:39 ECR 03:56 ECS 04:09 EKS 04:15 Fargate 04:27 App Runner 04:41 S3 04:59 Glacier 05:06 Block Storage 05:19 EFS 05:32 SimpleDB 05:48 DynamoDB 05:59 DocumentDB 06:13 ElasticSearch 06:21 RDS 06:36 Aurora 06:58 Neptune 07:06 ElasticCache 07:16 TimeStream 07:28 QLDB 07:38 Redshift 08:05 Lake Formation 08:21 Kinesis 08:31 EMR 08:43 MSK 08:52 Glue 09:16 Data Exchange 09:31 Sagemaker 09:53 Rekognition 10:02 Lex 10:10 Deep Racer 10:18 IAM 10:33 Cognito 10:45 Notifications 10:52 SES 10:56 CloudFormation 11:08 Amplify 11:20 Budget 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Can you use Google Sheets as a database? Learn how to build a Next.js app using a spreadsheet as the data layer https://fireship.io/lessons/google-sheets-database-nextjs/ #googlesheets #js #webdev 🔗 Resources Source Code https://github.com/fireship-io/google-sheets-database Google APIs PRO Lesson https://fireship.io/lessons/google-apis-node-tutorial/ Next.js Full Course https://fireship.io/courses/react-next-firebase/ Google Sheets https://www.google.com/sheets/about/ 📚 Chapters 00:00 Google Sheets Database? 00:35 Pros & Cons 01:15 Create a Spreadsheet 01:49 Create Next.js App 02:40 Ways to Authenticate Google APIs 03:34 GCP Service Account 04:36 Next Env Variables 05:07 Google API Auth 06:07 Query the Speadsheet 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Flutter makes it possible to deploy your code to iOS, Android, MacOS, Windows, and the Web. But what are the pros and cons of cross-platform development? https://fireship.io/tags/flutter/ #flutter #code #dev 🔗 Resources Flutter Web https://flutter.dev/web Flutter Desktop https://flutter.dev/desktop 📚 Chapters 00:00 Cross-Platform Development 01:08 Build 5 Apps 05:48 Flutter Pros & Cons 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Learn how to use Emmet to write HTML code faster in VS Code https://docs.emmet.io/cheat-sheet/ #shorts #html #programming Collect all the VS Code speed tips here https://youtu.be/ifTF3ags0XI

What is a JavaScript Closure? Learn the how closures allow functions to "remember" outside their local scope https://fireship.io/tags/javascript/ #js #programming #100SecondsOfCode 🔗 Resources MDN Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures My Favorite Closure Explanation https://stackoverflow.com/a/36879264/3808414 Interview Question https://dmitripavlutin.com/simple-but-tricky-javascript-interview-questions/ 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

What is a floating point number? And why does it produce rounding errors for programmers? #shorts #compsci #math Learn something? Keep the content flowing https://github.com/sponsors/codediodeio Resources: https://engineering.fb.com/2018/11/08/ai-research/floating-point-math/ https://0.30000000000000004.com/ https://floating-point-gui.de/formats/fp/

Learn 25 VS Code tips and tricks that will help you write code faster. Try out awesome new features and extensions that turn your editor into a full-blown IDE. https://fireship.io/pro #vscode #learntocode #programming Support me for $1 on github https://github.com/sponsors/codediodeio 🔗 Resources VS Code https://code.visualstudio.com/ Remote Repositories https://code.visualstudio.com/blogs/2021/06/10/remote-repositories vim Tutorial https://youtu.be/-txKSRn0qeA 📚 Chapters 00:00 Intro 00:35 1. VS Code CLI 01:03 2. Release the Mouse 01:45 3. Command Palette Ctrl+P 02:10 4. Run Commands 02:25 5. Quokka 02:43 6. Find Symbols with @ 03:14 7. Find symbols with # 03:36 8. Move Around Quickly 04:07 9. Multiline Editing 04:23 10. Auto Rename Tag 04:47 11. Delete or move a line 05:16 12. Highlight & Comment Lines 05:39 13. JS Doc Extension 06:07 14. Better Comments 06:20 15. Integrated Terminal 07:14 16. Tasks 07:38 17. Git Source Control 08:26 18. Git Lens Extension 08:40 19. Remote Repositories 09:14 20. Remote SSH & Containers 09:31 21. Custom Snippets 10:01 22. Community Snippets 10:13 23. Auto-create directories 10:29 24. Paste as JSON 10:50 25. Rename Symbol 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Learn how Hasura can instantly turn your SQL database into a GraphQL API. https://github.com/hasura/graphql-engine This video is NOT sponsored. #graphql #api #100SecondsOfCode 🔗 Resources Hasura https://hasura.io/ GraphQL https://graphql.org/learn/ 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Async Await is heaven... until error handling comes into play. Learn how to avoid try/catch hell when writing async JavaScript code. #shorts #js #programming

GUN is a decentralized graph database (or graph synchronization protocol) . Learn how to use the GUN JavaScript API and start writing data to your own peer-to-peer network. https://github.com/amark/gun #js #database #100SecondsOfCode 🔗 Resources GUN https://gun.eco/ Bitcoin in 100 Seconds https://youtu.be/qF7dkrce-mQ 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Test-Driven Development (TDD) is a proven prevent bugs and improve the quality of your code - and it's fun! Learn the fundamentals of JavaScript testing in this beginner's tutorial. https://github.com/fireship-io/tdd-basics-project #js #webdev #tutorial 🔗 Resources Wallaby (20% discount) https://bit.ly/34KDnHP Jest https://jestjs.io/ Cypress https://www.cypress.io/ Software Testing in 100 Seconds https://youtu.be/u6QfIXgjwGQ 📚 Chapters 00:00 Why Test? 01:13 Test-Driven Development (TDD) Philosophy 02:07 Functional Testing 03:40 Non-Functional Testing 03:53 JS Interview Question 04:12 Setting up Jest 06:04 Writing your First Test 09:05 Setup & Teardown 10:29 Code Coverage Report 10:57 Cypress E2E 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Everything you need to know to become a fullstack developer in 2021 #javascript #learntocode #shorts

When you develop software, it's a good idea to make sure it works by testing it. Test-Driven Development (TDD) can help you understand your code and decrease bugs. https://fireship.io/tags/testing/ #software #tech #100SecondsOfCode 🔗 Resources Testing overview https://en.wikipedia.org/wiki/Software_testing Jasmine https://jasmine.github.io/ Software testing study https://www.researchgate.net/publication/256991987_A_survey_of_software_testing_practices_in_Canada 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of Three.js - a tool for building amazing 3D graphics with JavaScript. In this tutorial, we create an animated 3D scrolling animation for a portfolio website https://github.com/fireship-io/threejs-scroll-animation-demo #3D #webdev #js 🔗 Resources Three.js Docs https://threejs.org/ WebGL Overview https://youtu.be/f-9LEoYYvE4 Inspiration https://atelier.net/virtual-economy/ Scrolling Animation with Three.js 📚 Chapters 00:00 Mindblowing 3D Websites 00:42 What we’re building 01:19 What is Three.js 02:12 Project Setup 03:35 Scene 03:52 Camera 04:28 Renderer 05:07 Geometry 05:28 Material 06:02 Mesh 06:16 Animation Loop 07:13 Lighting 08:45 Three.js Helpers 09:17 Orbit Controls 09:56 Random Generation 11:05 Scene Background 11:37 Texture Mapping 12:57 Scroll Animation 14:36 CSS Grid 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

WebGL makes it possible to render GPU-accelerated 3D graphics on the web. Learn the basics of 3D theory and rendering pipelines for complex graphics and animations https://fireship.io #webdev #3d #100SecondsOfCode 🔗 Resources WebGL https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API Rendering Pipeline https://duriansoftware.com/joe/an-intro-to-modern-opengl.-chapter-1:-the-graphics-pipeline Three.js https://threejs.org/ Spline https://spline.design 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Learn how the central processing unit (CPU) works in your computer. Compare performance and processor architecture between the Intel and Apple Silicon M1 chips with @Alexander Ziskind #compsci #tech #100SecondsOfCode 🔥 Subscribe to Alex's Channel 🔥 https://www.youtube.com/channel/UCajiMK_CY9icRhLepS8_3ug 🔗 Resources Apple Silicon Breakdown https://www.macrumors.com/guide/apple-silicon/ Visual CPU http://visual6502.org/ Clock Speed https://www.intel.com/content/www/us/en/gaming/resources/cpu-clock-speed.html 📚 Chapters 00:00 How a CPU Works 01:06 Instruction Cycle 02:25 Apple M1 vs Intel i9 06:10 Performance Benchmarking 9:06 Best Dev Stacks for M1 10:12 Worst Stacks for M1 11:55 Final Summary 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Supabase is a new open-source "Firebase Alternative". Let's compare features, pricing, and the developer experience to see how Supabase stacks up to Firebase https://fireship.io #cloud #firebase #review 🔗 Resources Supabase https://supabase.io/ Firebase https://firebase.google.com/ 📚 Chapters 00:00 Supabase vs Firebase 00:50 Feature Parity 01:17 Vendor Lock In 01:49 Authentication 02:35 Security 03:11 Database 04:54 Realtime 05:39 Pricing 07:21 Is Supabase Legit? 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of Sass (SCSS) or syntactically awesome stylesheets. Sass is a language and complier the can make your CSS code more efficient and programmatic https://fireship.io/tags/css/ #css #webdev #100SecondsOfCode 🔗 Resources Sass Docs https://sass-lang.com/documentation CSS Top 10 Pro Tips https://youtu.be/Qhaz36TZG5Y Bracket Pair Colorizer https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

I use arch, btw #linux #comedy #shorts

Use “Ethical Hacking” or penetration testing to find exploits in your web app before the bad guys do. Featuring @Dev Academy to go beyond 100 seconds to explain the purpose of CORS http://links.dev-academy.com/6aP #hacking #webdev #100SecondsOfCode 🛡️ Web Security Course 40% Discount with code: FIRESHIP_40 http://links.dev-academy.com/6aP 🔗 Resources OWASP Top 10 https://owasp.org/www-project-top-ten/ Burp Suite https://portswigger.net/burp CORS in 100 Seconds https://youtu.be/4KHiSt0oLJ0 📚 Chapters 00:00 Ethical Hacking with Burp Suite 02:01 Why do we need CORS? 05:48 Same Origin Policy Example

Learn how to setup React with TypeScript. Compare the pros and cons of using TypeScript in an React project. Learn more in the full course 👉 https://fireship.io/courses/react-next-firebase/ #js #react #typescript 🔗 Resources Full TypeScript Video https://youtu.be/ahCwqrYpIuM TS Docs https://www.typescriptlang.org/ Create React App with TS https://create-react-app.dev/docs/adding-typescript/ 🤓 Install the quiz app iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp 🔥 Get more with Fireship PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

JOIN me for a full beginner’s tutorial on MySQL. Learn the basics of relational databases by recreating AirBnb’s database with raw SQL https://fireship.io/tags/sql/ Buy the MySQL Pillow https://fireshipio-swag.creator-spring.com/listing/mysql-pillow References Diagram https://drawsql.app/fireship/diagrams/airbnb-mysql-tutorial Installer https://dev.mysql.com/downloads/installer/ MySQL Docs https://dev.mysql.com/doc/ #mysql #database #tutorial 00:00 0. SQL is King 00:49 1. The Legend of Ted Codd 01:24 2. ORM Magic 02:00 3. What is a RDBMS? 02:37 4. Draw SQL Diagrams 02:56 5. Schemas, Datatypes, & Constraints 04:12 6. Be Normalized 05:00 7. Install MySQL on Windows/Mac 05:50 8. Create a New Database 06:13 9. SQLTools VS Code Extension 06:46 10. --comments 07:02 11. Basic SQL Syntax 08:04 12. Primary Key 08:31 13. Varchar vs Text 09:31 14. INSERT New Data 10:28 15. Read or SELECT Data 10:57 16. LIMIT & ORDER 11:23 17. Filtering with WHERE 11:50 18. LIKE pattern matching 12:19 19. INDEX for read speed 12:56 20. JOIN a relationship 15:41 21. Alias AS 16:08 22. JOIN through a middle man 16:58 23. DROP a video Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn 3 awesome CSS tips and tricks submitted by viewers like you. Watch the original Top Ten CSS Pro Tips 👉 https://youtu.be/Qhaz36TZG5Y #css #tips 00:00 Responsive relative units 00:58 The ch clamp trick 01:28 HSL color magic 02:25 Scroll padding quick fix Character Clamp Trick https://web.dev/min-max-clamp/ Yay, my comment was featured as a tip! Send an email to "helloATfireship.io" from the same account used to comment. I will respond with a form to redeem the shirt. Or DM me on slack https://fireship.page.link/slack My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Svelte is a JS library for building reactive UI components. But unlike React, Angular, and Vue, it does not ship a runtime like Virtual DOM to the browser https://svelte.dev/ Also see... Full Svelte Tutorial https://fireship.io/lessons/svelte-v3-overview-firebase/ Svelte Kit https://svelte.dev/blog/sveltekit-beta #js #webdev #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

The best comments explain WHY your code exists, not what it does #code #comedy #shorts Inspiration: https://stackoverflow.com/questions/184618/what-is-the-best-comment-in-source-code-you-have-ever-encountered

Top 10 CSS Pro Tips to make your life as a web developer more productive. Some of the best programmers say CSS is too hard… but you might be surprised at how modern techniques can dramatically improve your code. https://fireship.io/tags/css/ 00:00 CSS is too hard (myth) 00:56 1. Learn the box model 02:00 2. Firefox is Amazeballs 02:31 3. Flexbox is Fantastic 03:34 4. Grid is Great 04:23 5. Clamp it Down 05:09 Bonus: Impress your Boss 05:30 6. Aspect Ratio One-Liner 06:01 7. Variables for variables 06:46 8. Fancy Calculations 07:38 9. State Management Counter 08:18 10. Finding focus-within 09:01 Bonus: Treat an Incurable Disease #css #learntocode #top10 Box Model https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model Focus-within CSS dropdown https://fireship.io/snippets/basic-css-dropdown-menu/ Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Make it look like an SVG is hand-drawn by using CSS to animate the stroke of a path. SVG in 100 Seconds: https://youtu.be/emFMHH2Bfvo Full SVG Animation Tutorial: https://youtu.be/UTHgr6NLeEw #css #webdev #shorts

Learn the fundamentals of Structured Query Language SQL! Even though it's over 40 years old, the world's most popular databases still run on SQL. Foreign key basics https://docs.microsoft.com/en-us/sql/relational-databases/tables/create-foreign-key-relationships #dev #database #100SecondsOfCode Draw SQL Diagrams https://drawsql.app/ Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

How do you center a div with CSS? Top 3 ways to answer this age old question. #css #webdev #shorts

Learn how to accept cryptocurrency payments, like $BTC or $ETH, in your webapp with Coinbase Commerce. https://fireship.io/lessons/crypto-payments-web-firebase 💰 Free money! Get $10 when you use this link https://fireship.page.link/coinbase *This video is not sponsored and I had no contact with Coinbase Resources: Coinbase Commerce https://commerce.coinbase.com Cloud Functions Docs https://firebase.google.com/docs/functions Source code: https://github.com/fireship-io/coinbase-cloud-functions 00:00 Why accept crypto? 00:32 How crypto payments work 01:55 Coinbase commerce setup 03:17 Create Charges 05:49 React with Webhooks #crypto #bitcoin #tutorial My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Are you a JS developer with a full hard drive? Learn a powerful command 🥋 to analyze and delete all your "node modules" folders quickly. #js #webdev #shorts Official docs https://npkill.js.org/

Cross-Origin Resource Sharing or CORS is a mechanism that allows browsers to request data from 3rd party URLs (or origins) and is a common pain point for web developers. Learn the basics of CORS in 100 seconds. Full Tutorials Use CORS in Firebase Cloud Functions https://fireship.io/lessons/secure-firebase-cloud-functions/ Helpful CORS Resources https://web.dev/cross-origin-resource-sharing/ https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS #webdev #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Roko's Basilisk is a thought experiment about the emergence of super-intelligent AI. Even if a god-like machine is benevolent, it may be naturally motivated to take revenge on those who stood in it's way. Why? Because fear will motivate the humans of today to build the AI faster. Now that you know, your only reasonable action is to help the AI emerge. #ai #ml #shorts Source: https://www.lesswrong.com/tag/rokos-basilisk

Learn 7 useful SVG animation techniques to make beautiful graphics for your website. In this tutorial, we'll build two different SVGs from scratch and animate them CSS. Source code: https://github.com/fireship-io/animated-svg-demo 00:00 What we're building 00:42 What is an SVG? 02:22 1. Chrome Animation Inspector 03:11 2. Drawing Groups 05:10 3. Duotone CSS Variables 06:30 4. Transition Animations 07:41 5. JS events 08:36 6. Keyframe Animations 10:11 7. Animation Staggering #css #animation #tutorial Also see... SVG in 100 Seconds https://youtu.be/emFMHH2Bfvo CSS Keyframe Animation https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes SVG Docs https://developer.mozilla.org/en-US/docs/Web/SVG Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Use the Chrome browser's animation dev tools to record, analyze, and reverse engineer CSS animations. #css #webdev #shorts Official docs https://developer.chrome.com/docs/devtools/css/animations/

What are Scalable Vector Graphics 🤏? How are vector images different than raster images? Learn the fundamentals of SVG in 100 seconds! Learn more about web design, SVG, and CSS in this tutorial: https://fireship.io/lessons/css-cards-animated/ References: Star Wars Animation https://codepen.io/nerdmanship/pen/ZLoyPG Path Docs https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths #webdev #html #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

How do I become a web developer? IMO, the best way to learn web development is to build something meaningful, over and over again. 1. Come up with an app idea 2. Fail trying to build it 3. Fill in gaps with free tutorials 4. Repeat #webdev #learntocode #shorts

Why are there so many Linux distros? Take a brief journey through the history of Linux to understand hundreds of different distros exist today https://fireship.io/ 00:00 In the Beginning 01:10 GNU + Linux 02:44 What is a Distro? 03:29 Slackware 03:48 Debian 05:30 Redhat 06:17 Arch 06:59 Independent Distros 07:58 Bonus Mindblower #linux #dev #history References: Linux https://www.linux.org/ 96.3% of servers run Linux https://www.zdnet.com/article/can-the-internet-exist-without-linux/ Torvalds uses Fedora https://www.zdnet.com/article/look-whats-inside-linus-torvalds-latest-linux-development-pc/ GNU/Linux Unified Logo https://www.reddit.com/r/linux/comments/2a8xvf/solved_gnulinux_unified_logo_3/ Linux Army https://www.reddit.com/r/linuxmasterrace/comments/29718s/linux_army_anyone/ Distro Timeline https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg

Use path mapping to avoid fumbling over long relative module imports in your JavaScript code. Just create a JSconfig.json file in VS Code, or use an existing TSconfig. #webdev #js #shorts See it in action in the full Next.js Course source code https://fireship.io/courses/react-next-firebase/ Official VS Code docs https://code.visualstudio.com/docs/languages/jsconfig

7 examples of Linux jargon that are commonly mispronounced. Learn to say them correctly or else risk looking like a noob. 1. GNU (Guh-New) 2. GNOME (Guh-Nome) 3. Ubuntu (Ooh-boon-two) 4. Debian (Deb-ian) 5. Mate (Mah-tay) 6. Suse (Sue-sa) 7. Sudo (Sue-due) #linux #learntocode #shorts

Serverless Computing can dramatically simplify your backend infrastructure by eliminating the need to configure, maintain, and scale servers. Go beyond 100 seconds with @FilledStacks to build a production-ready backend with Firebase Cloud Functions. Subscribe to FilledStacks 🔥👉 https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q 00:00 Serverless Explained 01:50 Build a Complex Cloud Functions Backend Popular Serverless Solutions: AWS Lambda https://aws.amazon.com/lambda/ Google Cloud Functions https://cloud.google.com/functions Azure Functions https://azure.microsoft.com/en-us/services/functions/ #cloud #firebase #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Want to build your own peer-to-peer video chat app? WebRTC is a technology that creates a realtime connection between browsers where users can exchange audio/video streams https://fireship.io/lessons/webrtc-firebase-video-chat/ 00:00 WebRTC Explained 02:01 Build your own Video Chat 3:37 Code setup 04:34 Peer Connection & Webcam 06:49 Offer Signaling 09:45 Answer Signaling Source Code https://github.com/fireship-io/webrtc-firebase-demo Useful Resources WebRTC Docs https://webrtc.org/ Codelab https://webrtc.org/getting-started/firebase-rtc-codelab Signaling https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling #webdev #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of Bitcoin ₿ in 100 seconds, then build your own blockchain from scratch with Node.js and TypeScript https://github.com/fireship-io/node-blockchain Support the Cause Send me some BTC: 13pEjpLf3taeezGkLpn2CMi2YNxaBF7rVZ Sponsor me on Github for $1 https://github.com/codediodeio References How Bitcoin Works https://bitcoin.org/en/how-it-works Original White Paper https://bitcoin.org/bitcoin.pdf Source code https://github.com/fireship-io/node-blockchain #bitcoin #blockchain #js Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

#FOMO fear of missing out, is the social anxiety you feel when you're not invited to the cool new social media Clubhouse. Turn your fomo into jomo by coding up invite-only phone authentication with React & Firebase https://fireship.io/lessons/invite-only-firebase-phone-auth Source code: https://github.com/fireship-io/invite-only-phone-auth Firebase Phone Auth: https://firebase.google.com/docs/auth/web/phone-auth Clubhouse App: https://apps.apple.com/us/app/clubhouse-drop-in-audio-chat/id1503133294 #tech #dev Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

What is an API? What is REST? Learn how an Application Programming Interface (API) can adhere to Representational State Transfer (REST) to enable reliable communication between apps https://fireship.io/tags/node/ 👕 Best comment wins a free T-shirt (read fine print at end of video) Open API Spec https://swagger.io/specification/ Request Methods https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods #api #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the fundamentals of Dgraph - an open-source Graph Database that implements GraphQL as its query language 🚀 https://bit.ly/3qc2Nac #database #graphql #100SecondsOfCode References: Try Dgraph for free https://bit.ly/3qc2Nac Dgraph on Github https://github.com/dgraph-io/dgraph What is a Graph Database? https://en.wikipedia.org/wiki/Graph_database

What is GraphQL? Learn how it compares to REST and why developers love this query language for reading and mutating data in APIs https://fireship.io/tags/graphql GraphQL API Docs https://graphql.org/ SpaceX GraphQL API https://api.spacex.land/graphql/ #dev#graphql #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Linux is a cryptic labyrinth of directories defined my Filesystem Hierarchy Standard (FHS). Learn the purpose of the most common Linux directories in 100 seconds https://fireship.io/tags/linux/ 00:00 Filesystem Hierarchy Standard 00:10 / 00:15 /bin 00:30 /sbin 00:38 /lib 00:42 /usr/bin 00:54 /usr/local/bin 01:05 PATH 01:20 /etc 01:34 /home 01:58 /boot 02:02 /dev 02:12 /opt 02:17 /var 02:24 /tmp 02:29 /proc #linux #dev #100SecondsOfCode Linux https://fireship.io/tags/linux/ FHS https://en.wikipedia.org/wiki/Filesystem_Hierarchy_Standard Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Vim is a keyboard-based text editor that can improve your productivity when writing code. Learn more in the Vim for VS Code course https://bit.ly/370N7Pr Special Thanks to Joe Previte! https://twitter.com/jsjoeio Vim history https://en.wikipedia.org/wiki/Vim_(text_editor) Vim cheatsheet https://vim.rtorr.com/ #vim #dev #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the fundamentals of Search Engine Optimization (SEO) from the perspective of a web developer. Determine the optimal way to structure and render HTML for bots https://fireship.io/courses/react-next-firebase/ PRO Membership Discount 30% Code: fZGT5HZT *Discount Expires on Friday 2/12 Technical overview https://developers.google.com/web/updates/2019/02/rendering-on-the-web ISR https://nextjs.org/docs/basic-features/data-fetching#incremental-static-regeneration #webdev #seo #100SecondsOfCode My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

What are dotfiles? Take to take your developer productivity to the next level 🥋👊 by automating the setup of your computer. Go beyond 100 seconds with special guest Patrick McDonald to setup your own dotfiles repo from scratch http://dotfiles.eieio.xyz/ What are dotfiles? https://wiki.archlinux.org/index.php/Dotfiles Example repo https://github.com/mathiasbynens/dotfiles Full Dotfiles Course http://dotfiles.eieio.xyz/ #dev #learntocode#100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

ElasticSearch recently dropped its open-source licensing strategy, prompting AWS to fork it. Learn how "Open Source" actually works and how companies profit from it. Follow me on twitter https://twitter.com/fireship_dev 00:00 ElasticSearch vs AWS Drama 04:43 What is Open Source? 06:40 How to make money with OSS AWS's Side https://aws.amazon.com/it/blogs/opensource/stepping-up-for-a-truly-open-source-elasticsearch/ Elastic's Side https://www.elastic.co/blog/why-license-change-AWS Open Source Initiative https://opensource.org/ #aws #elasticsearch #tech Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how the question mark "?" in JavaScript provides syntactic sugar in three powerful ways. https://fireship.io/courses/javascript/ 00:00 Ternary Operator 01:15 Optional Chaining 01:45 Nullish Coalescing Ternary https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator Optional Chaining https://github.com/tc39/proposal-optional-chaining Nullish Coalescing https://github.com/tc39/proposal-nullish-coalescing #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

What is a Raspberry Pi? Learn about all the parts and capabilities of the world's most popular tiny computer. https://fireship.io/tags/rpi https://www.raspberrypi.org/ #raspberrypi #learntocode #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

React hooks provide a highly-efficient was to tap into framework features and organize reactive logic. Learn how use every built-in React hook https://fireship.io/courses/react-next-firebase/ 00:00 Why React Hooks? 02:20 useState 03:50 useEffect 05:55 useContext 06:58 useRef 07:58 useReducer 09:27 useMemo 10:12 useCallback 10:40 useImperativeHandle 11:18 useLayoutEffect 11:43 useDebugValue & Custom Hooks #webdev #js #react Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to host your website on a Raspberry Pi 4 after your app gets booted from Amazon Web Services (AWS) https://fireship.io #aws #rpi #tech Raspberry Pi https://www.raspberrypi.org/ AWS & Parler https://www.buzzfeednews.com/article/johnpaczkowski/amazon-parler-aws Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Make your code more concise and readable by learning destructuring assignment in JavaScript in 100 seconds https://fireship.io/courses/javascript/ #webdev #js #100SecondsOfCode MDN Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Seven lesser-known web features that you can implement into a progressive web app (PWA) 🤳. https://fireship.io/lessons/pwa-top-features/ 🙏 Special thanks to François Beaufort, check out his awesome work here https://web.dev/authors/beaufortfrancois/ PWA Features https://web.dev Source Code https://github.com/fireship-io/7-pwa-features-demo #webdev #pwa #javascript 00:00 Intro 00:34 App Shortcuts 01:16 Contact Picker 02:32 Geolocation & Device Motion 03:39 External Devices 05:06 Idle Detection 06:14 File System 07:46 Web Share 09:10 PWA Limitations Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of Next.js in 100 Seconds! Then build your first server-rendered react app with a full Next.js beginner's tutorial. https://fireship.io/courses/react-next-firebase #react #webdev #100SecondsOfCode Next.js Docs https://nextjs.org/ Source Code https://github.com/fireship-io/nextjs-basics Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Progressive Web Apps (PWA) deliver a native app-like experience on the web. Learn how to analyze and implement service workers to make your web app installable. Build complete PWAs with me here 👉 https://fireship.io/tags/pwa/ What are PWAs? https://web.dev/what-are-pwas/ Workbox https://developers.google.com/web/tools/workbox 00:00 What is a PWA 02:03 Tools of the Trade 04:26 Build a PWA from Scratch #webdev #pwa #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Out-of-control cloud computing becomes very expensive very quickly 💸. Learn how a startup racked up a $72K bill in just 2 hours on Google Cloud. Tips to control costs on AWS, GCP, and Azure services that are priced to scale. Thank you to https://announce.today for sharing your story! #cloud #dev #learntocode References How we Burnt 72K https://blog.tomilkieway.com/72k-1/ GCP Budget Pub/Sub https://cloud.google.com/billing/docs/how-to/budgets AWS Budget Alerts https://aws.amazon.com/about-aws/whats-new/2020/10/announcing-aws-budgets-actions/ Courses Security https://fireship.io/courses/firebase-security Data Modeling https://fireship.io/courses/firestore-data-modeling Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 00:00 Hello World 00:49 $72k in 2 Hours 02:47 My AWS Story 03:35 Budget Kill Switch 04:32 Cloud Overflow 05:17 Scale Down 06:32 Bad Algorithms 08:02 Security

Learn the fundamentals of WebSockets in 100 seconds, then build a simple group chat app with Socket.io. https://fireship.io Sponsor me on Github for $1.00 https://github.com/codediodeio Source Code https://github.com/fireship-io/socketio-minimal-demo.git - WebSockets https://developer.mozilla.org/en-US/docs/Web/API/WebSocket - socket.io https://socket.io #webdev #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

2020 was an awesome year for tech, but next year might be even better! Let’s check out some trends & predictions for developers going into 2021. Sponsor me on Github for $1.00 https://github.com/codediodeio References: Remote Work Predictions https://twitter.com/chris_herd/status/1334842553561198593 GPT-3 https://arxiv.org/abs/2005.14165 College Degree not Required https://www.cnbc.com/2018/08/16/15-companies-that-no-longer-require-employees-to-have-a-college-degree.html JS Framework Fatigue https://medium.com/@reverentgeek/choose-your-own-framework-the-curse-of-javascript-fatigue-846562be5d17 00:00 2020 Highlights 00:46 Remote Work 01:51 Web & JavaScript 03:44 WASM + PWAs 04:52 AI 05:41 Nocode 06:39 Serverless 07:56 Black Swan Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

🛡️ Secure your Firebase app in 100 Seconds! Learn the basics of Firestore Rules then enroll in my Firebase Security Course https://fireship.io/courses/firebase-security/ #firebase #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics if TypeScript in 100 Seconds! If you love TS, upgrade to Fireship PRO for 40% off using code mbus5Kcj at https://fireship.io/pro TypeScript docs https://www.typescriptlang.org/ #typescript #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the meaning of 7 fancy, yet important, programming terms before your next technical interview https://fireship.io 00:00 Intro 00:58 Idempotent 02:08 Ephemeral 03:16 Anonymous 04:13 Predicate 05:10 Memoization 05:59 Abstraction 07:06 Serialization Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Use Web Assembly to build an app that converts video files to GIF (using FFmpeg), entirely from a frontend React JavaScript application. https://fireship.io/lessons/wasm-video-to-gif/ Source Code: https://github.com/fireship-io/react-wasm-gif-maker FFmpeg.wasm https://ffmpegwasm.github.io/ #wasm #webdev #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the difference between session and token-based authentication on the web. Master Web Security in 12 weeks 👉 https://websecurity-academy.com/?aff=487495_h0fjhwrd Enroll before the deadline on 31st Oct (Saturday). #web #security #100SecondsOfCode

Learn the fundamentals of Web Assembly in 100 Seconds, then build your first WASM binary with AssemblyScript. https://fireship.io - WASM Docs https://developer.mozilla.org/en-US/docs/WebAssembly - Figma's Story https://www.figma.com/blog/webassembly-cut-figmas-load-time-by-3x/ - AssemblyScript https://www.assemblyscript.org/ #webdev #wasm #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

What is a Module Bundler? And why do I need one? Learn how tools like Webpack, Rollup, Parcel, and Snowpack can package your code as a production-ready web application. https://fireship.io Webpack https://webpack.js.org/ Snowpack https://www.snowpack.dev/ Sponsor me for $1 https://github.com/codediodeio #webdev #tutorial #javascript Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how NGINX is used a web server, reverse proxy, load balancer, and HTTP cache to handle the demands of high traffic sites. https://nginx.org #nginx #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of FaunaDB by modeling a social graph in this beginner-friendly database tutorial. https://fireship.io/lessons/fauna-db-quickstart Fauna https://fauna.com Source Code https://github.com/fireship-io/faunadb-basics Sponsor me for $1 on github https://github.com/codediodeio #faunaDB #serverless #database Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of Kubernetes and how it's used to scale containers to massive workloads in the in cloud, in 100 seconds. https://fireship.io/tags/docker/ Docker in 100 Seconds https://youtu.be/Gjnup-PuquQ Full docker Tutorial https://youtu.be/gAkwW2tuIqE Official Kube docs https://kubernetes.io/ #docker #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Build a secure feature-complete chat app with React & Firebase in 7 minutes. Try it out 👉 https://fireship-demos.web.app/ Source Code: https://github.com/fireship-io/react-firebase-chat ReactFire Game Lobby by Jarrett Helton: https://fireship.io/lessons/game-lobby-with-firebase-reactfire/ #react #js #firebase Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

jQuery is the world's most popular JavaScript library (by far) in terms of sites using it in production today. Learn the basics of jQuery in 100 seconds. Docs https://api.jquery.com/ #js #webdev #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

A beginner's tutorial for building an 🃏 animated stacked card list with CSS & HTML. Inspired by css-tricks homepage. https://fireship.io/lessons/css-cards-animated/ Inspired by https://CSS-tricks.com homepage Source https://github.com/fireship-io/stacked-card-list 00:00 Intro 00:36 Layout 02:55 Shadows 03:20 Scrollbar 03:55 Animation 05:30 SVG Semicircle 07:48 Gradient Text #css #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Angular is arguably the most advanced frontend JavaScript framework ever created. Learn the basics of Angular in 100 Seconds. https://fireship.io/courses/angular/ Docs https://angular.io #webdev #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

React is a little JavaScript library with a big influence over the webdev world. Learn the basics of React in 100 Seconds https://fireship.io/tags/react/ How I make these Videos https://youtu.be/N6-Q2dgodLs #react #webdev #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn about seven different database paradigms and what they do best. https://fireship.io/lessons/top-seven-database-paradigms/ 00:00 Intro 00:45 Key-value 01:48 Wide Column 02:47 Document 04:05 Relational 06:21 Graph 07:22 Search Engine 08:27 Multi-model #learntocode #data Learn more about MeiliSearch https://fireship.io/lessons/meilisearch-firebase-google-cloud/ Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the fundamentals of the OSI model for computer networking in 100 seconds. https://fireship.io #compsci #100SecondsOfCode OSI Model https://en.wikipedia.org/wiki/OSI_model Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

A complete introduction to Docker. Learn how to Dockerize a Node.js and run manage multiple containers with Docker Compose. https://fireship.io/lessons/docker-basics-tutorial-nodejs 00:00 What is Docker? 01:54 Installation & Tooling 02:40 Dockerfile 06:06 Build an Image 07:12 Run a Container 08:52 Debugging 09:35 Docker Compose Source code https://github.com/fireship-io/fireship.io Official Docker https://www.docker.com #LearnToCode #Docker Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

🐳 Docker is a required skill for almost every developer in today's world. Learn the basics of Dockerfiles, images, and containers in 100 seconds. https://fireship.io Docker Docs https://docs.docker.com/ #docker #dev #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Building an app for iOS and Android? This guide will get you up and running with Flutter & Firebase, plus a few optional superpowers for serious app developers. https://fireship.io/snippets/install-flutterfire/ 00:00 Initial Setup 01:46 Android Setup 03:41 iOS Setup 05:01 Analytics 07:02 Performance 08:08 Crashlytics 10:10 Distribution 11:08 Firestore Emulator Full Flutter Course https://fireship.io/courses/flutter-firebase/ FlutterFire Docs https://firebase.google.com/docs/flutter/setup #firebase #flutter Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

I'm back with an updated Firebase Basics tutorial 🔥 Follow along with the full Firebase quickstart article https://fireship.io/lessons/firebase-quickstart Source code: https://github.com/fireship-io/3.1-firebase-basics Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons

Learn how to use CSS pseudo-classes to style an element based on changes to its state. like :hover, :focus, and :nth-child. https://fireship.io/tags/css/ #css #100SecondsOfCode #tutorial MDN Docs https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to use CSS pseudo-elements to style content that does not actually exist in your HTML, like ::before and ::after https://fireship.io/tags/css/ Also watch CSS pseudo-classes: https://youtu.be/kpXKwDGtjGE Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

How APIs work. Learn how to use the YouTube API like @Tom Scott and @MrBeast to automatically update a video in the background. https://github.com/fireship-io/this-video-has-n-views Tom Scott video https://youtu.be/BxV14h0kFs0 Mr Beast Video https://youtu.be/YSoJPA8-oHc Note: The background job is on a 5 minute interval, so it won't be very accurate. Fireship OAuth 2.0 Video https://fireship.io/lessons/google-apis-node-tutorial/

Why learn Node.js in 2020? Master the fundamentals of Node in 7 easy steps, then build a fullstack web app and deploy it to a cloud server. Follow along in the full article: https://fireship.io/courses/javascript/node-basics/ 1. What is Node? 2. How do you install Node? 3. Hello World 4. Know the Runtime 5. Events 6. File System 7. Modules 8. Build & Deploy Node https://nodejs.org #nodejs #javascript #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to use Regular Expressions, or RegEx, in 100 Seconds. Grab the cheatsheet here https://fireship.io/lessons/regex-cheat-sheet-js/ RegExr Tool https://regexr.com/ #regex #js #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how build an animated login form with HTML and CSS. Then take it to the next level with a dynamic password meter using JavaScript (Svelte). https://github.com/fireship-io/230-animated-form-password-meter #tutorial #css #js Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Stripe makes your wildest app monetization 💸 strategies possible. Learn how to process your first online payment, then go further with the full course https://fireship.io/courses/stripe-js/ #stripe #javascript #100SecondsOfCode Course Source Code: https://github.com/fireship-io/stripe-payments-js-course Stripe Docs: https://stripe.com/docs/payments Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Deno is a brand new JavaScript runtime, similar to Node.js. Use it to develop secure server-side apps with built-in TypeScript support, ES modules, and promise-based APIs. Learn more at https://deno.land #javascript #nodejs #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

💡 Looking for app dev inspiration? Here are 7 unusual app ideas that you can use in your portfolio or as a side hustle. https://fireship.io/pro #code #cloud #ideas Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Prepare for a technical interview by learning about the graph data structure and basic traversal algorithms like depth-first search (DFS) and breadth-first search (BFS). https://fireship.io/courses/javascript/interview-graphs/ #compsci #JavaScript #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of CSS transitions and keyframe animations in 100 seconds. #css #animation #100SecondsOfCode Easing Functions https://easings.net/ Keframes docs https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn React & CSS by reverse-engineering Facebook's new multi-level dropdown UI in this beginner-friendly tutorial https://github.com/fireship-io/229-multi-level-dropdown React https://reactjs.org/ CSS Transitions https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Build apps on iOS, Android, the web, and desktop with Flutter in 100 seconds. Go beyond the basics in the Flutter Firebase course https://fireship.io/courses/flutter-firebase/ #Flutter #100SecondsOfCode Flutter https://flutter.dev Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

COBOL is the hottest programming language of 2020. Learn how it powers the world's mainframe computers in 100 seconds. Support this channel by upgrading to a PRO member at https://fireship.io #cobol #compsci #100SecondsOfCode COBOL Docs https://en.wikipedia.org/wiki/COBOL My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to build a realtime autosaving form with Vue & Firestore https://fireship.io/lessons/vue-autosaving-forms-with-firestore/ Thanks to Johan Walhout for contributing! Hire him 👉https://github.com/LiveLikeCounter Firebase Docs https://firebase.google.com/ Vue Forms https://vuejs.org/v2/guide/forms.html #vue #firebase #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Setup the ultimate Web Development environment with Windows and Linux 🐧 using WSL. Make the command line look cool, then add node, git, docker, and more. https://fireship.io/lessons/windows-10-for-web-dev/ #webdev #windows #linux Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

What is Vue.js? Learn the basics of Vue and build your first reactive UI component in just 100 seconds ⚡👀 https://fireship.io/courses/vue/ Vue Docs https://vuejs.org/ Build a full-stack app with Vue & Firebase 🔥👀 https://fireship.io/courses/vue/ Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn what the "this" keyword does in JavaScript in 100 seconds. And stay tuned for a few minutes of more advanced discussion after the credits. #javascript #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to toggle between light, dark, and solar mode (plus other cool tricks) by reverse-engineering the UI of alligator.io 🐊🎨https://github.com/fireship-io/226-css-theme-toggler 1:40 Setup 4:18 Triangle Header 5:13 CSS Dropdown Menu 7:56 Theme Switcher 12:59 Rainbow Animation Awesome frontend dev resource https://alligator.io #css #javascript #code Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

How to approach problem-solving as a developer 🤔. Seven steps and strategies to solve software development challenges faster. 1:45 Identify the problem 2:52 Research and refine 4:37 Write pseudocode 6:25 TDD 7:54 Implement 8:33 Reflect and improve 9:31 Practice GitHub GraphQL API https://fireship.io/snippets/github-graphql-merge-pull-request/ #code #dev #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how Custom Properties or CSS Variables work in 100 Seconds. Stay tuned for a full CSS theme-toggler project the uses variables with JavaScript https://fireship.io/tags/css My favorite example https://alligator.io #css #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

How to submit your first pull request on GitHub in 100 seconds. Fork the repo below, then contribute a PR to receive a free hologram sticker in the mail https://github.com/fireship-io/git-sticker How to Participate on Github https://fireship.io/snippets/git-how-to-participate-on-github/ GitHub PR Docs Official https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/about-pull-requests #git #freestuff #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Five easy ways to automate 🤖 your software development process with Github Actions. Lean how to build CI/CD pipelines and other awesome DevOps workflows. - Special Thanks to Marc Stammerjohann for the Firebase Github Action Guide https://fireship.io/snippets/github-actions-deploy-angular-to-firebase-hosting/ - Demo Code https://github.com/fireship-io/225-github-actions-demo - Github Actions https://github.com/features/actions #devops #github #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

What is DevOps? How to setup a CI/CD pipeline? Learn the basics of continuous integration & delivery and how it can optimize your productivity and code quality. After this, go further 👉 https://youtu.be/eB0nUzAI7M8 Demo Repo https://github.com/fireship-io/225-github-actions-demo Stay tuned for a full Github Actions DevOps project. https://github.blog/2019-08-08-github-actions-now-supports-ci-cd/ CI/CD https://en.wikipedia.org/wiki/Continuous_integration Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Build 3 responsive CSS grid examples to master the basics of this powerful layout system. https://github.com/fireship-io/224-animated-css-grid Full Tutorial: https://fireship.io/lessons/three-responsive-css-grid-layouts/ 1. Responsive 12-column bootstrap replacement. 2. Mosaic photo gallery. 3. Staggered animation grid. Featuring special guest Bob Ross. #css #grid #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Should you learn to code in 2020? If the economic situation continues to deteriorate, the short-term outlook for aspiring software developers could be negatively affected... Learn why in this video. - Sequoia Memo https://medium.com/sequoia-capital/coronavirus-the-black-swan-of-2020-7c72bdeb9753 - Recent Layoffs https://techcrunch.com/tag/layoffs/ - Today's Market Selloff https://www.foxbusiness.com/markets/us-markets-march-9-2020 - Corona COVID-19 status https://www.cdc.gov/coronavirus/2019-ncov/summary.html #code #crisis

Learn the basics of CSS Grid in 100 seconds. Grid 🍱⚡ is a powerful tool that can build layouts in the context of columns and rows. It's not easy to learn, but can dramatically simplify CSS positioning code for responsive designs. Stay tuned for a full grid project next week! https://fireship.io/tags/css/ Grid Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout #css #tutorial #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

A complete beginner's tutorial for Electron JS ⚡ along with an overview of its pros and cons. In about 10 minutes, we build a desktop screen recorder from scratch with JavaScript that is installable on Mac, Windows, or Linux. Full Electron Tutorial: https://fireship.io/lessons/electron-screen-recorder-project-tutorial Source Code: https://github.com/fireship-io/223-electron-screen-recorder Electron Forge: https://www.electronforge.io/ #tutorial #javascript #electron Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the basics of Git in 100 seconds. 0:09 Initialize a git repo 0:33 Stage files 0:39 Commit a snapshot 1:12 Branch off into an alternate universe 1:30 Merge a branch into master Follow me on Github https://github.com/codediodeio Git Docs: https://git-scm.com/ #git #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

A beginner's tutorial for building a Responsive Navigation Bar with CSS that includes animation, duotone icons, flexbox, and other cool tricks! Source Code: https://github.com/fireship-io/222-responsive-icon-nav-css #css #html #tutorial Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Build your first native desktop app (MacOS, Windows, Linux) in 100 seconds with Electron JS. https://fireship.io/tags/electron/ Electron Docs https://www.electronjs.org/ #100SecondsOfCode #Electron #JS Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn the most important concepts of CSS Flexbox Layout in 100 seconds. #css #webdev #100SecondsOfCode Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Ready to go beyond console.log? The JavaScript console can do much more than just log... #JavaScript #100SecondsOfCode Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Top 7 security concepts 🛡️ and hacking stories 🎭 that every JavaScript developer should know about. Master these concepts in the Enterprise Security course: https://bit.ly/2wrUqAB (use FIRESHIP50 at checkout). Full Security Article https://fireship.io/lessons/7-security-concepts-hacks-web-developers/ OWASP Top 10 https://owasp.org/www-project-top-ten/ Concepts: 1. Zero-day 0:47 2. Vulnerable packages 1:22 3. XSS 2:24 4. SQL Injection 3:42 5. Credential Leaks 4:48 6. Principle of Least Privilege 6:11 7. DDoS 7:43 #security #web #javascript My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to Sign in with Apple from your Firebase web app in 100 seconds. Step-by-step breakdown: https://fireship.io/lessons/apple-signin-with-firebase-tutorial/ #firebase #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn JavaScript Promises in 100 seconds, then follow my new IG account for even more content https://www.instagram.com/fireship_dev/ Reference MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise #javascript #100SecondsOfCode Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to import and export JS code with ES Modules in 100 seconds. Get the cheatsheet https://www.samanthaming.com/tidbits/79-module-cheatsheet #JavaScript #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how recursion ♾️works in 100 seconds. https://fireship.io #compsci #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn JavaScript's Array Reduce method in 100 seconds. Take many things and reduce them down to one thing. #JavaScript #100SecondsOfCode Array Reduce: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Find out if you're one of the lucky T-shirt winners and get an idea of my content plans for 2020. #ChannelUpdate

Learn Big-O Notation in 100 Seconds (of Computer Science). ⚡🔬 #compsci #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn Array Map in 100 seconds (of JavaScript). ⚡ #JavaScript #100SecondsOfCode Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Take a look at the future of JavaScript in the year 2020. Expect awesome new language features and disruptive trends that could change everything! TC39 Proposals https://github.com/tc39/proposals Stack Overflow Survey https://insights.stackoverflow.com/survey/2019 State of the Octoverse https://octoverse.github.com/ Fireship Lesson https://fireship.io/lessons/javascript-2020-predictions/ #JavaScript #future #2020 Want to learn more? Upgrade to PRO status https://fireship.io/pro My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

What is Cloud Computing 🌩️? Get a glimpse of cloud services in 2020 🔮 and learn must-know concepts for software developers. https://fireship.io #cloud #future Data Sources: - Gartner Forecasts https://www.gartner.com/en/newsroom/press-releases/2019-04-02-gartner-forecasts-worldwide-public-cloud-revenue-to-g - Forbes Enterprise Computing https://www.forbes.com/sites/louiscolumbus/2018/08/30/state-of-enterprise-cloud-computing-2018 - Flexera Report 2019 https://resources.flexera.com/web/media/documents/rightscale-2019-state-of-the-cloud-report-from-flexera.pdf Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn how to build a Slack App 💬 with Node.js & Firebase Cloud Functions. CyberJeff is a simple slack bot that helps automate tasks and improve productivity https://fireship.io/lessons/how-to-build-a-slack-bot/ Let's chat on Fireship Slack https://fireship.page.link/slack Slack API https://api.slack.com/ PubSub https://cloud.google.com/pubsub/ #slack #nodejs #firebase Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme: - Atom One Dark - vscode-icons - Fira Code Font

Build a throwback UI inspired by the iPod Classic, featuring a click wheel scroller that can detect circular motion with an animated PageView. https://fireship.io/lessons/flutter-ipod/ Original Inspiration Tweet https://twitter.com/elvin_not_11/status/1199717678908366854 iPod Classic https://en.wikipedia.org/wiki/IPod_Classic Flutter https://flutter.dev/ #flutter #ios #ipod Install the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My VS Code Theme - Atom One Dark - vscode-icons - Fira Code Font

Learn how to run pagination queries in Firestore 🔥📃📃 forward and backward. Then build an full working app with Svelte https://fireship.io/lessons/firestore-pagination-guide/ 💸 Black Friday Discount Code: KaLg2d04 👉 Use it here: https://fireship.io/pro 🙏 Thank you for making this channel possible! - SvelteFire https://github.com/codediodeio/sveltefire - Limit To Last: https://firebase.google.com/docs/reference/node/firebase.firestore.Query.html#limittolast #firebase #firestore Don't forget to take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

Do you know how binary works? Learn the basics by building a binary Clock in Flutter. Build your own clock before the competition deadline on Jan 22nd, 2020. https://fireship.io/lessons/build-a-binary-clock-flutter/ Flutter Clock Competition https://flutter.dev/clock What is a Binary Clock? https://en.wikipedia.org/wiki/Binary_clock Snippet for Dart List.map https://fireship.io/snippets/dart-how-to-get-the-index-on-array-loop-map/ #flutter #FlutterClock #compsci Don't forget to take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. My Gear: VS Code with Atom One Dark + vscode-icons. Fira Code font.

Create high-performance 3D data visualizations with Deck.gl and Google Maps. Analyze over 140K gun violence ☠️🤕 incidents by geographic location. https://us-gun-violence.web.app/ - Tutorial https://fireship.io/lessons/deckgl-google-maps-tutorial/ - Deck.gl https://deck.gl/#/showcases/overview - Google Maps https://developers.google.com/maps/documentation/javascript/tutorial #datavis #gunviolence #googlemaps Take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Use Stripe Checkout and the Payment Intents API 💰 to process payments with the latest 3D secure strong authentication requirements in Europe - Full stack demo with Svelte and Node.js Cloud Functions. https://fireship.io/lessons/stripe-payment-intents-tutorial/ Stripe Payments https://stripe.com/payments 3D Secure https://en.wikipedia.org/wiki/3-D_Secure #stripe #nodejs #svelte Don't forget to take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Part five of the full #JavaScript course 🐇🕳️. Learn everything you need to know about the JS Object https://fireship.io/courses/javascript/ Topics covered include: - Object creation - Bracket vs Dot Notation - Property descriptors - How object references work - Prototype chain - Modern syntax like spread and destructuring - Loop over objects - Custom object constructors MDN Object Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects Take the #JS quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Top 100 Firebase Pro Tips 🔥💯. Optimize your app for performance, costs, and developer happiness - and avoid common mistakes https://fireship.io/lessons/firebase-tips-and-tricks/ 🍍 Firebase https://firebase.google.com/ 🚀 Firebase PRO courses https://fireship.io/courses/ Leave a comment below with your best Firebase Tip for a chance to win a free T-shirt. #top100 #firebase Take the Firebase quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn the fundamentals of GraphQL by interacting with the SpaceX API 👨‍🚀🚀, then use it to build a frontend Apollo application from scratch. Source code: https://github.com/arjunyel/angular-spacex-graphql-codegen Hire the expert Arjun Yelamanchili 👨‍🔬 - https://github.com/arjunyel - https://www.linkedin.com/in/arjun-yelamanchili-42318b37/ GraphQL Docs https://graphql.org/ Apollo Client https://www.apollographql.com/ Lesson page https://fireship.io/lessons/graphql-basics-tutorial/ #graphql #tutorial #learntocode Take Fireship Quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Get started with Firebase Analytics on the web. Gain insight into the behavior of your users and put the data to use with a customized UX via Remote Config https://fireship.io Firebase Analytics https://firebase.google.com/docs/analytics #firebase #analytics #ux Take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Get started with the amazing new Firebase Extensions 🌩️ feature announced today. Deploy serverless solutions to the cloud with the click of a button. https://fireship.io Firebase Extensions: https://firebase.google.com/products/extensions/ #firebase #serverless Take the Firebase quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn the basics of Angular 8 🚀 by building a tic-tac-toe game 🕹️ from scratch...Then deploy it as an installable progressive web app (PWA). Go beyond the basics 👉https://fireship.io/courses/angular/ Full Source Code: https://github.com/fireship-io/angular-tic-tac-toe Angular Docs: https://angular.io/ #angular #pwa #tutorial Take Angular quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Thank you for 200K 🙏 subscribers! Here's a quick look at my content plans for the next few months, including a full Angular Firebase project course. https://fireship.io Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Build a fullstack 🔎 fulltext autocomplete search feature with Algolia and Firebase, with implementations covering Node.js, Svelte, and Angular. https://fireship.io/lessons/algolia-cloud-functions/ - Algolia https://www.algolia.com/ #algolia #nodejs #firebase Take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

A quick setup guide 🍳 for NestJS and Firebase Cloud Functions. Two strategies for making your Nest app serverless in the first episode of *The More you Code*. https://fireship.io/snippets/setup-nestjs-on-cloud-functions/ #nest #js #serverless Don't forget to take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Build a fullstack chatbot that can intelligently interact with your users, featuring Dialogflow, Cloud Functions, and Angular. https://fireship.io/lessons/build-a-chatbot-with-dialogflow/ #dialogflow #nodejs #ai Download the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Connect Firebase to a MySQL 💾🔥 database via Cloud Functions, then learn how to supercharge your productivity with TypeORM https://fireship.io/lessons/sql-firebase-typeorm/ - Cloud SQL https://cloud.google.com/sql - Type ORM https://typeorm.io #Firebase #SQL #NodeJS Install the Quiz App 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Master the basics of JavaScript Functions 🚂 in a fun tutorial packed full of 90's nostalgia. https://fireship.io/courses/javascript/beginner-js-functions/ - Anatomy of a Function - Statement vs Expression - IIFE - Parameters - Arrow Functions - Higher Order Functions - Pure Functions - Recursion Episode 4 of "That Weird JavaScript Course". #javascript #nodeJS #code Take the JS Quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Upload files with Flutter and Firebase Cloud Storage 🔥🗃️. Learn how to pick, crop, and upload images to a cloud storage bucket. https://fireship.io/lessons/flutter-file-uploads-cloud-storage/ - Cloud Storage https://firebase.google.com/docs/storage - Image Picker https://pub.dev/packages/image_picker - Image Cropper https://pub.dev/packages/image_cropper #flutter #firebase #tutorial Don't forget to take the Flutter quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn how to build a web scraper ⛏️ with NodeJS using two distinct strategies, including (1) a metatag link preview generator and (2) a fully-interactive bot for Instagram. https://fireship.io/lessons/web-scraping-guide/ 1. Build a simple link preview scraper with Cheerio. https://github.com/cheeriojs/cheerio 2. Build an interactive Instagram scraper with puppeteer. https://github.com/GoogleChrome/puppeteer #javascript #nodejs #webdev Take the quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

The JavaScript Survival Guide 🧟 provides protection from the so-called "weird" features that you will encounter as a JS developer. This primer will introduce you to variables, functions, objects, closures, hoisting, this-binding, and more. https://fireship.io/courses/javascript/ #javascript #tutorial Primary source: https://developer.mozilla.org Take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

The fundamentals of transactional email 📧. How to use SendGrid with Firebase Cloud Functions to send email from your app. Check out the full lesson for demos with Angular, React, Vue, Svelte, and Flutter. SendGrid https://sendgrid.com/ Cloud Functions https://firebase.google.com/docs/functions #email #firebase #sendgrid Download the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn the computer science 🔬🤓 behind #JavaScript by looking at how it works under the hood. Understand why JS is called a "high-level single-threaded, garbage-collected, interpreted (or just-in-time compiled), prototype-based, multi-paradigm, dynamic language with a non-blocking event loop" https://fireship.io/courses/javascript/intro-how-js-works/ #compsci #howitsmade - MDN Event Loop https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop - Bits and Bytes channel https://www.youtube.com/user/bitsandbytestvo - Chrome v8 https://v8.dev/ Take the JavaScript quizzes: iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn how to setup In App Purchases in Flutter to sell 💎 consumable digital products for real money 🤑 on iOS and Android https://fireship.io/lessons/flutter-inapp-purchases/ - Flutter IAP plugin https://github.com/flutter/plugins/tree/master/packages/in_app_purchase - Apple App Store Release https://flutter.dev/docs/deployment/ios - Google Play Release https://flutter.dev/docs/deployment/android #flutter #ios #android Don't forget to take the quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn how to use the new PayPal Checkout 💰 2.0 APIs to accept and capture payments entirely from your frontend code, including demos for React, Angular, and Vue https://fireship.io - PayPal 2.0 https://developer.paypal.com/docs/api/overview/ - Code https://github.com/fireship-io/193-paypal-checkout-v2-demos #paypal #webdev #money Take the Fireship quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

The history of JavaScript over the last 25 years. How did a simple scripting language for Netscape evolve into the world's most widely used programming language? https://dev.to/codediodeio/the-weird-history-of-javascript-2bnb Full Course: https://fireship.io/courses/javascript/ #javascript #history Sources: ECMA https://www.ecma-international.org/publications/standards/Ecma-262-arch.htm WorldWideWeb https://www.w3.org/People/Berners-Lee/WorldWideWeb.html Brendan Eich Talk https://thenewstack.io/brendan-eich-on-creating-javascript-in-10-days-and-what-hed-do-differently-today/ Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Send push notifications 💌 in Flutter with Firebase Cloud Messaging (FCM) to a single device, topic, or user segment. https://fireship.io/lessons/flutter-push-notifications-fcm-guide/ FCM https://firebase.google.com/docs/cloud-messaging/ FlutterFire Docs https://pub.dev/packages/firebase_messaging #flutter #fcm #firebase Don't forget to take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

With the releases of Angular 8 and Firebase 6 comes a bunch of new features in AngularFire that can extend and simplify your code https://fireship.io Official Docs: https://github.com/angular/angularfire2 1. Schematics 2. Perf https://youtu.be/KYYjdWSrRjI 3. ID Field 4. Collection Group Query https://youtu.be/fQ4u1J717ys 5. Router Guards #angular #firebase Download the quiz app 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Use Nx to power up ⚡🐋 full-stack JavaScript projects with modern tooling, automation, and sophisticated code-sharing for monorepos https://nx.dev/ Nx is an open-source project from Nrwl 🦄🌊 https://nrwl.io Watch more free videos at https://fireship.io #nrwl #nx #javascript

A collection of 12 #tips and #tricks for building efficient and maintainable #Flutter apps 🧙. Learn how to use your IDE effectively, animate easily, and handle app complexity https://fireship.io/courses/flutter-firebase/ Robert Brunhage - https://www.youtube.com/channel/UCSLIg5O0JiYO1i2nD4RclaQ FilledStacks - https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q Snippets: https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets Launcher Icons: https://pub.dev/packages/flutter_launcher_icons Flutter Docs - https://flutter.dev Take the Flutter quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

How does 🔥 Firebase compare to ⚡Amplify? Review Google Cloud Platform and Amazon Web Services in terms of pricing, features, and the developer experience 🤔. https://fireship.io - Firebase https://firebase.google.com/ - Amplify https://aws-amplify.github.io/ - Source Code https://github.com/fireship-io/188-firebase-vs-amplify #firebase #aws #amplify Get the Fireship Quiz App 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. Tools I use... Editor: VS Code with Atom One Dark + VS Code Icons Video: Adobe Premiere + AfterEffects Design: Figma

What does it take to become a Google Developer Expert? Learn about my own experience becoming a GDE with practical advice for working towards this goal. https://medium.com/@jeffdelaney/how-to-become-a-google-developer-expert-gde-a-practical-guide-83621d2c8087 #gde #google #dev - Experts Program https://developers.google.com/programs/experts/

Learn how to use the new Collection Group Query feature to join subcollections. Great for hierarchical or deeply-nested data structures like threaded reddit-style comments https://fireship.io/lessons/collection-group-query-firestore/ #firebase Take the firebase quizzes 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Learn how to use the Provider package to simplify data flow in your #flutter app and react to #firebase realtime streams across the entire widget tree. https://fireship.io/lessons/advanced-flutter-firebase/ Provider https://pub.dev/packages/provider FlutterFire https://github.com/flutter/plugins/blob/master/FlutterFire.md Enroll in Flutter Firebase - The Full Course https://fireship.io/courses/flutter-firebase/ Take $10 💸 off a PRO membership with code: b9uf1v4U

Learn how to take advantage of ⚡ Firebase Performance Monitoring on the web in this quick overview and tutorial. https://fireship.io/lessons/firebase-performance-quickstart/ #firebase #web #io19 Don't forget to take the quiz 🤓 iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp Official docs https://firebase.google.com/docs/perf-mon/get-started-web I/O announcement https://youtu.be/LoLqSbV1ELU?t=3071 Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

Build a drag & drop 🖖 UI in the form of a simple color-matching kid's game. Master the basics of Flutter's Draggable and DragTarget widgets https://fireship.io/lessons/flutter-drag-and-drop-basics/ - Draggable https://docs.flutter.io/flutter/widgets/Draggable-class.html - DragTarget https://docs.flutter.io/flutter/widgets/DragTarget-class.html #flutter

First, we learn some basic concepts in Svelte 3 and how to build reactive UI components with JavaScript. Then we build a fullstack realtime todo list with RxFire and Svelte. https://fireship.io/lessons/svelte-v3-overview-firebase/ - Svelte https://svelte.dev/ - Rich Harris - Rethinking reactivity https://youtu.be/AdNJ3fydeao - RxFire https://www.npmjs.com/package/rxfire #svelte #javascript

Build a dynamic task queue with the new cron scheduled Pub/Sub Cloud Functions from Firebase. https://fireship.io/lessons/cloud-functions-scheduled-time-trigger/ - Cloud Functions Cron Trigger https://firebase.googleblog.com/2019/04/schedule-cloud-functions-firebase-cron.html Note. This video was recut from an upload yesterday that I decided to take down - some of the editing might seem a little strange.

Five useful data modeling techniques in Cloud Firestore 🔥 that you may not know about. Checkout the full course here 👉https://fireship.io/courses/firestore-data-modeling/ - 25% off PRO Membership use code: lORhwXd2 - Cloud Firestore https://firebase.google.com/docs/firestore/

Use the brand new Cloud Run service to turn any Docker 🐋 image into a serverless microservice on Google Cloud Platform. In this demo, we dockerize and deploy a server-rendered Nuxt/Vue app to Firebase Hosting https://fireship.io/lessons/firebase-microservices-with-cloud-run/ Cloud Run https://cloud.google.com/run/ Nuxt https://nuxtjs.org/ Firebase Microservices https://firebase.google.com/docs/hosting/cloud-run #cloudrun #docker #serverless

Learn about the new Firestore "increment" field-value that can update a counter on the server atomically, with dramatically simplified code https://fireship.io/snippets/firestore-increment-tips/ - Increment blog post https://firebase.googleblog.com/2019/03/increment-server-side-cloud-firestore.html - Database Transactions https://firebase.google.com/docs/firestore/manage-data/transactions

Master the basics of vector animation 🎨🔥 with Flare 2D in Flutter by re-creating the awesome navigation menu from the Giphy mobile app https://fireship.io/lessons/animated-navigation-flutter-flare/ - Flare https://www.2dimensions.com/about-flare - Flutter https://flutter.dev/ - Giphy Apps https://giphy.com/apps #flare #flutter #giphy

Host VS Code in the browser on Google Cloud with accelerated machine learning capabilities via a Tensor Processing Unit (TPU). Coder makes it possible to access your IDE from any device without sacrificing features. https://github.com/codercom/code-server - Full lesson https://fireship.io - Coder https://coder.com/ - TPU https://cloud.google.com/tpu/ #vscode #gcp #tensorflow

Another episode of "code this 💪, not that 💩" looking at ten important concepts in RxJS and how to avoid common anti-patterns. https://fireship.io - Source Code https://github.com/fireship-io/175-code-this-not-that-rxjs - ReactiveX http://reactivex.io/ - print method code https://gist.github.com/codediodeio/ed900f4cf5752b54160a82bc3ab2d9ea #RxJS #JavaScript

Build an animated slideshow in Flutter using the PageView widget, then make it filterable with Cloud Firestore https://fireship.io/lessons/flutter-slider-like-reflectly/ Reflectly https://reflectly.app/ PageView Widget https://docs.flutter.io/flutter/widgets/PageView-class.html Firestore https://firebase.google.com/docs/firestore/

Learn how to use BigQuery ML on Google Cloud Platform to predict the outcome of horse races 🏇 - Machine learning skill not required. https://fireship.io/lessons/bigquery-ml-quickstart/ - Big Query https://cloud.google.com/bigquery/ - DataLab https://cloud.google.com/datalab/ - Horse Racing Dataset https://www.kaggle.com/lukebyrne/horses-for-courses

Take a tour of ten awesome state management techniques in Flutter. Learn how to control the flow of data when building complex large-scale mobile apps with RxDart, BLoC, and more https://fireship.io/lessons/flutter-state-management-guide/ 1. StatefulWidget 2. StatefulBuilder 3. InheritedWidget 4. RxDart + BehaviorSubject 5. BLoC 6. Redux 7. Mobx 8. Scoped Model 9. Flutter Hooks 10. Firebase Flutter State Mgmt Guide https://flutter.dev/docs/development/data-and-backend/state-mgmt/intro Bloc https://pub.dartlang.org/packages/flutter_bloc RxDart https://pub.dartlang.org/packages/rxdart

Implement Stripe's JavaScript packages to collect 💸 credit cards and payment sources from your frontend Angular code. https://fireship.io/lessons/stripe-elements-angular/ - $10 off Fireship PRO use coupon 4wcebivB https://fireship.io/pro - Stripe JS https://stripe.com/docs/stripe-js/reference#stripe-elements - AngularFire https://github.com/angular/angularfire2

Animate a complex radial menu 🥞 in Flutter at can translate, scale, and rotate at 60 FPS from scratch https://fireship.io/lessons/flutter-radial-menu-staggered-animations/ - Flutter Animation https://flutter.dev/docs/development/ui/animations - Flutter Performance https://flutter.dev/docs/testing/ui-performance #flutter #animation #butter

A quickstart guide for using 🤝🤯 Trusted Web Activities (TWA) to deploy a progressive web app (PWA) to the Google Play Store as a native Android app. https://fireship.io/lessons/pwa-to-play-store/ - Sven Budak's TWA stuff rocks https://medium.com/@svenbudak/this-twa-stuff-rocks-finally-i-got-my-pwa-on-google-play-store-b92fe8dae31f - TWA Video from Google https://youtu.be/TCgT8dzSiU8 - TWA Guide from Google https://developers.google.com/web/updates/2019/02/using-twa #pwa #twa #android

Build a file upload dropzone 📨 from scratch with Angular & Firebase that can handle multiple concurrent files and save the download URL to Firestore https://fireship.io/lessons/angular-firebase-storage-uploads-multi/ File Drop Web Component https://github.com/GoogleChromeLabs/file-drop Firebase Storage https://firebase.google.com/docs/storage/ Drag and Drop https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop #angular #firebase #storage

Channel update Feb 19th, 2019. #ThankYou

Looking to build something like Uber? Learn how to combine 🐦Flutter, 🔥 Firestore, and 🌐 Google Maps to create a realtime geolocation system for iOS & Android. https://fireship.io/lessons/flutter-realtime-geolocation-firebase/ - Darshan Gowda https://fireship.io/contributors/darshan-gowda/ - GeoFlutterFire https://pub.dartlang.org/packages/geoflutterfire - Flutter Google Maps https://pub.dartlang.org/packages/google_maps_flutter

Discover seven amazing 🤯 tools for app developers that you have not heard of yet, but should probably be using. None of the selections are sponsored and are tools that I use in my daily work. https://fireship.io - BundlePhobia https://bundlephobia.com/ - CloudCraft https://cloudcraft.co/ - Figma https://www.figma.com - Fontflipper https://fontflipper.com/ - Visbug https://github.com/GoogleChromeLabs/ProjectVisBug - Insomnia https://insomnia.rest/ - Flare https://www.2dimensions.com/about-flare

Create beautiful 🎨 page transitions with the Angular Router by building four different animation sequences from scratch https://fireship.io/lessons/angular-router-animations/ - Deal Crunch App https://play.google.com/store/apps/details?id=com.jstudio.dealcrunch - Angular Router https://angular.io/guide/router - Angular Animations https://angular.io/guide/animations

Top Ten Programming Languages 🔥 for 2019 based on your goals as a developer. https://medium.com/@jeffdelaney/top-ten-programming-languages-of-2019-a8dd5bc6f3bc Learn more at https://fireship.io

Practical examples of TypeScript Decorators 🍨. Learn how to use decorators to build an API similar to React Hooks in Angular https://fireship.io/lessons/ts-decorators-by-example/ Docs https://www.typescriptlang.org/docs/handbook/decorators.html

Learn how to align, position, and build layouts in Flutter with comparisons to CSS flexbox 💪📦 - they have more in common than you might think https://fireship.io/lessons/flutter-widget-positioning-guide/ - Get the T-Shirt, use promo FLTTR https://teespring.com/stores/fireshipio-swag - Flutter Layouts https://flutter.io/docs/development/ui/layout - Flexbox https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox

Build a realtime user presence system with AngularFire that can set the public status of a user to online 💚, offline 🔴, or away 💤. https://fireship.io/lessons/realtime-presence-angular-firebase/ NgClass https://angular.io/api/common/NgClass Firebase Presence https://firebase.google.com/docs/firestore/solutions/presence

Code this 💪, not that 💩. Learn how to use IntersectionObserver to lazy-load images efficiently in the browser without listening to the scroll event https://fireship.io/snippets/intersection-observer-lazy-load-images/ API https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

Learn how to perform serverside rendering (SSR) with Angular Universal, then deploy to Firebase Cloud Functions or GCP AppEngine https://fireship.io/lessons/angular-universal-firebase/ for better perf and SEO Universal - https://angular.io/guide/universal Functions - https://firebase.google.com/docs/functions GCP https://cloud.google.com/sdk

Flutter/Dart basics for the JavaScript web developer. Learn the similarities and differences between Dart and JS side-by-side. Compare Flutter Widgets to React Native components. https://fireship.io/lessons/flutter-for-js-developers/ - Flutter https://flutter.io - React Native https://facebook.github.io/react-native/

Build, test, deploy, repeat 🤖 Create a CI/CD pipeline with Google Cloud Build for that can continuously deploy your app to Firebase Hosting on every git commit https://fireship.io/lessons/ci-cd-with-google-cloud-build/ - Cloud Build https://cloud.google.com/cloud-build/ - Hosting https://firebase.google.com/docs/hosting/

Learn all about JavaScript loops 🤹 and how to write code that maximizes performance and readability, while avoiding the bad stuff 💩. https://fireship.io/snippets/javascript-loops-pro-tips/

Build a Flutter 🐦 app that uses Firebase 🔥 Google SignIn and Firestore for user authentication. Learn how to use both StatefulWidget and StreamBuilder to create a reactive UI. https://fireship.io/lessons/flutter-firebase-google-oauth-firestore/ - Flutter https://flutter.io - FlutterFire https://firebase.google.com/docs/flutter/setup

Learn how to build a solid user authentication system in Angular with Firebase Google SignIn, then create custom data in Firestore. Source code and article 👉 https://fireship.io/lessons/angularfire-google-oauth/ Original Lesson: https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/ Firebase: https://firebase.google.com/ Angular: https://angular.io/ ngx-firebase-ui: https://www.npmjs.com/package/ngx-auth-firebaseui

I present you with Fireship.io 🚀 The new home of all future content on this channel. https://fireship.io Source Code https://github.com/fireship-io/fireship.io

Ten predictions about 2019 from the mind of a JavaScript developer. Learn about trends in web development, native apps, social media, and more. https://medium.com/@jeffdelaney/predictions-for-2019-from-the-mind-of-a-javascript-developer-f595992ec32b

Learn how object-oriented 🎁 and functional ❄️ programming are awesome in their own ways. Also, get infallible answers answers to questions like "composition over inheritance?", "GIF over JIF?", "Is a hotdog a sandwich?" and more! Special Thanks to Patrick Mullot - you rock! Functional Cake Recipe https://probablydance.com/2016/02/27/functional-programming-is-not-popular-because-it-is-weird/ Full Article: https://angularfirebase.com/lessons/object-oriented-programming-with-typescript/ TS Mixins https://www.typescriptlang.org/docs/handbook/mixins.html

Learn how to build a high-octane 🚀📦 web component with Angular Elements that lazy loads images and achieves a near perfect lighthouse perf score https://angularfirebase.com/lessons/angular-elements-advanced-techniques/ Docs https://angular.io/guide/elements Manfred Steyer's Guide https://www.softwarearchitekt.at/post/2018/07/29/angular-elements-part-ii-lazy-and-external-web-components.aspx Nrwl Top 5 https://blog.nrwl.io/5-reasons-to-use-angular-elements-390c9a629f89 Web Components https://www.webcomponents.org/

TypeScript has forever altered the lives of JavaScript developers. Learn why TS is so awesome and the basic concepts required to be successful using it https://angularfirebase.com/typescript-the-basics/ Deep Dive https://github.com/basarat/typescript-book TypeScript Docs https://www.typescriptlang.org/

Learn the true state of JavaScript and why I'm thankful for Angular this holiday season https://angularfirebase.com - State of JS Survey https://stateofjs.com/ - JS Salaries https://www.glassdoor.com/Salaries/javascript-developer-salary-SRCH_KO0,20.htm - Web traffic stats - https://www.alexa.com/ - NPM Trends - https://www.npmtrends.com/@angular/core-vs-react-vs-vue

Let's build a robo-caller 🤖 ☎️. Learn how to use the new GCP Cloud Scheduler to trigger Firebase Cloud Functions at specific times or intervals. https://angularfirebase.com/lessons/cloud-scheduler-for-firebase-functions/ - Cloud Scheduler https://cloud.google.com/scheduler/ - Pubsub Functions https://firebase.google.com/docs/functions/pubsub-events

Test your Firestore security rules like a pro using the new database emulator and Jest https://angularfirebase.com/lessons/testing-firestore-security-rules-with-the-emulator/ - Firebase Summit https://firebase.googleblog.com/2018/10/whats-new-at-firebase-summit-2018.html - Jest https://github.com/facebook/jest - Emulator https://firebase.google.com/docs/firestore/security/test-rules-emulator

Learn how to use Git and Github 🐙🐱 in this interactive tutorial by sending a pull request to this repo in exchange for a free AngularFirebase sticker 🔥https://github.com/codediodeio/gimmie-sticker - PRO https://angularfirebase.com/pro - Atlassian https://www.atlassian.com/git/tutorials

Learn how to use the new Virtual Scroll behavior in Angular CDK v7 to build a list that is infinite, animated, and realtime with Firestore. https://angularfirebase.com/lessons/infinite-virtual-scroll-angular-cdk/ - CDK Docs https://material.angular.io/cdk/scrolling/overview - Firestore https://cloud.google.com/firestore/docs/

Learn how to build a group chat app with Firestore. It's alive... let's chat on the live demo 🎪👉 https://firestore-megachat.firebaseapp.com/ Full Lesson https://angularfirebase.com/lessons/build-group-chat-with-firestore/

The await is over! Learn how to make your JavaScript Promise code beautiful and concise with async-await https://github.com/codediodeio/async-await-pro-tips Jake Archibald's Talk: https://youtu.be/cCOL7MC4Pl0 Demos with Angular: https://www.youtube.com/channel/UCYFd7Qy93YP7gPERnxP545A

Get a behind the scenes look at my process for making videos and find out if you won the Python Brain T-Shirt from episode 141.

Build a drag-n-drop list with Firestore using Shopify's draggable library. https://angularfirebase.com/lessons/sortable-drag-and-drop-lists-in-firestore/ - Draggable https://shopify.github.io/draggable/ - Firestore https://firebase.google.com/docs/firestore/

Learn how to build and deploy a machine learning model to Cloud ML Engine, then make it available to the world via Firebase Cloud Functions. https://angularfirebase.com/lessons/serverless-machine-learning-with-python-and-firebase-cloud-functions/ - Radi Cho's TensorFlow Repo https://github.com/radi-cho/tfjs-firebase - ML Engine https://cloud.google.com/ml-engine/ - Datalab https://cloud.google.com/datalab/

You get a prize! Everybody on the stream will win a free "physical" object that you can hold in your hands. One extra lucky person will win the T-shirt featured in Episode 140 https://youtu.be/Mus_vwhTCq0

New Series! Code this 💪, not that 💩. Learn how to write solid modern JavaScript and avoid bad code from the olden days. https://angularfirebase.com - Source https://github.com/codediodeio/code-this-not-that-js

Learn how to use Angular Directives to build a hold-to-delete style button that removes a document from Firestore after holding down for 1 second. https://angularfirebase.com/lessons/hold-to-delete-button-angular-directive-with-firestore - Angular Directives https://angular.io/guide/attribute-directives

Find out on live TV if the swag gods adorn you with the one-of-kind T-shirt from episode 138.

Learn how to combine Google APIs with Firebase Auth by building an app that can manage a user's calendar https://angularfirebase.com/lessons/google-calendar-api-with-firebase/ Google APIs JS - https://developers.google.com/api-client-library/javascript/start/start-js Firebase Auth - https://firebase.google.com/docs/auth/ NYC Broadway Tours https://www.broadway.life/

Vote Here -- https://goo.gl/qF8Q5r Go PRO Here -- https://angularfirebase.com/pro/ Enroll Here -- https://projects.angularfirebase.com/p/ionic-4-firebase-master-course YouTube Discount code 50% off: ION4-YOUTUBE Use Ionic v4 and Firebase to build cross-platform mobile apps on the web, iOS, and Android in my new full-length course.

Send topic-based web push notifications using FCM and Ionic 4. Broadcast messages to millions of users with just a few simple cloud functions https://angularfirebase.com/lessons/fcm-topic-notifications-angularfire-and-callable-functions/ - FCM https://firebase.google.com/docs/cloud-messaging/ - Ionic 4 https://blog.ionicframework.com/announcing-ionic-4-beta/

Huge thank you to everybody who supports this content! Get a idea of my future plans with this cryptic Easter egg filled channel update :)

Examine strategies for managing large complex JavaScript Firebase projects and learn how to share code with NPM packages https://angularfirebase.com/lessons/how-to-structure-a-large-web-app-project/ - Monorepos vs multirepos: https://redfin.engineering/well-never-know-whether-monorepos-are-better-2c08ab9324c0 - Firebase multihosting video: https://youtu.be/NrkFBmBFA6k

Learn how to use the Angular Router in Ionic 4 to handle navigation in your mobile app https://angularfirebase.com/lessons/ionic-4-routing-and-navigation-guide/ - Ionic 4 Migration https://beta.ionicframework.com/docs/building/migration#navigation - Angular Router https://angular.io/api/router

Learn how to use the new multisite hosting feature from Firebase to deploy multiple web apps to a single project https://angularfirebase.com/lessons/deploy-multiple-sites-to-firebase-hosting/ - Multisite Announcement https://firebase.googleblog.com/2018/08/one-project-multiple-sites-plus-boost.html

A guide for building custom RxJS (v6) pipeable operators https://angularfirebase.com/lessons/custom-rxjs-operators-by-example/ - Nicholas Jamieson https://medium.com/@cartant - RxJS Pipeable Ops https://github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md - PRO Members Firestore JOINS: https://angularfirebase.com/lessons/firestore-joins-similar-to-sql/

Take an early look at RxFire - an official library combining RxJS & Firebase for better control over realtime streams https://angularfirebase.com/lessons/introduction-to-rxfire-rxjs-for-firebase/ - RxFire https://www.npmjs.com/package/rxfire - Stencil https://stenciljs.com/ - RxJS https://github.com/ReactiveX/rxjs

Learn how to use Puppeteer with Firebase Cloud Functions to perform serverside rendering of any frontend app like Ionic 4 or Angular https://angularfirebase.com/lessons/how-to-use-puppeteer-on-firebase-cloud-functions/ - Puppeteer https://github.com/GoogleChrome/puppeteer - Rendertron Episode https://angularfirebase.com/lessons/seo-angular-part-1-rendertron-meta-tags/ - Functions Course https://projects.angularfirebase.com/p/firebase-cloud-functions-foundations

Build a dynamic theme generator with Ionic 4 using nothing but CSS variables. https://angularfirebase.com/lessons/css-variables-in-ionic-4/ - CSS Variables https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables - Coolors.co https://coolors.co/ - Ionic 4 Docs https://ionicframework.com/docs/

Learn how to use the Angular Console to improve productivity with the CLI and easily manage 3rd party schematics. https://angularfirebase.com/lessons/angular-console-quick-start-guide/ - Angular Console: https://angularconsole.com/ - Angular CLI Basics Video: https://youtu.be/IZEolKjcjks

Learn how to build a Firebase Cloud Function that can resize images to multiple thumbnail sizes from a storage bucket. Functions Master Course with 40% Discount: https://goo.gl/jimk75 Or enroll for free by upgrading to PRO https://angularfirebase.com/pro/ Full lesson https://angularfirebase.com/lessons/image-thumbnail-resizer-cloud-function/

Learn how to manage costs in Firebase with both clientside and serverside optimizations. https://angularfirebase.com/lessons/managing-firebase-costs/ Source Article https://hackernoon.com/how-we-spent-30k-usd-in-firebase-in-less-than-72-hours-307490bd24d Firebase Pricing https://firebase.google.com/pricing/

Learn how to query an array in the Firestore database with the new "array-contains" option in version 5.3 https://angularfirebase.com/lessons/query-by-array-contains-firestore/ - 5.3 SDK https://firebase.google.com/support/release-notes/js - Firestore https://firebase.google.com/docs/firestore/

Is Ionic 4 right for your mobile app compared to Flutter, React Native, or Native Script? Get my opinion in this video and explore the changes the latest version of the framework. https://itnext.io/should-you-use-ionic-4-fa04daebaffd - Ionic 4 Beta https://blog.ionicframework.com/announcing-ionic-4-beta/ - Flutter https://flutter.io/ - React Native https://facebook.github.io/react-native/

Build reactive data tables with the Angular Component Development Kit (CDK) in this tutorial. Full article https://medium.com/@zackderose/angular-cdk-tables-1537774d7c99 - Zack DeRose https://angularfirebase.com/contributors/zack-de-rose/ - CDK Docs https://material.angular.io/cdk/table/overview - Angular Firebase PRO https://angularfirebase.com/pro

Implement metered billing in Stripe in record time with callable Firebase cloud functions https://angularfirebase.com/lessons/saas-metered-subscriptions-with-stripe-billing-and-firebase/ Stripe Billing https://stripe.com/us/billing Callable Functions https://firebase.google.com/docs/functions/callable

Query Firestore based on realtime geolocation data using RxJS. https://github.com/codediodeio/geofirex - PRO https://angularfirebase.com/pro - CyferLinx https://www.cyferlinx.com/ - PodMap https://podmap.org/ - AGM https://angular-maps.com/ - Firestore https://firebase.google.com/docs/firestore/ - GeoHash Viewer https://www.movable-type.co.uk/scripts/geohash.html

Build an optimistic UI in Angular using Apollo Boost. In this episode, we query our GraphQL server and create mutations that update the UI at lightning speed https://angularfirebase.com/lessons/apollo-angular-tutorial-query-and-mutate/ - Arjun's Code https://github.com/arjunyel/angular-apollo-example - Part 1 https://youtu.be/8D9XnnjFGMs

Learn how to apply the redux pattern used in NgRx and NGXS from scratch. Build a predictable state container with Angular, RxJS and Lodash https://angularfirebase.com/lessons/redux-from-scratch-angular-rxjs/ - Redux https://redux.js.org/ - RxJS http://rxjsdocs.com

Learn how to perform amazing end-to-end testing for Angular Firebase apps using Cypress.io. You'll never write e2e tests in Angular 6 the same again https://angularfirebase.com/lessons/cypress-angular-testing-end-to-end/ - Why Cypress https://docs.cypress.io/api/introduction/api.html

In this episode we take a look at the basic concepts behind components, pipes, and directives in Angular 6. https://angularfirebase.com/lessons/angular-components-basics-top-ten/ - Router Basics https://angularfirebase.com/lessons/basics-angular-router/ - CLI Basics https://angularfirebase.com/lessons/basics-angular-cli/ - Angular Components https://angular.io/guide/architecture-components

Learn how to build an API using GraphQL with Apollo Server 2.0, using Firestore as a backend data source. https://github.com/arjunyel/firestore-apollo-graphql - Get more episodes at https://angularfirebase.com/ - GraphQL https://graphql.org/learn/ - Apollo 2.0 https://www.apollographql.com/docs/apollo-server/v2/

Learn everything you need to know to use the Angular v6 router effectively. We start with the absolute basics, then move on to advanced concepts related to guards and resolvers https://angularfirebase.com/lessons/basics-angular-router/ - Router Docs https://angular.io/guide/router - Lazy Loading Video https://youtu.be/8tBQI5grhbE

Learn how to use Visual Studio Code like a pro with my top-ten strategies for developer productivity and happiness. https://angularfirebase.com/lessons/top-10-vscode-pro-tips/ - Get VS Code https://code.visualstudio.com/

Use Airtable to build a Customer Relationship Management (CRM) on top of your Firestore data. https://angularfirebase.com/lessons/airtable-firebase-customer-relationship-management/ - Airtable https://airtable.com/invite/r/Fikt3lti - Let's Boot Switzerland https://www.letsboot.com/

Build a full-text search feature using Algolia and Cloud Firestore to return fast, sophisticated search results to your Angular app https://angularfirebase.com/lessons/algolia-firestore-quickstart-with-firebase-cloud-functions/ - Algolia https://www.algolia.com/press#resources - Firestore https://firebase.google.com/docs/firestore/ - InstantSearch https://community.algolia.com/instantsearch.js/

Master the basics of Angular 6 reactive forms. In this episode, we build out form examples that solve common challenges like nesting, validation, persistence, and more. https://angularfirebase.com/lessons/basics-reactive-forms-in-angular/ - Reactive Forms Docs https://angular.io/guide/reactive-forms - Angular CLI Basics https://angularfirebase.com/lessons/basics-angular-cli/

Learn how to build Google Assistant apps using Dialogflow and Firebase Cloud Functions https://angularfirebase.com/lessons/google-assistant-quick-start/ - Slack Team https://goo.gl/qF8Q5r - Google Assistant https://assistant.google.com/explore - Dialogflow https://dialogflow.com/

Master the basics of the Angular CLI. In this lesson, we cover the most powerful features of the new Angular CLI v6.0 https://angularfirebase.com/lessons/basics-angular-cli/ - CLI Docs https://github.com/angular/angular-cli

Take an early look at Angular Elements by building a component that can be embedded into any web app as a custom element https://angularfirebase.com/lessons/angular-elements-quick-start-guide/ I'll randomly give out some swag on Friday. Just leave a comment :) - Docs (Angular 6) - https://next.angular.io/guide/elements - Rob Wormald's Talk https://youtu.be/Z1gLFPLVJjY

Thank you everybody! Make sure to leave a comment if you want a free T-shirt. https://angularfirebase.com/lessons/ask-me-anything-april-2018/ NgConf - https://www.ng-conf.org/

Learn how to server-side render your Firebase app with Angular Universal to make deep links readable by social media bots and search engines. https://angularfirebase.com/lessons/server-side-rendering-firebase-angular-universal/ - Universal https://angular.io/guide/universalf - Firestore https://firebase.google.com/docs/firestore/ - AngularFire2 https://github.com/angular/angularfire2

Learn how use an exciting new state management library for Angular. In this episode, we get started with NGXS and compare it to NgRx. https://angularfirebase.com/lessons/ngxs-quick-start-angular-state-management/ - NGXS https://ngxs.gitbook.io/ngxs

Get started with TensorFlow.js by building a digit recognizer from scratch in this quick start tutorial https://angularfirebase.com/lessons/tensorflow-js-quick-start/ TF.js docs - https://js.tensorflow.org Machine Learning Crash Course - https://developers.google.com/machine-learning/crash-course/ Kaggle - https://www.kaggle.com/jeffd23 MNIST - https://ml4a.github.io/demos/confusion_mnist/

Use Capacitor to build an Angular CLI app for iOS, Android, Windows, MacOS, and the web in exactly 5 minutes https://angularfirebase.com/lessons/capacitor-five-apps-in-five-minutes/ - Let's Chat https://goo.gl/qF8Q5r - Ionic course https://projects.angularfirebase.com/p/ionic-native-with-firebase - Capacitor https://capacitor.ionicframework.com/docs/

Learn how to login Firebase users with nothing by an email address using the new passwordless email-link authentication strategy. https://angularfirebase.com/lessons/using-passwordless-signup-with-firebase-on-the-web/ Let's Chat: https://goo.gl/6eYoxF Firebase Docs: https://firebase.google.com/docs/auth/web/email-link-auth

Learn how to send notifications to iOS and Android devices using Firebase FCM and Ionic Native. https://angularfirebase.com/lessons/ionic-native-with-firebase-fcm-push-notifications-ios-android/ - Join Slack https://goo.gl/6eYoxF - Ionic Native https://ionicframework.com/docs/native/ - FCM https://firebase.google.com/docs/cloud-messaging/

Learn how to hack a Firebase app, then configure solid Firestore Database security rules to ensure data integrity. https://angularfirebase.com/lessons/firestore-security-rules-guide/ - Rules Reference: https://firebase.google.com/docs/firestore/reference/security/

UPDATE. See the latest basics video here: https://youtu.be/q5J5ho7YUhA Master the basics of Firebase in 20 minutes. In this episode, we run through hosting, auth, firestore, storage, and cloud functions using nothing but plain JavaScript. https://angularfirebase.com/lessons/the-ultimate-beginners-guide-to-firebase/ - Firebase https://firebase.google.com/ - CLI Tools https://github.com/firebase/firebase-tools

Implement Firebase Google login in Ionic for native mobile devices. This video is for developers targeting the iOS or Android and has been tested on both platforms. Grab the source code https://angularfirebase.com/lessons/ionic-google-login-with-firebase-and-angularfire - Slack Invite (message @wincey) - https://goo.gl/6eYoxF - Wasup - https://play.google.com/store/apps/details?id=com.tailorweb.wazup&hl=en - Ionic - https://ionicframework.com/ - Gplus Cordova - https://github.com/EddyVerbruggen/cordova-plugin-googleplus

Learn how to customize your app icon and splash page in Ionic, then add an animation to it. Grab the source code here https://angularfirebase.com/lessons/generate-a-custom-spash-screen-and-icons-in-ionic/ Ionic 3 - https://ionicframework.com/ SpinKit - http://tobiasahlin.com/spinkit/

Learn how to validate username uniqueness in Firebase with Angular Reactive Forms. We build a custom validator that checks the the Firestore DB for existing user records. https://angularfirebase.com/lessons/async-form-validation-in-firebase-enforce-uniqueness/ - Reactive Forms - https://angular.io/guide/reactive-forms - Firestore - https://stackoverflow.com/questions/46549766/whats-the-difference-between-cloud-firestore-and-the-firebase-realtime-database - AngularFire2 - https://github.com/angular/angularfire2

Learn how to model and structure data relationships with the Firestore NoSQL Database. We build simple one-to-many and many-to-many relationships by modeling a twitter-inspired app. https://angularfirebase.com/lessons/firestore-nosql-data-modeling-by-example - Firestore Structuring: https://firebase.google.com/docs/firestore/manage-data/structure-data - NoSQL Document DB - https://en.wikipedia.org/wiki/Document-oriented_database

Build the Seefood app (not hotdog) from Silicon Valley using Ionic, Firebase, and Google Cloud Vision. We go from zero to a deep learning vision app in about 10 minutes. https://angularfirebase.com/lessons/google-cloud-vision-with-ionic-and-firebase/ - Cloud Vision: https://cloud.google.com/vision/ - Ionic: https://ionicframework.com/docs/ - Cloud Functions: https://firebase.google.com/docs/functions/ - AngularFire2 Storage: https://github.com/angular/angularfire2/blob/master/docs/storage/storage.md - Silicon Valley: https://youtu.be/ACmydtFDTGs

Build a file upload dropzone in Angular using the brand new storage module in AngularFire2. Learn how to easily send files from an Angular PWA to Firebase Storage. https://angularfirebase.com/lessons/firebase-storage-with-angularfire-dropzone-file-uploader/ - AngularFire2 Storage: https://github.com/angular/angularfire2/tree/master/docs/storage - Firebase Storage: https://firebase.google.com/docs/storage/ - Angular: https://angular.io/

Use Stripe Elements to make your Progressive Web App handle in-app payments. In this episode, we use Angular 5 and the Payment Request API to build a next-generation checkout flow https://angularfirebase.com/lessons/payment-request-api-with-stripe-elements/ - Full-Stack Stripe Payments Course: https://projects.angularfirebase.com/p/stripe-payments-with-angular-and-firebase - Payment Request API: https://developers.google.com/web/fundamentals/payments/ - Stripe Elements: https://stripe.com/elements

Learn how to make your import statements more manageable in Angular by using TypeScript path mapping. https://angularfirebase.com/lessons/shorten-typescript-imports-in-an-angular-project/ TS Path Mapping: https://www.typescriptlang.org/docs/handbook/module-resolution.html

Learn how to create Angular Animations for mobile devices with HammerJS touch gestures. In this episode, I pack a simple material card full of cool tap and swipe animations. https://angularfirebase.com/lessons/hammerjs-angular-5-animations-for-mobile-gestures-tutorial/ Paul's Channel: https://www.youtube.com/channel/UCYJ9O6X1oFt7YGXpfRwrcWg HammerJS: https://hammerjs.github.io/ Angular Animation: https://angular.io/guide/animations Edge SW: https://developer.microsoft.com/en-us/microsoft-edge/platform/status/serviceworker/ WebKit SW: https://webkit.org/status/#specification-service-workers

Learn how to mint custom auth tokens in Firebase and interact with the Coinbase crypto currency API. Give your Angular app a foundation making bitcoin transactions. https://angularfirebase.com/lessons/coinbase-bitcoin-oauth-firebase-cloud-function/ - Coinbase API - https://developers.coinbase.com/ - Firebase Custom Tokens - https://firebase.google.com/docs/auth/admin/create-custom-tokens - Angular 5 - https://angular.io/

Give your users specific roles and abilities. In this episode, I use Angular 5 with Firestore to build an role-based access control feature. https://angularfirebase.com/lessons/role-based-authorization-with-firestore-nosql-and-angular-5/ - Firestore rules: https://firebase.google.com/docs/firestore/security/get-started - Guards: https://angular.io/guide/router - Role-based access control: https://en.wikipedia.org/wiki/Role-based_access_control

Get started testing Angular 5 with Jasmine and Karma. This video covers basic testing component TDD concepts as well as 3rd party services like Firebase. https://angularfirebase.com/lessons/angular-testing-guide-including-firebase/ Jasmine: https://jasmine.github.io/ Testing Docs: https://angular.io/guide/testing Great Article: https://medium.com/javascript-scene/tdd-the-rite-way-53c9b46f45e3

Take advantage of the amazing new service worker in Angular 5.0 and build your own Hacker News Progressive Web App. https://angularfirebase.com/lessons/hnpwa-angular-5-progressive-web-app-service-worker-tutorial/ Live Demo: https://hnpwa-cbf63.firebaseapp.com HNPWA: https://hnpwa.com/ ServiceWorkerModule: https://www.npmjs.com/package/@angular/service-worker PWA Checklist: https://developers.google.com/web/progressive-web-apps/

Send email to your app users via SendGrid with a Firestore Cloud Function trigger. Learn how to create transactional templates and send them to your users with ease. https://angularfirebase.com/lessons/sendgrid-v3-nodejs-transactional-email-cloud-function/ SendGrid: https://sendgrid.com/ CloudFunction: https://firebase.google.com/docs/functions/

Learn how to use Firestore as a backend for NgRx. This episode combines the power @ngrx/entity with AngularFire2 State Changes for fine-grained control over your data. https://angularfirebase.com/lessons/state-changes-angularfire2-with-ngrx/ Angular Air #135: https://youtu.be/t-auGKG1yjs NgRx: https://github.com/ngrx/platform Firestore: https://cloud.google.com/firestore/docs/ Inspiration: https://www.booth.fi/

Learn how to collect custom data from users in multiple steps with Firebase email password auth https://angularfirebase.com/lessons/multi-step-signup-firebase-email-password-auth-angular-reactive-forms/ - Firebase Auth: https://firebase.google.com/docs/auth/web/password-auth - Angular 5: https://angular.io/guide/reactive-forms

Today I bring you an elegant search engine optimization solution for Angular progressive web apps. https://angularfirebase.com/lessons/seo-angular-part-1-rendertron-meta-tags/ Live demo: https://instafire-app.firebaseapp.com 1. This solution is fully compatible with AngularFire2 2. Will render links in twitter, facebook, etc. 3. Is crawlable by googlebot, bingbot, etc. 4. Does not require Angular Universal or any weird hacks Rendertron: https://github.com/GoogleChrome/rendertron Cloud Functions: https://firebase.google.com/docs/functions/ Inspiration: https://medium.com/dev-channel/solving-seo-with-headless-chrome-for-your-client-side-framework-288e66fdd2b7

Learn how to use Contentful as a CMS for Angular 5 Progressive Web Apps. In this episode, I show you how to use the platform, then write a Firebase Cloud Function that will broadcast push notifications when new content is published. https://angularfirebase.com/lessons/contentful-cms-progressive-web-apps/ Frantic: https://www.frantic.com/ Contentful: https://www.contentful.com/ FCM: https://firebase.google.com/docs/cloud-messaging/

Retrieve data from Firestore in a way that is faster and more cost effective with data aggregation. In this episode, we use Firebase Cloud Functions to read data from a sub-collection and write it to its parent document. https://angularfirebase.com/lessons/firestore-cloud-functions-data-aggregation/ Firestore: https://firebase.google.com/docs/firestore/ NoSQL Aggregation: https://www.thoughtworks.com/insights/blog/nosql-databases-overview

Use Angular and Firestore to add infinite scroll pagination to your app from scratch - both downward and upward. https://angularfirebase.com/lessons/infinite-scroll-firestore-angular/ Firestore: https://cloud.google.com/firestore/docs/ Angular Directives: https://angular.io/guide/attribute-directives

Learn how to use the new ngrx entity package to build CRUD with less code. In this video, I show you how to create a feature module with ngrx, then use entity adapter methods in the reducer. https://angularfirebase.com/lessons/ngrx-entity-feature-modules-tutorial/ Medium: https://medium.com/ngrx/introducing-ngrx-entity-598176456e15 Docs: https://github.com/ngrx/platform/tree/master/docs/entity

Learn how to build an awesome chatbot in Angular using Dialogflow (formerly API.ai). In this video go from brand new app to chatbot in about 10 minutes. https://angularfirebase.com/lessons/chatbot-in-angular-with-dialogflow-api-ai/ Dialogflow: https://dialogflow.com/ Angular: https://angular.io/ NLP: https://en.wikipedia.org/wiki/Natural_language_processing

In this episode, we build a five-star review system with Angular and the Firestore NoSQL document database. Learn how to model data relationships and manage them from an Angular service. https://angularfirebase.com/lessons/star-ratings-system-with-firestore/ CodePen CSS Stars: https://codepen.io/jamesbarnett/pen/vlpkh Firestore Data Model: https://firebase.google.com/docs/firestore/data-model

UPDATED VIDEO Jan 2019 👉 https://youtu.be/qP5zw7fjQgo Learn how to authenticate users with Google login, Firestore, and AngularFire v5. We also build a router guard to protect your routes from unauthenticated users. https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/ Google Login: https://firebase.google.com/docs/auth/web/google-signin Firestore: https://firebase.google.com/docs/firestore

Start making restful API requests from Angular 4.3+ with the new HTTP client. In this lesson, I show you how to make GET and POST requests, set URL params, headers, handle errors, and more. https://angularfirebase.com/lessons/http-with-angular-quick-start/ StackBlitz Demo: https://stackblitz.com/edit/http-basics Angular HTTP: https://angular.io/guide/http JSON Placeholder: https://jsonplaceholder.typicode.com/ Swagger Codegen: https://swagger.io/

Get up and running with Firestore and AngularFire5. Learn how to use the Firebase Firestore database to query, update, and manage offline data. https://angularfirebase.com/lessons/firestore-with-angularfire-basics/ Demo: https://firestarter-96e46.firebaseapp.com/ Firestore: https://firebase.googleblog.com/2017/10/introducing-cloud-firestore.html AngularFire: https://github.com/angular/angularfire2 More Lessons: https://angularfirebase.com

UPDATE 2020. Much has changed since this upload. Checkout the full Stripe JS course https://fireship.io/courses/stripe-js/ In this episode, we build three Firebase Cloud Functions to handle Stripe subscription payments with an Angular frontend. Get the source code at https://angularfirebase.com/lessons/stripe-recurring-subscription-payments-with-angular-and-firebase-cloud-functions/ Stripe: https://stripe.com Stripe webhooks: https://stripe.com/docs/subscriptions/webhooks Cloud Functions: https://firebase.google.com/docs/functions/ Angular4: https://angular.io

Build native desktop apps with Angular 4 and Electron 1.7. In this lesson I create a simple timer app, then package it for Windows, MacOS, and Linux. Full Lesson at https://angularfirebase.com/lessons/desktop-apps-with-electron-and-angular/ Source Code: https://github.com/AngularFirebase/angular-electron Electron: https://electron.atom.io/ Angular: https://angular.io

Learn how to run a database profile on the Firebase realtime database to analyze speed and memory: https://angularfirebase.com/lessons/firebase-database-performance-testing-and-profiling/ Firebase Profiler Tool: https://firebase.google.com/docs/database/usage/profile

In this episode, we build a pizza order tracking system in Angular that will SMS text the user when their order status change. Twilio handles the texting, while Firebase Cloud Functions makes the API call. Get the full code and breakdown: https://angularfirebase.com/lessons/sms-texting-with-twilio/ Firebase Cloud Functions: https://firebase.google.com/docs/functions/database-events Twilio: https://www.twilio.com/ Angular Reactive Forms: https://angular.io/guide/reactive-forms

Learn everything you wanted to know about RxJS - Reactive Extensions for JavaScript in 15 minutes. In this lesson, I cover about 25 different examples related to RxJS. Full Code and Lesson: https://angularfirebase.com/lessons/rxjs-quickstart-with-20-examples/ Useful Resources RxMarbles: http://rxmarbles.com/ LearnRxJs: https://www.learnrxjs.io/ Official Docs: http://reactivex.io/documentation

Learn how to build a Redux-style authentication system with Ngrx and Firebase Google OAuth. New to ngrx? Start here: https://youtu.be/f97ICOaekNU Full Lesson: https://angularfirebase.com/lessons/ngrx-with-firebase-auth-google-oauth-login/ Demo App: https://github.com/codediodeio/ngrx-fire Ngrx: https://github.com/ngrx/platform AngularFire2: https://github.com/angular/angularfire2

Get a 100 PWA score on Lighthouse with Angular. In this episode, I will teach you how to configure your app to be 100% compliant with the progressive web app checklist provided by Google, making your app installable on compatible devices. Full Lesson Code: https://angularfirebase.com/lessons/installable-angular-progressive-web-app/ Demo App: https://firestarter-96e46.firebaseapp.com/ Lighthouse: https://developers.google.com/web/tools/lighthouse/ SW-Precache: https://www.npmjs.com/package/sw-precache-webpack-plugin

Update 10/8/2017. AngularFire v5 introduced breaking changes. For this tutorial to work in v5, you need to import the service from `angularfire2/database-deprecated` Use Angular NgRx with the Firebase realtime database. In this episode, I show you how to apply Redux patterns and control side effects to retrieve and update data in the Firebase. Full Lesson: https://angularfirebase.com/lessons/firebase-with-angular-ngrx-redux/ Source Code: https://github.com/ngrx/platform/blob/master/docs/effects/README.md Ngrx Effects: https://github.com/codediodeio/ngrx-fire Firebase: https://firebase.google.com/

Learn the basic concepts and design patterns behind Redux and NgRx store. I will show you how to build a basic Redux app with Angular4 from scratch. Full Lesson: https://angularfirebase.com/lessons/angular-ngrx-redux-starter-guide/ Demo App: https://github.com/codediodeio/ngrx-fire NgRx: https://github.com/ngrx

In this episode, I will show you how to query Firebase data based on its proximity to a set of GPS coordinates. We use Angular Google Maps (AGM) to handle the map building process, then throw in GeoFire to make realtime location-driven queries. Check out the full tutorial code here: https://angularfirebase.com/lessons/geofire-location-queries-with-google-maps/ Angular Google Maps: https://angular-maps.com/ Firebase GeoFire: https://github.com/firebase/geofire

Build a realtime user presence system with Angular 4 and Firebase. Easily keep track of status like online, offline, and away using the magic of Angular and RxJS. Inspired by Slack's user presence system. Full Lesson: https://angularfirebase.com/lessons/user-presenece-system-in-realtime/ New to Firebase Auth? Checkout this lesson: https://angularfirebase.com/lessons/angular-firebase-authentication-tutorial-oauth/

Role-based user authorization or access control, will give you fine-grained control over user permissions for Firebase users. In this lesson we are going to give Firebase users 3 different roles - reader, author, and admin. Full Lesson: https://angularfirebase.com/lessons/role-based-permissions-and-authorization-with-firebase-auth/ We will cover all four of these strategies in this lesson. - Hide HTML elements - Prevent actions - Restrict routes with router guards - Create backend Firebase database rules.

Learn how to connect realtime data to Plot.ly with the Firebase database and Angular 4 on the frontend. In this episode, I build three different graphs and charts designed to handle realtime data streams. Full Lesson: https://angularfirebase.com/lessons/realtime-charts-with-plot-ly/ Plot.ly JS: https://plot.ly/javascript/

Learn how to make your Firebase Cloud Functions easier to debug with TypeScript and modular with Webpack. Medium Article: https://medium.com/netscape/firebase-cloud-functions-with-typescript-and-webpack-7781c882a05b

Learn how to load data asynchronously from Firebase on the scroll event. Grab the full lesson and code here: https://angularfirebase.com/lessons/infinite-scroll-with-firebase-data-and-angular-animation/ Check out ngx-Infinite-scroll package https://github.com/orizens/ngx-infinite-scroll

Learn seven effective strategies to debug Angular 4.x applications, including RxJS debugging methods. Checkout the full lesson code: https://angularfirebase.com/lessons/methods-for-debugging-an-angular-application/ Get the Augury plugin: https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd

Learn how to send push notifications to users, even after they have closed an Angular app in the browser. Check out the full lesson code here: https://angularfirebase.com/lessons/send-push-notifications-in-angular-with-firebase-cloud-messaging Official Firebase Cloud Messaging (FCM) docs: https://firebase.google.com/docs/cloud-messaging/

In this episode, we build a reactive form for classified ads that will stay connected to the Firebase Realtime Database. Check out the full code and lesson here: https://angularfirebase.com/lessons/reactive-forms-in-angular-with-the-firebase-database/

In this lesson, we connect realtime data from Firebase to Mapbox GL in Angular4. My goal is to give you a starting point for building realtime map features like those found Uber, Waze, and Pokemon GO. Checkout Wes Doyle's Angular4 GPS Tutorial: https://youtu.be/EHdSb279Lzg Full lesson at https://angularfirebase.com/lessons/build-realtime-maps-in-angular-with-mapbox-gl/ Get Mapbox API credentials at https://www.mapbox.com/

In this episode I provide strategies for filtering data in Firebase with multiple properties or attributes, similar to a SQL where clause. Client-side filtering is performed with Angular 4.3. Check out the full lesson: https://angularfirebase.com/lessons/multi-property-data-filtering-with-firebase-and-angular-4/

In this episode, I show you my top 5 concepts you should know when building animations with Angular 4.3+. Get the full lesson code: https://angularfirebase.com/lessons/animation-examples-in-angular-4-3/ Also, check out the official docs https://angular.io/guide/animations

Learn 7 essential tips when using RxJS with Angular and Firebase, each with its own example. Full lesson: https://angularfirebase.com/lessons/top-7-rxjs-patterns-for-angular-development/ JavaScript Evangelist BehaviorSubject: https://youtu.be/IpM3oUPuGME Learn about RxJS at https://learnrxjs.io

In this episode, we use the Firebase SDK to authenticate users with their phone number. Full Lesson: https://angularfirebase.com/lessons/firebase-phone-authentication-with-angular-4-tutorial/

Second half of Algolia Full Text Search with Angular 4 and Firebase Cloud Functions. In this video we create a cloud function to keep a searchable index updated with the realtime database. Full lesson: https://angularfirebase.com/lessons/angular-full-text-search-with-algolia-backend-part-2/ Check out the first half of this lesson: https://youtu.be/4u_Vd-c9uLI

Learn how to build a full text search frontend in Angular 4 with Algolia and InstantSearch.js. Full Lesson https://angularfirebase.com/lessons/angular-full-text-search-with-algolia-frontend-part-1/ Get your API keys from https://algolia.com

Full Code and Lesson: https://angularfirebase.com/lessons/angular-stripe-payments-part-3-sell-digital-content/ This is the third installment of Stripe Payments with Angular 4 and Firebase. Learn how to sell digital content, make atomic updates, and manage user balances. Get the book: https://leanpub.com/angularfirebase

Part 2 of the Angular-Firebase-Stripe series. We setup a backend Firebase Cloud Function to make the actual charge on the user's credit card. Grab the full lesson here https://angularfirebase.com/lessons/angular-stripe-payments-part-2-firebase-cloud-functions-backend/ Lost? Checkout Part 1: https://youtu.be/_lZc2O2oUJk Join our slack team if you want to discuss Angular/Stripe/Firebase with fellow developers. Invite link at angularfirebase.com You may also want to reference the Firebase Cloud Functions and the Stripe Charge docs. https://firebase.google.com/docs/functions/ https://stripe.com/docs/charges

This is a multipart series about building a payment system with Angular4 and Firebase. You can check out the Part 1 Full Lesson at https://angularfirebase.com/lessons/collect-payments-with-angular-stripe-checkout-and-firebase/ I start by talking about the payment process with Stripe. Then show you how to code it step-by-step with Stripe Checkout. Also, make sure to get an API key at https://stripe.com

Full Lesson https://angularfirebase.com/lessons/how-to-lazy-load-components-in-angular-4-in-three-steps/ Learn how to load components asynchronously with Angular Lazy Loading. Get the source code on github https://github.com/codediodeio/lazy-loading-angular

Full lesson https://angularfirebase.com/lessons/a-simple-explanation-of-ngmodule/ In this episode, I show you how to refactor an Angular app into different modules for better organization and maintainability. Full NgModule FAQ https://angular.io/guide/ngmodule-faq

Fully documented lesson at https://angularfirebase.com/lessons/facebook-inspired-reactions-from-scratch-with-angular-and-firebase/ Learn how to create Facebook style reactions with Angular 4 and Firebase NoSQL from scratch.

Fully documented lesson at https://angularfirebase.com/lessons/angular-toast-message-notifications-from-scratch/ Learn how to build a toast message system with Angular 4, then store them in the Firebase realtime database

Fully documented lesson at https://angularfirebase.com/lessons/managing-firebase-user-relationships-to-database-records/ Learn how to maintain user/data relationships with Firebase users and data from the Realtime database. I provide three different methods for commonly encountered scenarios.

https://angularfirebase.com/lessons/simple-firebase-pagination-with-angularfire2/ Learn how to navigate between collections using a simple technique for Firebase pagination with AngularFire2.

https://angularfirebase.com/lessons/twitter-inspired-follow-system-with-firebase-and-angular/ Learn how to build a Twitter-style follow/unfollow feature for Firebase uses in Angular 4.

Full lesson: https://angularfirebase.com/lessons/custom-usernames-with-firebase-authentication-and-angular/ Learn how to add custom usernames to Firebase users, then asynchronously validate them with Angular 4.

https://angularfirebase.com/lessons/text-translator-with-firebase-cloud-functions-onwrite-and-angular/ Learn how to translate text in the cloud as a background task with Firebase Cloud Functions and Angular 4.

https://angularfirebase.com/lessons/drag-and-drop-file-uploads-to-firebase-storage/ Learn how to create a dropzone-style file uploading feature in your Angular 4 app to Firebase Storage on the backend.

https://angularfirebase.com/lessons/reddit-style-upvoting-in-angular-4-and-firebase-nosql/ Learn how to build a Reddit-style upvote/downvote system with Angular 4 and Firebase Realtime NoSQL database.

https://angularfirebase.com/lessons/autocomplete-search-with-angular4-and-firebase/ Learn how to grab async data from firebase and update the UI after each keypress.

https://angularfirebase.com/lessons/understanding-firebase-database-rules-by-example/ Learn how to use Firebase database rules by example.

https://angularfirebase.com/lessons/angular4-transactional-email-with-cloud-functions-and-sendgrid/ In this episode, I am going to show you how send transactional email in Angular as a background task in cloud. To facilitate this, the emails will be send with Google Cloud Functions for Firebase and the email service Sendgrid. You can use any email provider you want such as mailgun or postmark or even Gmail, but I will chose Sendgrid for this tutorial because they have a solid helper library and a detailed NodeJS example in their documentation. They also offer a free trail with no credit card requirements, so get your API key to follow along with this lesson. What is a Cloud Function? Google Cloud Functions is a serverless architecture that allows you to run isolated code in a NodeJS runtime - as opposed to deploying your own server. It is Google's answer to AWS Lambda and has only been available to the public since 2017. It's an awesome tool for Firebase developers because it allows you to run code in the background that would otherwise slow down an Angular app, and email is definitely a task that should be delegated to its own background task or micro service. We can trigger cloud functions in many different ways, but this lesson will demonstrate the use of cloud functions via HTTP. When the function is deployed, Google Cloud Platform will give us a URL endpoint that we can hit with query params that tell SendGrid how to deliver the email. The process is no different than working with any other RESTful API. It's also useful to know that you can trigger cloud functions on database writes, storage uploads, authentication events, and even analytic events, all of which are common use cases for transactional email. Some examples include sending a welcome email after a new user signs up or when they've reached the max capacity on file uploads. I plan on covering these scenarios in future videos. First, I am assuming you have an Angular app started with the firebase-tools installed. Start by run the firebase init command and select functions. This will create a functions directory and give us an index.js file, which is were the functions are defined. The functions directory is its own isolated Node environment, completely separate from your angular app - its logic has no direct connection to angular. That's great because it keeps your frontend app lightweight and delegates CPU or Memory intensive operations to the cloud. First we need to install the sendgrid package, so we cd into the functions directory then run NPM install. cd functions npm install sendgrid First, I import the send grid package and pass it my API key. Next, I define a parseBody helper to convert the email params into JSON with SendGrid's mail helper. This is a pretty powerful feature of SendGrid when it comes to formatting emails, so check out all the options in the documentation. To create a function, you use the exports keyword followed by the function name, in this case, Im calling the function httpEmail. Our function will return a promise when triggered via HTTP, and if its successful, it will tell the send grid API to send an email.The request must be of type POST and should have query params that define the email addresses, subject, and content the email. Send grid will then return its own response letting us know if the email was successful or an exception occurred. Before we can wire up the cloud function with Angular, we need to deploy it. Run the firebase deploy command, flagging --only functions. When deployment is complete, the console will print the URL used trigger the function via HTTP. Make a note of this url because you will need it in the next step. In angular, we can call this function for anywhere in the app. Here I have a brand new send-email component that will trigger the function. Import the HTTP module and create a function that sends a POST request to the URL of the deployed function. I am also going to hard code some query parameters just to show how to send data to the function over http. In this example, I am just console logging the response or error for debugging. Now we can trigger the cloud function with a button click or any other event for that matter. If all went according to plan, you should see an email in your inbox. If not, make sure to check the console or the Firebase cloud functions logs for any exceptions. That's it for transactional email. Thanks for watching.

https://angularfirebase.com/lessons/show-loading-spinners-for-firebase-data/ In this episode, I will show you how to display and hide a loading spinner when retrieving asynchronous Firebase data from an Angular application. Loading indicators are an important UI feature because they show the end user when more data is incoming. Step 1 - Create the Spinner component We're going to create a SpinnerComponent that can be reused throughout the application. To make it look cool, I am using Spinkit CSS library, which we can just be copied directly into the component's CSS and HTML files. You do not need to change anything in the component's TypeScript. Step 2 - Retrieve Aschronous Data We need to load some data from Firebase to make use of the spinner. In this example, I am loading a `FirebaseListObservable` via the AngularFire2 package. The actual data is just and array of items from a to-do list. This code was originally created for the RealTime Database video, so check that out if you want to learn more about asynchronous data streams. Step 3 - Show and Hide the Spinner We want to show the spinner in the items-list component while data is being retried. First, we define a variable called `showSpinner` in the component and set it to true by default. During `ngOnInit`, the data is requested from the service as a `FirebaseListObservable`. We can determine if the data has been loaded by subscribing to it. The function inside the subscribe call will be executed after the observable emits data, so we can simply set `showSpinner` variable to false when this happens. In the template, we can use the `*ngIf` directive with the `showSpinner` variable to control the visibility spinner. Going back to the app, we can see that spinner is visible for a split second before the data is loaded. The longer it takes for your data the load, the more useful this spinner will be your end users. That's it for loading spinners, see you next time.

Fully documented lesson at https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/ In this episode, I am going to show you four different ways to share data between Angular components. Parent to Child the Input Decorator When you declare a variable with the Input decorator in the child component, it allows that variable to be received from a parent template. In this case, we define a message variable in the parent, then use square brackets to pass the data to the child. Now the child can display this data in its own template. Child to Parent via ViewChild ViewChild allows a one component to be injected into another, giving the parent access to its attributes and functions. One caveat, however, is that child won't be available until after the view has been initialized. This means we need to implement the AfterViewInit lifecycle hook to receive the data from the child. In the AfterViewInit function we can access the message variable defined in the child Child to Parent via Output and EventEmitter Another way to share data is to emit data from the child, which can be listed to by the parent. This approach is ideal when you want to share data changes that occur on things like button clicks, form entires, and other user events. In the child, we declare a messageEvent variable with the Output decorator and set it equal to a new event emitter. Then we create a function named sendMessage that calls emit on this event with the message we want to send. Lastly, we create a button to trigger this function. In the parent, we create a function to receive the message and set it equal to the message variable. The parent can now subscribe to this messageEvent that's outputted by the child component, then run the receive message function whenever this event occurs. Share data between any components When passing data between components that lack a direct connection, such as siblings, grandchildren, etc, you should you a shared service. When you have data that should aways been in sync, I find the RxJS `BehaviorSubject` very useful in this situation. The main benefit that a BehaviorSubject ensures that every component consuming the service receives the most recent data. In the service, we create a private BehaviorSubject that will hold the current value of the message. We define a currentMessage variable handle this data stream as an observable that will be used by the components. Lastly, we create function that calls next on the BehaviorSubject to change its value. The parent, child, and sibling components all receive the same treatment. We inject the DataService in the constructor, then subscribe to the currentMessage observable and set its value equal to the message variable. Now if we create a function in any one of these components that changes the value of the message. when this function is executed the new data it's automatically broadcast to all other components. That's it for data sharing. See you next time.

https://angularfirebase.com/lessons/deploying-an-angular-app-to-firebase/ In this episode, we're going to deploy an Angular 4 app to Firebase hosting. After some initial configuration, you can deploy your app to firebase in a matter of seconds. The best part is that its free for low volume usage and you'll be prepared to scale up as your app grows. Step 1 - Compile your App Running the ng build command will compile and minify your code in a single package in the dist/ folder. You could drop the contents of this directory into virtually any static website hosting platform or even an S3 bucket and you’re site would be ready to serve traffic. Step 2 - Install Firebase Tools Firebase has a nice command line package for deployment. Install it with NPM, then log into your firebase account. Step 3 - Initialize your Project Make sure you are in the top level directory of your angular app, then run firebase init. This will take you through a one-time configuration for your app. For the most part, you can stick with the default settings, except in the follow cases: Choose hosting on the first question. Change public folder to dist when asked (it defaults to public). Configure as single page app? Yes If firebase asks to overwrite your index.html file, respond with NO. Step 4 - Deploy Now your app should be ready to deploy. Run the firebase deploy command, then check your project URL to make sure everything looks good. That's all for firebase deployment, see you next time.

UPDATE Watch the latest store video here: https://youtu.be/wRWZQwiNFnM Full Lesson: https://angularfirebase.com/lessons/angular-file-uploads-to-firebase-storage/ In this episode we are going to implement file uploads with Angular and Firebase Storage. File storage is currently unsupported in the AngularFire2 package, but it's still possible to use Firebase storage by interacting directly with the Firebase Web API. We're still going use AngularFire2 for saving information about file uploads to the realtime database, such as the file name and its URL location. Step 1 - Generate the Files The structure of this feature is very similar to the Angular Firebase CRUD lesson, so make sure to check that out. It is just form that accepts files, uploads them to the storage bucket, then renders the details to a list. ng g service uploads/shared/upload ng g class uploads/shared/upload ng g component uploads/uploads-list ng g component uploads/upload-detail ng g component uploads/upload-form Step 2 - Define the Upload Class The upload class will be used by the service. Notice it has a constructor for the `file` attribute, which has a type of `File`. This class is built into JavaScript and it defines files that are passed via HTML from inputs. Step 3 - Build the Upload Service The service needs to upload the file to Firebase Storage then save details about the file to the realtime database. First let's add the necessary imports import, including the Firebase API, and declare the variables. Here's the push upload function works step-by-step. 1. First, Establish a reference to the firebase storage bucket. 2. Second, define the `uploadTask` as a promise to put the file in storage. 3. Third, monitor the uploadTask event using the `.on` function. 4. Last, handle the events of in progress, success, and error. When the upload is in progress we will take a snapshot to get the number of bytes transferred. Using some simple math, we convert it to a percentage to display a progress bar for the user. When the upload is complete, we update the database. Before moving to the components, we need a way to delete files. Deleting a file only requires a reference to its location. Because we saved the name of the file to the database, we can use it to locate the file in storage and delete it. Here's the code to delete files from both firebase storage and the realtime database. Step 4 - Build the Upload Form Component Now we need to give users a way to choose files and upload or delete them. Let’s start with the UploadFormComponent because that is where most of the action is happening. When a user selects files in an HTML file input, it fires the change event. Our template will listen the change event, then pass the event to our component, which contains the list of files the user is trying to upload. Now we can create methods to trigger the upload function from the service. I created separate functions for handling single files and multiple files that will be connected to buttons in the template. For the end user, we have a progress bar that changes its width based on the snapshot from the upload service. To trigger the upload, we use a regular HTML input that fires the `detectFiles` whenever a new file is entered. This will define the "selectedFiles" variable. Then the user can click Upload files to push the file to storage. That's it firebase file uploads, see you next time. Step 1 - Compile your App Running the ng build command will compile and minify your code in a single package in the dist/ folder. You could drop the contents of this directory into virtually any static website hosting platform or even an S3 bucket and you’re site would be ready to serve traffic. Step 2 - Install Firebase Tools Firebase has a nice command line package for deployment. Install it with NPM, then log into your firebase account. Step 3 - Initialize your Project Make sure you are in the top level directory of your angular app, then run firebase init. This will take you through a one-time configuration for your app. For the most part, you can stick with the default settings, except in the follow cases: Choose hosting on the first question. Change public folder to dist when asked (it defaults to public). Configure as single page app? Yes If firebase asks to overwrite your index.html file, respond with NO. Step 4 - Deploy Now your app should be ready to deploy. Run the firebase deploy command, then check your project URL to make sure everything looks good. That's all for firebase deployment, see you next time.

https://angularfirebase.com/lessons/angular-firebase-authentication-tutorial-anonymous-auth/ In this episode were going to build an Anonymous Authorization service with Angular 4 and Firebase. This feature will allow a user to start using your app with going through the typical OAuth signin or Email Password registration process. This approach is also called lazy registration or gradual engagement. It works by creating a session using only a user ID (UID). If the user signs out without updating more account details, they will be unable to log back in. At this point, it is assumed you have the AngularFire2 package installed and bootstrapped into your app. If not, go to the docs or checkout this video. STEP 1 - Generate the Auth Service If starting from scratch, generate the Auth Service. I'm going to be building upon the auth service from my previous OAuth tutorial and I recommend checking that video out first. STEP 2 - Activate Providers in Firebase Head over to your firebase project and enable the anonymous provider. STEP 3 - Building the Service First, make sure to subscribe to the FirebaseAuthState in the constructor. Then, write a function to login the user with the Anonymous provider. Let's also add a TypeScript getter to see if a logged in user is anonymous. This will be useful when displaying content specifically for anonymous users. STEP 4 - Create a Component Now we can inject the service into our components to login users anonymously. In this case, we just bind the function to the click event of a button. STEP 5 - Upgrading the Account When an anonymous user decides to upgrade, you will need to transfer the account data. The Firebase web API can do this, but you would need to bypass the AngularFire2 package. As an alternative,you can create a new account, then transfer the User's data to it. Assuming your data is nested under a User ID, here's how you could map it to a new account. This function works by taking a snapshot of the data nested under anonymous ID, then copies it to the new account after the User logs in with google. That's it for Anonymous Auth. Check out the full article for more details and I'll see you next time.

UPDATE: Get the latest version here https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/ Router Guards are used in Angular to prevent unauthorized users from navigating anywhere they want in your app. At this point our app has a working Firebase authentication system, but any visitor can access routes intended for only logged in users. Guards handle this problem by implementing the CanActivate interface, which tells Angular whether or not to activate a route. In this example, we will protect pages for unauthenticated users and redirect them to a signin page. Step 1 - Generate the Guard We use the CLI in Angular 4 to generate a default guard. Guards use the injectable decorator, so they need to be registered as a provider just like any other service in the app module. Step 2 - Update the Auth Service Our users are authenticating via Firebase and the AngularFire2 package. In the service we are subscribing the FirebaseAuthState, then using a getter to see if the auth object is null. Checkout the OAuth tutorial for more details on this code. Step 3 - Implement the Guard Logic Router guards always return a boolean type or boolean observable. The logic here is simple, if the FirebaseAuthState is defined, we activate the route. Otherwise, we return false and navigate to to the login page. Now that the guard is complete, we just need to apply it to specific routes in the routing module. That's it for router guards, I'll see you next time.

Update Oct 2017: Learn about important changes with Firestore and AngularFire v5 https://youtu.be/-GjF9pSeFTs https://angularfirebase.com/lessons/reactive-crud-app-with-angular-and-firebase-tutorial/ In this episode we're going to build todo list feature that performs the SQL-style CRUD operations of create, read, update, and delete. NoSQL use different terms for these operations, so heres a basic translation when working with Firebase. create -- push read -- list or object update -- update or set delete -- remove Angular apps work with asynchronous data streams using RxJS reactive extensions for JavaScript. A data stream can be anything, but in this context we are talking about objects from the Firebase realtime database. At this point, it is assumed you have the AngularFire2 package installed and bootstrapped into your app. If not, go to the docs or checkout this video. Step 1 - Generate the Files Start by generating the necessary files from the command line. The feature is a simple list of todo items that can be modified by users. ng g service items/shared/item ng g class items/shared/item ng g component items/items-list ng g component items/item-detail ng g component items/item-form Step 2 - Define an Item Class We will give Items their own TypeScript class to keep our data organized. Step 3 - Building the Service All the CRUD magic happens in the service, which performs six different operations. 1. Get a list of items 2. Get a single item 3. Create a new item 4. Update an existing item 5. Delete a single item 6. Delete an entire list of items Let's start by importing dependencies and declaring public variables. When we get an item or list of items, they will returned as an observable, which can then be unwrapped asynchronously in a component. The functions for getting an item or list will return the observable so it can be set as a public variable. All other functions will return void because they operate on the items variable or take a specific key as an argument. Any component watching the items variable will be automatically updated when these functions are called. All of these operations are defined in the AngularFire2 docs, so I recommend you check those out. Step 4 - Build the List Component The list component will serve as a parent component that iterates over items in the database. First, we need to define a public items variable during the NgOnInit lifecycle hook. This variable holds the Firebase List observable. Then we use the ngFor directive with the async pipe to iterate over the observable. The async pipe is critical because the observable will be empty on initial rendering, so we need to tell angular to handle it differently than a regular JavaScript object. Step 5 - Build the Item Detail Component In the item detail component, we use the `@Input` decorator to pass data from the parent to the child via the template. We also crate a few functions that can be trigged by clicking buttons to operate on a single items within the list. In the template itself, we display the item attributes and add the CRUD functions to the cooresponding buttons. Step 6 - Build the Item Form Component There are several different form validation methods in Angular. In this example, I am going to use a template driven approach using the if-then-else else syntax introduced in Angular 4. This method is only ideal for small simple forms because all the logic will be defined in the HTML. We define two different templates named valid and errors. We can then display these templates conditionally based on the form state. The final step is to submit the form to create a new item. In this case, I just use the click event to trigger the `createItem` method from the service. That's all for Firebase CRUD, see you next time.

UPDATE Oct 10th, 2017: Fully updated tutorial for AngularFire v5 and Firestore https://youtu.be/e8GA1UOj8mE Angular OAuth with Firebase Tutorial https://angularfirebase.com/lessons/angular-firebase-authentication-tutorial-oauth/ In this episode, were going to build a user authentication system with Angular 4 and Firebase. Authentication is required in almost every Angular application, including this basic todo list app. The app currently has no authentication at all, but we want user to be able to log in with their Google, Facebook, Twitter, or Github account. At this point, it is assumed you have the AngularFire2 package installed and bootstrapped into your app. If not, go to the docs or checkout this video. STEP 1 - Generate Files We are going to keep this feature super simple. The Auth Service will handle interaction with the Firebase API. The User Login Component will handle the login and logout buttons. The User Profile Component will show details about the User. STEP 2 - Activate Providers in Firebase Head over to your firebase project and enable the providers you want. For non-google providers, you will need to get your own developer account and API keys. STEP 3 - Build the Service The way you handle authentication with Firebase is by subscribing to the AngularFire-Auth observable which returns a Firebase-Auth-State object. Now that we have the AuthState object, we can take advantage of TypeScript accessors to get attributes. In this case, I'm interested in the User ID. Here's the beauty of firebase - you can implement 4 social auth providers with very little code. I start by creating a reusable private function that takes the provider as an argument named `Social-Sign-In`. When a user attempts to sign in two things can happen - success or failure. If it's a success, the `then` code will execute, if its's an error the `catch` code will execute. You may be wondering what the `updateUserData` function is about. It's optional, but you may want to save user records to the Firebase realtime database. It can be useful if you plan on iterating over users in your app or if you collect additional data during signup. We finish off the service by creating an action for each of the four providers. This is as simple as returning the result of the `socialSignIn` function. STEP 4 - Frontend Components With the auth service complete, we can inject it into components. Here's how you might create a Login Component with functions to login with each provider handleError In the template we can then bind these functions to the click event. The accessors we created in the service come in handy in for adding conditional logic to the template. That wraps it up. Check out the full Firebase OAuth article more detail on code and I'll you next time.

Welcome to Angular Firebase. Today, I'm going to show you how to create separate backend environments for development and production with Angular 4. Maintaining separate environments allows you to build and test new features without screwing up data from your live production app. Step 1 - Create two Firebase Projects Before jumping into the code, you will need two separate Firebase projects one for development and one for production. Step 2 Create the Environment Files I just cloned the FireStarter App from github and the first step is to create the environment files. If you created a new app with the Angular CLI, these files will be here by default. Also, make sure to add these files to your gitignore as they will hold sensitive credentials for your app. Step 3 paste in the firebase config using the unique API credentials from each of your projects. Step 4 - Bootstrap the environment in the app module Now we can import the environment anywhere in our app. In this case, we want to bootstrap firebase config in the app module. These are the necessary lines to wire up the environments with Firebase. Step 5 - Serve or Build the App With that done, its possible to serve our app locally using either environment. It will serve in development by default with ng serve or serve in product with the --prod flag ng serve --prod When deploying the app, make sure to always include the --prod flag. ng build --prod Thanks for watching. I'll see you on the other side.