Web Design with HTML 5, CSS 3 and JavaScript

1. Web Design with HTML 5, CSS 3 and JavaScript Course Overview Doncho Minkov Telerik Web Design Course http://html5course.telerik.com Technical Trainer http://www.minkov.it

2. Table of Contents • About Telerik and Telerik Academy • About the Course • Requirements • Course Curriculum • Trainers Team • Schedule • Assessment, Exams, Certification • Resources

3. About Telerik & Telerik Academy

4. About Telerik • What Telerik does? • Leading vendor of ASP.NET AJAX, Silverlight, WPF, Window Phone 7 and ASP.NET MVC components, ORM, Reporting, and CMS solutions and Visual Studio plugins • Headquartered in Bulgaria • With offices in USA, Germany, Australia, India • More than 500 employees – mostly developers • Employer #1 in Bulgaria for 2010 • Microsoft Gold Certified Partner

5. About Telerik Academy • Telerik Academy is an initiative Telerik for training of young software engineers • Software Academy • .NET Essentials, QA Academy, Dev-Support • Student Courses • School Academy • Algo Academy • Kids Academy • Contests and other free initiatives

6. Academy at a Glance Kids Academy School Academy University Courses Algo Academy Software Academy C# Fundamentals Developer Support .NET Essentials QA Academy Job at Telerik Another Job

7. Free Courses for Students Courses for Students @ Telerik Academy High-Quality Code(starting 5 March) Mobile Development(startingOctober) Web Design with HTML5 (starting 13 and 15 March) Web Applicationswith ASP.NET MVC (starting October) Cloud Development (starting 14 March) Windows 8 Development(starting October)

8. Web Design with HTML 5, CSS 3 and JavaScript The Course

9. About the Course • WebDesign course objectives • Provides concepts, technologies and skills for web front-end development • HTML 5, CSS 3, JavaScript and jQuery • Working with popular CMS systems like WordPress, Sitefinity and Joomla • Who can attend the training • Students from all Universities in Sofia • Students from elite High Schools

10. Requirements to the Students • Basic computer programming skills • You should know what is loop and array • Seriousness • Put enough effort and time for this course • Desire to develop as front-end developer • Real willingness to learn HTML, CSS, JavaScript • English language • All training materials are in English (intentionally, Telerik Academy policy)

11. Course Curriculum

12. Curriculum Part I – Web Design with HTML 5 and CSS 3 • Course Overview • Web Design Concepts • HTML 5 Fundamentals • HTML 5 Tables and Forms • CSS 3 • Photoshop • Workshop – Slice and Dice with Photoshop

13. Curriculum (2) • Content Management Systems (CMS) • WordPress • Sitefinity • Joomla • Workshop – Installation and Configuration of WordPress • Live Demo – Implementing a Sample Project • Project Consultation • Projects Defense

14. Curriculum (3) Part II – Web Design with JavaScript and jQuery • Web Development Fundamentals • JavaScript • JavaScript for HTML 5 • Workshop – JavaScript Game using Canvas • JavaScript OOP • JavaScript Frameworks • jQuery Fundamentals • Workshop – Web Component Development

15. Curriculum (4) • Web Services and REST • Consuming REST Services with jQuery • JavaScript APIs of Facebook, Twitter, Google… • Workshop – Building a Data Consuming JavaScript Application

16. Curriculum (5) • Responsive Design • UI Frameworks – KendoUI, jQuery UI • Workshop – Usability of Web UI • Workshop – Building Web UI • Workshop – Building Web Site from Design • Project Consultation • Project Defense

17. Trainers Team

18. Trainers Team • Svetlin Nakov, PhD • Manager Technical Training,Telerik Corp., Telerik Academy • 20 years software developmentexperience • 10+ years experience as trainer • Author of 6 books • Speaker of hundreds of events • E-mail: svetlin.nakov [at] telerik.com • Web site / Blog: www.nakov.com • Facebook: www.facebook.com/svetlin.nakov

