- 5
- 100 766
Code With Vini
เข้าร่วมเมื่อ 16 เม.ย. 2022
Learn Promises and Async/Await in 7 Minutes
Description:
🚀 Unlock the power of asynchronous programming in JavaScript with our latest tutorial! Come along as we explore promise chaining and async/await syntax together. Whether you're a seasoned developer or just getting started, this video will demystify asynchronous code, making it accessible and empowering for all skill levels.
📚 Key Topics Covered:
Understanding Asynchronous Programming:
Delve into the core concepts of asynchronous programming and grasp why it's crucial for building responsive and efficient applications.
Mastering Promises:
Learn the basics of Promises, a powerful tool for handling asynchronous operations. I'll guide you through creating, resolving, and rejecting promises, providing a solid foundation for more advanced asynchronous coding.
Practical Promise Examples:
Witness the power of Promises in action as we demonstrate real-world scenarios where Promises shine. I'll show you how to handle API requests with promises and you'll gain practical insights to elevate your coding skills.
Revolutionizing Asynchronous Code with Async/Await:
Say goodbye to callback hell! Explore the async/await syntax, a game-changer in making asynchronous code more readable and maintainable.
🎓 Who Should Watch:
Developers eager to grasp the foundations of asynchronous programming.
Enthusiasts looking to enhance their JavaScript skills with Promises and async/await.
Anyone aiming to write more efficient and readable asynchronous code.
🔗 Resource Links:
MDN Web Docs on Promises
MDN Web Docs on async/await
Don't miss out on this opportunity to level up your JavaScript game! Hit that play button, like, share, and subscribe to stay tuned for more deep dives into the world of web development. Let's code asynchronously and elevate our skills together! 💻✨ #JavaScript #AsynchronousProgramming #Promises #AsyncAwait #WebDevelopmentTutorial
🚀 Unlock the power of asynchronous programming in JavaScript with our latest tutorial! Come along as we explore promise chaining and async/await syntax together. Whether you're a seasoned developer or just getting started, this video will demystify asynchronous code, making it accessible and empowering for all skill levels.
📚 Key Topics Covered:
Understanding Asynchronous Programming:
Delve into the core concepts of asynchronous programming and grasp why it's crucial for building responsive and efficient applications.
Mastering Promises:
Learn the basics of Promises, a powerful tool for handling asynchronous operations. I'll guide you through creating, resolving, and rejecting promises, providing a solid foundation for more advanced asynchronous coding.
Practical Promise Examples:
Witness the power of Promises in action as we demonstrate real-world scenarios where Promises shine. I'll show you how to handle API requests with promises and you'll gain practical insights to elevate your coding skills.
Revolutionizing Asynchronous Code with Async/Await:
Say goodbye to callback hell! Explore the async/await syntax, a game-changer in making asynchronous code more readable and maintainable.
🎓 Who Should Watch:
Developers eager to grasp the foundations of asynchronous programming.
Enthusiasts looking to enhance their JavaScript skills with Promises and async/await.
Anyone aiming to write more efficient and readable asynchronous code.
🔗 Resource Links:
MDN Web Docs on Promises
MDN Web Docs on async/await
Don't miss out on this opportunity to level up your JavaScript game! Hit that play button, like, share, and subscribe to stay tuned for more deep dives into the world of web development. Let's code asynchronously and elevate our skills together! 💻✨ #JavaScript #AsynchronousProgramming #Promises #AsyncAwait #WebDevelopmentTutorial
มุมมอง: 96
วีดีโอ
How to Deploy a Fullstack Application with AWS
มุมมอง 2.1Kปีที่แล้ว
Deploying a Fullstack Application with Amplify, Lambda, and DynamoDB Tutorial Github Repo: github.com/ViniBjazevich/task-list-tutorial Building Fullstack App Tutorial: th-cam.com/video/FHn8c4Rk_yo/w-d-xo.html Description: 🚀 Ready to elevate your AWS skills? In this comprehensive tutorial, I'll guide you through the seamless deployment of a fullstack application using AWS Amplify, Lambda, and Dy...
Build and Deploy FullStack React App on AWS
มุมมอง 19Kปีที่แล้ว
🚀 Create and Deploy a Fullstack React Application on AWS | Step-by-Step Tutorial Welcome to Code With Vini! In this comprehensive tutorial, I'll guide you through the process of building and deploying a full-stack React application on Amazon Web Services (AWS). Whether you're a beginner or an experienced developer, this step-by-step guide will help you harness the power of AWS to host your Reac...
How to deploy React App on AWS Amplify
มุมมอง 50Kปีที่แล้ว
Welcome to our tutorial on deploying React applications to AWS Amplify! In this step-by-step video guide, we will walk you through the entire process of deploying your React projects to AWS Amplify, a powerful cloud-based platform that simplifies the deployment and hosting of web applications. Whether you're a beginner or an experienced developer, this tutorial is designed to provide you with a...
How to deploy Express Server on AWS Lambda
มุมมอง 30Kปีที่แล้ว
Trying to deploy an express server to AWS lambda can be difficult if you don't have a lot of experience with AWS services or if you have never used serverless-http. In this video, I walk you through deploying your express server to a Lambda function and explain the process to show how simple it can actually be. Tips: - When deploying the lambda function make sure your index.js file is in your p...
Can you use your own domain ?
This is really cool! Thank you
Is free or cost
00:04 Deploy React App on AWS Amplify 00:56 Setting up GitHub repository for React App 02:02 Deploy React App on AWS Amplify from GitHub 03:03 Deploying React App on AWS Amplify is a straightforward process 03:58 Debugging failed build during deployment 04:49 Switched from npmci to npm install for successful updates 05:48 AWS Amplify provides built-in continuous delivery for React applications 06:55 Automatic redeployment on code push
great video.. short, simple and to the point
since now we have lambda function url, API gateway is no longer needed I feel?
Great video! In terms of costs, is it better to initially buy a domain, upload a "todo-app" application or another type, for example, start via lambda or setup on ec2 or cloudflare, netility, etc?
what IAM policies were you using to get amplify to work? I'm getting an error . Unable to assume specified IAM Role. Please ensure the selected IAM Role has sufficient permissions and the Trust Relationship is configured correctly.
The main problem is if you have a frontend and a backend folder. How do you deploy then? In Vercel you have the option mentioning the folder to be deployed. Here in AWS, I do not see any such option
You should cover webhook rebuild if that exists on amplify. So when “content” changes via a cloud CMS or a production purchase etc, a build hook is sent to aws to rebuild the app
This is weird I deployed my express server on vercel cloud serverless once and it was working without any issue. Am I to assume that they change the code base automatically?
Very useful thanks! But please don't speak like a snail 🙏
if my project has also index.html would it change something or still work
How do you serve the frontend with an express app?
Any solution ?
This would mean you want to employ the Server Side Rendering method for your frontend. Now the question is: what technology do you use for your frontend code? Angular/Vue/React or maybe vanilla js+html?
@@pratapbairagi7824 As mentioned above, let me know what frontend technology you want to serve from express app? I might be able to help
Thx for this tutorial !! Migration from basic nodejs server to aws can't be more easy with your concise explanation !! 👏🏻
ChatGPT recommended your video to me😅
Why am I getting requested resource not found
I got an internal server error when deploying to aws lambda. Does anyone know how to fix?
Nvm I just had an importing typo. Just finished the app.
"message": "Internal server error" Any help?
Same error. Error does not help at all..
@@wingsaber629 same thing here, how did yall fix it?
@@Mohacks I gave up and couldn't figure it out.
You will have to go to AWS CloudWatch service, to see this lambda logs (you can find relevant log stream searching for the lambda name) and then see the log stream with the timestamp of your request. In the logs you will see the root cause of the runtime (probably) crash that caused the ISE. Let me know if you need any assistance, happy to help
@@maksymilianpiechota1213 Hey brother, thanks for the reply. So the first time I try hosting my webapp I used my prior knowledge. so I built a full ec2 alb with route53 and ACM cert. and got it to work on HTTPS. but then after I completed it after multiple hours. I noticed ALB costs 30 dollars a month. So I deleted everything and tried to find an alternative. so I found lambda+apigw but after 6+ hours it didn't work as I wanted it to. so now I will try AWS Lightsail. which I think would be a perfect fit for my blog. I've hosted multiple websites before but this one took ages (probs becasue I tried hosting on AWS instead of hostinger or alternatives)
Great tutorial thanks! 👍
Why are you using CRA? Even the docs have Remix, Next JS, or others.
Hi! Do I understand correctly that I need to create a separate lambda function for each API or is it enough to add the necessary endpoints at the end of the generated URL? e.g. ....-lambda-url....aws/user, ....-lambda-url....aws/login etc...
will this still work when your app is dynamic with users adding, deleting and updating items in an AWS database?
I’m sure you got your answer by now, but for those wondering. If your app is truly dynamic i.e uses things like fetch to get recent data or websockets to stream data to clients listening in your app then it will auto update. React if just used for front end visuals and those visuals can be updated so long as you are in communication with something like a db
Idk think so bud. If your app is statistically generated for example the build time is producing html files, you’ll need to add webhooks. I actually just asked OP to cover it. Whenever content changes, the app is static and won’t know it. A webhook sends a cloud function to rebuild the application
Only tut that worked. Lifesaver
file size limit is coming
11:17
13:04
51:16
is this free or paid? pls tell me
Up
Dude!!!!!!! Thank you.
I see serverless-http is no longer being maintained?
been watching several tutorials from this channel, why you have only 300 subs
I have a mobile application and I want to host on AWS and need full scalable with a low cost. It is permanent. Tech stack React Native, NodeJs, and Mongo DB Compass. Can you please tell us which AWS services we can use?
Did you figure this out?! Would be great if you can point me to any resources. I used to same tech stack and looking to deploy on AWS.
would someone explain why the base route doesn't work?
Can you provide more details? Did you specify the base route in your express app code?
great video!!
Awesome video! Have you considered implementing cicd and some terraform or cloud formation?
If I want to add PostgreSQL, what would change?
You would just use a different database service. AWS has a service called RDS (relational database service) that allows you to use PostgreSQL databases and other SQL db's. There are other options as well you don't have to use AWS. There would also be code changes as well obviously. Making the database connection and querying the db would be different but the overall process and concepts are the same.
This other account ripped and reposted your video th-cam.com/video/5KbzP22ldiU/w-d-xo.htmlsi=jWDvApP0moC1XpyB
Yes, I enjoyed the video. Thanks for asking, or rather hoping
what need to be done if build gets failed ?
It depends on what the error is. Sometimes I run into an error with the "npm ci" command when building. If you replace that with "npm i" it could potential fix your problem.
Great video! Straight to the point and clear
That’s a great video, is there a way to configure continuous delivery for the api too, rather than compress it and upload it in lambda?
Yeah good catch. There is definitely a way to use CI/CD to make API deployment more convenient. I'm planning to create a video on that eventually.
This is a great video, thanks!. I have a question about the database choice: this is a fairly simple use case, so it probably doesn't matter much if you choose SQL or noSQL. BUT, what if you had many users updating the to-do list at once and needed the data to be up-to-date for everyone. Would this affect your decision?
No, not necessarily. I would base my decision on whether to use SQL or NoSQL on the shape and type of data I have, rather than the frequency of data access.
Thanks Vini for your support towards the community...Would please share how can we just download the application and implement in AWS, because I am not really interested with the coding stuff...I just want to more focus on AWS.
Great video please keep it up :) I would be interested to know how you would then take that and add an authentication method so it is behind authentication.
im trying to deploy but im getting a bad engine saying my node version is v16.19.0 but when i node -v in my terminal it says v20.9.0. and it fails to build. i used vite to create a react + Ts app
I have a express and postgres backend. The api requires jwt token in headers will this way work
micro fronted with aws pls
Promo>SM 😡
Thanks for you! This video solved my problem.
Thank you so much everything i needed explained perfectly
thank you so much. this was the simplest tutorial i found on youtube.