WEBVTT 00:00.680 --> 00:04.560 Hello everybody thanks a lot for checking on my course. 00:04.690 --> 00:11.160 So in this video we'll quickly go through the subjects that this course will cover. 00:11.210 --> 00:16.910 I was not kidding at all when I said that this is a very comprehensive course. 00:16.940 --> 00:18.220 Indeed. 00:18.260 --> 00:24.830 So the whole course is split up in seven sections each covering an important subjects that you will 00:24.830 --> 00:25.370 learn. 00:25.490 --> 00:32.090 The first section is where we are preparing ourselves to lift off and start coding. 00:32.090 --> 00:38.610 I explain why you have made the right decision and we take a look inside. 00:38.630 --> 00:45.330 Why is the two page DML conversion is a must have skill for any web designer. 00:45.380 --> 00:53.690 Then we showcase the final B is the design alongside the website and I'm explaining to you how to ask 00:53.690 --> 00:57.260 for help if you get stuck. 00:57.260 --> 01:01.150 The second section is where we get our hands dirty. 01:01.220 --> 01:10.240 We are installing the write code editor alongside Photoshop and then we are setting up our project environment. 01:10.460 --> 01:18.130 After this lecture you can download the complete project files as well as my gift for you. 01:18.480 --> 01:23.850 The third section is where we are studying the Photoshop design itself. 01:23.850 --> 01:31.350 We are determining the size of the project and the fluid design we are deciding the image structure 01:31.440 --> 01:36.080 to work with and finally starting to slice up the design. 01:36.360 --> 01:41.020 I'll also show you how to implement Google fonts in your website. 01:41.460 --> 01:46.270 Last but not least it is the helper classes explanation. 01:46.440 --> 01:51.050 What are they and why are they very useful. 01:51.060 --> 01:58.550 The fourth section is where we actually start to convert the Photoshop design into a functional website. 01:58.590 --> 02:05.100 We are coding and styling each section implementing the previously current images. 02:05.100 --> 02:13.290 We are also creating custom columns for manual responsiveness later with the full width concept and 02:13.410 --> 02:21.000 the flute design that does web side will offer the 50 section is worth. 02:21.000 --> 02:22.410 Things get fun. 02:22.440 --> 02:30.540 We are setting up famous animation libraries to work with and we are preparing for the famous iPhone 02:30.600 --> 02:34.620 turn on animations that you will love. 02:34.920 --> 02:41.250 After youve learned you will use the skills that you have gained and you will be animating the rest 02:41.250 --> 02:44.010 of the website by yourself. 02:44.010 --> 02:51.800 Also relative and absolute positioning will be explained alongside the z index positioning. 02:52.440 --> 02:58.260 The next section is where we started making new episode response from scratch. 02:58.260 --> 03:06.750 We will learn about what our media queries and we will take advantage of those to create our reps responsive. 03:06.750 --> 03:11.550 We'll also be creating a custom response if navigation jumped on menu. 03:11.550 --> 03:14.560 The easiest way. 03:14.670 --> 03:22.470 The last section is where we say good bye and where I give you the final project challenge that you 03:22.470 --> 03:29.250 will be asked to complete with the skills you've gained and you'll be taking a random beastie design 03:29.280 --> 03:32.740 and converting it in your own functional website. 03:32.910 --> 03:41.390 But that's not all because more bone's lectures will be added and are coming to the course over time. 03:41.790 --> 03:46.110 So in this course you are going to learn a lot. 03:46.170 --> 03:51.290 If this sounds exciting to you jump right into the course and I'll see you there. 03:51.330 --> 03:52.330 Thank you for watching.