От март 2012 г. започва нов безплатен курс за изграждане на уеб сайтове с Photoshop, HTML 5, CSS 3, JavaScript и CMS системи. Курсът е подходящ както за абсолютно начинаещи, така и за хора с опит с уеб технологиите.

В безплатния HTML курс по разработка на уеб сайтове ще се запознаете със съвременните уеб технологии и ще натрупате практически умения за правене на уеб сайтове: от рисуването на сайта с Photoshop или друг графичен редактор, през нарязването на сайта до HTML 5, CSS 3 и JavaScript и интегрирането му в система за управление на уеб съдържание (CMS система).

Курсът по уеб дизайн и изработка на уеб сайтове е напълно безплатен, без договори и ангажименти. Всеки може да участва присъствено или дистанционно (онлайн). Всички учебни занятия ще се записват на видео и ще са достъпни от сайта на курса безплатно.

Какво ще научим от HTML курса?

От безплатния курс по уеб дизайн с HTML и изработка на уеб сайтове ще научите:

• Как да работите с Photoshop и да рисувате уеб сайтове
• Как да пишете HTML и CSS
• Как работят уеб технологиите: WWW, HTTP, HTML, JavaScript, уеб сървъри и браузъри
• Как да режете уеб сайтове (slice and dice): oт Photoshop към HTML + CSS + JavaScript
• Как да работите с популярни CMS системи: WordPress, Joomla, Drupal, Sitefinity
• Как да вкарвате нарязан уеб дизайн в CMS система
• Как да раздвижвате уеб сайтовете с JavaScript, jQuery и AJAX
• Как да качвате уеб сайт в Интернет (домейни, хостинги, настройки)

Кога и къде се провежда HTML 5 курса?

Безплатните уроци по уеб дизайн с HTML 5 се провеждат в софтуерната академия на Телерик (София, ж.к. Младост-1, бул. Александър Малинов 31, етаж 2, сватбен мол). Залата е модерна, с капацитет 250 места (вж. снимки на учебната зала).

Учебната зала се намира се на 5 минути от метростанция “Младост” и до нея има удобен градски транспорт.

Учебните занятия от курса по уеб дизайн се провеждат два пъти седмично:

• вторник от 19:00 до 22:00 часа
• четвъртък от 19:00 до 22:00 часа

Начало на HTML курса (първа сбирка):

• 13 март 2012 г. от 19:00 часа

Учебна програма на безплатния HTML курс

0. Преглед на курса по уеб дизайн и HTML

   Откриване на курса “Уеб дизайн с HTML 5, CSS 3 и JavaScript”. Представяне на лекторския екип, учебния материал, изпитване, домашни, проекти, сертифициране

1. Основи на уеб програмирането

   HTTP протокол, WWW, request-response модел, GET, POST, HTTP статус кодове, cookies, Firebug и други инструменти за уеб разработка

2. Основи на езика HTML (част I)

   HTML, синтаксис, тагове и атрибути, текст, изображения, хиперлинк, форматиращи тагове, параграфи, списъци

3. Основи на езика HTML (част II)

   HTML таблици, форми и контроли (текст, падащ списък, текстова област, контроли за избор, бутони и други), рамки (frames, iframe), GET и POST

4. Основи на HTML 5

   HTML 5, структурни тагове, семантичен HTML, форми, валидация на полета, нови атрибути, HTML 5 canvas

5. Стилизиране със CSS (част I)

   Създаване и използване на CSS стилове, селектори, стилови дефиниции, шрифтове, фонове, рамки, box-model, подравняване (alignment)

6. Стилизиране със CSS (част II)

   Позициониране (абсолютно и плаващо), margins, paddings, z-index, видимост, скролиране, плаване (floating), дизайн в няколко колони

7. CSS 3

   Нови селектори в CSS 3, шрифтове, сенки, заоблени ъгли

8. Photoshop

   Photoshop, обработка на изображения, групи, слоеве, селекции, трансформации, цветове, ефекти, създаване и експорт на изображения

9. Изграждане на уеб сайтове с HTML и CSS

   Рязане на уеб сайт: преобразуване от PSD изображение към HTML 5 и CSS 3, multi-column layout, floating DIVs, уеб сайтове с фреймове, уеб сайтове с таблици, уеб сайтове с DIV-ве

10. Основи на JavaScript

    Работа с JavaScript, прихващане на събития (onцlick, onмouseоver и т.н.), DHTML, JavaScript синтаксис, типове данни, оператори, условни конструкции, цикли, масиви, диалози, достъп до DOM дървото с JavaScript, дебъгване на JavaScript код

11. HTML 5 и новите му JavaScript APIs

    HTML 5 JavaScript APIs, нови селектори, създаване на canvas изображение с JavaScript, асинхронна работа с нишки в JavaScript, drag и drop, съхранение на дани с HTML5, разширения на HTML DOM дървото

