Набір на літні інтенсиви Детальніше
Літній набір на комплексні курси Детальніше

HTML/CSS

Основи створення сайтів – це перший ступінь навчання професії “Веб-розробник”, так як без знання цих мов неможливо вивчати веб-програмування. Тому даний курс розрахований на людей, які хочуть навчитися робити сайти, але не знають, що їм для цього необхідно вивчати. Навчання розпочнеться з самих азів, тобто з невеликої теоретичної частини, де Ви дізнаєтеся як працює інтернет, познайомитеся з будовою сайту та процесом розробки, встановите необхідні програми для того, щоб можна було почати процес розробки сайту. Потім ви під чітким керівництвом викладача крок за кроком будете розробляти свій власний сайт, який вийде хоч і простим, але зате Ви подолаєте першу сходинку в такій нелегкій справі, як розробка сайту.

Після закінчення курсу web програмування ви зможете завантажити свою роботу на безкоштовний хостинг Logos IT Academy, і тим самим навчитеся викладати свої майбутні сайти на сервер. І ще в процесі навчання ви зрозумієте, що ще вам потрібно вивчити для того, щоб професійно розробляти веб-проекти.

Освоївши програмну частину та верстку, всім охочим навчитися малювати красиві, зручні, сучасні сайти рекомендуємо також курси UI/UX!

fontend

Програма навчання

Вступ:

- Як працює інтернет;

- Що таке сайт;

- Що являє собою веб-сторінка;

- Види сайтів;

- Процес розробки сайту;

- Підготовка робочого місця;

- Знайомство з програмою Brackets;

- Встановлення плагінів;

- Гарячі клавіші.

Основи HTML:

- Що таке гіпертекст, теги та атрибути;

- Структура HTML документа;

- Основні теги оформлення тексту;

- Гіперпосилання;

- Типи зображень для Інтернету;

- Завантаження зображень на сторінку;

- Списки;

- Коментарі в HTML;

- Простий приклад HTML-сторіночки.

Основи CSS:

- Що таке CSS;

- Cинтаксис CSS;

- Способи оголошення CSS;

- Селектори (ID, класу, тегу);

- Основні властивості стилів;

- Вкладеність, спадкування та групування властивостей;

- Пріоритети застосування стилів;

- Вага селекторів.

Блочна верстка:

- Основні теги для верстки;

- Відступи елементів (маргіни і падінги);

- Флоат та кліарфікс;

- Позиціонування.

- Обнулення стилів;

- Консоль девелопера;

- Тестування верстки;

- Фікс багів.

HTML5:

- Нові теги HTML5;

- Значення тегів та їх використання;

- Логічна верстка;

- Форми;

- Шрифтові іконки.

Таблиці в HTML і таблична верстка:

- Створення таблиць;

- Об'єднання осередків;

- Вкладені таблиці;

- Стильове оформлення таблиць;

- Верстка макету сайту за допомогою таблиць.

PSD макети та їхня верстка:

- Основи фотошоп для верстальщика;

- Спрайти;

- Pixel perfect.

Види версток:

- Резинова верстка;

- Responsive і adaptive сайт яка різниця?;

- Практика верстки на парі;

Анімація:

- Анімація на CSS3

- Кейфрейми;

- Практика з анімацією.

Препроцесори:

- Що таке препроцесори;

- Види препроцесорів для HTML i CSS;

- Переваги використання;

- Знайомство з SASS/SCSS;

- Практичне використання препроцесора.

Фреймворки:

- Що таке фреймворк;

- Переваги фреймворків;

- Знайомство з Bootstrap;

- Що таке Bootstrap grid;

- Основні елементи Bootstrap;

- Методологія БЕМ.

Стандарти Web. Допоміжні інструменти:

- Проблема «кросбраузерності»;

- Грамотна, універсальна верстка;

- Progressive enhancement;

- Graceful degradation.

Вартість

Кількість занять

12

Кількість академ. Годин

24

Ціна індивідуального курсу

15000

ціна групового курсу

5500

Онлайн запис






Відео

Деталі курсу

Тривалість одного заняття 90 хв. (2 академічні години)

Можливе написання індивідуальної програми під Вас!

По закінченню курсу видається сертифікат.

Викладачі

Записатися

 






×
Записатися

 







×
Лист директору

 




×