Курс 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, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.
Готовий
почати навчання?
Відправляй заявку та зафіксуй свою знижку на навчання
Олександр Гончаренко
Web Frontend Developer.
Сертифікований спеціаліст MCSA
Віталій Мазяр
Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN
Богдан Мартиненко
Frontend Developer. Тренер – консультант
Олексій Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Олексій Кучеренко
тренер-консультант напрямку FrontEnd at CyberBionic Systematics
Відгуки наших студентів
Відгуки з DOU
Відгуки з Facebook
Відгуки з Google
Юрій Щебетун
Про навчальний центр дізнався від друзів, які працюють в сфері IT. Обрав дану спеціальність, оскільки в ній працює мій друг, який і порекомендував її. Два-три місяці займався самостійно, перед тим, як іти на курси, щоб дізнатись, чи сподобається мені ця спеціальність, та чи буде мені в достатній мірі даватись для подальшого вивчення матеріал.
Легко давались HTML та CSS, оскільки самостійно їх вивчав. Труднощі частково почались при вивченні JavaScript Advanced та Angular, однак з практикою та допомогою тренера вдалося їх подолати.
Серед здобутих навичок, яких не було до курсів, це базові знання Angular, Gulp, Sass, Bootstrap, робота з npm.
Про тренера і ментора тільки позитивні відгуки. Завжди допомагали вирішити проблеми, з якими стикався, задавали додаткові завдання, допомагали у вирішенні домашніх завдань.
Основна порада для новачків, це перед тим, як іти на якісь курси, самостійно спробувати пару місяців попрактикуватись в обраному напрямку, щоб вирішити, чи це для них цікаво, чи є бажання розвиватися далі.
показати весь
Мирослав Рогаченко
Спасибо CyberBionic Systematics за интенсивное и интересное обучение, за постоянную поддержку со стороны тренеров и ментора. Курс был насыщен полезной и актуальной информацией, для себя узнал много нового и разобрался со сложными вещами, которые нелегко воспринимались.
показати весь
Дмитрий Насонов
Я очень долго искал курсы; на мое решение обучаться здесь повлияли отзывы на сайте DOU.ua. Заинтересовала специальность своими возможностями в этой профессии. В данной сфере работает мой знакомый, и он очень поощрял меня в выбранном пути; также мотивировала его зарплата. В обучении было порой тяжело, однако очень выручают записи уроков на ITVDN, где можно подробно рассмотреть решение трудных моментов. Тренер – Мазяр Виталий, хороший преподаватель, с прекрасным чувством юмора, всегда готов прийти на помощь.
Хотелось бы более мощные ноутбуки, с большим объемом оперативной памяти – так будет всем удобнее. Необходимо улучшить качество интернета.
Новичкам рекомендую эту специальность, если им это интересно. Перспективы вижу самые радужные, поскольку данная сфера еще на заре и обещает много возможностей.
Желаю учебному центру много студентов, а потенциальным студентам – веры в себя!
показати весь
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс HTML5, CSS3 стартовий
Курс HTML5&CSS3 Стартовий складається з 10 логічно взаємопов'язаних уроків, на яких учні застосовують практично теоретичні знання технологій HTML5&CSS3 для створення простих елементів веб сторінки.
Курс розглядає базові основи, які необхідні для роботи із зовнішнім інтерфейсом будь-якого сайту: створення структури сайту, використання семантичних тегів, вказівка шляхів для файлів, варіанти роботи з розмірами елементів, внутрішні та зовнішні відступи, межі елементів, форматування тексту, відображення зображень/картинок, розміщення блоків у потрібній кількості та порядку, правила вкладеності для таблиць та списків, палітрою кольорів. Тим самим розібравши студентів буде здатний реалізувати: меню сайту, блок соціальних мереж, картки товару та подібні інформаційні блоки, пагінацію, не складні односторінкові сайти.
Курс розглядає базові основи, які необхідні для роботи із зовнішнім інтерфейсом будь-якого сайту: створення структури сайту, використання семантичних тегів, вказівка шляхів для файлів, варіанти роботи з розмірами елементів, внутрішні та зовнішні відступи, межі елементів, форматування тексту, відображення зображень/картинок, розміщення блоків у потрібній кількості та порядку, правила вкладеності для таблиць та списків, палітрою кольорів. Тим самим розібравши студентів буде здатний реалізувати: меню сайту, блок соціальних мереж, картки товару та подібні інформаційні блоки, пагінацію, не складні односторінкові сайти.