Frontend розробник. Верстка сайтів. (HTML5, CSS3, Bootstrap4, BEM, SASS / SCSS / LESS, Photoshop, SEO, Chrome devtools)

Інформація про курс:


Вартість: 4 000 грн / міс 

Тривалість курсу: 2 міс (45 годин)
Суботні групи: 10 зан х 4,5 годин

Формат навчання: Онлайн / Online  

Дата початку курсу:



2 жовтня 2021 року 15:00-19:30 
(заняття проходять по суботах)

 

Якщо ви замислюєтеся про зміну професії з найменшими витратами часу, подумайте про професії «Frontend розробник». Тепер наш курс можна пройти Online.

Навіть якщо ви ніколи не програмували, ви зможете освоїти верстку для Frontend (HTML5, CSS3, Bootstrap4, BEM, SASS / SCSS / LESS, XML, Photoshop, SEO, Chrome devtools) і створювати нескладні, але ефектні веб-сайти і посадочні сторінки (landing pages).

Що ви дізнаєтеся з курсу "Frontend розробник. Верстка сайтів.":

  • HTML5, CSS3, SASS / SCSS / LESS, SEO
  • Верстка сайту з нуля і коригування верстки
  • Адаптивна верстка для мобільних пристроїв
  • Bootstrap 4 - досвід використання
  • BEM - методологія верстки
  • Кросбраузерна верстка
  • Нарізка макетів і створення sprite в Adobe Photoshop
  • Як створювати портфоліо

Ви вивчите, як працюють сучасні web-сайти в мережі Інтернет, навчитеся створювати свої сторінки і сайти, працювати з графічним редактором, верстати макети сайтів, створювати різні стилі оформлення і багато іншого.

Знань, які даються в курсі «Верстка для Frontend розробки», вам буде достатьньо для того, щоб знайти роботу в українській або зарубіжній IT-компанії, або впевнено почувати себе на ринку фрілансу в якості верстальника.

Знайти роботу Frontend-розробника ви зможете незалежно від віку і знань англійської мови, що вигідно її відрізняє від інших напрямків в IT.

 

Базові поняття фронтенд-розробки

  • Веб Структура мережі Інтернет, клієнт-сервер, протоколи HTTP і FTP, ПО і АТ веб-сервера, система DNS
  • Доменні імена, хостинг: вибір, розміщення сайту в Інтернет
  • Стандартизація в Інтернет: W3C, DOCTYPE, валідація документів
  • Огляд мов розмітки, XML
  • Середовища розробки, Chrome devtools

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

  • Призначення, склад документа, теги, атрибути, роздільники і спецсимволи
  • Системи передачі кольору
  • Дані: Метадані, Текст, Гіперпосилання, Зображення, Мультимедіа, Списки, Форми, Таблиці
  • Стандарт HTML5
  • Основи пошукової оптимізації (SEO)

Мова стильового оформлення CSS

  • Призначення, склад стильового документа, структура документа
  • Класи, ідентифікатори, селектори, псевдоселектори, псевдоелементи
  • Групування, успадкування, каскадирование
  • Модель візуального форматування
  • Значення і одиниці вимірювання.
  • Шрифт, Текст
  • Вбудовування унікальних шрифтів, використання google-fonts
  • Відступи, рамки, поля; основні і фонові кольори позиціонування елементів CSS3: фони, градієнти, прозорість, тіні, заокруглення, трансформації і переходи, анімація
  • Багатоколонкові, flexbox, сіткова розмітка
  • Спрайт
  • reset і normalize CSS
  • Progressive enhancement і graceful degradation, написання ефективного коду
  • Валідація документів

Склад мов HTML і CSS розглядається з прикладами реальних ситуацій застосування команд в обсязі, який необхідний для швидкого старту написання коду. Розглядаються елементи мов найбільш затребувані на реальних сайтах, веб-додатках, а також в тестових завданнях різних компаній.

Photoshop для роботи з макетом

  • Налаштування робочого простору, базові інструменти, клавіатурні поєднання, шари
  • Витяг графічних об'єктів, фонів
  • Параметри дизайну: розміри, відступи, шрифти, кольори
  • Розрізання макета, оптимізація, особливості графічних форматів

Верстка макетів на практиці

  • Огляд європейських і американських CSS-методологій
  • Методологія БЕМ (BEM)
  • Огляд CSS-фреймворка Bootstrap для прискорення роботи
  • Огляд CSS пост / препроцесорів
  • Верстка розсильних листів
  • Адаптивна верстка (media queries, fluid grid, fluid images, mobile first) для портативних і настільних пристроїв (смартфони, планшети, ноутбуки, монітори ПК)
  • Кросбраузерність і налагодження під IE
  • Best practices з досвіду викладачів-практиків

Теорія верстки розглядається виключно на практиці - в процесі верстки макету landing page.

В нашому курсі практика займає 70% часу. З найперших занять ми налаштовуємо слухачів на пошук роботи, даємо рекомендації по виконанню тестових завдань і працевлаштування в целом.Уже після першого місяця навчання ми рекомендуємо слухачам ходити на співбесіди.