WEBVTT 00:00:07.120 --> 00:00:10.220 In this chapter we're going to learn J-curve immobile. 00:00:10.530 --> 00:00:16.980 So was is the immobile if you go to the decoding mobile Web sites you'll find a quick definition there 00:00:16.980 --> 00:00:17.700 . 00:00:17.760 --> 00:00:23.610 So decoding mobile is a user interface system based on him L5. 00:00:23.610 --> 00:00:26.430 We can use it to create Responsive Web sites. 00:00:26.670 --> 00:00:33.280 Also we can use it to create ARBs for smartphones tablets and best of devices. 00:00:33.810 --> 00:00:39.770 So in this chapter we learn how to use the different features of equerry immobile and at the end of 00:00:39.770 --> 00:00:46.450 the chapter we'll create a professional speed reader app that will work as following. 00:00:46.860 --> 00:00:53.190 So the user is going to pay some text in the text inputs and then after clicking on the it starts reading 00:00:53.220 --> 00:00:59.190 button the app is going to start reading our text word by word which means he's going to show one word 00:00:59.250 --> 00:01:02.820 at a time so we can control things like the reading speed 00:01:06.000 --> 00:01:09.940 and the font size of our text. 00:01:10.230 --> 00:01:16.210 Also we can control the progress of the up and go backward or forward. 00:01:17.130 --> 00:01:23.860 So at the end we'll learn how to upload our OB to the Google Play or absol. 00:01:24.710 --> 00:01:25.710 OK. 00:01:25.800 --> 00:01:32.850 Now to get started let's learn how to embed decode immobile to our Web sites or up. 00:01:32.850 --> 00:01:39.330 So first of all we're going to go back to the decoding mobile Web sites and then click on the download 00:01:39.660 --> 00:01:44.250 link. 00:01:44.340 --> 00:01:52.160 Now if we scroll down we can see the latest version as we talking now is one point four point five. 00:01:52.920 --> 00:01:59.730 So it's embed Dookhan in Mobile and our Web sites we can either download the files from there and link 00:01:59.790 --> 00:02:05.520 our ASML file to the difference files the javascript files see his files. 00:02:05.520 --> 00:02:12.840 Otherwise we can go for the equerry CDN hosted files and just copy this code and paste this in a simple 00:02:12.840 --> 00:02:13.900 file. 00:02:14.550 --> 00:02:19.260 Ok so first of all let's go to our 00:02:22.010 --> 00:02:29.740 products folder and create a new folder there and call it recording to well 00:02:33.730 --> 00:02:34.870 OK. 00:02:35.520 --> 00:02:38.220 Now let's open this folder using brackets 00:02:38.220 --> 00:02:52.790 . 00:02:54.040 --> 00:02:55.350 OK. 00:02:56.460 --> 00:03:06.150 And this creates a file in the Colette's 1 introduction 0 0 introduction 00:03:11.290 --> 00:03:13.530 location. 00:03:15.050 --> 00:03:16.210 OK. 00:03:17.340 --> 00:03:20.260 Now let's define a basic structure for our page. 00:03:20.310 --> 00:03:29.520 So it starts with the document type and said that to a simple life which is a female and this creates 00:03:29.760 --> 00:03:34.410 a simul elements and place the head 00:03:37.420 --> 00:03:39.440 into the body inside 00:03:42.310 --> 00:03:45.540 . 00:03:45.870 --> 00:03:53.600 OK so in the head elements let's have a title for our page for example declaring a while 00:03:57.930 --> 00:04:01.900 intellection. 00:04:02.140 --> 00:04:04.350 OK let's has the character encoding 00:04:09.430 --> 00:04:11.130 to UTF 8. 00:04:11.730 --> 00:04:24.780 OK and before we embed square immobile we'll need to use the viewport elements 00:04:34.560 --> 00:04:42.750 to set the width of our page to the pixel width of the device screen so to as we can says the viewport 00:04:42.840 --> 00:04:45.360 attributes as following. 00:04:46.650 --> 00:04:51.550 So we can assess the width to the device with 00:04:56.220 --> 00:05:04.410 and the initial scale to 1. 00:05:04.410 --> 00:05:06.390 All right. 00:05:06.420 --> 00:05:12.120 Now let's embed Dacor immobile using the equerry hosted files. 00:05:12.120 --> 00:05:16.370 My copy in this code. 00:05:18.230 --> 00:05:20.130 OK. 00:05:21.410 --> 00:05:29.550 And you can notice that we we're using de Querrey which is important to run the decoding mobile functionalities 00:05:29.580 --> 00:05:30.000 . 00:05:30.390 --> 00:05:31.200 OK. 00:05:31.200 --> 00:05:38.190 So in the next video we are going to learn how to create pages dialogues and transitions