Курс HTML5, CSS3 для початківців
Для кого цей курс
Початківці у програмуванні, майстри верстання, веб-розробники, а також професіонали, що бажають поповнити знанняПопередні вимоги
• Впевнене володіння персональним комп'ютером• Навички роботи з текстовими редакторами
Тривалість
20 год.
Кількість уроків
10 занять
Вартість навчання
144
Курс входить до
Спеціальності FrontEnd Розробник + AI Skills, Full-stack. Node.js Розробник + AI SkillsПрограма курсу
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
Практика
Метою даного уроку є закріплення знань на практиці верстаючи макет.
Спробуй безкоштовно
Повноцінне заняття з тренером
Що входить до курсу
20 годин живого навчання з тренером
Практичні заняття та перевірка ДЗ
Спілкування з групою
Підтримка ментора та асистента
Тестування та Сертифікат
Відео курс від ITVDN
Як відбувається навчання
1
Живі онлайн заняття
з тренером
2
Виконання
домашніх завдань
3
Перевірка ДЗ
та фідбек
4
Тестування
та сертифікація
Сертифікат після закінчення курсу
Сертифікат після закінчення курсу
Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.
Готовий
почати навчання?
Відправляй заявку та зафіксуй свою знижку на навчання
Сергій Патьоха
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
Olha Aliakina
Python developer
Я пройшла курс Python Developer.
Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин.
Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему.
Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити.
Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитати оригінал
Відгуки з Facebook
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна))
Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET
Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитати оригінал
Відгуки з Google
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитати оригінал
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс HTML5, CSS3 для початківців
Курс HTML5&CSS3 Стартовий складається з 10 логічно взаємопов'язаних уроків, на яких учні застосовують практично теоретичні знання технологій HTML5&CSS3 для створення простих елементів веб сторінки.
Курс розглядає базові основи, які необхідні для роботи із зовнішнім інтерфейсом будь-якого сайту: створення структури сайту, використання семантичних тегів, вказівка шляхів для файлів, варіанти роботи з розмірами елементів, внутрішні та зовнішні відступи, межі елементів, форматування тексту, відображення зображень/картинок, розміщення блоків у потрібній кількості та порядку, правила вкладеності для таблиць та списків, палітрою кольорів. Тим самим розібравши студентів буде здатний реалізувати: меню сайту, блок соціальних мереж, картки товару та подібні інформаційні блоки, пагінацію, не складні односторінкові сайти.
Курс розглядає базові основи, які необхідні для роботи із зовнішнім інтерфейсом будь-якого сайту: створення структури сайту, використання семантичних тегів, вказівка шляхів для файлів, варіанти роботи з розмірами елементів, внутрішні та зовнішні відступи, межі елементів, форматування тексту, відображення зображень/картинок, розміщення блоків у потрібній кількості та порядку, правила вкладеності для таблиць та списків, палітрою кольорів. Тим самим розібравши студентів буде здатний реалізувати: меню сайту, блок соціальних мереж, картки товару та подібні інформаційні блоки, пагінацію, не складні односторінкові сайти.