JonathanSanchez
JonathanSanchez
  • 10
  • 76 961
How to build a SIMPLE Javascript Calculator with just HTML, Javascript, CSS (without eval() method)
In this tutorial we'll cover how to build a real simple Calculator using Javascript, HTML and CSS - without frameworks and without using the eval() method.
There are many many many ways of creating a Calculator in Javascript, but though that this might help get an easier grasp of some Javascript basics.
There are lots of ways to optimize and improved this calculator
Git repo here:
github.com/coding-mentorship-program/javascript-calculator/tree/calculator-final
Eval() function (no longer recommended)
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval
มุมมอง: 5 376

วีดีโอ

JWT token with Password Hashing in Node Express Mongo API
มุมมอง 3202 ปีที่แล้ว
How to create a simple API hashing your users passwords, creating and verifying JWT token
How to deploy React app to Firebase Hosting
มุมมอง 872 ปีที่แล้ว
Medium article in regards jonathans199.medium.com/publish-your-react-app-to-free-firebase-hosting-c4aa38b84a5e
How to Sync React App to AWS S3 bucket
มุมมอง 1562 ปีที่แล้ว
This is a follow up video from medium.com/boca-code/deploy-your-react-app-to-aws-s3-bucket-and-with-ci-cd-1c9ce03023c2
How to deploy React App to AWS S3 bucket
มุมมอง 7642 ปีที่แล้ว
Medium article here medium.com/boca-code/deploy-your-react-app-to-aws-s3-bucket-and-with-ci-cd-1c9ce03023c2
How to deploy a React App to AWS Amplify
มุมมอง 4.5K2 ปีที่แล้ว
Real simple way to publish your React app to AWS Amplify
How to keep your NODE Express API listening on a AWS EC2 instance
มุมมอง 2K2 ปีที่แล้ว
This is a follow up video from th-cam.com/video/T-Pum2TraX4/w-d-xo.html
How to deploy a Node Express API to AWS EC2 instance
มุมมอง 61K2 ปีที่แล้ว
How to deploy a Node Express API to AWS EC2 instance Here is the related Medium article jonathans199.medium.com/how-to-deploy-node-express-api-to-ec2-instance-in-aws-bc038a401156
How to deploy Node API with MongoDb Atlas to Heroku
มุมมอง 2.8K2 ปีที่แล้ว
Created a simple barebones API with Node.js and Express Connected to a Mongo Database in Atlas Inserted a couple of items to Mongo Db Added Env Variables for Heroku Setup the project and deployed to Heroku properly
How to create simple Node Express Api with MongoDb and React
มุมมอง 3212 ปีที่แล้ว
- Node Express API using MongoDb Atlas - React App - Full CRUD APP

