- 31 May, 2023
- FlutterHQ.com
Fireship
High-intensity ⚡ code tutorials to help you build & ship your app faster. Subscribe for new videos every week covering intermediate to advanced lesson...
How to get rich as a solo software developer - The Ultimate Guide
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 ...
10 crazy announcements from Google I/O
Google made a ton of exciting announcements at I/O yesterday related to AI, web development, Android, Flutter, and more.
AWS for the Haters in 100 Seconds
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 ...
I literally connected my brain to GPT-4 with JavaScript
I hacked my brain with a compact electroencephalogram (EEG) and connected it to GPT-4 with the OpenAI API. In this crazy ...
Game over… GitHub Copilot X announced
GitHub Copilot X was announced yesterday and it has an impressive set of new AI coding features. Learn how Microsoft is ...
5 ideas for your own AI grift with ChatGPT
ChatGPT could start a new technological gold rush for artificial intelligence startups. Let's look at 5 business ideas for GPT-3 and ...
Tailwind CSS is the worst…
People have been debating the merits of Tailwind on twitter recently, so let's look at the pros and cons of this popular CSS library.
How to ACTUALLY learn to code... 7 Roadmaps for 2023
Explore 7 roadmaps or learning paths for beginner developers. The goal of this video is to provide a starting point for aspiring ...
I built a $5 chat app with Pocketbase & Svelte. Will it scale?
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 ...
What will AI Programming look like in 5 Years?
What will the future of AI programming look like with tools like ChatGPT and GitHub Copilot? Let's take a look at how machine ...
Things are gonna get weird in 2023
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.
Supabase in 100 Seconds
Supabase is the open-source Firebase alternative that features an impressive collection of tools like PostgreSQL, user ...
Is FAANG f**ked?
Meta announced layoffs of 11000 employees today, just one week after Twitter implemented a massive layoff. How will this news ...
Next.js 13… this changes everything
Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the ...
Stop calling Fleet a VS Code Killer
Fleet has arrived... a brand new IDE from JetBrains that many have called a "VS Code killer". It has a feature called smart mode ...
PocketBase... The Ultimate Side-Hustle Backend?
Take first look at PocketBase, a new backend platform using the Go programming language and SQLite database that compiles to ...
I tried 5 Firebase alternatives
Firebase leads the backend-as-a-service space, but there are many popular alternatives like AWS amplify, Supabase, Nhost, ...
God-Tier Developer Roadmap
The programming iceberg is complete roadmap to the loved, hated, historical, and weird programming languages that you should ...
My Bleeding Edge Tech Stack for 2025
Choosing a modern tech stack is difficult because of the sheer number of tools available. Let's look at 8 important decisions you'll ...
Tauri in 100 Seconds
Tauri is a tool for building cross-platform desktop apps on Windows, MacOS, and Linux with JavaScript & Rust. It is very ...
React for the Haters in 100 Seconds
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 ...
Redux in 100 Seconds
Redux is a popular state management pattern for large-scale web applications. Learn the basics of the Redux with React ...
The Parallax Effect // 5 Minute WebDev Project
The Parallax Effect is an optical illusion that can give a website the appearance of 3D depth. Learn how to design a parallax ...
I built 10 web apps... with 10 different languages
Which serverside web framework is the best? To find out, I built the same app 10 times with 10 different programming languages.
Java for the Haters in 100 Seconds
Java is one of the most successful and most dreaded technologies in the computer science world. Let's roast this powerful ...
my code works… why?
the psychological process of debugging your code #programming #comedy #shorts.
10 very promising Open Source Projects you haven’t heard of
Let's explore 10 game-changing open source libraries that can make your code faster, prettier, and cheaper. A hand-picked list of ...
10 Design Patterns Explained in 10 Minutes
Software design patterns help developers to solve common recurring problems with code. Let's explore 10 patterns from the ...
This video was made with code. But how?
Learn how to produce video content programmatically with HTML, CSS, and JavaScript thanks to Remotion - a React library that ...
Vite in 100 Seconds
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 ...
Firebase in 100 Seconds
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 ...
Ruby in 100 Seconds
Ruby is a dynamic programming language most well-know for powering the Ruby on Rails fullstack web framework. Learn why ...
Build a WEB3 app to mint unlimited NFTs… But should you?
I built a web3 dapp that can mint an unlimited quantity of NFTs. Learn how to build decentralized web apps with JavaScript using ...
Is Redis the ONLY database you need? // Fullstack app from scratch with Next.js & Redis
You probably know Redis as an ultrafast in-memory database, but can it also be used as your primary app database? This tutorial ...
The Dark Side of Open Source // What really happened to Faker.js?
Yesterday, a popular open-source package, Faker.js, was abruptly taken down from GitHub. Its readme simply said “What really ...
Monorepos - How the Pros Scale Huge Software Projects // Turborepo vs Nx
Big companies, like Google & Facebook, store all their code in a single monolithic repository or monorepo... but why? Learn how ...
Is Web3 all Hype? Top 10 Web 3.0 Questions & Answers
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 ...
HTML in 100 Seconds
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 ...
2022 is gonna be wild for developers...
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 ...
Swift in 100 Seconds
Swift is a modern programming language developed by Apple. It is commonly used to code apps for iOS and MacOS, but is ...
Flutter Basic Training - 12 Minute Bootcamp
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 ...
WTF is a Bézier Curve?
What is a Bézier curve? Programmers use them everyday for graphic design, animation timing, SVG, and more. #shorts ...
Kotlin in 100 Seconds
Kotlin is a programming language designed as a modern alternative to Java. It supports functional patterns, coroutines, ...
Make Money from your API Tutorial
Learn how to collect payments from an API or SaaS product. In this tutorial, we build an Express.js API from scratch, then make ...
Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar
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 ...
Auth0 in 100 Seconds // And beyond with a Next.js Authentication Tutorial
Auth0 is Authentication-as-a-Service used to manage the front door to your application. It provides drop-in user auth solutions that ...
Dart in 100 Seconds
Dart is high-productivity statically-typed programming language capable of targeting multiple platforms. It's used by Flutter to ...
Go in 100 Seconds
Learn the basics of the Go Programming Language. Go (not Golang) was developed at Google as a modern version of C for ...
React Native vs Flutter - I built the same chat app with both
A side-by-side comparison of React Native and Flutter. I built a mobile chat app with both frameworks to understand differences in ...
React Native in 100 Seconds
React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase.
How to OVER Engineer a Website // What is a Tech Stack?
A "tech stack" includes all the technologies used to build a complete web or mobile application - like frameworks, cloud services, ...
I built a decentralized chat dapp // GUN web3 Tutorial
Build a decentralized chat app using the GUN JavaScript library. Learn how to use web3 technology to create a peer-to-peer ...
Reacting to Controversial Opinions of Software Engineers
Software engineers can be very opinionated about their tools, patterns, and philosophies. Let's react to some of the most ...
I built the same app 10 times // Which JS Framework is best?
I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your ...
The Decline of Firebase (bundle sizes) // New JavaScript SDK First Look
The latest Firebase JavaScript SDK (version 9.0) has been rewritten as a functional library resulting far smaller bundle sizes for better web performance.
Redis in 100 Seconds
Use the special link https://redis.info/fireship (or code: MATRIX200) to try Redis Enterprise Cloud to get a $200 credit, become part ...
Is your memory leaking?
Memory leaks in JavaScript can slow down your website and create a bad user experience. Learn how to find JS memory leaks ...
The Truth about Github Copilot // AI Programming First Look
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 ...
Google Sheets… Your Next Database?
Can you use Google Sheets as a database? Learn how to build a Next.js app using a spreadsheet as the data layer ...
Build 5 Apps in 5 Minutes with Flutter… But should you?
Flutter makes it possible to deploy your code to iOS, Android, MacOS, Windows, and the Web. But what are the pros and cons of ...
Hasura in 100 Seconds
Learn how Hasura can instantly turn your SQL database into a GraphQL API. https://github.com/hasura/graphql-engine This video ...
Async Await try-catch hell
Async Await is heaven... until error handling comes into play. Learn how to avoid try/catch hell when writing async JavaScript code ...
Is Supabase Legit? Firebase Alternative Breakdown
Supabase is a new open-source "Firebase Alternative". Let's compare features, pricing, and the developer experience to see how ...
Get Paid with Crypto in your App // Coinbase Commerce Tutorial
Learn how to accept cryptocurrency payments, like $BTC or $ETH, in your webapp with Coinbase Commerce.
CORS in 100 Seconds
Cross-Origin Resource Sharing or CORS is a mechanism that allows browsers to request data from 3rd party URLs (or origins) ...
Serverless Computing in 100 Seconds
Serverless Computing can dramatically simplify your backend infrastructure by eliminating the need to configure, maintain, and ...
WebRTC in 100 Seconds // Build a Video Chat app from Scratch
Want to build your own peer-to-peer video chat app? WebRTC is a technology that creates a realtime connection between ...
Invite Only! Use FOMO to grow your app // Exclusive Phone SignIn Tutorial
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 ...
Dgraph Graph Database in 100 Seconds
Learn the fundamentals of Dgraph - an open-source Graph Database that implements GraphQL as its query language ...
SEO for Developers in 100 Seconds
Learn the fundamentals of Search Engine Optimization (SEO) from the perspective of a web developer. Determine the optimal ...
Fork you ElasticSearch! How Open Source Works
ElasticSearch recently dropped its open-source licensing strategy, prompting AWS to fork it. Learn how "Open Source" actually works and how companies profit ...
Progressive Web Apps in 100 Seconds // Build a PWA from Scratch
Progressive Web Apps (PWA) deliver a native app-like experience on the web. Learn how to analyze and implement service ...
How to Burn Money in the Cloud // Avoid AWS, GCP, Azure Cost Disasters
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 ...
Web Assembly (WASM) in 100 Seconds
Learn the fundamentals of Web Assembly in 100 Seconds, then build your first WASM binary with AssemblyScript.
FaunaDB Basics - The Database of your Dreams
Learn the basics of FaunaDB by modeling a social graph in this beginner-friendly database tutorial.
Kubernetes Explained in 100 Seconds
Learn the basics of Kubernetes and how it's used to scale containers to massive workloads in the in cloud, in 100 seconds.
The Legend of jQuery in 100 Seconds
jQuery is the world's most popular JavaScript library (by far) in terms of sites using it in production today. Learn the basics of ...
React in 100 Seconds
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 ...
Learn Docker in 7 Easy Steps - Full Beginner's Tutorial
A complete introduction to Docker. Learn how to Dockerize a Node.js and run manage multiple containers with Docker Compose.
Docker in 100 Seconds
Docker is a required skill for almost every developer in today's world. Learn the basics of Dockerfiles, images, and containers in ...
Flutter Firebase Setup for Power Users
Building an app for iOS and Android? This guide will get you up and running with Flutter & Firebase, plus a few optional ...
Regular Expressions (RegEx) in 100 Seconds
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 ...
Get Paid with Stripe in 100 Seconds
#stripe #javascript #100SecondsOfCode Course Source Code: https://github.com/fireship-io/stripe-payments-js-course Stripe Docs: ...
Deno in 100 Seconds
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 ...
7 Full Stack App Ideas for Developers w/ Instructions Included
Looking for app dev inspiration? Here are 7 unusual app ideas that you can use in your portfolio or as a side hustle.
Flutter in 100 seconds
Build apps on iOS, Android, the web, and desktop with Flutter in 100 seconds. Go beyond the basics in the Flutter Firebase course ...
COBOL in 100 seconds
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 ...
DevOps CI/CD Explained in 100 Seconds
What is DevOps? How to setup a CI/CD pipeline? Learn the basics of continuous integration & delivery and how it can optimize ...
Build a Desktop App with Electron... But Should You?
A complete beginner's tutorial for Electron JS ⚡ along with an overview of its pros and cons. In about 10 minutes, we build a ...
Electron JS in 100 Seconds
Build your first native desktop app (MacOS, Windows, Linux) in 100 seconds with Electron JS. https://fireship.io/tags/electron/ Electron Docs ...
Sign in with Apple from a Firebase Web App
Learn how to Sign in with Apple from your Firebase web app in 100 seconds. Step-by-step breakdown: ...
Recursion in 100 Seconds
Learn how recursion ♾️works in 100 seconds. https://fireship.io #compsci #100SecondsOfCode Install the quiz app iOS ...
iPod Classic UI with Flutter
Build a throwback UI inspired by the iPod Classic, featuring a click wheel scroller that can detect circular motion with an animated ...
Firestore Pagination - It Just Got Easier
Learn how to run pagination queries in Firestore forward and backward. Then build an full working app with Svelte ...
Learn Binary by Building a Binary Clock with Flutter
Do you know how binary works? Learn the basics by building a binary Clock in Flutter. Build your own clock before the ...
100 Firebase Tips, Tricks, and Screw-ups
Top 100 Firebase Pro Tips . Optimize your app for performance, costs, and developer happiness - and avoid common mistakes ...
GraphQL Basics - Build an app with the SpaceX API
Learn the fundamentals of GraphQL by interacting with the SpaceX API , then use it to build a frontend Apollo application from scratch. Source code: ...
Firebase Analytics + Remote Config on the Web
#firebase #analytics #ux Take the quiz iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android ...
Firebase Extensions Quickstart
Get started with the amazing new Firebase Extensions 🌩️ feature announced today. Deploy serverless solutions to the cloud ...
Fullstack Autocomplete Search with Algolia
Build a fullstack fulltext autocomplete search feature with Algolia and Firebase, with implementations covering Node.js, Svelte, and Angular.
Nest on Cloud Functions
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*.
MySQL with Firebase?
Connect Firebase to a MySQL database via Cloud Functions, then learn how to supercharge your productivity with TypeORM ...
Flutter File Upload - Pick, Crop, and Save Images to the Cloud
Upload files with Flutter and Firebase Cloud Storage 🗃️. Learn how to pick, crop, and upload images to a cloud storage ...
Transactional Email 101 📧 with SendGrid & Firebase Cloud Functions
The fundamentals of transactional email . How to use SendGrid with Firebase Cloud Functions to send email from your app.
In App Purchases in Flutter
Learn how to setup In App Purchases in Flutter to sell consumable digital products for real money on iOS and Android ...
Smart Push Notifications with Flutter & FCM
Send push notifications in Flutter with Firebase Cloud Messaging (FCM) to a single device, topic, or user segment.
Top 12 Flutter Tips & Tricks
A collection of 12 #tips and #tricks for building efficient and maintainable #Flutter apps . Learn how to use your IDE effectively, ...
Firebase vs AWS Amplify
How does Firebase compare to ⚡Amplify? Review Google Cloud Platform and Amazon Web Services in terms of pricing, ...
How to Become a Google Developer Expert (GDE)
What does it take to become a Google Developer Expert? Learn about my own experience becoming a GDE with practical advice ...
Collection Group Queries in Firestore
Learn how to use the new Collection Group Query feature to join subcollections. Great for hierarchical or deeply-nested data ...
Flutter Provider - Advanced Firebase Data Management
Learn how to use the Provider package to simplify data flow in your #flutter app and react to #firebase realtime streams across the ...
Flutter Drag & Drop for Two-Year-Olds
Build a drag & drop UI in the form of a simple color-matching kid's game. Master the basics of Flutter's Draggable and ...
Firestore Data Modeling - Five Cool Techniques
Five useful data modeling techniques in Cloud Firestore that you may not know about. Checkout the full course here ...
Firestore Increment - Counters that Scale
Learn about the new Firestore "increment" field-value that can update a counter on the server atomically, with dramatically ...
Flutter Flare Basics - Let's Build Giphy's Nav Menu
Master the basics of vector animation with Flare 2D in Flutter by re-creating the awesome navigation menu from the Giphy ...
Run VS Code in the browser with massive computing resources
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 ...
Reflectly-Inspired Animated Slideshow with Flutter + Firebase
Build an animated slideshow in Flutter using the PageView widget, then make it filterable with Cloud Firestore ...
Predict Horse Races with BigQuery #ML
Learn how to use BigQuery ML on Google Cloud Platform to predict the outcome of horse races - Machine learning skill not required.
Flutter State Management - The Grand Tour
Take a tour of ten awesome state management techniques in Flutter. Learn how to control the flow of data when building complex ...
Flutter Animation - Radial Menu at 60FPS
Animate a complex radial menu in Flutter at can translate, scale, and rotate at 60 FPS from scratch ...
PWA to Google Play Store with Trusted Web Activities (TWA)
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.
Flutter Google Maps + Firestore Geolocation - Build the next Uber?
Looking to build something like Uber? Learn how to combine Flutter, Firestore, and Google Maps to create a realtime ...
7 Amazing Developer Tools that you're not using yet
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 ...
Flutter Layouts for the CSS Developer
Learn how to align, position, and build layouts in Flutter with comparisons to CSS flexbox - they have more in common than ...
Realtime User Presence with Firebase & Angular - Online | Offline | Away
Build a realtime user presence system with AngularFire that can set the public status of a user to online , offline , or away ...
Flutter for the JS Developer
Flutter/Dart basics for the JavaScript web developer. Learn the similarities and differences between Dart and JS side-by-side.
Cloud Build - Create a CI/CD Pipeline
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 ...
Flutter - Google SignIn from Scratch
Build a Flutter app that uses Firebase Google SignIn and Firestore for user authentication. Learn how to use both ...
Firestore Megachat - Let's Build a Chat App
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 ...
ML Engine - Machine Learning in the Cloud
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.
Google Calendar + Firebase Auth
Learn how to combine Google APIs with Firebase Auth by building an app that can manage a user's calendar ...
Puppeteer on Cloud Functions
Learn how to use Puppeteer with Firebase Cloud Functions to perform serverside rendering of any frontend app like Ionic 4 or ...
Image Resize Cloud Function
Learn how to build a Firebase Cloud Function that can resize images to multiple thumbnail sizes from a storage bucket. Functions ...
How to NOT get a 30K Firebase Bill
Learn how to manage costs in Firebase with both clientside and serverside optimizations.
Firestore Array Query
Learn how to query an array in the Firestore database with the new "array-contains" option in version 5.3 ...
Ionic 4: Should you Build a Hybrid App?
Is Ionic 4 right for your mobile app compared to Flutter, React Native, or Native Script? Get my opinion in this video and explore ...
Firestore Geoquery
Query Firestore based on realtime geolocation data using RxJS. https://github.com/codediodeio/geofirex - PRO ...
Cypress End-to-End Testing
Learn how to perform amazing end-to-end testing for Angular Firebase apps using Cypress.io. You'll never write e2e tests in ...
GraphQL with Apollo Server 2.0
Learn how to build an API using GraphQL with Apollo Server 2.0, using Firestore as a backend data source.
Google Assistant Quick Start for Developers
Learn how to build Google Assistant apps using Dialogflow and Firebase Cloud Functions ...
TensorFlow.js Quick Start
Get started with TensorFlow.js by building a digit recognizer from scratch in this quick start tutorial ...
Capacitor - Five Apps in Five Minutes
Use Capacitor to build an Angular CLI app for iOS, Android, Windows, MacOS, and the web in exactly 5 minutes ...
Passwordless Authentication with Firebase
Learn how to login Firebase users with nothing by an email address using the new passwordless email-link authentication ...
Firestore Security Rules - How to Hack a Firebase App
Learn how to hack a Firebase app, then configure solid Firestore Database security rules to ensure data integrity.
Model Relational Data in Firestore NoSQL
Learn how to model and structure data relationships with the Firestore NoSQL Database. We build simple one-to-many and ...
Coinbase + Firebase - Build a Bitcoin App
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 ...
SendGrid Transactional Email via a Firestore Cloud Function
Send email to your app users via SendGrid with a Firestore Cloud Function trigger. Learn how to create transactional templates ...
Star Review System from Scratch with Firestore + Angular
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 ...
Send SMS Text Messages with Twilio and Firebase
In this episode, we build a pizza order tracking system in Angular that will SMS text the user when their order status change. Twilio ...
User Presence System in Realtime - Online, Offline, Away
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 ...
Advanced Firebase Data Filtering (Multi-Property)
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 ...