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

Подписаться 1,7 млн

Просмотров 200 тыс.

50% 1

💻github.com/CodingTrain/Intro-...
Before diving into communication between client and server (GET and POST requests), let's look at the Geolocation Web API with navigator.geolocation. This data will be sent to the server and stored in a database in upcoming videos.
🔗 Web API Navigator: developer.mozilla.org/en-US/d...
🎥 NEXT LESSON: • 2.3 HTTP Post Request ...
🎥 PREVIOUS LESSON: • 2.1 Server-side with N...
🎥 FULL COURSE: • Working with Data and ...
🚂 Website: thecodingtrain.com/
💖 Patreon: / codingtrain
🛒 Store: www.designbyhumans.com/shop/c...
📚 Books: www.amazon.com/shop/thecoding...
🎥 Coding Challenges: • Coding Challenges
🎥 Intro to Programming: • Start learning here!
🔗 p5.js: p5js.org
🔗 Processing: processing.org
Welcome to Working with Data and APIs in Javascript!
This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data?
We are now in Module #2! In our previous module, we focused on client-side JavaScript. We now will learn the basics of server-side programming with Node.
📄 Code of Conduct: github.com/CodingTrain/Code-o...

Опубликовано:

30 май 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 178

@mafatsu1415 5 лет назад

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

@NareshKumar-dp1sq 5 лет назад

Yes soo true ;-)

@johnnymayson9150 2 года назад

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 2 года назад

@Johnny Mayson instablaster ;)

@gabrielgunnink8397 2 года назад

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

@sallylauper8222 2 года назад

A room full of free dynamic webserver gold!

@critstixdarkspear5375 5 лет назад

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

@hmod7389 5 лет назад

How can someone be this good at being good.

@sleep3017 3 года назад

An interesting question.

@pradiptahafid 5 лет назад

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!

@walkastray007 5 лет назад

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

@gabrielfono844 Год назад

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

@mrdbourke 2 года назад

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

@Enjiniaokage 5 лет назад

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!

@Calebwaldner 3 года назад

I watch a lot of RU-vid coding videos. Yours are always some of the best.

@PIXYBoy79 3 года назад

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

@nishaanthsalian256 3 года назад

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

@TheSourLemonz 5 лет назад

Love waking up to these videos, thanks Dan

@matthewburson2908 5 лет назад

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!

@RicoGalassi 5 лет назад

So glad I found the playlist to these unlisted videos lol

@getorvillized7499 5 лет назад

On TheCodingTrain's RU-vid 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: ru-vid.comvideos

@MegaArti2000 3 года назад

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

@thegreatwarrior1239 Год назад

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

@Ketrixx Год назад

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

@alhaithamaljabri2203 4 года назад

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

@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 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.

@yarik6468 5 лет назад

Cool explanation. Thank you, Daniel☺️👍

@incalite 4 года назад

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!

@fastlearner9993 2 года назад

THE BEST CODE TEACHER ON RU-vid THAT IVE SEEN !!!!!

@darkceptor44 5 лет назад

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

@arinzejustin2687 2 года назад

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

@GregoryCefai Год назад

This is the best TV show since Sopranos

@SnobbyLion 9 месяцев назад

You're a very charismatic speaker!

@crustycock593 5 лет назад

I think when you zoomed in to show the &deg i actually saw all the pixels on you screen lol Great tutorial by the way cant wait for part 3

@matanmoshedaboush7985 Год назад

You are the best lecturer I have ever seen

@dreznik 4 года назад

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!

@rabahghiles9853 5 лет назад

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

@madam_im_adam 2 года назад

entertaining, fun, and above all useful!!

@gouravchouhan1790 3 года назад

Here comes the God of teaching complex stuff with ease

@khoile6975 3 года назад

the way you teach is so great

@beracode 5 лет назад

Make something like this always. your are awesome man!

@vuaphapthuathighlights 4 года назад

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

@AssFaceNFT 2 года назад

