Web Design with HTML5, CSS3 and

JavaScriptCourse Overview

Doncho Minkov

Telerik Software Academyacademy.telerik.com

Technical Trainerhttp://www.minkov.it

http://html5course.telerik.com

Table of Contents1.About Telerik and Telerik Academy

2.About the Course

3.Requirements

4.Course Curriculum

5.Trainers Team

6.Schedule

7.Assessment, Exams, Certification

8.Resources2

About Telerik & Telerik

Academy

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

4

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

5

Software AcademyC#

Fundamentals

QA Academy

.NET Essentials

Developer Support

Job at Telerik

University Courses

School Academy

Kids Academy

Academy at a Glance

6

Algo Academy

Another Job

Courses for Students @ Telerik Academy

High-Quality Code (starting 5 March)

Mobile Development(starting October)

Free Courses for Students

7

Web Applicationswith ASP.NET MVC (starting October)

Cloud Development(starting 14 March)

Web Design with HTML5

(starting 13 and 15 March)

Windows 8 Development

(starting October)

Web Design with HTML 5, CSS 3 and

JavaScriptThe Course

About the Course

Web Design 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

9

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)

10

Course Curriculum

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

12

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

13

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

14

Curriculum (4)

Web Services and REST Consuming REST Services with jQuery

JavaScript APIs of Facebook, Twitter, Google…

Workshop – Building a Data Consuming JavaScript Application

15

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

16

Trainers Team

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

18

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

Trainers Team (3) Nikolay Kostov

Technical Trainer,Telerik Corp.,Telerik Software Academy

Student in Sofia University Contestant in the IT and

informatics competitions Email: nikolay.kostov [at]

telerik.com Blog: http://nikolay.it/ Facebook:

www.facebook.com/Nikolay.IT

Trainers Team (4) Georgi Georgiev

Technical Trainer,Telerik Corp.,Telerik Software Academy

Student in Sofia University Contestant and winner

in the IT competitions Email: georgi.georgiev [at]

telerik.com Facebook:

facebook.com/george.s.georgiev

Trainers Team (5)

Dimo Dimov Senior Front-End

Developer, Telerik Corp.,KendoUI Team

22

E-mail: dimo.dimov [at] telerik.com Blog: http

://blogs.telerik.com/dimodimov/

Trainers Team (6)

Ivan Zhekov Senior Front-End

Developer, Telerik Corp.

23

E-mail: ivan.zhekov [at] telerik.com

Web Site: joneff.info

Trainers Team (6)

Pavel Ivanov Senior Front-End

Developer, Telerik Corp.

Owner, fridaycode.net

24

E-mail: Pavel.Ivanov [at] telerik.com

Trainers Team (6) Pavel Kolev

Web Developer,ISG technology

Champion from severalTelerik Academy courses

25

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

Trainers Team (7) Trainers Assistants

Bozhidar Ruzhenov Front-end Developer,

Telerik Corp.

Galin Grozev Front-end Developer,

Telerik Corp.

Yavor Ivanov Front-end Developer,

Telerik Corp.26

Course Schedule

Course Schedule

Tuesday 19:00 – 22:00 Telerik Academy – Enterprise Lab

Thursday 19:00 – 22:00 Telerik Academy – Enterprise Lab

Telerik Academy Labs

AssessmentExams and Grades

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

30

Assessment (3)

Evaluation Criteria 75% of the final score will be your

project score 25% of the final score will be from

homework

31

Score Grade85-100 Excellent (6)

70-85 Very Good (5)

55-70 Good (4)40-55 Average (3)

Homework Assignments

Homework assignments are due in 2 weeks after the lecture

Submission instructions will be published at the course Web site

32

http://bit.ly/WebDesignHomework

Certification and Awards

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

34

Sponsor:

Course PartnersFree Hosting for All Serious Students

Free hosting for your course projects by our partners:

Partners

36

Recommended Books

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

38

форум програмиране, форум уеб дизайнкурсове и уроци по програмиране, уеб дизайн – безплатно

програмиране за деца – безплатни курсове и уроцибезплатен SEO курс - оптимизация за търсачки

уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop

уроци по програмиране и уеб дизайн за ученициASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC

безплатен курс "Разработка на софтуер в cloud среда"

BG Coder - онлайн състезателна система - online judge

курсове и уроци по програмиране, книги – безплатно от Наков

безплатен курс "Качествен програмен код"

алго академия – състезателно програмиране, състезания

ASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NETкурсове и уроци по програмиране – Телерик академия

курс мобилни приложения с iPhone, Android, WP7, PhoneGap

free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно

?

? ? ??

?? ?

?

?

?

??

?

?

? ?

Questions?

?

Web Design with HTML5, CSS3 and

JavaScript

http://academy.telerik.com

Free Trainings @ Telerik Academy "Web Design with HTML5, CSS3 and

JavaScript" course @ Telerik Academy html5course.telerik.com

Telerik Software Academy academy.telerik.com

Telerik Academy @ Facebook facebook.com/TelerikAcademy

Telerik Software Academy Forums forums.academy.telerik.com