19. Trainers Team (2) • Doncho Minkov • Technical Trainer,Telerik Corp.,Telerik Software Academy • Student in Sofia University • Contestant in the Informatics competitions • Email: doncho.minkov [at] telerik.com • Blog: http://minkov.it • Facebook: www.facebook.com/DonchoMinkov

20. Trainers Team (3) • Nikolay Kostov • Technical Trainer,Telerik Corp.,Telerik Software Academy • Student in Sofia University • Contestant in the IT andinformatics competitions • Email: nikolay.kostov [at] telerik.com • Blog: http://nikolay.it/ • Facebook: www.facebook.com/Nikolay.IT

21. Trainers Team (4) • Georgi Georgiev • Technical Trainer,Telerik Corp.,Telerik Software Academy • Student in Sofia University • Contestant and winnerin the IT competitions • Email: georgi.georgiev [at] telerik.com • Facebook: facebook.com/george.s.georgiev

22. Trainers Team (5) • Dimo Dimov • Senior Front-End Developer, Telerik Corp.,KendoUI Team • E-mail: dimo.dimov [at] telerik.com • Blog: http://blogs.telerik.com/dimodimov/

23. Trainers Team (6) • Ivan Zhekov • Senior Front-End Developer, Telerik Corp. • E-mail: ivan.zhekov [at] telerik.com • Web Site: joneff.info

24. Trainers Team (6) • Pavel Ivanov • Senior Front-End Developer, Telerik Corp. • Owner, fridaycode.net • E-mail: Pavel.Ivanov [at] telerik.com

25. Trainers Team (6) • PavelKolev • Web Developer,ISG technology • Champion from severalTelerik Academy courses • E-mail: i.pavelkolev [at] gmail.com • Web Site: http://pavelkolev.com • Facebook:http://www.facebook.com/paveld3 • LinkedIn: http://www.linkedin.com/pub/pavel-dimitrov/35/913/126

26. Trainers Team (7) • Trainers Assistants • BozhidarRuzhenov • Front-end Developer,Telerik Corp. • GalinGrozev • Front-end Developer,Telerik Corp. • Yavor Ivanov • Front-end Developer,Telerik Corp.

27. Course Schedule

28. Course Schedule • Tuesday 19:00 – 22:00 • Telerik Academy – Enterprise Lab • Thursday 19:00 – 22:00 • Telerik Academy – Enterprise Lab Telerik Academy Labs

29. Assessment Exams and Grades

30. Assessment • The course exams consist of everyday homework and two practical course projects • The homework will be reviewed every week • The practical course projects will be reviewed by the trainers team • The best students will continue in the second part of the course

31. Assessment (3) • Evaluation Criteria • 75% of the final score will be your project score • 25% of the final score will be from homework

32. Homework Assignments • Homework assignments are due in 2 weeks after the lecture • Submission instructions will be published at the course Web site http://bit.ly/WebDesignHomework

33. Certification and Awards

34. Certification and Awards • Best students will get certification and awards • Certificate of achievement • Requires all homework assignments and 90% of the score from the projects • Signed by the trainers team • Awards • Remarkable results • Top 5%-10% students Sponsor:

35. Course Partners Free Hosting for All Serious Students

36. Partners • Free hosting for your course projects by our partners:

37. Recommended Books

38. Recommended Books • “Designing with Web Standards”, Jeffrey Zeldman, New Riders Press, 2005, ISBN 9780321616951 • “PPK on JavaScript”, Peter Paul-Koch, New Riders Press, 2006, ISBN 9780321423306 • "HTML & XHTML: The Definitive Guide, Sixth Edition", Chuck Musciano, Bill Kennedy, O'Reilly, 2006, ISBN 9780596527327 • "CSS: The Definitive Guide, Third Edition", Eric Meyer, O'Reilly, 2006, ISBN 9780596527334

39. Web Design Course http://html5course.telerik.com