Name: 2.2 Geolocation Web API - Working with Data and APIs in JavaScript
Uploaded: 2020-03-28T18:21:58.000Z
Duration: 15 min 4 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

Welcome to the second video in the Data Selfie App Project.

Thank you, Joey Lee, for this sample project.

I'm excited to keep building this with you who

So one of the things, one of the reasons for this project, one

of the things I'm excited to demonstrate to you

is what is this whole thing about client side and server

If you watched the first video, all I did really

was make two files, Index.js, the JavaScript node

code to run on the server, and Index.html, the web page

that the server is hosting up to run on the client.

And this is one of the most confusing things

and thinking about client side versus server side,

when do I want to do one or what goes on where.

So let's take a minute to dissect that a little bit here.

The goal here is to build additional functionality, what

other kinds of things does the server need to do?

Save information to our database, for example,

But for right now, all it does is host static files

What happens, the client connects to the server

and says, we'd like to request to view your website, your web

Then it gets rendered in the client's browser.

If this Index.html happens to have JavaScript

files with it or references to other JavaScript files.

And, of course, there could be other media and other things

going along as well, that JavaScript is sent as raw text

So the big difference, even though we might have JavaScript

in two places, we have JavaScript in Index.js,

this JavaScript that's running on the server

It has no ability to access this code, it can make a request.

This is a program that's running, the code is in it.

This is an important distinction because at some point,

as we might need to do some authentication.

So that's another thing that we want to do here on the server.

That's the thing that we can't do on the client.

like the JavaScript code could go here, execute

But then, whatever is in here is visible to the user.

You could do view source and see the JavaScript,

We may in most cases want to do authentication here

So we're keeping track of a list of things

we want to do in the server and keeping track,

I don't want to add any of this functionality to the server.

What I want to do right now is add functionality

Something that I can only do on the client is geolocate.

There's only one server, I'm writing the server,

But that file can be sent to many different clients.

Those clients could geolocate themselves and then

It's particularly confusing because when you're

remember I've got the server and the client running here

locally on my laptop, so they're both in one place.

I'm going to show you how to take the server

or a server that's somewhere else that many clients could

So I'm just repeating a lot of the same stuff

So all we're going to do in this first step is figure out

how to geolocate where the client is, show the client

their latitude and longitude on their browser page,

and then we'll be ready for the next step, which

Subtitles ListPlay Video

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

access

develop

exact

position