Beyond Fireship
Beyond Fireship
  • Видео 39
  • Просмотров 12 959 930
Build better payment forms using new “embedded” Stripe Checkout
Learn how to use the new embedded Stripe Checkout feature to easily accept payments without ever leaving your own website. Learn everything about payments for software developers in my new Stripe for SaaS featuring Next.js and Supabase:
Stripe for SaaS: fireship.io/courses/stripe-saas/
And use code BEYOND30 to save some money!
Full Tutorial and Code: fireship.io/courses/stripe-saas/bonus-embedded-checkout/
Просмотров: 153 395

Видео

GitHub Copilot now controls your command line...
Просмотров 296 тыс.3 месяца назад
Learn how to become a Bash or PowerShell guru by using GitHub Copilot in the CLI. This new feature is a great way to learn Linux and Git commands without ever leaving your IDE. Check out the Fireship VS Code course fireship.io/courses/vscode-tricks/ GitHub copilot in the CLI github.blog/changelog/2024-03-21-github-copilot-general-availability-in-the-cli FFmpeg in 100 Seconds ruclips.net/video/2...
How I deploy serverless containers for free
Просмотров 438 тыс.3 месяца назад
Build a Python Flask app for removing the background from images, containerize it with Docker, then deploy it with serverless cloud tools. Watch Docker 101 ruclips.net/video/rIrNIzy6U_g/видео.html Source Code github.com/codediodeio/rembg-webapp-tutorial
This UI component library is mind-blowing
Просмотров 603 тыс.4 месяца назад
Let's explore a free open-source UI library that replicates advanced animations found on the landing pages of top-tier startups. Learn how to code advanced components in React and other JavaScript frameworks. Aceternity Components ui.aceternity.com/components ShadCN ui.shadcn.com/ Parallax Tutorial ruclips.net/video/UgIwjLg4ONk/видео.html Fireship Next.js Course fireship.io/courses/nextjs/
I built an Apple Vision Pro app... visionOS tutorial
Просмотров 531 тыс.4 месяца назад
Learn the basics of VisionOS development for the Apple Vision Pro. I build a simple app from scratch using SwiftUI and RealityKit to build an app for Apple's new VR/AR platform. Upgrade to PRO fireship.io/pro VisionOS Docs developer.apple.com/documentation/visionos Apple Vision Code Report ruclips.net/video/DuqLkG75BE8/видео.html
Mind-blowing page animations are easy now... View Transitions API first look
Просмотров 240 тыс.10 месяцев назад
Learn about the new View Transitions API in Astro and how it can add awesome route animations to your website. #webdevelopment #javascript #code Upgrade to Fireship PRO fireship.io/pro View Transitions API docs.astro.build/en/guides/view-transitions/ SvelteFire Docs sveltefire.fireship.io I built a JS framework ruclips.net/video/SJeBRW1QQMA/видео.html
PROOF JavaScript is a Multi-Threaded language
Просмотров 266 тыс.10 месяцев назад
Learn the basics of parallelism and concurrency in JavaScript by experimenting with Node.js Worker Threads and browser Web Workers. #javascript #programming #computerscience Upgrade to Fireship PRO fireship.io/pro Node.js Worker Threads nodejs.org/api/worker_threads.html Check out @codewithryan ruclips.net/video/_Im4_3Z1NxQ/видео.html
How GitHub Actions 10x my productivity
Просмотров 392 тыс.10 месяцев назад
Learn how to use GitHub actions continuous integration and delivery in a software development project. In this quick tutorial, we look at 7 powerful ways to automate code with CI/CD. #programming #automation - My GitHub Actions in SvelteFire github.com/codediodeio/sveltefire - GitHub Actions Docs github.com/features/actions - act cli github.com/nektos/act
React VS Svelte...10 Examples
Просмотров 527 тыс.11 месяцев назад
The ultimate guide to Svelte for React.js Developers with 10 code examples for both JavaScript frameworks. Find out if SvelteKit is better than Next.js... SvelteKit Course fireship.io/courses/sveltekit Next.js 13 Course fireship.io/courses/nextjs Full Svelte vs React Article fireship.io/lessons/svelte-for-react-developers/ #javascript #webdevelopment #programming
I built a *streaming* AI chat app
Просмотров 122 тыс.Год назад
Learn how to use the new Vercel AI SDK to quickly build streaming AI chat apps with APIs like OpenAI, Anthropic, HuggingFace, LangChain, and more. Upgrade to get the full SvelteKit Course at fireship.io/pro Use promo code FKIT to save 35% Vercel AI Announcement vercel.com/blog/introducing-the-vercel-ai-sdk
I tried 8 different Postgres ORMs
Просмотров 389 тыс.Год назад
Let's compare 8 ways to work with SQL databases in a JavaScript project like Node.js or Next.js. Analyze the pros and cons of libraries and ORMs that can run Postgres queries in a fullstack framework. #sql #javascript #webdevelopment Learn more in full Next 13 Course fireship.io/courses/nextjs/ - pg github.com/brianc/node-postgres - postgres.js github.com/porsager/postgres - knex github.com/kne...
Most overpowered way to build mobile apps?
Просмотров 726 тыс.Год назад
Learn how to use FlutterFlow to build iOS and Android apps quickly. It is a low-code Flutter tool with integrations for Firebase that rapidly speed up mobile development. #android #flutter #firebase Use FlutterFlow for free bit.ly/3Ia8UXv Flutter Docs docs.flutter.dev Fireship Flutter Course fireship.io/courses/flutter-firebase/
I built a fullstack PaLM AI app in just 2 minutes
Просмотров 175 тыс.Год назад
Learn how to use Google's new PaLM 2 AI model with Firebase and SvelteKit. In this tutorial, we build and deploy a fullstack LLM-powered application in just 2 minutes. Firebase Updates firebase.blog/posts/2023/05/whats-new-at-google-io Google I/O breakdown ruclips.net/video/nmfRDRNjCnM/видео.html Terraform in 100 Seconds ruclips.net/video/tomUWcQ0P3k/видео.html #webdevelopment #ai #tutorial
The ultimate guide to web performance
Просмотров 407 тыс.Год назад
Learn how to analyze and optimize the performance of any website. In this tutorial, we explore tips and tricks to build faster UIs that are ideal for search engine optimization. #webdevelopment #javascript #css 🔥 Become a PRO member fireship.io/pro 💵 Use code BEYOND25 to save 25% Unlighthouse github.com/harlan-zw/unlighthouse Web Vitals Plugin web.dev/debug-cwvs-with-web-vitals-extension/
Next.js Server Actions... 5 awesome things you can do
Просмотров 255 тыс.Год назад
A full tutorial and breakdown of the new Next.js Server Actions feature. Learn how to handle form submissions and implement optimistic updates without the need to API routes. #reactjs #javascript #webdevelopment Get the Full Next.js Course fireship.io/courses/nextjs Server Actions Announcement nextjs.org/blog/next-13-4
Industrial-scale Web Scraping with AI & Proxy Networks
Просмотров 701 тыс.Год назад
Industrial-scale Web Scraping with AI & Proxy Networks
I built an image search engine
Просмотров 286 тыс.Год назад
I built an image search engine
ChatGPT Official API First Look
Просмотров 422 тыс.Год назад
ChatGPT Official API First Look
Sorting Algorithms Explained Visually
Просмотров 516 тыс.Год назад
Sorting Algorithms Explained Visually
You don't need Node to use NPM packages
Просмотров 150 тыс.Год назад
You don't need Node to use NPM packages
10 Rendering Patterns for Web Apps
Просмотров 325 тыс.Год назад
10 Rendering Patterns for Web Apps
The easiest realtime app I’ve ever built
Просмотров 182 тыс.Год назад
The easiest realtime app I’ve ever built
Dramatically improve website speed with Partytown
Просмотров 171 тыс.Год назад
Dramatically improve website speed with Partytown
How to Setup Node.js with TypeScript in 2023
Просмотров 372 тыс.Год назад
How to Setup Node.js with TypeScript in 2023
Make Crazy Art with the NEW OpenAI Dall-e API
Просмотров 165 тыс.Год назад
Make Crazy Art with the NEW OpenAI Dall-e API
Next.js 13 - The Basics
Просмотров 626 тыс.Год назад
Next.js 13 - The Basics
NEW Firebase Features Just Dropped
Просмотров 119 тыс.Год назад
NEW Firebase Features Just Dropped
WTF are all these config files for?
Просмотров 174 тыс.Год назад
WTF are all these config files for?
Generate Images Programmatically on the Edge
Просмотров 143 тыс.Год назад
Generate Images Programmatically on the Edge
Reverse Engineer Google’s NASA Dart Easter Egg with CSS
Просмотров 89 тыс.Год назад
Reverse Engineer Google’s NASA Dart Easter Egg with CSS

