1 1 00:00:01,365 --> 00:00:03,510 Hello, and welcome to this course, 2 2 00:00:03,510 --> 00:00:06,125 Responsive Web Design and Web Development 3 3 00:00:06,125 --> 00:00:07,792 with HTML5 and CSS3. 4 4 00:00:09,430 --> 00:00:12,114 First of all, I wanna thank you so much 5 5 00:00:12,114 --> 00:00:14,593 for embarking on this journey with me. 6 6 00:00:14,593 --> 00:00:16,903 I'm really glad that you're here. 7 7 00:00:16,903 --> 00:00:18,995 You've come to the right place to learn about 8 8 00:00:18,995 --> 00:00:21,245 web design and development. 9 9 00:00:22,104 --> 00:00:25,680 In this course I'm going to show you step by step 10 10 00:00:25,680 --> 00:00:29,256 how to design and develop a beautiful website from 11 11 00:00:29,256 --> 00:00:32,669 complete scratch, using the latest web technologies, 12 12 00:00:32,669 --> 00:00:36,002 HTML5, CSS3, and a little bit of jQuery. 13 13 00:00:37,606 --> 00:00:41,670 You will build a unique website using a new skill set 14 14 00:00:41,670 --> 00:00:43,640 that you will be proud of. 15 15 00:00:43,640 --> 00:00:47,640 A website that is both beautiful and functional. 16 16 00:00:49,639 --> 00:00:51,080 There is more. 17 17 00:00:51,080 --> 00:00:54,717 In this course, you will not just learn how to code, 18 18 00:00:54,717 --> 00:00:57,655 because building real world websites is more than just 19 19 00:00:57,655 --> 00:01:01,922 writing some codes, it's a step by step process that 20 20 00:01:01,922 --> 00:01:05,985 requires designing, coding, and so much more, 21 21 00:01:05,985 --> 00:01:10,983 and you will learn all of that in just this course. 22 22 00:01:10,983 --> 00:01:14,316 I hope you are as excited as I am to start learning 23 23 00:01:14,316 --> 00:01:18,739 all the powerful new skills I packed into this course. 24 24 00:01:18,739 --> 00:01:20,620 We will learn hands-on web development 25 25 00:01:20,620 --> 00:01:23,453 with HTML5, CSS3, and some jQuery. 26 26 00:01:25,192 --> 00:01:28,666 Together, we will work on a real work learning page 27 27 00:01:28,666 --> 00:01:32,833 for a fictional company I made up just for this course. 28 28 00:01:33,969 --> 00:01:37,951 The proven seven real world steps from complete scratch 29 29 00:01:37,951 --> 00:01:41,618 to a fully functional and optimized website. 30 30 00:01:42,462 --> 00:01:45,387 You’ll learn simple to use web design guidelines, 31 31 00:01:45,387 --> 00:01:49,554 and tips to make your website stand out from the crowd. 32 32 00:01:50,893 --> 00:01:55,099 I'll show you how to get and use amazing images, fonts, 33 33 00:01:55,099 --> 00:01:59,266 and icons to make your website shine, all for free. 34 34 00:02:02,027 --> 00:02:04,477 Responsive web design, which means that 35 35 00:02:04,477 --> 00:02:07,200 you will learn how to create websites 36 36 00:02:07,200 --> 00:02:10,999 that look beautifully on all screen sizes, 37 37 00:02:10,999 --> 00:02:15,166 and this is a must have skill in today's mobile world. 38 38 00:02:17,013 --> 00:02:20,183 How to use jQuery for super cool effects, 39 39 00:02:20,183 --> 00:02:24,206 like animations, scroll effects, and sticky navigation, 40 40 00:02:24,206 --> 00:02:27,956 to set your website apart and wow your users. 41 41 00:02:30,098 --> 00:02:32,672 During the entire course, you’ll learn how to work 42 42 00:02:32,672 --> 00:02:36,241 with brackets the super effective way, which is the best 43 43 00:02:36,241 --> 00:02:40,345 text editor for web development in the world. 44 44 00:02:40,345 --> 00:02:44,084 Finally, I'll teach you how to optimize your website 45 45 00:02:44,084 --> 00:02:48,251 for good speed performance and for search engines. 46 46 00:02:50,109 --> 00:02:52,364 How is this course structured? 47 47 00:02:52,364 --> 00:02:56,286 The course is basically divided into four main parts. 48 48 00:02:56,286 --> 00:02:58,573 First, in section two you will learn 49 49 00:02:58,573 --> 00:03:02,047 the basics of web design, and with that, I mean all 50 50 00:03:02,047 --> 00:03:05,513 the guidelines, tips, and tricks you need to master 51 51 00:03:05,513 --> 00:03:09,680 beautiful web design in a simple and practical way. 52 52 00:03:11,043 --> 00:03:14,386 After that, in section three and four, you’ll learn the very 53 53 00:03:14,386 --> 00:03:18,553 basics of front end web developments with HTML and CSS. 54 54 00:03:19,457 --> 00:03:22,545 These are short and easy to understand lectures 55 55 00:03:22,545 --> 00:03:27,372 that will get you ready for lecturer website project, 56 56 00:03:27,372 --> 00:03:29,689 which brings us to part three. 57 57 00:03:29,689 --> 00:03:32,168 This is where the fun begins. 58 58 00:03:32,168 --> 00:03:35,256 Over the sections five and six, you'll put in action 59 59 00:03:35,256 --> 00:03:38,012 or prove in seven- step plan and use the latest 60 60 00:03:38,012 --> 00:03:42,514 web technologies to build a stunning real world website. 61 61 00:03:42,514 --> 00:03:45,837 Once you're comfortable with some pretty advanced HTML5, 62 62 00:03:45,837 --> 00:03:48,897 and CSS3 techniques, you will even be adding 63 63 00:03:48,897 --> 00:03:52,696 some cool jQuery effects to the game. 64 64 00:03:52,696 --> 00:03:56,263 In the end you will make your website super fast 65 65 00:03:56,263 --> 00:03:59,270 and optimize it for search engines. 66 66 00:03:59,270 --> 00:04:02,541 To finish, you'll even learn how to launch your final 67 67 00:04:02,541 --> 00:04:06,708 website to the internet for the entire world to see it. 68 68 00:04:08,799 --> 00:04:11,522 Now, I know how you're feeling. 69 69 00:04:11,522 --> 00:04:14,529 All of this feels a bit overwhelming, right? 70 70 00:04:14,529 --> 00:04:17,068 Don't worry, you're not alone. 71 71 00:04:17,068 --> 00:04:20,461 I am Jonas, and I am your instructor. 72 72 00:04:20,461 --> 00:04:22,818 Believe me, coding doesn’t have to be 73 73 00:04:22,818 --> 00:04:25,788 hard, or scary, or boring. 74 74 00:04:25,788 --> 00:04:28,084 I'm here to guide you step by step 75 75 00:04:28,084 --> 00:04:30,888 and to help you with everything I can. 76 76 00:04:30,888 --> 00:04:34,423 I really want you to be successful with this course, 77 77 00:04:34,423 --> 00:04:36,832 and I know how you feel because I've been 78 78 00:04:36,832 --> 00:04:40,327 exactly where you are right now. 79 79 00:04:40,327 --> 00:04:42,776 I started to learn web design and development 80 80 00:04:42,776 --> 00:04:44,950 about eight years ago. 81 81 00:04:44,950 --> 00:04:49,278 There was no such thing as you doing courses back then. 82 82 00:04:49,278 --> 00:04:51,179 I went through the pain of going through, 83 83 00:04:51,179 --> 00:04:54,137 I don't know how many books, and literally 84 84 00:04:54,137 --> 00:04:57,977 thousands of online articles and tutorials. 85 85 00:04:57,977 --> 00:05:01,687 I wanna spare you all that pain, so I picked everything 86 86 00:05:01,687 --> 00:05:05,547 I learned on that long journey right into this course. 87 87 00:05:05,547 --> 00:05:07,765 I'll show you everything. 88 88 00:05:07,765 --> 00:05:11,016 I would actually say that this is exactly the course 89 89 00:05:11,016 --> 00:05:15,183 I wish I had when I first started building websites. 90 90 00:05:16,302 --> 00:05:18,821 Please feel free to contact me. 91 91 00:05:18,821 --> 00:05:21,076 You can ask me anything. 92 92 00:05:21,076 --> 00:05:24,440 You can reach me on Facebook, Twitter, email, 93 93 00:05:24,440 --> 00:05:27,500 and of course in forums of this course, 94 94 00:05:27,500 --> 00:05:30,364 but more on that in the next lecture. 95 95 00:05:30,364 --> 00:05:34,347 Join me now on this adventure and start your next lecture 96 96 00:05:34,347 --> 00:05:37,893 right now, where I will tell you all you need to do 97 97 00:05:37,893 --> 00:05:41,226 to be super successful with this course.