Serverless Computing in 100 Seconds
ฝัง
- เผยแพร่เมื่อ 24 มิ.ย. 2024
- 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 🔥👉 / @filledstacks
00:00 Serverless Explained
01:50 Build a Complex Cloud Functions Backend
Popular Serverless Solutions:
AWS Lambda aws.amazon.com/lambda/
Google Cloud Functions cloud.google.com/functions
Azure Functions azure.microsoft.com/en-us/ser...
#cloud #firebase #100SecondsOfCode
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font - วิทยาศาสตร์และเทคโนโลยี
Big thanks to FilledStacks for collaborating on this video, subscribe today! 🔥👉 th-cam.com/channels/2d0BYlqQCdF9lJfydl_02Q.html
Thank you Jeff!!!!
So happy to have a feature on channel. Can't thank you enough for the collaboration. It means a lot.
@@FilledStacks very cool to hear a South African on my favourite YT channel. Kudos man!!! Subbed to yours as well.
Subscribed
@@EllyOguttu Thank you :)
“Serverless is a *misnomer* ...”
Liked the video right there.
Esp. that he nods to the nomenclature quickly and then moves on to the water supply... I would have done a grand analogy about the name controversy, such as "what if an car's automatic transmission was called shiftless? There's still shifting but you don't have to do it...blah blah"
"There are two things on this world I don't understand: Girls and Serverless." ~ Ben Awad 2020
Well, that's changed with this video 😂
He also doesn't seem to understand Angular ;)
@@Fireship And Firebase XD
@@Fireship waiting for diss Rap
Roasting in 100 seconds
I think he did learn serveless in 2020
The guest was awesome at explaining the high-level overview and walking through the process. 👍👍
Thank you 😊 I appreciate you watching the video.
@@FilledStacks you're great, man!
@@Brunoenribeiro I really appreciate that. You can imagine how it feels being in the same video as the master of code explanations :D
I agree!! Most guests feel a little bit underwhelming after the first 100 seconds, but @FilledStacks managed a great balance between overall concepts and implementation details! Nice work 😀
@@MartinodF Thank you!I appreciate those words. I tried my best. I always try to make the explanation match the implementation.
Shout out to my fellow South African guest. Very knowledgeable guy.
What's up Bryan! Thank you, appreciate the support and the shout out! Happy to be apart of this channel!
@@FilledStacks when i heard the accent. I thought to myself, that's gotta be a culid
@@kingreaper5142 lmao. And you were on point :D
0:45 I like how it stops before 'get rich'
Yo. This is a fantastic collab. I think both your channels unpack a bunch of relevant info on today's technologies. Thank you both!
Just what I needed! From bleeding edge tech to mature tech, this channel has everything!
Thanks to both of you! More collaborative videos in de future... both channels are great!
Step 1) you attach a serverless function to your static project
Step 2) an f5 button of one of your users gets stuck
Step 3) your bill goes brrrrrrr
Throttling and request limits should solve this
Bill Burr?
It was beautiful!!! That explanation was mind blowing & super simple. Thanks Fireship & Filledstacks. Waiting for many more collabs
It's my pleasure being in this video! I sure hope we can do some more collabs going forward.
Great video!! I was wondering how do you make the animations for your videos, they're awesome!!
th-cam.com/video/N6-Q2dgodLs/w-d-xo.html
@Fireship where have you been. This channel is a gem I found today. Usually, one needs to understand things in a very basic manner, for the beginning which you do in your videos. Also good for interview preparation.
I'm seeing a lot more jobs in serverless. I'm learning a little and think it has some merit, but I'm not super convinced yet. I'm still happy with my current stack. Regardless, thanks for your awesome content. Much love and respect!
For some videos, a like is simply not enough, thanks man!.
Thank you @FilledStacks as well for the great overview! a great resource.
You're like an Instagram influencer for firebase.....and I'm loving it!
Haha, that's so true.
your synthesis power is off the charts, Jeff
Nice job in a short period of time. Good examples.now the show. Looking forward to it
Was about to switch from yt then saw you uploaded a video and had to watch my favourite series
@Fireship I know this is a bit of a too general comment, but it just needs to be said here and now: I simply love your concepts-explaining videos! Thanks for making them!
I'm beginner for full-stack developer. And I always wonder what's server-less or functions now you are clear my mind. Thanks a lot gorgeous friends.
Awesome! A jeff video can always clear up any doubts
Just when I needed it. Awesome video as always. Can you make a video on dependency injection?
This tutorial moves at the perfect pace. Thank you!
Happy to hear that :)
Hoe gaan het china! 🤙 Super awesome to see the South African collab! ❤
Great explanation as always
I used to love when 100 seconds vids were 2 minutes long now I see 16min and my brain be like nah pass.
Damn dude you are blasting out the high quality vids nice hustle.
Indeed he is!
Hey a Fellow South African, Recognized him by the accent instantly !
Me too is he colored or afrikkaner?
haha, hey Pieter! It's un unmistakable accent.
Filled Stacks from South Africa! Cool collaboration.
one plus one equals two and so on. thank you guys of being a great help.
hahaha, you're very welcome
I subbed to FilledStacks because I like the way he pronounces 'build'
Been watching ur videos for years now. Thank u so much for the content! I have a suggestion for a future video: Explain/use the graph database Neo4j
Thanks for collaborating @FilledStacks. I believe this fireship guy can teach anything to anyone. Your power is truly God-gifted 😍
Hey hey hey, that's such a nice thing to say! I really appreciate it. And thank you for watching until that point.
@@FilledStacks Pleasure is all mine
Two of my favorite youtubers :)
Whooohoooo! Well that's some great company that you put me in there. Jeff is still my favorite programming TH-cam creator!
FilledStacks and Fireship are the reason I'm writing quality code
yay now they own my all my code and my data and my website!
Wow! This package looks awesome! I'm gonna try it out on my next Firebase project.
It's an early package but we're comitted too it since we're developing our own internal projects with it and out clients projects
I use GCP and i really love this technology, its easy, fun and you can create great things
New title suggestion: Serverless in 30 SECOND
This is the simplest explanation I've got so far. Thank you!
I literally searched serverless to learn about it few hours back and now you came with a video 😁
You can take the microsoft learn paths called AZ900 DP900 and AI900 for more cloud info
The best, as always.
Mzansi for sho!
🇿🇦
Thanks for valuable information.
Love your videos from heart ❣️❤️
Thank you for this. will sub to FilledStacks as well :)
Much appreciated. New backend content coming out in the following weeks :)
I couldn't help but tap the like button thrice after you've explained serverless with that water analogy. It was so freaking perfect.
Love this video! My next question is how this might looks using AWS. Do they let you subscribe to db events, etc... like is supported in firebase?
Really awesome stuff 🔥🔥
Love your videos man
beyond 100 seconds was 🔥 (without 🚢 though 😁). I wanna rewrite my last work project with firebase-backend. would be SO MUCH NICER.
Noice! You can use it together with your existing functions even. As long as the exports are added into the object at the end of it then it'll work. You can slowly move your backend over to it to test out a few of the functions. I still haven't written docs for the package, but it'll come soon.
Fireship
I just wanna say one word to you
😌u r ma hero
A perfect example of vendor lock in.
I can chose form dozens of VPS providers worldwide, but cannot easily swap serverless providers.
¿ Or there is a standard I don´t know ?
7:45
exports = new FunctionParser({ rootPath: __dirname, exports, verbose: true }).exports;
Instead of exports = new FunctionParser(__dirname, exports).exports;
thanks, i was having this problem
This video is a bomb for beginners to serverless. Excellent work mate!
The level of explanation that Jeff reaches is crazy! He's great at explaining things.
@@FilledStacks that's indeed true. But I was talking about both of you. His explanation followed by your hands on. ❤️
@@LearnwithTAM Thanks man! I appreciate.
id never heard of serverless before, looks really cool, thinking ill make my next website with it, thanks for the video!
Get info on new offers
Text our team on Whats~App
+1 7 1 7 6 8 7 2 8 4 4~
Really cool stuff!
this chapter was amazing
Suggest doing a video on client side storage options like local, indexeddb, web sql, cookies, etc.
Great video! I have been waiting for this one for a while. How are you structuring your sub-collections? Are you doing it inside the "users" folder for example or are you creating another root folder named "users[Subcollection]"?
Hey Michael, I think I saw an email from you? I haven't gotten around to my mails yet. But to answer your question, this doesn't actually go over the firestore setup. This is for the backend resource groups only. So the function that listens to changes on a sub collection will fall in the same resource group that the parent falls into. So a sub collection in the users will be apart of the users group.
@@FilledStacks Thanks a lot. I get it now.
Thank you.
Dane, shout out for the South African accent! Love it.
Noticed it immediately xD
Thanks for watching to that point! I appreciate it.
@@alexscriba6075 :D Wouldn't hide it even if I could :) Thanks for watching to that point.
Awesome combo
I got so stoked when I heard the South African accent 😂 What a great video guys 🔥
I know a South African accent when I hear one.
So I know with Azure Functions, I can deploy a function that references other files. Does Firebase functions work the same way? For example, if I want to add something to the database, I would usually run it through a service method/function that might share logic with other endpoints. I don't want to reuse that service layer code elsewhere - do you upload those in a separate file? Create an NPM package for it? How does that work with Firebase functions. It's simple on Azure (for C# anyway), you just deploy and it deploys the compiled code with dependencies, but it sounds like you want a single document for every function, so I'm a bit confused...
Yay for a South African!!! (And no, I'm not biased because he shares my name at all... :P )
haha Dane! I couldn't be happier! Thanks for watching until that point :D
Satafrika in the building xD
hoyaaaaaa! SA in the house!
just taking this chance to say THANK YOU FOR YOUR GREAT CONTENT ❤️
please make a course on Serverless.🙌
Cloudflare workers is also pretty cool
Dane was epic, is he a pro fireship member?
Thank you! I am not a pro member, I was supposed to buy one a while back for a project but never got to it. Will be using Jeffs payment setup course soon to implement that for one of our clients so I'll be a pro member over in the slack.
This topic's rich, and the book I'd put forth makes it even richer. "AWS Unleashed: Mastering Amazon Web Services for Software Engineers" by Harrison Quill
seems like cloud functions is
like a web api that you handle it outside of your project
or a services like push notifications
Are only serverless functions considered serverless compute. What about serverless container services like AWS Fargate and Cloud Run?
Can you make a summary video of CSRF tokens?
Considering a dedicated server running a daemon process listening for requests. Is serverless really cheap ? when it comes to 100s of reqs / second for say, a bit popular marketplace where people come and browse products.
Heyy it's nice to hear South African representing
I was hoping cloudflare workers to get a mention in this!
Awesome 👌
Can u make a series of Mobile app ui using flutter?
That's what I'm doing on my channel 😃
@@FilledStacks gonna subscribe 🤟
Good!
9:30 in this part here we can see that the warnings for cardHolder and cardNumber vanish when he writes the expression. In my case that didn't happen and wouldn't run. If that happens to you as well, maybe adding this line // @ts-ignore
before each of the sentences might help. But that means the linter will ignore the line, not that the error doesn't exist, just be warned.
actually I just changed those 3 lines to these and it worked
const cardNumber: string = request.body['card_number'];
const cardHolder: string = request.body['card_holder'];
var paymentToken = cardNumber.concat("_", cardHolder);
Have been using serverless functions a little bit in Amplify, the only pain is pushing every time you make a change to the code.
I don't know if this is a Firebase thing, a simple mistake on his part, or something else entirely, but why did he initiate the "paymentToken" variable with "var" (on line 11 at 9:52 of the video)?
Cool, you had Dane. I was thinking, does Dane watch this? lol
haha, yes. Fireship is the channel I emulated my videos after when starting. I watch most of the videos even though I'm not implementing any of the stuff he goes over haha. He's such a great teacher and content creator.
I picked up a routine from Jeff a year ago, and it's become the back bone of my CRUD. It really made my life so easy. He breaks down new and old technology very well. I thought I saw something very similar in your approach to videos. Well done!
@@jrheisler That's cool man. I know exactly what you mean, there's some things I see from other devs that becomes the complete foundation of my code bases. I'm happy I could add something to your dev toolset
can someone pls tell me whatt is the name of the application from which the image on @1:00 is taken
My dude is HELLA south african
haha, I am !!
@@FilledStacks me too! :D
@@armantavakoli5314 great to see some fellow south african devs in these online communities!
@@FilledStacks likewise! - love the content
I was just thinking about converting something I made to serverless, are you reading my mind?
Serveless functions with queues have saved me more time than I like to admit
absolutely.
which song or music is in the background which starts at 16:18
I think you meant 1000 seconds, it is almost exactly equal to 16:46 (the video length)
How many daily transaction expectation is the acceptable upper limit to considering firebase instead of a proper server structure , aws etc?
They're both proper servers (in my opinion). Because it's easy to setup doesn't mean it's not scalable. I don't have a fixed upper limit, but if there's any problems with it I'll probably mention it over on my channel.
This is not 100sec but its worth
I cannot make npm run serve work with the hot reload. Anyone have any tips?
00:57 What's that crab icon infront of REST API
Can anyone tell me how he creates such beautiful thumbnails?
"I'm going to select EU West because I'm in Africa"... as someone in North Africa, I feel you, almost every website is at least 60 ms away (hello multiplayer lag).
It's a shame there are no cloud server in Africa yet, thankfully Akamai has a few CDN servers though.
When he said "let's open the emulator", I was laid aback, cuz I was used to the emulator being this useless gimmick, but they have improved it a lot
Yup! They stepped up the game with the dev tools. It's waaaaaaaay better.
Can you please share a Github repo of this project?
my head exploded..... 🌋🌋🌋
Next Video, Message Queue (RabbitMQ, ZeroMQ , etc) please
Text our team on Whats~App
+1 7 1 7 6 8 7 2 8 4 4~
First 100 seconds was great as always, the next 15 minutes was centered around the "firebase-backend" library - a 3rd party library published by the video guest himself, it has just 31 weekly downloads on NPM. This was a very opinionated tutorial which I was disappointed by considering the normal quality on this channel.
That point of view makes sense. I was going to actually show the code for the firebase-backend but it was going to make it way more complex than it should be. The point of view we were looking at was "How do we share this backend setup without spending 20 minutes explaining the Glob pattern and collection code first". So I wrapped it up in a package and then used that instead.
The pattern should still be the same, you can use it without the firebase-backend package. It's just a glob scrape for certain extension, then I attach that to the exports and push that out. It's like 80 lines of code or something.
Dude we're all using nodejs to write server side code to some that in itself is insane. Its a good library. And every library started off somewhere. Is the information useless without the use of the library, I don't think so. The paradigms and code structure is invaluable and honestly really does make sense in the context of "serverless" functions. @FilledStacks Nice one. Mooi soos n kavela maar pratical soos n adidas sloffie (sonder die wit sokkies... who am I kidding, of course with the white socks)
@@coach10001 haha, Thanks man. I appreciate the support and explanation. I find it quite curios sometimes when people don't "trust" a package, especially one this small. It's just a useful class to help implement a pattern on the backend that emerged out of practicality. Didn't really "engineer" anything because this proved to be more than enough for a very very capable backend.
With that said. Dankie, ek wardeur die support. Dit beteken baie om die SA community saam met my te het. Dis moeilik hier byte lol, almal dink ek het n agenda met my free content.