2.2 Geolocation Web API - Working with Data and APIs in JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 พ.ย. 2024

ความคิดเห็น • 177

  • @mustafaturk01
    @mustafaturk01 5 ปีที่แล้ว +286

    I feel like I've found a secret room full of gold. Quality content right here!

    • @NareshKumar-dp1sq
      @NareshKumar-dp1sq 5 ปีที่แล้ว +1

      Yes soo true ;-)

    • @johnnymayson9150
      @johnnymayson9150 3 ปีที่แล้ว

      i guess Im randomly asking but does anyone know of a tool to get back into an Instagram account??
      I somehow lost the password. I would love any assistance you can give me!

    • @ishaancurtis620
      @ishaancurtis620 3 ปีที่แล้ว

      @Johnny Mayson instablaster ;)

    • @gabrielgunnink8397
      @gabrielgunnink8397 3 ปีที่แล้ว +1

      i literally just yelled where have u been my whole life! subscribed instantly

    • @sallylauper8222
      @sallylauper8222 2 ปีที่แล้ว

      A room full of free dynamic webserver gold!

  • @critstixdarkspear5375
    @critstixdarkspear5375 5 ปีที่แล้ว +120

    This. Guy
    This. Is how teaching is done
    This. Makes me happy

  • @phafid
    @phafid 5 ปีที่แล้ว +3

    For me, the most grateful things that I found in your channel is that you explained the long process in the beginning and then you explained the more effective way to write the code. It really helps me to understand it and be creative in the future. Thanks!

  • @hmod7389
    @hmod7389 5 ปีที่แล้ว +47

    How can someone be this good at being good.

    • @sleep3017
      @sleep3017 4 ปีที่แล้ว

      An interesting question.

  • @matthewburson2908
    @matthewburson2908 5 ปีที่แล้ว +39

    This playlist is so well done. My gf who has never done a lot of coding before is able to follow along from the beginning and she is learning so fast. Thanks for all the great content you make!

  • @gabrielfono844
    @gabrielfono844 2 ปีที่แล้ว

    I really enjoy all your course
    3 years ago , I was watching your videos for fun.
    and 2 years later I am working as full stack engineer focused on React , s3 , spring boot.
    I love node and I am taking it for fun
    thanks sir for such amazing content

  • @Calebwaldner
    @Calebwaldner 4 ปีที่แล้ว +1

    I watch a lot of TH-cam coding videos. Yours are always some of the best.

  • @gouravchouhan1790
    @gouravchouhan1790 3 ปีที่แล้ว

    Here comes the God of teaching complex stuff with ease

  • @fastlearner9993
    @fastlearner9993 2 ปีที่แล้ว

    THE BEST CODE TEACHER ON TH-cam THAT IVE SEEN !!!!!

  • @walkastray007
    @walkastray007 5 ปีที่แล้ว +10

    I had a dream where I got to meet TheCodingTrain on a field trip to a university where he was a professor for quantum computers that used Javascript. And no one but me knew who he was. 7/10 would dream again

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

    This is the best TV show since Sopranos

  • @MegaArti2000
    @MegaArti2000 4 ปีที่แล้ว

    Came here just to say that you're my best teacher. Thank you so much for your videos :)

  • @PIXYBoy79
    @PIXYBoy79 3 ปีที่แล้ว

    Finally someone that explains the basics before moving on, even better than the paid service I have, thanks man!

  • @thegreatwarrior1239
    @thegreatwarrior1239 2 ปีที่แล้ว

    This has helped me understand not just more about Node Js but server vs client side code.

  • @juancastrence8638
    @juancastrence8638 4 ปีที่แล้ว

    Dan, you really are the Bob Ross of coding.

  • @arinzejustin2687
    @arinzejustin2687 3 ปีที่แล้ว

    I have had issue learning nodejs but this guy made it look so simple

  • @mrdbourke
    @mrdbourke 2 ปีที่แล้ว

    Outstanding video! I now understand the client/server interaction much more because of this video, thank you!

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

    Man, I really love Your energy! Compared to other online tutorials I feel like watching standup vs documentary movies

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

    You are the best lecturer I have ever seen

  • @RicoGalassi
    @RicoGalassi 5 ปีที่แล้ว +31

    So glad I found the playlist to these unlisted videos lol

    • @getorvillized7499
      @getorvillized7499 5 ปีที่แล้ว

      On TheCodingTrain's TH-cam page, click the "Videos" tab to see a list of All the videos. None of them are actually unlisted.
      Or use this URL to go straight to them: th-cam.com/users/shiffmanvideos

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

    You're a very charismatic speaker!

  • @Enjiniaokage
    @Enjiniaokage 5 ปีที่แล้ว +8

    I have always been more focused on back-end and low-level stuff but have been curious about the basics of web development. I'm very excited to see a series with your level of polish and teaching ability. Can't wait to see this continue!

  • @btiwari-games5279
    @btiwari-games5279 5 ปีที่แล้ว

    you are the person in this world i learned most of the things that i never had intererst on your energy is incredible...the country where i live most of my theachers think i'm dumb they have favourite students and not behave equaly with every student.. wise someday i would show your videos to them how to teach anyone..thanks to you daniel for spreding your knowledge you are always going to be my idol

  • @ankitsharma1072
    @ankitsharma1072 2 ปีที่แล้ว

    Wow, just wow, If I ever become a good enough developer, it will be mostly because of you. Thanks for this and everything on your channel.

  • @alhaithamaljabri2203
    @alhaithamaljabri2203 5 ปีที่แล้ว +1

    You are my hero Sir. Much respect for your amazing way of teaching.
    You are a gifted talented instructor. Thank you so much!

  • @incalite
    @incalite 5 ปีที่แล้ว +3

    A nice module to add in future videos will be "nodemon" so you won't have to restart the server every now and then! Spectacular content and explanation! +1 Sub!

  • @khoile6975
    @khoile6975 3 ปีที่แล้ว

    the way you teach is so great

  • @nishaanthsalian256
    @nishaanthsalian256 3 ปีที่แล้ว

    I cant thank you enough for explaining concepts with so much energy and love. Thanks a lot.

  • @TheSourLemonz
    @TheSourLemonz 5 ปีที่แล้ว

    Love waking up to these videos, thanks Dan

  • @aakashsingh7391
    @aakashsingh7391 3 ปีที่แล้ว

    I feel like i m in class of Professor (Money Heist) 😄😄 U R real great teacher💓 Thank you

  • @xbennY0
    @xbennY0 4 ปีที่แล้ว

    how did I not know this channel before?

  • @Victor_Marius
    @Victor_Marius 5 ปีที่แล้ว

    I've used it two years ago on mobile and it worked better than Google maps 😂. It worked even on a Nokia phone

  • @madam_im_adam
    @madam_im_adam 2 ปีที่แล้ว

    entertaining, fun, and above all useful!!

  • @presDev
    @presDev 4 ปีที่แล้ว +1

    i hope you are teaching in some school, because the school need your enthusiasm

  • @Hoobizone
    @Hoobizone 4 ปีที่แล้ว

    Daniel you are a hero!

  • @yarik6468
    @yarik6468 5 ปีที่แล้ว +1

    Cool explanation.
    Thank you, Daniel☺️👍

  • @mart3323
    @mart3323 5 ปีที่แล้ว

    If you're doing ES6 syntax - you might also want to try out destructuring assignments
    This is when you pull out multiple (or even just one) of an object's properties into their own variables
    // For example
    let latitude = position.coords.latitude;
    let longitude = position.coords.longitude;
    // can be written as
    let { latitude } = position.coords;
    let { longitude } = position.coords;
    // or all together as
    let { latitude, longitude } = position.coords

  • @fooboobear
    @fooboobear 5 ปีที่แล้ว

    The vibes are totally awesome

  • @dreznik
    @dreznik 5 ปีที่แล้ว +1

    This has been one of your most brilliant videos! Congrats! Years ago I used to hang out at NYU CS dept (w/ Ken Perlin, is he still around?) Hello Waverly Place!

  • @TylerMatthewHarris
    @TylerMatthewHarris 5 ปีที่แล้ว

    Ooh. A video about the map coloring problem would be epic

  • @asafeolimpio9035
    @asafeolimpio9035 4 ปีที่แล้ว +1

    Now we know where you work 😉!
    By the way, great content.

  • @paco3447
    @paco3447 5 ปีที่แล้ว +1

    Note: warn about Geolocation API requires secure origins and trusted certificates in order to run. As you use "localhost" literally, is treated as secure origin. So as you are able to run your server from "localhost", you can test the feature. But, some dev environments uses fixed IPs, and therefore they're not able to run geolocation API.
    By the way, what about find euclidean - pythagorean distances for closest locations, 3D to cartesian (elevation), Haversine, etc for reverse geo, specially when not third party APIs or map abstractions need to be used (didactic purposes).
    Thanks, great job. Gracias, gran trabajo.

    • @judgeomega
      @judgeomega 2 ปีที่แล้ว

      i was remotely trying this example and failed and couldnt figure out how to grant permission on my local machine.

    • @paco3447
      @paco3447 2 ปีที่แล้ว

      @@judgeomega Resources that are not local, to be considered secure, must meet the following criteria: must be served over or wss:// URLs. The security properties of the network channel used to deliver the resource must not be considered deprecated

  • @gustavosilber9967
    @gustavosilber9967 5 ปีที่แล้ว +1

    Who could be so ungrateful to vote thumbs down?

  • @darkceptor44
    @darkceptor44 5 ปีที่แล้ว

    Thanks for this, I had no idea that was built in the browser already!

  • @mustafaabdelkarim4255
    @mustafaabdelkarim4255 2 ปีที่แล้ว

    Bro you are just awesome 😎😎
    I appreciate your great videos

  • @GiancarloCarccamo
    @GiancarloCarccamo 4 ปีที่แล้ว

    Great videos, thank for share yours
    knowledge with us. Saludos desde Honduras

  • @00el04
    @00el04 3 ปีที่แล้ว +1

    I'm having so much fun with this playlist, do you have other new playlists that I could check out?

  • @whocrywolf591
    @whocrywolf591 3 ปีที่แล้ว

    Dude…you’re f**king amazing. Thank you

  • @laikesagores3258
    @laikesagores3258 2 ปีที่แล้ว

    Hey, I was looking for you at stars and found you on earth!!!

  • @hakata8889
    @hakata8889 3 ปีที่แล้ว

    me before finding this content: Okey I am never going to learn APIs and Databases properly..
    me being halfway through: this is actually doable!
    rlly thx, without this I would probably be lost haha

  • @vuaphapthuathighlights
    @vuaphapthuathighlights 5 ปีที่แล้ว

    This is great. I love your lesson. Thanks a lot

  • @IceMetalPunk
    @IceMetalPunk 5 ปีที่แล้ว

    Just a note: Navigator.battery is actually very outdated. The newer version is the Promise-based Navigator.getBattery(), but even that is deprecated in most modern browsers. I think Chrome and Opera are the only ones that still support it, against standards suggestions.

    • @TheCodingTrain
      @TheCodingTrain  5 ปีที่แล้ว +2

      Ah, thank you for the clarification!!

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

    Looking forward to a great 2024!

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

      Thank you for the generous support!

  • @rabahghiles9853
    @rabahghiles9853 5 ปีที่แล้ว +1

    Love You man !! Love what You do !! Thank You for aller You do for us 😊😊

  • @beracode
    @beracode 5 ปีที่แล้ว

    Make something like this always. your are awesome man!

  • @badooum-yb427
    @badooum-yb427 4 ปีที่แล้ว

    Ur the best from 🇩🇿

  • @viditsinghbrahmania1476
    @viditsinghbrahmania1476 3 ปีที่แล้ว

    Your shirt is awesome!

  • @shaikzuhair8537
    @shaikzuhair8537 5 ปีที่แล้ว

    Thanks for good knowledge video

  • @johng5295
    @johng5295 5 ปีที่แล้ว

    Thanks in a million!

  • @bsarun7266
    @bsarun7266 4 ปีที่แล้ว

    thank u sir.it very useful

  • @prashantgiri1285
    @prashantgiri1285 3 ปีที่แล้ว

    I love the way you move from one presentation to another, it fills me up with energy too :)
    Thanks for the content.

  • @christophbleyer5905
    @christophbleyer5905 5 ปีที่แล้ว +1

    The work he does is absolutely amazing! I'm so grateful this exists.

  • @IceMetalPunk
    @IceMetalPunk 5 ปีที่แล้ว

    If you really want to update it to ES6 style, you can wrap the getCurrentPosition function in one that returns a promise instead of using callbacks :)

  • @deepdivedevs100
    @deepdivedevs100 4 ปีที่แล้ว +1

    wait what? I have not found this guy till now? Is it me or youtube that sucks

  • @fibredecasino3071
    @fibredecasino3071 3 ปีที่แล้ว

    Liked, commented and subscribed ❤️

  • @maxpatzelt8314
    @maxpatzelt8314 3 ปีที่แล้ว

    I'm a coding God now 🙉🧠💥

  • @aaronargottelopez3488
    @aaronargottelopez3488 2 ปีที่แล้ว

    Thanks!

  • @sardendibs
    @sardendibs 2 ปีที่แล้ว

    It's a bit confusing for me that the client-side javascript is written inside the index.html-file here, and not in a separate index.js file (the server-side javascript file could then me named server.js). This is making it harder for me to understand how the various dependencies should be referenced in a (proper) set-up with the client-side javascript in a separate file. But I will persevere. Otherwise very helpful and well-made content, thanks.

  • @ShubhamRathod-jg9gt
    @ShubhamRathod-jg9gt 5 ปีที่แล้ว

    Hey , you are doing just amazing ! upload more videos like this

  • @ethanhermsey
    @ethanhermsey 5 ปีที่แล้ว

    coding garden with dan ;) i like this content

  • @InverserPro
    @InverserPro 5 ปีที่แล้ว

    Thank you

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

    Great Tutorials sir new subscriber here, Just wondering if you have a tutorials on working with Fetch api then create a new page when each item will be clicked. Thanks

  • @timotuomas9091
    @timotuomas9091 4 ปีที่แล้ว

    amazing !!

  • @KenzoArts
    @KenzoArts 5 ปีที่แล้ว +2

    I like your tutorials, is it possible to make a real-time chat application in p5.js ?

    • @roswel7845
      @roswel7845 5 ปีที่แล้ว

      K. Christian Im also looking for a video like that!

  • @ReneeSLiu-zx5tj
    @ReneeSLiu-zx5tj 5 ปีที่แล้ว

    Super awesome video! Learned a lot as a beginner! Thanks for all the fun and knowledge you are emitting! fo (let stuff of ['bunch of stuff you can try - suggested by Daniel]'){
    timeTakes(stuff) = 5+ hours
    };
    But so worth it!

  • @srinivasandhandapani6837
    @srinivasandhandapani6837 3 ปีที่แล้ว

    good job sir

  • @MyOliver64
    @MyOliver64 2 ปีที่แล้ว

    Are the coordinates correct? In this case the recording took place in the Broadway block in New York, is that correct?

  • @IceMetalPunk
    @IceMetalPunk 5 ปีที่แล้ว +1

    "I can post data and fetch the server's response." There you go :)

  • @rafiel767
    @rafiel767 2 ปีที่แล้ว

    Pardon me if I missed something but, can you show the hard-coded code for where/how you plugged in the coords to see your marker on the map?

  • @ridz4912
    @ridz4912 4 ปีที่แล้ว

    That laugh at 10.11 is happiness.

  • @foreverhumanpodcast
    @foreverhumanpodcast 3 ปีที่แล้ว

    Bruh these 15 min video are shitting on my entire software engineering degree lol

  • @octaviotastico
    @octaviotastico 5 ปีที่แล้ว

    Thx for the videos

  • @andrewfurey21
    @andrewfurey21 5 ปีที่แล้ว

    will u be using droplet? what cloud service will you be using

  • @mohammedndakolandu2496
    @mohammedndakolandu2496 5 ปีที่แล้ว

    This is a nice video, very excited but am curious about your name

  • @mranemany
    @mranemany 5 ปีที่แล้ว

    What's a good way to test things on mobile when developing locally?

  • @PU7MZD
    @PU7MZD 5 ปีที่แล้ว

    Daniel: 9:28
    NSA: hold my tracker

  • @adrianwalker9917
    @adrianwalker9917 3 ปีที่แล้ว

    If you wrapped all the JS in a function and added a button but it's NOT working you should ensure you didn't capitalize the F in function. I did and couldn't figure it out for 10 minutes.

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

    Hello Dan, I just found your video, would like to play with it, where can I download the current sketch?

  • @Muffi606
    @Muffi606 4 ปีที่แล้ว

    Thanks for the amazing tutorial. I have a query if anyone can help me with. I used the local host Ip address and open the page on iphone, and used all the browser which are safari, mozilla and google but i couldn't get the Longitude or the Latitude, what should i do.

  • @mitchellaninyang12
    @mitchellaninyang12 4 ปีที่แล้ว

    why did you use text content instead of innerHTML? is there a reason for that?

  • @grainfrizz
    @grainfrizz 5 ปีที่แล้ว

    hi dan. how to enable writing access logs when we run the index.js via node? I'm positive that there must be some sort of logs for it.

  • @jonathan-._.-
    @jonathan-._.- 5 ปีที่แล้ว

    In this case you can just pass console.log as callback

  • @Any_key404
    @Any_key404 5 ปีที่แล้ว

    Does getCurrentPosition() need to be passed an anonymous function or can you make a function elsewhere and pass it that to keep things modular?
    I guess I can fire up my laptop and find out.

  • @gnkarn00
    @gnkarn00 5 ปีที่แล้ว +1

    how to overcome the violation : only request geolocation information in response to a user gesture ?

    • @gnkarn00
      @gnkarn00 5 ปีที่แล้ว

      no luck so far , on a mac couldn't make it to work using chrome or safari, on safari the issue is different , is asking for a secure connection, probably something is different on your configuration , but it would be good to know what to change , tested on safari 12,1 , and chrome 74.03729.169
      in order to make it work , i have to add : navigator.geolocation.getCurrentPosition(success, error); and the corresponding functions ..

  • @mattiacentini1461
    @mattiacentini1461 4 ปีที่แล้ว +1

    [Violation] Only request geolocation information in response to a user gesture. ------> I get this error message when geolocating. anyone?

  • @MindBodyMarvels
    @MindBodyMarvels 2 ปีที่แล้ว

    I'm looking to build an ambulance tracking system using restful API. could you please help?????

  • @siddhantgupta3751
    @siddhantgupta3751 5 ปีที่แล้ว

    is there any way to do the same for motion sensors.(accelerometer , gyroscope).

  • @vaibhav1180
    @vaibhav1180 5 ปีที่แล้ว

    Nice shirt XD 😂 in previous video also, I wrote the similar comment 😂

  • @isaacmuscat5082
    @isaacmuscat5082 4 ปีที่แล้ว

    I had a problem where the first call of getCurrentPosition did not execute properly and so the position was never logged. To fix this add: 'navigator.geolocation.getCurrentPosition(function () {}, function () {}, {});' before the actual call of the function. Its basically a second attempt which works more consistently. Hope this helps someone.

  • @Chris-hw6hy
    @Chris-hw6hy 4 ปีที่แล้ว

    Anyone know of a way to connect the geolocation to a movie database? It's for a group project we're doing and we want to know how we can display film locations of those movies.