WEBVTT

00:00:08.940 --> 00:00:15.150
In this session you are going to create a professional up calculating traveling distances between cities

00:00:15.150 --> 00:00:15.470
.

00:00:15.750 --> 00:00:21.830
You're going to use A.P.M. CSSA javascript's bootstrap and Google Maps API.

00:00:22.260 --> 00:00:28.230
Again this is a brilliant opportunity to practice your required skills in the complete web development

00:00:28.230 --> 00:00:29.250
course.

00:00:29.310 --> 00:00:33.000
So let's go through the app and understand how it works.

00:00:33.060 --> 00:00:38.760
So the user will need to fill in a couple of fields the origin and destination fields.

00:00:39.120 --> 00:00:47.810
So once they start typing a city they will get a few choices to pick up from and really to use the autocomplete

00:00:47.820 --> 00:00:51.630
feature of the places library to do this.

00:00:51.840 --> 00:01:00.240
OK so once they fill in both fields and click on the submit button then when they do a few things we

00:01:00.240 --> 00:01:06.120
are going to calculate the routes between the two cities and show it on a map.

00:01:06.120 --> 00:01:14.990
Also we are going to calculate the driving distance and the duration and show this inside a box.

00:01:15.660 --> 00:01:23.100
If for some reason there is an issue with our requests or we click on the submit button then we're going

00:01:23.100 --> 00:01:25.040
to get an error message.

00:01:25.080 --> 00:01:31.530
So as usual we are going to start by building the skeleton and decoration of our app and then begin

00:01:31.560 --> 00:01:33.440
to understand the logic of the.

00:01:33.690 --> 00:01:39.900
And after that we are going to build the functionality of the app using Javascript code.

00:01:40.950 --> 00:01:44.400
So if you are ready you can move to the next video and start building the app