Курси HTML 5 CSS в Києві ᐈ Курс верстки для початківців з нуля ᐈ CyberBionic Systematics

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

Старт курсу
Очікується

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

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

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

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

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

Старт курсу
Очікується
Тривалість:
20 год.
Кількість уроків:
10 занять
Вартість навчання:
130 USD

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

Денне навчання
Онлайн навчання
Корпоративне

Опис курсу
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
    Практика
    Метою даного уроку є закріплення знань на практиці верстаючи макет.

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

Онлайн уроки з ментором у Zoom

Практичні заняття і перевірка дз

Безкоштовний відеокурс

Онлайн тестування і сертифікація

Сертифікат

по проходженню курсу

Наявність сертифіката Навчального Центру CyberBionic Systematics свідчить про Ваш володінні новими знаннями і навичками, а значить, дозволяє вигідно виділитися на тлі інших кандидатів і збільшує шанси на успішне працевлаштування або просування по кар'єрних сходах. Для отримання сертифікату після закінчення навчання, необхідно успішно пройти тестування за відповідним курсом на Testprovider.com

Викладачі курсу

Цей курс входить до спеціальності

FrontEnd Developer

FrontEnd Developer

зі стажуванням після навчання

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

Старт: 9 жовтня

Час занять: 09:00-11:00 (за Києвом)

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

Старт: 7 жовтня

Час занять: 19:00-21:00 (за Києвом)

Duration
Тривалість
5 міс. / 124 години
Grafic
Графік:
3 рази на тиждень
LearningFormat
Формат навчання
Online заняття в Zoom
Recording
Записи уроків
Доступні назавжди
Full-stack Developer

Full-stack Developer

з працевлаштуванням

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

Старт: 9 жовтня

Час занять: 09:00-11:00 (за Києвом)

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

Старт: 9 жовтня

Час занять: 19:00-21:00 (за Києвом)

Duration
Тривалість
6 міс. / 146 годин
Grafic
Графік:
3 рази на тиждень
LearningFormat
Формат навчання
Online заняття в Zoom
Recording
Записи уроків
Доступні назавжди
Відгуки наших студентів
icon

Відгуки з DOU

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

Відгуки з Facebook

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

Відгуки з Google

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

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

Очікується

Записатися
на пробний урок
Будь ласка зачекайте...
Ваша заявка прийнята! Менеджер навчального центру зв'яжеться з Вами найближчим часом.
Мессенджер: