7 квітня
online
1-й потік
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 тижнів
- 20 модулів (68 тем)
1
Основні завдання фронтенду
Модуль №1. Основні завдання фронтенду
- Що таке WEB
- Інструменти для роботи
- Як завантажується веб-сторінка
В результаті
На цьому занятті ми розбираємо основні питання, що стосуються професії Markup (HTML/CSS) розробника:
1. Які технології потрібно знати?
2. Для чого потрібна професія HTML-верстальника?
3. Що таке веб і як завантажується веб-сторінка?
5. Які інструменти потрібні для розробки?
6. Що зможемо робити в результаті?
7. Які є напрямки розвитку після проходження курсу?
Пам’ятка студента
Словник із термінами
Корисні матеріали
Конспект уроку
Презентація уроку
2
Початок роботи
Модуль №2. Початок роботи
- Налаштування середовища
- Програми для роботи
- Завантаження сторінки в інтернет
В результаті
На цьому занятті ми налаштовуємо середовище розробки для початку роботи, з метою організувати комфортне "робоче місце" і пришвидшити швидкість розробки.
Основні теми:
1. Що таке середовище розробки?
2. Як завантажити основні програми для роботи
3. Налаштування редактору коду VS code
5. Ознайомлення із системою контролю версій Git
6. Налаштування акаунта на GitHub
7. Запуск першої сторінки в інтернет-простір
Корисні матеріали
Конспект уроку
Презентація уроку
3
Введення у HTML
Модуль №3. Введення у HTML
- Основні теги роботи із текстом
- Зображення
- Списки
- Логічна розмітка
- Інструменти розробника
В результаті
На цьому занятті ми починаємо практикувати створення HTML розмітки на практиці. В процесі заняття створимо першу веб-сторінку за макетом від дизайнера. Основні теми: 1. Теги та трибути 2. Семантика. Основні семантичні теги сторінки 3. Робота із текстом. Заголовки, блоки тексту 5. Списки (переліки) 6. Зображення 7. Перевірка тегів на вкладеність
Корисні матеріали
Конспект уроку
Презентація уроку
4
Семантика HTML
Модуль №4. Семантика HTML
- Семантичні теги
- Робота із таблицями даних
- Медіаконтент
- Оформлення коду
- Валідація верстки
В результаті
На цьому занятті ми продовжуємо розглядати основи HTML. Заняття більш теоретичне, з метою розібратися в основних темах:
1. Інструменти розробника
2. Таблиці
3. Символьні підстановки
4. Фрейми
5. Медіаконтент
6. Оформлення коду
7. Валідація
Корисні матеріали
Конспект уроку
Презентація уроку
5
Введення в CSS
Модуль №5. Введення в CSS
- Підключення CSS стилів
- CSS селектори
- Робота з кольором
- CSS змінні
В результаті
На цьому занятті починаємо розглядати основи CSS. Дізнаємось як працюють стилі в бразері, і як їх правильно підключати.
Основні теми:
1. Підключення стилів
2. Синтаксис
3. Селектори
4. Псевдокласи стану
5. Каскадність
6. Специфічність
7. Наслідування
8. CSS-змінні
Корисні матеріали
Конспект уроку
Презентація уроку
6
Робота із шрифтами
Модуль №6. Робота із шрифтами
- Підключення шрифтів
- Локальні шрифти
- Оформлення тексту
В результаті
На цьому занятті почнемо роботу зі шрифтами. Дізнаємось, як працюють шрифти і як їх підключати на сторінку.
Основні теми:
1. Що таке шрифт
2. Підключення шрифтів
3. Оформлення тексту
4. Властивості шрифту
5. Локальні шрифти
Корисні матеріали
Конспект уроку
Презентація уроку
7
Блокова модель
Модуль №7. Блокова модель
- Поток документа
- Геометрія елемента
- Псевдокласи стану/структурні
- Псевдоелементи
В результаті
На цьому занятті ми розберемо, що таке блокова модель і як браузер відмальовує (рендерить) елементи на сторінці.
Основні теми:
1. Блокова модель
2. Геометрія елемента
3. Типи елементів
4. Структурні псевдокласи
Корисні матеріали
Конспект уроку
Презентація уроку
8
Розкладка CSS Flexbox
Модуль №8. Розкладка CSS Flexbox
- Основні концепціїв
- Flex-контейнер
- Flex-елемент
- Практичне застосування
В результаті
На цьому занятті ми навчимося "гнучко" працювати із блоками на сторінці: розміщати, вирівнювати, задавати розміри. І все це гнучко. За допомогою СSS-модулю FlexBox.
Основні теми:
1. Що таке FlexBox
2. Властивості flex-контейнера
3. Властивості flex-елемента
4. Особливості роботи FlexBox
Корисні матеріали
Конспект уроку
Презентація уроку
9
Розкладка CSS Grid
Модуль №9. Розкладка CSS Grid
- Основні концепції
- Grid-контейнер
- Grid-елемент
- Практичне застосування
В результаті
На цьому занятті ми навчимося працювати із декором в СSS, а також розглянемо, які є типи зображень. Розберемо як додавати різні декоративні ефекти і елементи.
Основні теми:
1. Типи зображень
2. Фон і градієнт
3. Тінь елемента
4. Псевдолементи
Корисні матеріали
Конспект уроку
Презентація уроку
10
Декоративні ефекти
Модуль №10. Декоративні ефекти
- Типи зображень
- Фон
- Градієнти
- Тінь
В результаті
На цьому занятті ми навчимося працювати з SVG графікою. Насамперед, розглянемо як підключати іконки на сторінку.
Основні теми:
1. Растрова і векторна графіка, різниця між ними
2. SVG-документ і SVG-елемент
3. Використання векторної графіки
4. Створення SVG-спрайту
Корисні матеріали
Конспект уроку
Презентація уроку
11
SVG
Модуль №11. SVG
- Векторна графіка
- SVG-документ
- Використання іконок
- SVG-спрайт
В результаті
На цьому занятті ми розбираємо практичну частину створення сайту по макету, верстаємо лейаут незавершених секцій і підвалу.
Корисні матеріали
Конспект уроку
Презентація уроку
12
Позиціонування
Модуль №12. Позиціонування
- Типи позиціонування
- Властивість overflow
- Накладання елементів
В результаті
На цьому занятті ми навчимося позиціонувати елементи. Зрозуміємо, як працює позиціонування, і як керувати накладанням елементів.
Основні теми:
1. Види позиціонування
2. Накладання елементів
3. Керування вмістом контенту
Корисні матеріали
Конспект уроку
Презентація уроку
13
Анімація елементів
Модуль №13. Анімація елементів
- Трансформація
- Переходи
- CSS Анімація
В результаті
На цьому занятті ми почнемо додавати динамічність на сторінку, яка зробить сайт більш інтерактивним.
Основні теми:
1. Трансформації
2. Переходи
3. Анімація
4. Анімовані властивості
Корисні матеріали
Конспект уроку
Презентація уроку
14
Створення веб-форм
Модуль №14. Практика: тестування API
- Основи роботи
- Елементи форм
- Групування полів
В результаті
На цьому занятті ми додамо першу форму на сторінку.
Розберемо наступні основні теми:
1. Основи роботи із формами
2. Універсальний елемент створення полів
3. Елементи форми
4. Групування полів
Корисні матеріали
Конспект уроку
Презентація уроку
15
Валідація веб-форм
Модуль №15. Валідація веб-форм
- Види валідації
- Перевірка введених значень
- Псевдокласи стану
Корисні матеріали
Конспект уроку
Презентація уроку
16
СSS Препроцессори
Модуль №16. СSS Препроцессори
- Препроцессор SASS, SCSS
- Вкладені правила
- Директиви
- Вендорні префікси
Корисні матеріали
Конспект уроку
Презентація уроку
17
СSS Методології
Модуль №17. СSS Методології
- Рекомендації щодо назви класів
- ГМетодологія БЕМ
- Блок
- Елемент
- Модифікатор
Корисні матеріали
Конспект уроку
Презентація уроку
18
Адаптивність
Модуль №18. Адаптивність
- Типи і види верстки
- CSS media запити
- Стратегії Mobile і Desktop first
Корисні матеріали
Конспект уроку
Презентація уроку
19
Адаптивна графіка
Модуль №19. Адаптивна графіка
- Фонові зображення
- Контентні зображення
- Дескриптори x, w
- Елемент picture
Корисні матеріали
Конспект уроку
Презентація уроку
20
ФІНАЛЬНА РОБОТА
Модуль №20. ФІНАЛЬНА РОБОТА
В результаті
Фінальний модуль, отримання диплому
Що на тебе чекає в курсі
“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
7 квітня
online
1-й потік
Старт практичного курсу “HTML/CSS спеціаліст з допомогою працевлаштування”
Щоб першим забронювати участь та підключитися до лімітованої групи на кращих умовах, заповніть форму.
До підвищення цін залишилося:
ЗНИЖКИ ДО
- 50%
на навчання
Що говорять студенти про
навчання у Genius.Space
Стати HTML/CSS верстальником
Відповіді на питання, що
часто ставляться:
Чому мені варто вибрати професію html/css спеціаліста?
HTML-верстальник — це той, хто перетворює намальований дизайнером макет в живий сайт, переводить картинку-макет на мову, зрозумілу будь-якому браузеру. Це людина яка є невід’ємоню частиною ТОП IT компанії
Вирішуються чи на курсі реальні завдання?
Основний акцент в процесі навчання ми робимо на практику. За підсумками кожного уроку вам треба буде виконати кілька практичних завдань для відпрацювання отриманих навичок
Якими навичками необхідно володіти, щоб успішно пройти навчання?
Необхідно бути впевненим користувачем інтернету. Бути в міру уважним. Легко формулювати питання і не боятися труднощів, а також не приховувати проблеми і бути готовим покликати на допомогу, коли вона буде потрібна.
Як сплатити курс з іншої країни чи від компанії?
Ми приймаємо платежі з усього світу. Також ми зможемо оформити рахунок на європейську чи українську компанію. Залишіть заявку і менеджер запропонує Вам зручний варіант оплати.
Диплом про навчання від Genius Space
Після складання всіх домашніх завдань та фінального іспиту студенти отримають електронний диплом англійською мовою.
Чи допомагаєте випускникам із працевлаштуванням?
В рамках Genius Space Ви дізнаєтесь як потрапити в топові IT-компанії, ми розповімо покроково як треба знайомитись з вимогами, етапами співбесід та технологіями, які використовує компанія. Таким чином Ви знатимете, які компетенції варто розвивати, щоб працевлаштуватися в ту чи іншу компанію. Ви матимете реальну можливість поспілкуватися з рекрутерами та HR-ами, а також з менеджерами проектів або технічними фахівцями. Також в компанії Genius Space працює унікальний відділ топових рекрутерів, які вам будуть допомогати в пошуку компанії вашою мрії.
Чи можна сплатити курс частинами, чи є у Вас розстрочка?
Так, курс можна сплатити безвідсотково частинами через Monobank або PrivatBank. Щоб дізнатися про це більше, залиште контакти – ми передзвонимо та розповімо подробиці.