Онлайн курс Basic HTML & CSS intensive - от центра DAN.IT education

Опис курсу

Інтенсивний курс, що складається з 2 занять на тиждень по 2 години, призначений для того, щоб дати розуміння основ верстки з для студентів з початковим рівнем знань. Будуть розглянуті всі основні теми і задіяні як базові, так і просунуті інструменти. Ми почнемо зі встановлення програмного забезпечення і закінчимо тим, як залити розроблені сторінки на веб-хостинг і розмістити своє портфоліо в інтернеті.

Програма побудована на поетапному підході: спочатку використовуються інструменти базової складності, потім на ці знання нашаровується вивчення більш просунутих тем.

Даний курс заснований на ізраїльській методології Telem, яка пропонує студентам 100% практики. Під час онлайн-сесій з чистого аркуша буде розроблятися веб-сторінка з вичерпним поясненням і коментуванням кожного кроку.

Під час онлайн уроків у студентів буде можливість взаємодіяти з викладачем – задавати питання, піднімати руку, можливість ділитися власним екраном, спільно писати код і т.д.

Для кого

для тих, хто хоче спробувати себе в програмуванні, але не впевнений в своїх силах

для UI / UX дизайнерів, які хочуть зрозуміти, як влаштована верстка

для початківців верстальників, які вже займалися самоосвітою

Викладач курсу

Микита Ямник

Full Stack developer

Frontend Trainer at DAN.IT education

Technical Manager & course coordinator at IBA Tech Academy

СТО в маркетинговій агенції TRIGGER Marketing

Чому навчитеся

розбивати сторінку на смислові блоки

створювати розмітку з використанням семантичних тегів HTML5

позиціонувати елементи на сторінці без зайвих властивостей

впізнавати базові інструменти, які можуть зустрітися в старих проектах

використовувати просунуті інструменти як Flexbox і Grid Layout

розуміти, як працює препроцесор SCSS

знати основи іменування класів згідно з методологією БЕМ

знати адаптивну верстку сторінок для пристроїв з будь-яким дозволом екрану - Mobile First

створювати власне портфоліо і розміщувати його на хостингу в інтернеті

Програма

1 заняття

Встановлення програмного забезпечення, створення першої простої веб-сторінки з використанням самого лише HTML.

Вступне заняття з установки програмного забезпечення. Крок за кроком з нуля викладач пояснить, який редактор краще використовувати для певних цілей, в чому переваги різних типів код-редакторів. Ви пройдете повний процес пошуку, завантаження та встановлення необхідного програмного забезпечення.

2 заняття

Створення веб-сторінки з нуля за допомогою Inline-блоків, плаваючих елементів і елементів позиціонування

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

3 заняття

Створення веб-сторінки з нуля з Flexbox і Grid Layout

На даному занятті будуть використані більш просунуті інструменти для верстки сторінок. На прикладах різних секцій макета предметно розберемо випадки використання як доречних, так і не найкращих з них.

4 заняття

Створення веб-сторінки для мобільних пристроїв і планшетів з нуля за допомогою медіазапитів CSS і підходу «Mobile First»

Обговоримо принципи і правила верстки для мобільних сторінок, на що варто звертати увагу, і як дивитися в майбутнє. Медіазапити – це інструмент, яким ми будемо користуватися на занятті. Сторінка буде створюватися за принципом Mobile First, який останнім часом став актуальним для багатьох компаній і сайтів.

5 заняття

Створення веб-сторінки з нуля з використанням пакета SCSS npm

Зробимо своє життя простіше і швидше за допомогою препроцесорів. Розшифруємо для себе поняття пакетного менеджера, таск-менеджера. Познайомимося з npm і Gulp. На прикладі різних секцій ознайомимося з усіма перевагами SCSS.

6 заняття

Створення онлайн-портфоліо. Як купити доменне ім’я, хостинг і завантажити на нього свою веб-сторінку

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

Basic HTML & CSS intensive