ความคิดเห็น

  • @natureloverJ
    @natureloverJ 13 วันที่ผ่านมา

    Great video. Please enlarge windows and fonts, it is very difficult.

  • @ttaylor9916
    @ttaylor9916 หลายเดือนก่อน

    great article.. worked. video not quite match medium article... trusting the medium article (PM2)

  • @mr.tnmemes
    @mr.tnmemes หลายเดือนก่อน

    Thank you sir

  • @toluwalaseoruku4613
    @toluwalaseoruku4613 3 หลายเดือนก่อน

    Dude thanks i have been trying to create odins-project calculator and i just got stuck for like how long ur my hero🥲🥲🥲🥲

  • @lucyru7552
    @lucyru7552 4 หลายเดือนก่อน

    thank you very much. It's a very helpful video. Separate thanks for an article :)

  • @aviralmalik3370
    @aviralmalik3370 6 หลายเดือนก่อน

    Omg you are such a great help to me thanks

  • @emiliolemusnieto1305
    @emiliolemusnieto1305 6 หลายเดือนก่อน

    Thanks man! I though technology was just against me.

  • @beingold
    @beingold 6 หลายเดือนก่อน

    The Odin learner here! best tutorial for beginners. Appreciated.

  • @alem182
    @alem182 6 หลายเดือนก่อน

    Great video mannn, thank you!

  • @professorparadox9826
    @professorparadox9826 7 หลายเดือนก่อน

    but how can we use it on front end it gives cors error not secure

  • @akapriyanshusinghdev
    @akapriyanshusinghdev 7 หลายเดือนก่อน

    Api Not working with production frontend

  • @swaralipatil9993
    @swaralipatil9993 7 หลายเดือนก่อน

    You are amazing☺ well explained👍👍

  • @KatiuskaAlicea
    @KatiuskaAlicea 7 หลายเดือนก่อน

    Hi, I'm a novice and I just started an instance and successfully and my API 😊 The only hiccup I encountered was when I attempted to pull the github repo. I did not have a SSH or token. Once I created my personal token and was able to login I saw my tiny json object in the browser calling out to mama that it was running. Thank you!

  • @DP_CP
    @DP_CP 7 หลายเดือนก่อน

    great!!

  • @eliaspaulinho8435
    @eliaspaulinho8435 8 หลายเดือนก่อน

    really nice!! i am using Xestjs and i was wondering how to deploy my API, your video is really helpfull

  • @brianvanvlymenpaws
    @brianvanvlymenpaws 8 หลายเดือนก่อน

    is free to use it?

  • @khawajakhalil6168
    @khawajakhalil6168 8 หลายเดือนก่อน

    Hey, great video, but when I close my terminal it stops working, how do i keep it running all the time?

  • @duongdinhxuan7794
    @duongdinhxuan7794 8 หลายเดือนก่อน

    thank you very much, it helped me a lot. It was very clear

    • @Jonathansanchezdev
      @Jonathansanchezdev 4 หลายเดือนก่อน

      You very are welcome! Glad it helped

  • @andresperezandreiev4435
    @andresperezandreiev4435 8 หลายเดือนก่อน

    I'm creating the Odin Project calculator for the Foundations Path. I think your video really helped keep things simple, so just wanted to say thanks for this tutorial, Jonathan!

  • @malumbosiwale3832
    @malumbosiwale3832 9 หลายเดือนก่อน

    after 48 hrs of trying to figure out some other outlandish solutions, this video worked for me! GC -> AWS

  • @rickfontes5216
    @rickfontes5216 9 หลายเดือนก่อน

    I've upload my API to an EC2 instance, but the API only works if I access the machine using SSH and run the start command. How can I do my API run all the time?

  • @PranavRaj-l4q
    @PranavRaj-l4q 9 หลายเดือนก่อน

    Great explanations and amazing efforts, one question though how to keep running the server even after closing the terminal??

  • @SuperAjayajayajay
    @SuperAjayajayajay 9 หลายเดือนก่อน

    @Jonathansanchezdev Can you tell me if its possible to integrate MongoDB to Heroku, by not allowing all the IPs in MongoDB, as it might be a security issue to allow requests from all IPs in MongoDB

  • @krish.mehta.3822
    @krish.mehta.3822 9 หลายเดือนก่อน

    I have a question.. If I launch an EC2 instance like this and I hit aprox 50-100 requests will it start charging me?

  • @alejandrocr9293
    @alejandrocr9293 9 หลายเดือนก่อน

    Te amo

  • @nayanthulkar1659
    @nayanthulkar1659 9 หลายเดือนก่อน

    Greatly explained ❤

  • @alexmercer416
    @alexmercer416 10 หลายเดือนก่อน

    17:23 IS VERY HELPFUL. THANK YOU

  • @HenrryWith2Rs
    @HenrryWith2Rs 10 หลายเดือนก่อน

    Brother tu eres un CRANEO! I spent weeks on this and gave up. just couldn't do it. Ran through your tutorial and finally got it working in les than an hour. Would you happen to have anything similar for lambdas? either way you got yourself a like and a follow

  • @shavkatabdusattorov-z7d
    @shavkatabdusattorov-z7d 10 หลายเดือนก่อน

    Good luck

  • @softwareindustryfacts6770
    @softwareindustryfacts6770 10 หลายเดือนก่อน

    but this link not working with what to do

  • @cicada2065
    @cicada2065 10 หลายเดือนก่อน

    loved the serene background music while watching, god bless you my friend

  • @cicada2065
    @cicada2065 10 หลายเดือนก่อน

    loved the serene background music while watching, god bless you my friend

  • @justcoder2868
    @justcoder2868 10 หลายเดือนก่อน

    This is a great video the one thing that would be great to see is how to add env variables. Thanks again

  • @demurestlmc8361
    @demurestlmc8361 11 หลายเดือนก่อน

    like

  • @abhaydubey2767
    @abhaydubey2767 11 หลายเดือนก่อน

    really really thangs a lot for provide this information

  • @yuvalue
    @yuvalue 11 หลายเดือนก่อน

    thanks brother, I followed along and everything is working perfectly, very appreciated

  • @WikkiOnIlluminati
    @WikkiOnIlluminati 11 หลายเดือนก่อน

    @17:30 when i hit my server after following your step by step and API responded. I was over the moon. Thanks

  • @franciscosantana2184
    @franciscosantana2184 11 หลายเดือนก่อน

    genio

    • @Jonathansanchezdev
      @Jonathansanchezdev 11 หลายเดือนก่อน

      Gracias ojala te aya servido de algo

  • @palu83x00
    @palu83x00 11 หลายเดือนก่อน

    much thanks

  • @lemonyth
    @lemonyth ปีที่แล้ว

    thank you so much

  • @dmytroboiko1
    @dmytroboiko1 ปีที่แล้ว

    Thank you. This is very good starter! It's important for people who never ran such kind of APIs. Connection to instances and AWS security stuff can be difficult, and here provided very minimum but robust case. Like & use it guys.

  • @khaledahamada-d1p
    @khaledahamada-d1p ปีที่แล้ว

    Dude i just wanted to thank you, this was extremely helpful. You are amazing man. Props

    • @Jonathansanchezdev
      @Jonathansanchezdev 11 หลายเดือนก่อน

      wow thanks for the message.... glad it helped 👍

  • @ankushjain358
    @ankushjain358 ปีที่แล้ว

    This is really cool, the way you built the entire project from scratch.

  • @quofintech9200
    @quofintech9200 ปีที่แล้ว

    Your videos are awesome!

    • @Jonathansanchezdev
      @Jonathansanchezdev 11 หลายเดือนก่อน

      Glad you enjoyed them, I have more coming out soon....

  • @mtrvansh
    @mtrvansh ปีที่แล้ว

    The video was very helpful, thanks 🙏🏻

  • @abhishekkandikonda1085
    @abhishekkandikonda1085 ปีที่แล้ว

    how to set up the https for the bare ip address because it is running on http

    • @Jonathansanchezdev
      @Jonathansanchezdev 11 หลายเดือนก่อน

      For this one is a bit more involved, but here is an article that I wrote a while back, that might help. medium.com/@jonathans199/how-to-apply-ssl-for-https-to-node-express-api-in-aws-ec2-instance-acd43dcbfd4

    • @Shmoji
      @Shmoji 5 หลายเดือนก่อน

      if you want to access it with HTTPS, is a load balancer required?

  • @adarsh-chakraborty
    @adarsh-chakraborty ปีที่แล้ว

    Thank you so much!! I needed the security thing after creating the instance.

  • @yemam4156
    @yemam4156 ปีที่แล้ว

    Thanks a lot for the video

  • @alonaastakhova8533
    @alonaastakhova8533 ปีที่แล้ว

    Millions of thanks! I did it! My first interaction with AWS...

  • @BHVinay
    @BHVinay ปีที่แล้ว

    Does this work only with two operands 🙄

    • @shiwi3015
      @shiwi3015 ปีที่แล้ว

      yes

    • @nateizu315
      @nateizu315 4 หลายเดือนก่อน

      This is meant as a basic exercise/project for beginners to help them polish their skills. The point is to use learned skills and implement them in a functional way- it's not meant to be a perfect calculator. This guy put a lot of effort into making this video to help junior developers.

    • @toluwalaseoruku4613
      @toluwalaseoruku4613 3 หลายเดือนก่อน

      yeah i thought of that too but you can update the first operand to the first number when a new operator is clicked

    • @toluwalaseoruku4613
      @toluwalaseoruku4613 3 หลายเดือนก่อน

      @@nateizu315 yep