Прийшов на курс із сучасної Frontend розробки

Пройшов навчання під керівництвом спеціаліста

Здав фінальну роботу – успішно

Отримав роботу Junior верстальника

Залишилось 8 місць!

Frontend розробка 2022.

Junior верстальник

Frontend розробка 2022. Junior верстальник

Онлайн-курс 2022 для тих, хто хоче працювати у FRONTEND. ЗАЛИШИЛОСЬ 8 МІСЦЬ!

Прийшов на курс із сучасної Frontend розробки

Пройшов навчання під керівництвом спеціаліста

Здав фінальну роботу – успішно

Отримав роботу Junior верстальника

Особливості

Курс Фронтенд – це:

Верстати складні сайти з адаптивним responsive дизайном та семантичною версткою

Працювати з дизайн макетом у сервісі Figma та з мовою програмування JavaScript при сучасній верстці

Працювати з системою контролю версій Git та з пакетними менеджерами бібліотек, запускати локальний dev-сервер для розробки

Автоматизувати процес розробки та контроль якості, а також деплоїти проект у хмарний сервіс

Залиш заявку і не пропусти своє місце на курсі

Залишити заявку

Що буде на курсі

Як ми вчимо

Доступ на рік

Знання з нуля

Проект та фідбек

Нетворкінг

Сертифікат

Ком'юніті назавжди

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

Ми почнемо крок за кроком проходити весь період розробки проекту з нуля.

Зверстаємо e-commerce проект з відкритим вихідним кодом на github, який ви самі задеплоїте в хмару і зможете показати роботодавцеві.

На початку курсу - буде Zoom зідзвон з викладачем та загальний чат у Telegram для комунікації та нетворкінгу.

Звичайно, ви отримаєте сертифікат, якщо виконаєте фінальну роботу.

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

Наші курси підходять:

Хочеш прокачати себе в IT? Готуємо digital-фахівців з початкового рівня. Приєднуйся!

Новачкам

які твердо вирішили відкрити перед собою двері ІТ та Frontend розробки з нуля

Власникам бізнесу

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

Світчерам

які вже працюють графічними дизайнерами, бекенд розробниками або у суміжних сферах та хочуть спробувати фронтенд розробку

Компаніям

які хочуть ростити професіоналізм своїх працівників з мов розміток сайту

Хто навчатиме

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

Дутченко Олег

9 років плідної роботи в компанії Wezom:

В 2014 від верстальника до Tech Lead Fronted developer у 2021.
З 2015 по 2019 провів 18 офлайн курсів “HTML + CSS + JS”.
Випустив більше 400 студентів.
20 з них стали співробітниками компанії Wezom.

Спеціалізація Олега Дутченко:

Архітектура проєктів.
Впровадження технічних рішень та їх підтримка.
Автоматизація робочих процесів фронтенд розробки.
Автоматизація деплою та розгортання проєктів (CI/CD).

Надздібності не потрібні, щоб почати навчання! Тільки ваше бажання!

Відео від викладача

Кейси

Кейси викладача

ТОВ «Тавріяінвестгруп»

UB-Commercial

ТОВ «Паллет Експорт»

Теми курсу

Програма курсу з Фронтенд розробки

Введення та підготовка

9 годин

1.1

Введення

привітання та розповідь про курс

опис організації курсу

1.2

Setup

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

розбір основних браузерів та інструментів налагодження

редактори коду

1.3

"Як відкривається сайт"

про процеси які потрібно знати та розуміти

1.4

Розмітка та стилі

структура HTML сторінки

перші елементи розмітки

зміна дефолтної стилізації

1.5

Знайомство з Figma

верстка з дизайну макету

1.6

Розкладка елементів

потік елементів html документа

прийоми побудови сіток

основи адаптації чуйної верстки

розмітка типових сіток для розкладки елементів

1.7

Привіт, JavaScript!

призначення та застосування мови

основи синтаксису та виконання коду

оточення JS

перший JS код

1.8

VCS Git

знайомство із системою контролю версій Git

ресурс GitHub.com

1.9

dev-server

установка Node.js и NPM