Комментарии

  • @MrBlaDiBla68
    @MrBlaDiBla68 День назад

    Thank you, for this very informative video. It reinforces my opinion that these types of frameworks force you to implement a "horribly" complex and divergent way for implementing everyday use cases like: Managing *minimal* UI updates, conditional UI updates, UI hierarchies, accessing global variables (state management) and async operations. IMO these everyday tasks can be much better solved by a a strictly separated MVC approach. So *not* by trying to squash together the view and controller models.

  • @test5095
    @test5095 День назад

    This is the future

  • @augustineakotolarbi-ampofo6769
    @augustineakotolarbi-ampofo6769 2 дня назад

    How does this guy explain a whole framework in 8mins 59 seconds? How does he keep getting away with this? This is pure talent!!! I love it. Great job man

  • @AquarianMan
    @AquarianMan 2 дня назад

    0:00 Preamble 0:37 Static Website 1:09 Multi Page Apps 1:51 Single page App 2:45 Server-Side Rendering with Hydration 3:23 Static Site Generation with Hydration 3:54 Incremental Static Regeneration 4:46 Partial Hydration 5:12 Islands 5:44 Streaming SSR 6:12 Resumability

  • @YaNykyta
    @YaNykyta 2 дня назад

    Silly... I've spent 7 seconds on this. Can't you do it faster? :))

  • @pocoloco753
    @pocoloco753 4 дня назад

    No code no tnx

  • @brettmiddleton5013
    @brettmiddleton5013 5 дней назад

    Instead of a formal cloud couldn’t it be better to make a GitHub repository(s) and use that url folder specific instead

  • @ZakiWasik
    @ZakiWasik 5 дней назад

    Act is cool in theory, but I've spent most of the day trying to get it to work without succes. I had to reinstall Docker, apparently you need to download an image that requires more than 75GB free disk space and I keep getting out of space errors, despite having plenty of available space. It's just a docker image. How can it require so much local configuration?

  • @shadmanfatin777
    @shadmanfatin777 7 дней назад

    Why do u always attack React and JS. These are my technologies. I use them always.

  • @Shooo117
    @Shooo117 7 дней назад

    Miracle sort is the goat 🐐

  • @xtradany5398
    @xtradany5398 7 дней назад

    how does the audio help?

  • @tangda
    @tangda 7 дней назад

    "I like it dangerously" kills me

  • @akkir6707
    @akkir6707 7 дней назад

    this really helps me out thanks G no more unreliable bg remover from canva

  • @hemanthgirimath1332
    @hemanthgirimath1332 8 дней назад

    Still waiting for your tutorial on AI RAGS AGENTS on beyond fireship

  • @themesongasker
    @themesongasker 10 дней назад

    Bro said the A word smh 💀

  • @jijinazul.
    @jijinazul. 10 дней назад

    the primary phone number toggle form caught me off guard HAHAHHAH

  • @ZachPlayzYT1
    @ZachPlayzYT1 10 дней назад

    what app is he using for the codes

  • @typeer
    @typeer 10 дней назад

    This was great ty mr ship

  • @LBC_squared
    @LBC_squared 11 дней назад

    Flask is so freaking easy it's like hilarious

  • @freeideas
    @freeideas 11 дней назад

    Why do you need so much JavaScript? In a webpage? My suspicion is that instead of writing 20 lines of plain old Java script? you are using hundreds of thousands of lines of libraries and frameworks because it’s cool

  • @thewolfofswingthat2035
    @thewolfofswingthat2035 11 дней назад

    Approuter caused me a lot of pain....

  • @reishibeatz
    @reishibeatz 12 дней назад

    bro the cop image 😭

  • @motownmoneygang
    @motownmoneygang 12 дней назад

    tried it, hated it. there is potential but it's not there

  • @a_xrya
    @a_xrya 13 дней назад

    what about the show class in html we only used it in CSS and java script ??

  • @j.r.r.tolkien8724
    @j.r.r.tolkien8724 14 дней назад

    I don't recommend using GCP. I'd rather use any obscure cloud provider than having to deal with the big 3 thieves and their auto activated hidden fees.

  • @paulezekiel-hart733
    @paulezekiel-hart733 14 дней назад

    Second time watching this, first time i watched it just because..., now I'm watching it to actually write a test script using jest and it's just amazing how much was hovered within 9 minutes

  • @fonorcennell131
    @fonorcennell131 14 дней назад

    I am not a web developer so maybe i am just out of touch but i see that youre referencing a lot of things here as being react, but this isnt react? Its its own framework or is this just a wrapper. Also backend and frontend nowadays are done in the literal same project?

  • @outrageousthoughts-kj4cm
    @outrageousthoughts-kj4cm 14 дней назад

    A very short and clear tutorial...just what I needed!

  • @re.liable
    @re.liable 14 дней назад

    Docker really is so good. Unfortunately for me local development with it is a bit hard... It takes up a lot of RAM and storage

  • @Ontropy
    @Ontropy 14 дней назад

    the first is point is too true, i learnt mysql in school, jumped ship to nosql dbs in college, realised yesterday sql was the solution all along, watching this vid today 🤣🤣

  • @clintonnwezeaku7265
    @clintonnwezeaku7265 15 дней назад

    I just love fireship ❤🔥

  • @ShanDysigns
    @ShanDysigns 16 дней назад

    I'm sorry to be that guy, but what is up with these absolutely ridiculous looking thumbnails? Using these people with these extreme reactions that far outweigh the tone and mood of the video. It's almost like optical clickbait.

  • @qui11
    @qui11 16 дней назад

    is this Google docker really free?

  • @lolidkstudio
    @lolidkstudio 16 дней назад

    you can literally google images and filter -> color: transparent

  • @2u841r
    @2u841r 16 дней назад

    Very good

  • @chase14000
    @chase14000 16 дней назад

    - yaps “from scratch” multiple times - see inside - pulled a model from someone else’s github repo

  • @2u841r
    @2u841r 16 дней назад

    Svelte is winner.

  • @roryb.bellows8617
    @roryb.bellows8617 16 дней назад

    How free is this type of hosting, what happens if you run out of the free credits? Will it charge you? Or can you just turn it off before you run out? Very weary of free serverless hosting tbh

  • @seansingh4421
    @seansingh4421 16 дней назад

    I had nothing but issues with docker. Can’t we just make something better ? At this point I would rather use npm baremetal than to screw with docker

  • @sotonin
    @sotonin 17 дней назад

    meh. big giant meh. This isn't a real UI library it doesnt have all of the basics... card / selects / etc. It's just an "effects" library that has very specific non general effects... Pass

  • @aaa-my5xy
    @aaa-my5xy 17 дней назад

    TELL ME WHAT CHOICES I SHOULD MAKE DAMNIT

  • @MatsAlexanderNissen-Lie
    @MatsAlexanderNissen-Lie 17 дней назад

    Build a rag pipeline with a free vector database!! Please<3

  • @MatsAlexanderNissen-Lie
    @MatsAlexanderNissen-Lie 17 дней назад

    Can you build a RAG pipeline with langchain or something similar?!

  • @yusupovjasur
    @yusupovjasur 18 дней назад

    This fast paced, short explanation code and visualization animation on huge array with mega speed is not useful for learning

  • @findstr.s-hi-c._w
    @findstr.s-hi-c._w 18 дней назад

    what if you like use 4 cores to sort, and 4 cores to combine. ant then a boosted core for final. so if have 8 cores.... divide array in 4,and sort with 4 cores. and then use the remain cores to simultaneously create a new list. i think we are all still limited that you cant write to the same file simultaneously or it gives an error. perhaps if you time it just right? you could sort it with 8 cores simultaneous. or perhaps that is a quantum thing. where bits can have multiple states. could files have multiple states too? quantum files?,,,,,,

  • @findstr.s-hi-c._w
    @findstr.s-hi-c._w 18 дней назад

    i have like this leaderboard....i need to sort...for most point. i could just "like in the video" loop through it, again and again. going from low to high, or high to low. but aren't there more efficient ways of doing this.? like multi-core ing threading or parallel processing, something? i use python and every double loop takes times... looking for way to shorten and optimise grid loops. any geniuses out there!? while y while x loops takes so much time.... in the beginning of my project i had like 2 or 3 of these loops... now i have like a hundred.

  • @alikholi
    @alikholi 19 дней назад

    Next video: How to use Cloud Run safely, and avoid getting $9999999999999 bill from Google.

  • @coolmind2476
    @coolmind2476 19 дней назад

    Nice for artists who like to do animation. For everyday scenarios in big companies its not helpful as developer would spend hours to fine tune animations without any monetary benefit on business processes . Its more art creation than simplyfyging application development.

  • @adcodes
    @adcodes 19 дней назад

    Thank you.

  • @Eghizio
    @Eghizio 20 дней назад

    I've created the same thing for cropping memes couple years ago. It also uses Flask backend with some opencv magic, and a simple JS upload like in the video as the client 😄