You are an absolute legend fren!! 🙏🕊

@juancastrence8638 4 года назад

Dan, you really are the Bob Ross of coding.

@asafeolimpio9035 4 года назад

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

@GiancarloCarccamo 4 года назад

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

@ShubhamRathod-jg9gt 5 лет назад

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

@fooboobear 5 лет назад

The vibes are totally awesome

@TylerMatthewHarris 5 лет назад

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

@Hoobizone 4 года назад

Daniel you are a hero!

@mustafaabdelkarim4255 Год назад

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

@xbennY0 3 года назад

how did I not know this channel before?

@johng5295 4 года назад

Thanks in a million!

@octaviotastico 5 лет назад

Thx for the videos

@whocrywolf591 3 года назад

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

@christophbleyer5905 4 года назад

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

@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

@paco3447 5 лет назад

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 2 года назад

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

@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

@bsarun7266 3 года назад

thank u sir.it very useful

@AssFaceNFT 2 года назад

CIA teaching us how to geolocate one another 👏💯🌹

@juliannd3989 Год назад

awesome love it

@shaikzuhair8537 5 лет назад

Thanks for good knowledge video

@ReneeSLiu-zx5tj 4 года назад

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!

@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 :)

@timotuomas9091 4 года назад

amazing !!

@00el04 3 года назад

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

@InverserPro 5 лет назад

Thank you

@aaronargottelopez3488 Год назад

Thanks!

@aakashsingh7391 3 года назад

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

@presDev 3 года назад

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

@prashantgiri1285 3 года назад

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

@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

@TheCodingTrain 5 лет назад

Oh, thank you for these tips!!!

@ethanhermsey 5 лет назад

coding garden with dan ;) i like this content

@laikesagores3258 2 года назад

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

@fibredecasino3071 3 года назад

Liked, commented and subscribed ❤️

@badooum-yb427 4 года назад

Ur the best from 🇩🇿

@viditsinghbrahmania1476 3 года назад

Your shirt is awesome!

@srinivasandhandapani6837 3 года назад

good job sir

@IceMetalPunk 5 лет назад

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

@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.

@vaibhav1180 5 лет назад

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

@ridz4912 3 года назад

That laugh at 10.11 is happiness.

@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

@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.

@deepdivedevs100 4 года назад

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

@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?

@andrewfurey21 5 лет назад

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

@mranemany 5 лет назад

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

@PU7MZD 5 лет назад

Daniel: 9:28 NSA: hold my tracker

@MyOliver64 2 года назад

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

@siddhantgupta3751 4 года назад

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

@ProwlerDigital 3 года назад

hero

@zacontraption 4 месяца назад

Looking forward to a great 2024!

@TheCodingTrain 4 месяца назад

Thank you for the generous support!

@Muffi606 3 года назад

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.

@Ana-rp4xu 4 года назад

i need to get information from a data lake through an api rest but the problem is that i have to passe a token for each request in order to get the infos

@raphaelmorgan2307 4 года назад

If im doing like a multiplayer game that only needs the info while its running, could i use the index.js server to connect them all without saving to a database? Specifically, i want to make a boggle webapp to play with my family online, so when one of us starts the timer we all see the same letters and the time left

@gustavosilber9967 5 лет назад

Who could be so ungrateful to vote thumbs down?

@user-qq7ch 4 года назад

I'm having an issue. After running my code through node, I get an error saying that navigator is not defined. I have tried importing a navigator module into my node modules folder. Am I missing something? I've been successful with pulling up the geolocation prompt whilst working solely offline and not utilizing any kind of localhost server. Help would be appreciated, thank you!

@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 5 лет назад

Ah, thank you for the clarification!!

@mitchellaninyang12 4 года назад

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

@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.

@CelebKuwentuhanPh Год назад

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

@resxurrection9846 4 года назад

wait, i am so confused, i mean i jsut setup a node server? and if i use require in my js it says it undefined. All the people say, that u need a node server?? like i just did that? or is there something i am not getting?