Старт після оплати
online
2-й потік
Html/css -фахівець з допомогою працевлаштування
Опануйте сучасну IT-професію, отримайте масу цінних навичок та почніть заробляти вже через 2 місяці на крутих проектах та улюбленій справі
Хто такий HTML/CSS-фахівець?
HTML-верстальник
це той, хто перетворює намальований дизайнером макет в живий сайт, переводить картинку-макет на мову, зрозумілу будь-якому браузеру.
Цей курс точно для тебе, якщо ти
Мрієш стати IT-фахівцем
Але не маєш технічної освіти
Бажаєш освоїти нову професію
І заробляти від 1000$, подорожувати та працювати з будь-якої точки світу
Хочеш стати HTML/CSS верстальником
Але не розумієш, як почати свій шлях, щоб швидше отримати результат;
Мама у декреті
Яка шукає додатковий заробіток, який зможе поєднувати із сім'єю
Офісний співробітник
Який втомився від рутинної роботи, хоче свободи, розвитку та фінансового зростання
Студент
Який шукає себе і справу, в якій зможе реалізувати свій потенціал та отримувати прибуток
Переваги бути HTML/CSS розробником:
Професія, що швидко освоюється.
Перспектива розвитку в будь-якому IT-напрямку
Великий зростаючий попит на фахівців у всьому світі
Висока ЗП
(близько 1000 $ на старті і до 3000 $ - 4000 $ через 1-2 роки)
(близько 1000 $ на старті і до 3000 $ - 4000 $ через 1-2 роки)
Перспектива вивчення різних продуктів та напрямків, технологій
Робота у великих ІТ-компаніях, вільний графік, соц. пакети та інші бонуси від компаній
Хто веде навчання?
Якщо і вчитися – то лише у найкращих! Наш експерт – ТОП на ринку
html/css верстки та буде передавати вам свій досвід
та знання
протягом 8 тижнів!
Дмитро Рябовол
Markup developer at Studytube
- Markup developer at Studytube
- Розробник UI інтерфейсів
- 5+ років досвіду на українських та зарубіжних проектах
- HTML/CSS викладач
- Блогер, web-фрілансер
Чого ви навчитеся
разом із нами?
Дивіться повну програму курсу
Ви отримаєте структуровані знання, тотальну практику та досвід найкращих спікерів у своєму напрямку.
- 8 тижнів
- 19 модулів (68 тем)
1
Розробка інтерфейсів з нуля
Модуль №1. Розробка інтерфейсів з нуля
- Що потрібно знати
- Для чого потрібна ця професія
- Що таке веб
- Шляхи розвитку
В результаті :
опануєте базові навички про роботу веб-сайту і дізнаєтесь як завантажується веб-сторінка. На занятті розберемо чим займається HTML/CSS фахівець та які напрямки розвитку доступні після проходження курсу.
Пам’ятка студента
Словник із термінами
Корисні матеріали
Конспект уроку
Презентація уроку
2
Початок роботи
Модуль №2. Початок роботи
- Налаштування середовища
- Програми для роботи
- Завантаження першого сайту
В результаті :
завантажите програми для початку роботи і налаштуєте комфортне середовище розробки для подальшого навчання. На занятті розберемо як завантажити першу сторінку в інтернет, і як здавати домашнє завдання.
Корисні матеріали
Конспект уроку
Презентація уроку
3
Введення у HTML
Модуль №3. Введення у HTML
- Теги та атрибути
- Семантика
- Робота з текстом
- Зображення
- Інтерактивні елементи
- Списки
В результаті :
дізнаєтесь про основи HTML, як працюють теги та атрибути. На занятті виконаємо першу розмітку сайту для сучасної пекарні “SHOP bakery”, розберемо як працювати із зображеннями і інтерактивними елементами.
Корисні матеріали
Конспект уроку
Презентація уроку
4
Продовження HTML
Модуль №4. Продовження HTML
- Інструменти розробника
- Таблиці
- Символьні підстановки
- Медіаконтент, фрейм
- Оформлення і валідація коду
В результаті
продовжите вивчати HTML, і працювати з інструментами розробника в браузері. На занятті виконаємо розмітку таблиці, додамо на сайт мапу з Google Maps та відео з YouTube.
Корисні матеріали
Конспект уроку
Презентація уроку
5
Введення в CSS
Модуль №5. Введення в CSS
- Підключення стилів
- Синтаксис, селектори
- Каскадність і специфічність
- CSS змінні
В результаті :
дізнаєтесь як підключати стилі до HTML сторінки і вперше зміните зовнішній вигляд сайту. На занятті розберемо як правильно писати стилі, поговоримо про каскадність, специфічність і наслідування стилів. Також, додамо перші CSS-змінні.
Корисні матеріали
Конспект уроку
Презентація уроку
6
Шрифти
Модуль №6. Шрифти
- Підключення шрифтів
- Локальні шрифти
- Оформлення тексту
В результаті
дізнаєтесь як працюють шрифти в браузері. На занятті підключимо шрифти із сервісу Google Fonts на сайт, а також завантажимо шрифти локально в проект. Також, додамо базові стилі шрифту до текстових елементів.
Корисні матеріали
Конспект уроку
Презентація уроку
7
Блокова модель
Модуль №7. Блокова модель
- Геометрія елемента
- Типи елемента
- Структурні псевдокласи
В результаті :
зрозумієте, що таке блокова модель елемента і як браузер відображає блокові і рядкові елементи. На занятті додамо зовнішні і внутрішні відступи до секцій, кнопок, посилань, заголовків і тд.
Корисні матеріали
Конспект уроку
Презентація уроку
8
Flexbox
Модуль №8. Flexbox
- Основні концепції
- Flex-контейнер і flex-елемент
- Практичне застосування
В результаті :
навчитесь гнучко розміщати елементи за допомогою розкладки флексів. На занятті зробимо першу флекс-розмітку, і розмістимо елементи у відповідності з макетом.
Корисні матеріали
Конспект уроку
Презентація уроку
9
Розкладка CSS Grid
Модуль №9. Розкладка CSS Grid
- Основні концепції
- Grid-контейнер
- Grid-елемент
- Практичне застосування
В результаті
На цьому занятті ми навчимося працювати із декором в СSS, а також розглянемо, які є типи зображень. Розберемо як додавати різні декоративні ефекти і елементи.
Основні теми:
1. Типи зображень
2. Фон і градієнт
3. Тінь елемента
4. Псевдолементи
Корисні матеріали
Конспект уроку
Презентація уроку
10
Декоративні ефекти
Модуль №10. Декоративні ефекти
- Типи зображень
- Фон
- Градієнти
- Тінь
- Псевдоелементи
В результаті :
зрозумієте, які бувають типи зображень і як додавати декоративні ефект на сайт. Наприклад, тінь, градієнт, або фонове зображення елемента. Також, на занятті попрацюємо із псевдоелементами для додавання декоративних елементів.
Корисні матеріали
Конспект уроку
Презентація уроку
11
Графіка
Модуль №11. Графіка
- Растрова графіка
- Векторна графіка. SVG
- Додавання SVG на сторінку
- SVG-спрайт
В результаті :
опануєте навички роботи із растровою і векторною графікою на сайті. На занятті розберемо як додавати SVG іконки на сторінку і правильно їх використовувати.
Корисні матеріали
Конспект уроку
Презентація уроку
12
Позиціонування
Модуль №12. Позиціонування
- Типи позиціонування
- Властивість overflow
- Накладання елементів
В результаті
дізнаєтесь, як позиціонувати елементи на сторінці. Наприклад, зробити шапку сайту фіксованою у верхній частині, або розмістити текст поверх зображення. Також, на занятті поговоримо про порядок накладання елементів один на одний і керування відображенням вмісту елемента.
Корисні матеріали
Конспект уроку
Презентація уроку
13
Анімація
Модуль №13. Анімація
- Трансформація
- Переходи
- Анімація
В результаті
додасте першу плавну анімацію на сайт. На занятті набумо навичок роботи із обертанням, масштабуванням і викривленням елементів. Також, додамо плавні переходи зміни кольору при наведенні.
Корисні матеріали
Конспект уроку
Презентація уроку
14
Створення веб-форм
Модуль №14. Практика: тестування API
- Основи роботи
- Елементи форм
- Групування полів
В результаті :
створите першу форму на сайті. На занятті дізнаємось як працюють форми, і виконаємо розмітку полів введення на сторінці.
Корисні матеріали
Конспект уроку
Презентація уроку
15
Валідація веб-форм
Модуль №15. Валідація веб-форм
- Види валідації
- Перевірка введених значень
- Псевдокласи стану
В результаті :
додасте перевірку введених значень у полях форми. Навчитесь робити поля обовʼязковими для заповнення і додасте валідацію полів за різними критеріями.
Корисні матеріали
Конспект уроку
Презентація уроку
16
Препроцессори
Модуль №16. Препроцессори
- Препроцессор SASS, SCSS
- Вкладені правила
- Директиви
- Вендорні префікси
В результаті
опануєте навички роботи із препроцесором. На занятті розібʼємо файл стилів на окремі файли для візуальної структури і зручної навігації по проєкту.
Корисні матеріали
Конспект уроку
Презентація уроку
17
СSS Методології
Модуль №17. СSS Методології
- Навіщо потрібні методології
- Методологія БЕМ
- Блок, елемент, модифікатор
В результаті :
дізнаєтесь, як додають імена класів для HTML-елементів, коли над проєктом працює ціла команда, і зміните назви класів відповідно методології БЕМ. На занятті розглянемо основні методології для зручності майбутньої підтримки сайту.
Корисні матеріали
Конспект уроку
Презентація уроку
18
Адаптивність і Адаптивна графіка
Модуль №18. Адаптивність і Адаптивна графіка
- Типи і види верстки
- CSS media запити
- Стратегії Mobile і Desktop first
- Адаптив і ретинізація фонових та контентних зображень
В результаті :
зробите сторінку красивою для відображення на мобільних пристроях і планшетах. На занятті розберемо за допомогою чого можна зробити адаптивну верстку. Також виконаємо розмітку мобільного меню на сайті
Корисні матеріали
Конспект уроку
Презентація уроку
19
ФІНАЛЬНА РОБОТА
Модуль №19. ФІНАЛЬНА РОБОТА
В результаті
Фінальний модуль, отримання диплому
Що на тебе чекає в курсі
“HTML/CSS верстальник з
можливістю працевлаштування”?
Практичні домашні завдання
Ми подбали про те, щоб ви якомога легше та продуктивніше освоїли нову професію та відточували свої навички на практиці
Куратори, ментори-практики
Ви перейматимете досвід людей, які працюють у великих IT-компаніях і розуміють як подати матеріал у зрозумілому для тебе алгоритмі. У тебе завжди буде підтримка та допомога. За групою буде закріплена людина, яка супроводжуватиме у процесі навчання та допомагатиме у всіх незрозумілих питаннях — від технічних та до експертних за матеріалами курсу.
Навчання у зручний час
Уроки проходять наживо – 2-3 рази на тиждень. Після кожного уроку ти отримуватимеш його запис, який буде доступний в особистому кабінеті 24/7.
Можливість вчитися з 0
Ми склали програму таким чином, щоб вона була зрозуміла людині, яка не має технічної або IT-освіти! Ми почнемо з самих азів — вивчимо базові технічні поняття, а потім перейдемо до самих способів та особливостей тестування. Навіть якщо ти нічого не знаєш про цю професію – процес навчання пройде максимально зрозуміло та зручно.
Диплом
Після закінчення навчання у вас є можливість отримати диплом (за підсумками виконання ДЗ та тестування). Це в рази збільшить шанси на успішне працевлаштування.
Коучинг з працевлаштування
Методологія курсу побудована таким чином, що наприкінці навчання ти матимеш можливість приєднатися до занять з працевлаштування, де фахівець розбере твоє резюме, дасть поради та тренує тебе до проведення інтерв'ю. Також з тобою працюватимуть наші координатори, які допоможуть знайти роботу та компанію мрії.
Працевлаштування
Наша компанія дає можливість після закінчення навчання, за умови відвідування всіх занять, виконання домашніх завдань у термін, проходження коучингу з працевлаштування та дотримання рекомендацій наших експертів ти с великою верогідністю отримаєш роботу протягом 3 місяців після завершення курсу.В курсі працюватимуть наші координатори, які допоможуть знайти роботу та компанію мрії.
Як проходить навчання?
1
Теорія + практика
Ви дивитеся заздалегідь підготовлені відеоуроки та отримуєте практичні завдання, засновані на матеріалі уроку, та шаблони їх виконання.
2
Д/З + тестування
Протягом усього курсу за вами закріплений ментор та куратор, які перевіряють ваші домашні завдання, дають зворотній зв'язок та відповідають на запитання.
3
Живі Q&A-сесії
Спікери курсу проводять сесії “Питання-відповідь” в онлайн-форматі, де ви можете поставити запитання та отримати розгорнуті відповіді у реальному часі.
4
Диплом
Після закінчення навчання ви проходите додаткове тестування та отримуєте диплом, який підтверджує, що ви – професійний Тествальник ПЗ.
Як може заробляти
HTML/CSS спеціаліст?
Просто кілька скріншотів із сайтів пошуку роботи:
Ми допомагаємо з працевлаштуванням
- Ви отримуєте завірений диплом від Genius.Space, це збільшить ваші шанси на успішне працевлаштування.
- Кожен диплом має QR код, роботодавець може його відсканувати та переконатися у справжності диплома. А також проаналізувати вашу статистику навчання: скільки уроків пройдено, годин прослухано, набрано балів тощо.
- Усі студенти матимуть доступ до закритого курсу з працевлаштування "Genius Talents". Ви навчитеся продавати себе на всіх етапах відбору до топових ІТ-компаній, дізнаєтесь як правильно підготуватися до співбесіди та отримати роботу мрії.
Наші навчальні
програми проходять
власники, керівники та співробітники провідних компаній
Розстрочка без переплат від Genius.Space
Почніть навчатися вже зараз, а оплату вносьте частинами. Комфортний формат розстрочки: від 2 до 6 місяців* *На Вашій картці повинен бути відкритий кредитний ліміт на суму повного платежу.
Пропозиція
діє до:
21
лютого
Як сплатити частинами?
- Залишіть заявку на участь та переходьте до оплати
- Виберіть спосіб оплати частинами
- Оплачуйте частинами без переплат через Monobank або PrivatBank
Старт після оплати
online
2-й потік
Старт практичного курсу “HTML/CSS спеціаліст з допомогою працевлаштування”
Щоб першим забронювати участь та підключитися до лімітованої групи на кращих умовах, заповніть форму.
До підвищення цін залишилося:
ЗНИЖКИ ДО
- 50%
на навчання
Що говорять студенти про
навчання у Genius.Space
Стати HTML/CSS верстальником
Відповіді на питання, що
часто ставляться:
Чому мені варто вибрати професію html/css спеціаліста?
HTML-верстальник — це той, хто перетворює намальований дизайнером макет в живий сайт, переводить картинку-макет на мову, зрозумілу будь-якому браузеру. Це людина яка є невід’ємоню частиною ТОП IT компанії
Вирішуються чи на курсі реальні завдання?
Основний акцент в процесі навчання ми робимо на практику. За підсумками кожного уроку вам треба буде виконати кілька практичних завдань для відпрацювання отриманих навичок
Якими навичками необхідно володіти, щоб успішно пройти навчання?
Необхідно бути впевненим користувачем інтернету. Бути в міру уважним. Легко формулювати питання і не боятися труднощів, а також не приховувати проблеми і бути готовим покликати на допомогу, коли вона буде потрібна.
Як сплатити курс з іншої країни чи від компанії?
Ми приймаємо платежі з усього світу. Також ми зможемо оформити рахунок на європейську чи українську компанію. Залишіть заявку і менеджер запропонує Вам зручний варіант оплати.
Диплом про навчання від Genius Space
Після складання всіх домашніх завдань та фінального іспиту студенти отримають електронний диплом англійською мовою.
Чи допомагаєте випускникам із працевлаштуванням?
В рамках Genius Space Ви дізнаєтесь як потрапити в топові IT-компанії, ми розповімо покроково як треба знайомитись з вимогами, етапами співбесід та технологіями, які використовує компанія. Таким чином Ви знатимете, які компетенції варто розвивати, щоб працевлаштуватися в ту чи іншу компанію. Ви матимете реальну можливість поспілкуватися з рекрутерами та HR-ами, а також з менеджерами проектів або технічними фахівцями. Також в компанії Genius Space працює унікальний відділ топових рекрутерів, які вам будуть допомогати в пошуку компанії вашою мрії.
Чи можна сплатити курс частинами, чи є у Вас розстрочка?
Так, курс можна сплатити безвідсотково частинами через Monobank або PrivatBank. Щоб дізнатися про це більше, залиште контакти – ми передзвонимо та розповімо подробиці.