HTML5 & CSS3 Стартовий
ITVDN: курси програмування
Відеокурси з
програмування
Підписка

300+ курсів за популярними IT-напрямками

Вибери свою IT спеціальність

Підписка
Підписка

300+ курсів за популярними IT-напрямками

Про курс

В основі роботи будь-якого веб-сайту демонстрація тексту, зображень та іншого контенту у вікні спеціальної програми – веб-браузера. За допомогою мови HTML створюється початкова розмітка (каркас) кожної веб-сторінки. Потім використання CSS перетворює сайт, налаштовуючи спосіб відображення елементів і надаючи йому привабливий і ефектний зовнішній вигляд. Вивчення цих мов є основою для навчання будь-якого верстальника та веб-розробника.

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

Читати далі...
Переглянути безкоштовний урок

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

Курс підійде абсолютним новачкам, які не мають досвіду у IT-розробці.

Читати далі...

Ви навчитеся

  • Розуміти основи використання базових конструкцій мови HTML і мови стилів CSS.
  • Створювати прості одно-сторінкові сайти.
  • Реалізувати головне меню сайту.
  • Розуміти основи адаптивної та крос браузерної розробки сайтів.
  • Створювати блок соціальних мереж.
  • Створювати картки товару та подібні до них інформаційні блоки.
  • Реалізувати верстку сайту за допомогою модуля Flexbox.
Читати далі...
Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
  • Тривалість: 5 год 11 хв
  • Уроків: 10
  • Мова: російська

Що входить до курсу

  • 10 відео уроків
  • Домашні завдання
  • Тестування
  • Сертифікат
  • Перевірка ДЗ

×

Ви відкрили доступ до тесту! Пройти тест

Ви дійсно бажаєте відкрити доступ до тестування за курсом HTML5 & CSS3 Стартовий на 40 днів?

Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео

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

Читати далі...

Ознайомившись з другим уроком, слухач дізнається, як додати на сторінку картинки, і навіть різні переходи за посиланнями. Дізнається перші типи елементів, їх відмінності та можливі помилки під час написання коду.

Читати далі...

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

Читати далі...

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

Читати далі...

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

Читати далі...

На цьому уроці ви познайомитеся з різними правилами CSS для стилізації тексту та з тим, як працює успадкування стилів для елементів-нащадків. Буде розглянуто, як можна приховувати елементи розмітки на сторінці і в чому різниця між різними способами.

Читати далі...

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

Читати далі...

Комбінування - дуже важливий момент при написанні коду, оскільки великі вкладеності необхідно створювати та розбирати постійно на етапі роботи з проектом, що розглянуто у структурі списків та таблиць. Також розглядаються можливості звернень до елементів за псевдо класами та робота пріоритету в таких структурах.

Читати далі...

На занятті будуть розглянуті основні способи запису палітри кольорів у властивостях,  де вказується забарвлення. Буде розглянуто у чому різниця установки прозорості елемента через opacity та rgba(). Розглядаються випадки додавання картинок через css та розміщення їх великої кількості на одному елементі.

Читати далі...

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

Читати далі...
ПОКАЗАТИ ВСЕ

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

DOU

Відгуки в DOU

4,9/5 - 200 відгуків

Evgeniy Brizhevskiy
Evgeniy Brizhevskiy
5/5
Пройшов курс Основы работы с Git. Чудовий курс для початківців. Команди для роботи пояснені у зрозумілій формі з живими прикладами. Дякую за курс.
Почитати оригінал
Facebook

Відгуки в Facebook

5,0/5 - 707 відгуків

Андрей Сотов
Андрей Сотов
5/5
Лучший IT-образовательный сайт в украинской части интернета. Курсы постоянно обновляются и дополняются. Грамотную подача материала: интересно, понятно, доступно. Рекомендую всем!
Почитати оригінал
Google

Відгуки в Google

4,9/5 - 836 відгуків

Ксения Русакова
Ксения Русакова
5/5
Была слушателем курса по тестированию Web Testing, курс рассчитан на тех, кто уже работает в тестировании или знаком с основами. Было интересно узнать много нового. Особенно хочу отметить, что материал преподнесен в достаточном объеме и без воды, уроки не превышают часа с небольшим, есть домашки и сопроводительный материал, а также тесты. Планирую и дальше пользоваться курсами ITVDN.
Почитати оригінал
Студенти також дивляться
HTML5 & CSS3 Поглибленний
ДЕТАЛЬНІШЕ
HTML5 і CSS3 Базовий
ДЕТАЛЬНІШЕ
HTML5 та CSS3 Стартовий (2018)
ДЕТАЛЬНІШЕ

Купуй підпискуз доступом до всіх курсів та сервісів

Бібліотека сучасних IT знань у зручному форматі

Вибирай свій варіант підписки залежно від завдань, що стоять перед тобою. Але якщо потрібно пройти повне навчання з нуля до рівня фахівця, краще вибирати Базовий або Преміум. А для того, щоб вивчити 2-3 нові технології, або повторити знання, готуючись до співбесіди, підійде Пакет Стартовий.

Стартовий
  • Усі відеокурси на 3 місяці
  • Тестування з 10 курсів
  • Перевірка 5 домашніх завдань
  • Консультація з тренером 30 хв
59.99 $
Придбати
Преміум Plus
  • Усі відеокурси на 12 місяців
  • Тестування з 24 курсів
  • Перевірка 20 домашніх завдань
  • Консультація з тренером 120 хв
  • Завантаження відео уроків
149.99 $
199.99 $
Придбати
Акція
Базовий
  • Усі відеокурси на 6 місяців
  • Тестування з 16 курсів
  • Перевірка 10 домашніх завдань
  • Консультація з тренером 60 хв
89.99 $
Придбати

Запитання і відповіді

