Курс HTML5, CSS3 для початківців в Києві

Старт курсу

12 серпня (09:00-11:00, 3 рази на тиждень) Українська

12 серпня (19:00-21:00, 3 рази на тиждень) Українська

Для кого цей курс

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

Попередні вимоги

• Впевнене володіння персональним комп'ютером
• Навички роботи з текстовими редакторами

Курс HTML5, CSS3 для початківців в Києві

Старт курсу

12 серпня (09:00-11:00, 3 рази на тиждень) Українська

12 серпня (19:00-21:00, 3 рази на тиждень) Українська

Тривалість:

20 год.

Кількість уроків:

10 занять

Вартість навчання:

130 USD

UAH

USD

EUR

Форма навчання

Денне навчання

Онлайн навчання

Корпоративне

Записатися купити

Опис курсу
HTML5, CSS3 для початківців

Курс HTML5&CSS3 Стартовий складається з 10 логічно взаємопов'язаних уроків, на яких учні застосовують практично теоретичні знання технологій HTML5&CSS3 для створення простих елементів веб сторінки.
Курс розглядає базові основи, які необхідні для роботи із зовнішнім інтерфейсом будь-якого сайту: створення структури сайту, використання семантичних тегів, вказівка шляхів для файлів, варіанти роботи з розмірами елементів, внутрішні та зовнішні відступи, межі елементів, форматування тексту, відображення зображень/картинок, розміщення блоків у потрібній кількості та порядку, правила вкладеності для таблиць та списків, палітрою кольорів. Тим самим розібравши студентів буде здатний реалізувати: меню сайту, блок соціальних мереж, картки товару та подібні інформаційні блоки, пагінацію, не складні односторінкові сайти.

Програма курсу

1

Введення у HTML. Типи елементів та атрибути

На початку курсу буде розглянуто, що таке HTML, для чого він потрібен і як пишуться його елементи. Ви дізнаєтеся про теги, форматування в HTML, про редактора в якому пишеться код початкової розмітки, з якою побудована будь-яка веб-сторінка і для чого використовуються коментарі в коді. Як додати на сторінку зображення, а також різні переходи за посиланнями. Дізнається перші типи елементів та їх різницю з можливими помилками під час написання коду.
2

Введення в CSS та визначення розмірів блоків

На занятті буде розглянуто способи підключення стилів на сторінку, види селекторів, за допомогою яких можна прив'язати стилі указним елементам сторінки. І за якими принципами визначається пріоритетність записів у CSS. У цьому уроці студент розгляне базову поведінку елементів для формування ним розмірів. У яких випадках можливо, що контент випадатиме з елемента і псуватиме зовнішній вигляд сторінки.
3

Робота з відступами, властивість margin, робота з текстом та видимістю елементів

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

Верстка з використанням Flexbox

Метою заняття є розібрати основні принципи роботи модуля Flexbox та навчити їх використовувати. Можливість задавати гнучку відстань між блоками та як визначаються їх розміри у деяких випадках. Поведінка зовнішніх відступів під час використання flexbox.
5

Комбінування селекторів та робота з фоном, властивість background

Комбінування дуже важлива частина при написанні коду, що розглянуто в структурі списків і таблиць, оскільки великі вкладеності необхідно створювати і розбирати постійно на етапі роботи з проектом. Можливості звернень до елементів із псевдокласів та роботу пріоритету в таких структурах. На заняттях буде розібрано основні способи запису палітри кольорів у властивостях, де вказується забарвлення. У чому різниця встановлення прозорості елемента через opacity та rgba(). Випадки додавання картинок через CSS та розміщення багато їх на одному елементі.

6

Семантична верстка

Студент дізнається про нові семантичні теги які з'явилися з HTML версії 5 та правила їх використання. Розглянуто структури простих сайтів із використанням семантичних тегів.
7

Форми

Метою даного уроку є ознайомлення з формами та їх призначенням. Розгляд елементів форм, їх можливостей та нюансів роботи як з функціоналом, так і зі стилізацією.
8

Позиціювання елементів

Метою даного уроку є знайомство з форматуванням елементів сторінки, завдання позиціонування через властивість position. Також буде розглянуто псевдоелементи та можливість реалізовувати просту анімацію для елементів.
9

Практика

Метою даного уроку є закріплення пройденого теоретичного матеріалу.
10

Практика

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

ВИКЛАДАЧІ КУРСУ

Сергій Патьоха

Senior Software Engineer at BIScience, тренер-консультант CyberBionic Systematics

Олександр Гончаренко

Web Frontend Developer. Сертифікований спеціаліст MCSA

Анна Павлюк

WEB Frontend Developer. Тренер – консультант

Олена Хижняк

WEB Frontend Developer. Сертифікований тренер Microsoft (MCSA)

Поліна Соколенко

WEB Frontend Developer. Тренер – консультант

Анастасія Ткаченко

WEB Frontend Developer. Тренер – консультант

Філіп Севене

Web Frontend Developer. Тренер – консультант. MCPS: Microsoft Certified Professional

Віталій Мазяр

Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN

Оксана Дмитрієва

WEB Frontend Developer. Тренер – консультант

Ростислав Сілівейстр

WEB Frontend Developer. Тренер – консультант

Олександр Петрик

Full-Stack Developer, CEO at Dinamicka Development, Microsoft Certified Specialist (MCTS, MCPD, MCT), автор курсів ITVDN.

Денис Ковтун

Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft

Богдан Мартиненко

Frontend Developer. Тренер – консультант

Тарас Заславський

FrontEnd Developer. Тренер-консультант

Владислав Бєлік

React FrontEnd Developer, тренер-консультант за напрямком FrontEnd

Олексій Татаренков

FrontEnd Developer, тренер-консультант в CyberBionic Systematics

Олексій Кучеренко

тренер-консультант напрямку FrontEnd at CyberBionic Systematics

Олександр Виноградов

Software Developer, тренер-консультант з напрямку Node.js Developer у CyberBionic Systematics

Відгуки наших студентів

Відгуки з DOU

4,5/5

переглянути всі

Olha Aliakina

Python developer

Я пройшла курс Python Developer. Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин. Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему. Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити. Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.

Прочитати оригінал

Відгуки з Facebook

4,5/5

переглянути всі

Евгений Евгеньевич

Angular Developer

Пройшов у CyberBionics все що тільки можна)) Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET Дякую школі, вона допомогла мені стати тим, хто я є.

Прочитати оригінал

Відгуки з Google

4,5/5

переглянути всі

Дмитрий Беляев

.NET Developer

Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.

Прочитати оригінал

Курс HTML5, CSS3 для початківців в Києві

Для кого цей курс

Попередні вимоги

Курс HTML5, CSS3 для початківців в Києві

Форма навчання

Опис курсу
HTML5, CSS3 для початківців

Що ви отримаєте на курсі

ВИКЛАДАЧІ КУРСУ

Відгуки з DOU

Відгуки з Facebook

Відгуки з Google

Записатися на курс

Старт курсів

Ранкова група

Вечірня група

Записатися на курс

Курс HTML5, CSS3 для початківців в Києві

Для кого цей курс

Попередні вимоги

Курс HTML5, CSS3 для початківців в Києві

Форма навчання

Опис курсу HTML5, CSS3 для початківців

Що ви отримаєте на курсі

ВИКЛАДАЧІ КУРСУ

Відгуки з DOU

Відгуки з Facebook

Відгуки з Google

Записатися на курс

Старт курсів

Ранкова група

Вечірня група

Опис курсу
HTML5, CSS3 для початківців