встановлення Parcel та запуск першого локального сервера для розробки

1.10

Автоматизація контролю якості

підключення статичних аналізаторів коду - лінтерів, форматтерів та валідаторів коду

налаштування автоматичних перевірок у GitHub Actions

Інтенсив

30 годин

2.1

Аналіз дизайн макета та ТЗ

типові сторінки

розбір повторюваних патернів

складання основних кістяків

складання початкового UI Kit

2.2

Верстка перших елементів – футер

проста розкладка елементів

знайомство з SVG іконками та Ретина дисплеями

поява форм

додаємо перший інтерактивний код з імітацією підписки на розсилку новин

адаптація елементів

2.3

Верстка хедера

верстка хедера

додаткове меню каталогу

інтерактивний пошук з автокомплітом

панель для входу в особистий кабінет

2.4

Додавання шаблонизатора до процесу розробки

встановлення пакету шаблонизації

реорганізація проекту верстки

2.5

Верстка головної сторінки

виділення коду, що перевикористовується.

розбивка на віджети

2.6

Верстка каталогу

перевикористовуємо перелік товарів

складемо фільтри та сортування за товарами

2.7

Верстка сторінки товару

розбір основних частин товару

верстка віджетів

2.8

Прокачуємо сторінку товару

попап швидкої покупки товару

попап кошика товарів

розберемо механізм показати ще у віджеті відгуків

додамо тултипи та інші інтерактивні дрібниці

2.9

Додаткові сторінки товару

Характеристики

Відгуки

Аксесуари

2.10

Сторінка контактів

підключимо Google карту з позначкою нашого магазину

2.11

Сторінка оформлення замовлення

зберемо величезну форму

2.12

Сторінка Замовлення оформлено

скажемо дякую за замовлення

2.13

Особистий кабінет

розберемо всі складові ЛК

відкриваємо основний кістяк для сторінок

Демонстрація деплою

2-3 години

Фінальне завдання

2-3 години

Завантажити програму курсу

Технології

Мови:

HTML + SVG

CSS

JS

WEB технології:

AJAX

REST API

Шаблонізатори розмітки:

EJS

Інструменти розробки:

Git

Node.js

NPM

Системи збирання:

Parcel

Webpack

Сервіси розробки:

GitHub

GitHub Actions

Контроль якості:

Stylelint

Eslint

Prettier

W3C Validator

Хмарні сервіси для деплою проектів:

Vercel

Netlify

Heroku

Партнери

Тут ви можете побачити компанії, з якими співпрацює Wezom Academy. Далі - тільки більше

Платформа просування сайту статтями PRposting

Хмарні сервіси зберігання даних - найкращі в Україні

Онлайн-медіа MC.today. Видання для тих, хто створює

Links-Stream - агентство комплексного лінкбілдингу в СНД та на Захід

Dev.ua - онлайн-медіа про технології, інновації, винаходи в Україні та за її межами

UAtalents.com - платформа пошуку вакансій для IT спеціалістів

Вартість

Оформи заявку відразу або отримай консультацію

Повний курс $450

1-й Блок $240

2-й Блок $240

Ваше ім'я

Телефон

E-mail

Промокод на знижку

Я згоден на обробку моїх даних, з договором оферти ознайомлений. Детальніше

Я підтверджую оплату курсу. Детальніше

Ми повернемо гроші якщо курс тобі не підійде!

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

Є ще питання?

Телефонуйте нам

Хочеш оплатити частинами?

Monobank

У заявці вкажи телефон у форматі +380ххххххххх. Сума автоматично конвертує в гривні за поточним курсом

Результати навчання

Ким ви зможете працювати

Наші вакансії

Усі вакансії

Посада

HTML верстальник

Середня зарплата:

900$

Посада

Junior верстальник

Середня зарплата:

700$

Посада

Frontend розробник

Середня зарплата:

1500$

А сертифікат?

Звичайно ж, всі студенти академії Wezom, після успішного завершення курсів отримують сертифікат нашої академії який підтверджує проходження однієї з програм.

Сертифікат, безсумнівно, буде додатковою перевагою при вашому подальшому працевлаштуванні.