У чому перевага онлайн курсів програмування у порівнянні з офлайн?
Яка вартість навчання?
Скільки часу знадобиться, щоб опанувати програмування?
Скільки часу знадобиться, щоб опанувати ІТ-спеціальність?
З якого курсу розпочинати навчання?
Як керувати своїм часом та організувати ефективне онлайн-навчання з тренером?
Чи є у вас допомога з працевлаштуванням після закінчення навчання?
Чи можливе персональне навчання з тренером ITVDN?
З якого віку можна навчатися на платформі?
Чи потрібні знання англійської мови для навчання?Чи потрібні знання англійської мови для навчання?
Якого рівня можна досягти, пройшовши навчання зі спеціальності?
Коли закінчиться підписка, що далі? Доступу до уроків не буде?
Чи додаються знижки на придбання підписки?
У чому перевага онлайн курсів програмування у порівнянні з офлайн?

Онлайн курси мають низку переваг перед офлайн форматом:

  1. Незалежність від локації. Онлайн дозволяє навчатися де завгодно.
  2. Збереження часу та грошей на дорогу. Ви економите час та гроші з поїздок на курси та назад.
  3. Онлайн курси дешевші. Немає потреби в приміщенні та ноутбуках для студентів, тому вартість нижча
  4. Комфортний темп навчання, постійний доступ до інформації. Навчання у вашому темпі будь-коли і будь-де 24/7. Також є доступ до записаних уроків, чого немає в офлайн форматі.
Яка вартість навчання?

На ITVDN є 2 формати навчання: Live Online та відео курси. Ціна навчання залежить від обраного вами способу навчання.

Якщо ви хочете навчатися самостійно у форматі відео курсів, вартість навчання складе в середньому 10-15 USD на місяць в залежності від обраного вами пакету підписки.

Live Online – це онлайн навчання з тренером у групах разом із іншими студентами. Навчання у даному форматі коштує в середньому 6-7 USD за одну годину.

Скільки часу знадобиться, щоб опанувати програмування?

Залежить від того, скільки уваги програмуванню ви виділятимете щоденно, яка саме це мова і який у вас досвід кодингу. Середній час на опанування однієї мови за умови регулярних занять хоча б 2 год/день:

  • новачки – від 3 до 6 місяців;
  • ті, хто мають базові знання з іншої мови – від 1 до 3 місяців;
  • професійні програмісти – до 1 місяця.

Найкращий варіант інвестиції часу – 8 годин щоденно (20% теорії + 80% практики). Більше практики – швидше опанування програмування.

Скільки часу знадобиться, щоб опанувати ІТ-спеціальність?

Для опанування ІТ-спеціальності треба виділити не менше 500 годин, з яких близько 100 годин – на перегляд відео уроків або відвідування онлайн занять із ментором, а 400 – на виконання практичних завдань за пройденими темами.

В залежності від того, скільки часу ви готові виділяти на навчання в день, ви зможете пройти програму за 3-8 місяців. Якщо у вас є певна база знань з ІТ, кількість необхідного часу буде меншою.

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

З якого курсу розпочинати навчання?

Починати варто з тих, які містять в назві слово “Стартовий”. Такі курси мають вступний матеріал для знайомства з мовою або технологією.

Якщо ж ви плануєте навчатися за конкретною спеціальністю у форматі відео курсів, перейдіть на сторінку спеціальності і прокрутіть до заголовку “Відео курси за спеціальністю …”. Нижче буде список відео курсів, котрі відсортовано в порядку необхідності вивчення.

Ще нижче ви знайдете Roadmap зі спеціальності – путівник, на якому зображені відео курси у вигляді дерева, що також вас легко зорієнтує у послідовності проходження курсів.

Як керувати своїм часом та організувати ефективне онлайн-навчання з тренером?

Якщо ви обираєте Live Online навчання з тренером, все дуже просто:

  • відвідуйте всі заняття, вчасно виконуйте д/з;
  • додатково дивіться відео уроки на ITVDN;
  • після кожного уроку проходьте коротке тестування;
  • практикуйтеся в Інтерактивному практикумі;
  • спілкуйтеся з одногрупниками в ході вирішення д/з, задавайте питання ментору на уроках та поза ними;
  • в кінці кожного курсу складайте екзамен на TestProvider (та отримуйте Сертифікати);
  • в кінці всього навчання проходьте екзамен зі спеціальності і отримайте Диплом.
Чи є у вас допомога з працевлаштуванням після закінчення навчання?

Ми маємо спеціальний розділ – “Вакансії”, котрий допомагає нашим студентам шукати першу роботу в ІТ. Детальніше про можливості та призначення розділу за посиланням.

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

Чи можливе персональне навчання з тренером ITVDN?

На жаль, дана послуга на ITVDN не передбачена, однак ви можете замовити індивідуальну консультацію з нашим ментором. Деталі ви знайдете за посиланням.

З якого віку можна навчатися на платформі?

На ITVDN відсутні курси для дітей, тому комфортний вік для початку навчання за нашими матеріалами – від 14 років.

Чи потрібні знання англійської мови для навчання?Чи потрібні знання англійської мови для навчання?

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

Якого рівня можна досягти, пройшовши навчання зі спеціальності?

На ITVDN можна пройти повне навчання з нуля до спеціаліста рівня Trainee/Junior. Якщо ви вже практикуючий розробник, наші відео курси допоможуть поглибити ваші знання до рівня Middle.

Коли закінчиться підписка, що далі? Доступу до уроків не буде?

Після закінчення дії вашої підписки доступ до відео курсів, на жаль, буде закрито. Однак ви зможете користуватися тими навчальними матеріалами, які ви завантажили на свій девайс під час навчання.

Чи додаються знижки на придбання підписки?

Ні, знижки не додаються.

Notification success