12. CMS системи и WordPress

    Преглед на системите за управление на съдържание (CMS), работа с WordPress (инсталиране, настройване, административен интерфейс, страници, постове, категории, тагове, коментари, настройки, теми, добавки), създаване на WordPress теми

13. Инсталация на CMS системи (WordPress)

    Свързаване на хостинг с домейн, инсталация на WordPress на хостинг, качване на WordPress тема

14. CMS система Joomla

    Инсталация и конфигурация на Joomla, модули, страници, новини, шаблони, създаване на прост сайт, вкарване на нарязан уеб дизайн в Joomla

15. CMS система Drupal

    Инсталация и конфигурация на Drupal, модули, страници, новини, шаблони, създаване на прост сайт, вкарване на нарязан уеб дизайн в Drupal

16. CMS система Sitefinity

    Инсталация и конфигурация на Sitefinity, модули, страници, новини, шаблони, създаване на прост сайт, вкарване на нарязан уеб дизайн в Sitefinity

17. Практически проект: рязане на сайт и вкарване в CMS система

    Рязане на уеб дизайн: от Photoshop дизайн към HTML + CSS + images + JavaScript. Интегриране на уеб дизайн в CMS система.

18. Техники за напреднали

    Кеширане при клиента, решаване на проблеми с различните браузъри, client-side performance tuning, оптимизация за търсещите машини (SEO), достъпност, Sprites

19. JavaScript обектно-ориентирано програмиране

    Prototype модел, наследяване, свойства (properties), методи, публични и скрити членове

20. JavaScript библиотеки

    JavaScript библиотеки (JS frameworks): Prototype, jQuery, MooTools, Dojo, YUI, KendoUI

21. Основи на jQuery

    Въведение в jQuery, jQuery селектори и манипулация на DOM дървото, jQuery събития и прихващане, AJAX заявки, jQuery темплейти, jQuery UI, ефекти и взаимодействия

22. Достъп до външни данни

    Достъп до външни данни и услуги чрез jQuery и AJAX, работа със REST и JSON, работа с библиотеки, предоставени от Twitter, Facebook, Google и т.н.

23. JavaScript библиотеки за изграждане на потребителски интерфейс

    KendoUI, YUI, KendoMobile, jQuery Mobile

24. Responsive design

    Media queries, динамични изображения, еластичен грид

25. Демонстрация за създаване на JavaScript фронт-енд приложения

    Създаване на клиентски JavaScript приложения с HTML 5, CSS, JavaScript, jQuery и AJAX

26. Практически проект: JavaScript клиентско приложение

    Създаване на уеб приложения с DHTML, CSS 3, HTML 5, SVG, JavaScript, jQuery и AJAX, Пример: уеб чат приложение с потребители, чат стаи и т.н.

Домашни в HTML курса

Участниците в курса ще имат упражнения по всяка от изучаваните теми от учебния план, които да разработят в клас или като домашни. Домашните са част от оценяването в курса и са необходима предпоставка за успешно завършване и сертификация.

Практически проекти по правене на уеб сайтове и програмиране на JavaScript

За завършване на курса по уеб дизайн и клиентско програмиране е необходимо всеки курсист да разработи и защити два курсови проекта:

• Първи проект: рязане на уеб сайт (от Photoshop към HTML 5 и CSS 3) и вкарване на сайта в CMS система(WordPress, Joomla, Drupal или Sitefinity)
• Втори проект: клиентско JavaScript приложение с AJAX и REST услуги

Курсовите проекти се разработват вкъщи и се защитават присъствено пред комисия, съставена от преподаватеслкия състав.

Научете повече за професията JavaScript програмист 

Присъствено и онлайн участие в HTML курса

За удобство на курсистите са предвидени две форми на участие в HTML курса:

• Присъствено – участниците, записали се за присъствено обучение, идват на учебните занятия в голямата учебна зала на софтуерната академия на Телерик и участват на живо обученията по уеб дизайн и програмиране на уеб сайтове.
• Онлайн (дистанционно обучение) – участниците в HTML курса, записали се за дистанционно обучение, гледат видеозаписи от учебните занятие (видео-уроци) и работят вкъщи (отдалечено), без да идат физически на учебните занятия.

Всички участници в курса по уеб дизайн, изработка на уеб сайтове и JavaScript програмиране предават своите домашни по Интернет след всеки урок и накрая защитават присъствено своите практически проекти.

Сертификати и награди за шампионите

Участниците в курса по уеб дизайн и сайтаджийство, които са предали всичките си домашни и са разработили и защитили отлични курсови проекти, получават сертификати и предложения за работа от софтуерни фирми (ако са изявили желание).

Как да се запиша за курса по уеб дизайн?

За безплатно участие в курса по уеб дизайн и правенене на уеб сайтове (сайтаджийство) може да се запишете като се регистрирате на сайта на HTML курса и посочите формата на обучение (присъствено или дистанционно). Срок за записване: до 13 март 2012.