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