1. програма курсу
2. Комащук Сергій Сергійович
3. ПАНЧУК Дмитро Іванович
4. Так виглядають наші навчальні класи

Комп'ютерні курси

Якщо Ви ще тільки починаєте свій шлях веб-розробника і перше, що вам потрібно, - якісно освоїти верстку HTML + CSS. Даний курс познайомить слухачів з останньою версією мови гіпертекстової розмітки HTML5 і каскадних таблиць стилів CSS3. Ці технології дозволять створити красиві інтерактивні веб-сторінки, з яких в результаті будуються всі сайти. Основний упор на практику і домашні завдання.

Після навчання Ви зможете створювати web-сторінки, що містять всі необхідні елементи
(Текстове і графічне наповнення, гіперпосилання); самостійно створите сайт, збудувавши необхідну структуру
меню і категорій; навчитеся розробляти форми для взаємодії з користувачами (заявки, зворотний зв'язок); вивчіть
основи мови розмітки HTML і способи застосування CSS; отримаєте необхідні навички роботи з хостингом.

• Вартість курсу: 6000 грн
• Оплата двома частинами, на другому уроці 3000 грн і в середині курсу 3000 грн
• При оплаті за безготівковим розрахунком вартість збільшується на 10%. Індивідуальні уроки - 60 хвилин = 150 грн.

• Графік і час занять:

Час навчання Всього годин
акад / астрон Термін Викладач Початок занять,
адреса (немає занять з цього курсу)

• Термін навчання: 2 міс

• Запис у Свідоцтві після закінчення курсу: Основи верстки (HTML5 + CSS3 + JS)

програма курсу

Послідовність досліджуваних тим може змінюватися.

1. Мова розмітки HTML

• Види серверів. Взаємодія комп'ютера користувача з сервером.
• Як створюється сайт - від задуму до розміщення на хостингу.
• Програмне забезпечення, необхідне для створення сайту.
• Введення в мову розмітки HTML. Тегів структура мови.
• Основні теги для формування базової структури web-сторінки.
• Основи синтаксису мови, правила написання і технічні прийоми.
• Теги для виведення текстової інформації на сторінці: заголовки, абзаци, списки.

• Теги для вставки зображень на web-сторінку.
• Формати зображень підтримуються web-стандартами.
• Правила розміщення на сторінці, обтікання текстом, відступи.
• Поняття посилання. Основне призначення посилання.
• Поняття абсолютної і відносної посилань.
• Теги для вставки посилань на web-сторінку.
• Використання зображення як посилання.
• Організація посилань як меню навігації по сторінках сайту.
• Таблиця. Табличні дані. Види таблиць.
• Теги для вставки таблиць на web-сторінку.

• Для чого потрібні форми. Приклади використання форм на реальних сайтах.
• Теги для вставки форми і полів форми на сторінку.
• Як працює форма, її внутрішній механізм.
• Практика створення форми зворотного зв'язку з відвідувачем сайту.
• Створення php-обробника форми.
• Взаємодія з локальним сервером Denwer.

4.Введеніе в CSS.

• Підключення стилів. Поняття селектор їх властивостей і значень.
• Створення таблиці стилів CSS і її «прив'язка» до html-документу.
• Синтаксис мови CSS, основні правила і технічні прийоми.
• Використання CSS для стилізації вмісту web-сторінок.
• Створення горизонтальних і вертикальних CSS-меню навігації. css псевдокласи

5.Таблічная верстка web-сторінок.

• Практика створення web-сторінок на підставі таблиць з використанням HTML і CSS.
• Створення сайту табличної верстки з горизонтальним і вертикальним меню і формою зворотного зв'язку.
• Верстка в дві і три колонки.
• Плюси і мінуси табличної верстки.

6.Блочная верстка сторінок з використанням тега div та CSS.

• Практика створення web-сторінок блокової верстки в дві і три колонки.
• Поняття сторінки фіксованого розміру і «гумова» сторінка.
• Створення сайту блокової верстки з горизонтальним і вертикальним меню і формою зворотного зв'язку.
• Верстка в дві і три колонки.
• Технічні тонкощі і прийоми створення web-сторінок блокової верстки.
• Зовнішні відступи. Внутрішні відступи. схлопування відступів

7.Адаптівная верстка

• Верстка під різні пристрої
• Гумова верстка. Додання блокам адаптивності
• Медіа-запити

8.Язик Javascript і бібліотека JQuery

• Основи синтаксису JavaScript: структура
• DOM-документа, змінні, типи даних
• Умовні конструкції та конструкції повторень
• Робота з масивами JavaScript
• Поняття призначених для користувача функцій і їх використання
• Робота з HTML-формами JavaScript
• Загальні поняття ООП: клас, об'єкт
• Знайомство з jQuery. Селектори, фільтри
• Робота з формами і стилями на jQuery
• Анімація. Модулі jQuery

9.Візуальние ефекти в css

• Генератори css коду. Тіні і обсяг для елементів
• Тіні і стилі для тексту. градієнти
• Створення і позиціонування кнопок
• CSS3 анімації елементів
• кросбраузерності верстка
• Вендорний префікси
• застосування сітки

10.Що таке фреймворки

• Bootstrap. Початок роботи
• Підключення, склад і настройка
• Система сеток.Мобільная верстка
• вирівнювання контенту
• Растрова і векторна графіка

11.Группірованіе

• Спадкування. каскадування
• Псевдокласи. Псевдоелементи
• Верстка меню, що випадає.
• підключення шрифтів

12.Проверка даних на валідність (перевірка коду)

• Для чого потрібна валідація коду?
• Вимоги до коду W3C. валідація CSS
• Написання коректного і ефективного коду
• Виправлення помилок
• Сервіси і інструменти перевірки коду

13.Сістеми контролю версій git і github

• Командна розробка проекту
• Робота через віддалений репозиторій git
• Установка клієнта smartgit
• Налаштування smartgit
• коммітов
• Команди pull і push

• рішення конфліктів

14.Созданіе свого сайту

• Робота з хостингом
• Що таке домен і хостинг
• Що таке DNS сервер
• файлова структура
• Створення бази даних для сайту
• Завантаження архіву CMS на хостинг
• Процес установки CMS, підключення до БД

Комащук Сергій Сергійович

Викладач по курсам:

Верстка (HTML5 + CSS3 + JS)

Утворення:

Київський політехнічний інститут. Факультет інформатики.

Досвід роботи:

З 2005 працює WEB-дизайнером. Web-дизайн сайтів та інтернет-магазинів в Adobe Photoshop + UI, UX, Landing pages, створення мокап (balsamiq), друкованої продукції (Illustrator), створення логотипів.

Фронт-енд розробка (HTML, CSS), тестування (sitechco, Selenium, bitbucket, loadingimpact), гнучкі методології управління проектом (Agile, Scrum, Kanban). Посторінкова доопрацювання дизайну готового сайту. Flash-анімація з ActionScript 3 і створення статичних і flash-банерів.

ПАНЧУК Дмитро Іванович

Викладач по курсам:

Верстка (HTML5 + CSS3 + JS)

Утворення:

Вища, Київський політехнічний інститут.

Досвід роботи:

Верстка, редагування, адаптування під будь-який браузер будь-якого пристрою з будь-яким дозволом і типом екрану. Досвід роботи з cms WP, Joomla, фреймворками Bootstrap, Jquery Mobile. Володіння JavaScript і Jquery на рівні створення різних анімацій, що випадають меню, попап, слайдерів, каруселей, скроллбар, табів, перевірок форм і т.д. Великий досвід роботи з Jquery Ajax, CSS препроцесором SASS.

Верстка проектів сайтів об'ємом 20 сторінок і більше. Редагування наявних макетів сторінок. Виконання завдань різного об'єму пов'язаних як з розробкою сторінок з нуля, так і з розширенням функціоналу вже наявних.

Так виглядають наші навчальні класи

• 

  ул.Расковой, 21

• 

  вул. Чистяківська, 2

• 

  ул.Расковой, 21

• 

  вул. Раскової, 21

• 

  вул. Чистяківська, 2

• 

  вул. Є.Сверстюка, 19 (колишня Раскової)

• 

  вул. Є. Сверстюка, 19 (колишня Раскової)