Учебна програма

Част I – Основи

1. Преглед на курса

   Увод в курса "Разработване на уеб Front-End приложения". Запознаване с лекторския екип, учебния материал, изпитите, сертификатите и др
   Основи на уеб програмирането – HTTP протокол, World Wide Web (WWW), Модел заявка-отговор, GET, POST, HTTP Status Codes, Cookies, инструменти за разработка (Firebug, IE Developer Toolbar, Fiddler, и Wireshark sniffer)

2. HTML основи

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

3. HTML таблици и форми

   таблици, форми, контроли (текстови контроли, падащи списъци, List Boxes, Check Boxes, Radio-Buttons, Buttons), фреймове

4. CSS (Част I)

   Създаване и употреба на CSS стилове, селектори, стилови дефиниции, фонтове, Backgrounds, рамки, Box-Model, подравняване/

5. CSS (Част II)

   Позициониране (аболютно и плаващо), Margins, Paddings, Z-Index, Visibility, Scrolling, CSS 3

6. Photoshop

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

7. Създаване на уеб сайтове с HTML и CSS

   Slice and Dice, преобразуване от PSD изображение на XHTML и CSS, Multi-Column Layout, Floating DIVs, създаване на таблици чрез DIV-ве, вертикално подравняване на DIVs, центриране на съдържанието на сайта, уеб сайтове с фреймове, уеб сайтове с таблици, уеб сайтове с DIV-ве, Slice and Dice: Примери

8. Основи на JavaScript

   Работа с JavaScript, прихващане на събитие (onClick, onMouseOver и т.н.), промяна на изображение при Mouse Over, промяна на стила на списък при зареждане на страницата и т.н./

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

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

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

    Кеширане при клиента, проблеми с различните браузъри и как да се справим с тях, Client Side Performance Tuning, оптимизация за търсещите машини (SEO), достъпност, Sprites

11. Практически проект I

    Създаване на XHTML уеб сайтове от PSD уеб дизайн (Slide and Dice)

12. Презентация на най-добрите проекти

    Най-добре представилите се студенти презентират своите проекти и дискутират заедно с останалите курсисти.

Част II – Advanced теми

13. HTML 5

    Въведение в HTML 5, нови тагове, структурни тагове, Forms UI, валидация на полетата във формите, нови атрибути, нови CSS възможности, новите JavaScript API-та, вграден видео и аудио плеър, Canvas и SVG графики. CSS 3 – Нови CSS 3 селектори

14. JavaScript в дълбочина

    DHTML, JavaScript синтаксис, типове данни, оператори, условни конструкции, цикли, масиви, user input dialogs, достъп до DOM дървото с JavaScript, дебъгване на JavaScript приложения

15. Основи на jQuery

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

16. Създаване на Web Front-End приложения

    Създаване на Web Front-End приложения с HTML 5, CSS, SVG, JavaScript, jQuery и AJAX – Демо

17. Практически проект II

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

18. Презентация

    на най-добрите проекти Най-добре представилите се студенти презентират своите проекти и дискутират заедно с останалите курсисти.

Учебната програма на английски можете да намерите тук:Front-End Development-Training Program

Препоръчителна литература

• “Designing with Web Standards”, Jeffrey Zeldman, New Riders Press, 2005, ISBN 9780321616951
• "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
• “PPK on JavaScript”, Peter Paul-Koch, New Riders Press, 2006, ISBN 9780321423306