Тёмный

Курс HTML5 & CSS3 Стартовий. Урок 1. ➤ Ознайомлення й початок роботи з HTML з нуля 

CodeUA
Подписаться 27 тыс.
Просмотров 19 тыс.
50% 1

Це перший урок курсу HTML5 & CSS3 Стартовий від навчального центру CyberBionic Systematics.
Викладач: Богдан Мартиненко, FrontEnd розробник та тренер-консультант CyberBionic Systematics
Програма курсу:
1) Загальне знайомство з HTML. Призначення технології і сфери застосування.
2) Робота із зображеннями, таблицями та списками.
3) Каскадні таблиці стилів CSS. Частина 1.
4) Каскадні таблиці стилів CSS. Частина 2.
5) Позиціонування елементів. Види верстання.
6) Семантика HTML5. Нові теги.
7) Принципи побудови розмітки Flexbox.
8) Форми. Метатеги.
9) Практика.
10) Практика.
За підготовку таймкодів дякуємо користувачу Міша Пуля!
0:00 - Вступ
5:11 - Поняття тега та атрибуту
7:36 - Структура HTML сторінки
8:51 - DOCTYPE
9:36 - БЛОКОВІ ЕЛЕМЕНТИ
10:15 - Перша HTML сторінка
11:23 - Вставлення коментарів
12:41 - div - елементи
14:32 - Тег p - параграф
16:05 - Тег pre
17:29 - Теги br / та hr /
19:22 - Тег blockquote
20:27 - Заголовки
23:35 - РЯДКОВІ ЕЛЕМЕНТИ. ФІЗИЧНА РОЗМІТКА
23:55 - Тег b
25:45 - Тег bdi
26:17 - Атрибут dir
26:30 - Тег bdo
27:05 - Тег i
27:59 - Тег s
28:24 - Тег small
29:20 - Тег big
30:03 - Тег sup
30:34 - Тег sub
31:21 - Тег meter
32:44 - Тег progress
33:44 - Тег span
34:35 - РЯДКОВІ ЕЛЕМЕНТИ. ЛОГІЧНА РОЗМІТКА
35:33 - Тег abbr
36:13 - Тег cite
37:00 - Тег code
37:33 - Тег strong
38:04 - Тег em
38:27 - Тег del
38:57 - Тег ins
39:33 - Тег mark
39:59 - Тег q
40:29 - Тег samp
40:53 - Тег var
52:10 - РЯДКОВІ ЕЛЕМЕНТИ. ПОСИЛАННЯ
52:23 - Тег a, його атрибути
1:04:20 - Практика. Формула
1:09:26 - Практика. Створення сторінки
1:21:04 - Службові символи
1:24:08 - Гарячі клавіші
1:35:30 - div на прикладі
1:43:29 - поділ екрану на дві частини Дякуємо, що ви з нами!
Ми в соцмережах:
Telegram - t.me/cbs_info
Instagram - / cyberbionic_systematics
TikTok - / cb_systematics
Facebook - / cbsystematics
LinkedIn - / cbsystematics-development
👉 Сайт і курси CyberBionic Systematics: cutt.ly/q4axOV7

Опубликовано:

 

30 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@CodeUA
@CodeUA Год назад
🔥Іде набір на навчання за 4 IT спеціальностями, запишись на безкоштовний пробний урок! Спеціальність Python - cutt.ly/XZoPxwx Спеціальність Frontend - cutt.ly/9ZoO1QA Спеціальність .NET - cutt.ly/WZoPQ4D Спеціальність Java - cutt.ly/zZoPtUL
@user-qt1tu2dd3j
@user-qt1tu2dd3j 2 года назад
Респект Вам хлопці та дівчата! Дякую Вам!
@oleksandrtsytsyura8976
@oleksandrtsytsyura8976 2 года назад
замінив серіали на ваші уроки! вдячний!
@Pulia_M
@Pulia_M 2 года назад
1:21 - Знайомство з HTML 5:11 - Поняття тега та атрибута 7:36 - Структура HTML сторінки 8:51 - DOCTYPE 9:36 - БЛОКОВІ ЕЛЕМЕНТИ 10:15 - Перша HTML сторінка 11:23 - Вставлення коментарів 12:41 - div - елементи 14:32 - Тег - параграф 16:05 - Тег 17:29 - Теги та 19:22 - Тег 20:27 - Заголовки 23:35 - РЯДКОВІ ЕЛЕМЕНТРИ. ФІЗИЧНА РОЗМІТКА 23:55 - Тег 25:45 - Тег 26:17 - Атрибут dir 26:30 - Тег 27:05 - Тег 27:59 - Тег 28:24 - Тег 29:20 - Тег 30:03 - Тег 30:34 - Тег 31:21 - Тег 32:44 - Тег 33:44 - Тег 34:35 - РЯДКОВІ ЕЛЕМЕНТИ. ЛОГІЧНА РОЗМІТКА 35:33 - Тег 36:13 - Тег 37:00 - Тег 37:33 - Тег 38:04 - Тег 38:27 - Тег 38:57 - Тег 39:33 - Тег 39:59 - Тег 40:29 - Тег 40:53 - Тег 52:10 - РЯДКОВІ ЕЛЕМЕНТИ. ПОСИЛАННЯ 52:23 - Тег , його атрибути 1:04:20 - Практика. Формула 1:09:26 - Практика. Створення сторінки 1:21:04 - Службові символи 1:24:08 - Гарячі клавіші 1:35:30 - на прикладі 1:43:29 - поділ екрану на дві частини
@CodeUA
@CodeUA 2 года назад
Вау, чудово, дуже дякуємо за допомогу, додали до відео!)
@Pulia_M
@Pulia_M 2 года назад
@@CodeUA буде час з іншими також допоможу) дякую за такі гарні уроки, кращого контенту з програмування ще не зустрічав)
@vovandry7182
@vovandry7182 Год назад
ти зайшов у групу в телеграмі? там є файл презентації?
@ua_win1402
@ua_win1402 2 года назад
Лайфхак, дивимся на швидкості 1.25- 1.5
@yuriideresh
@yuriideresh 2 года назад
дякую
@yuriideresh
@yuriideresh 2 года назад
а як мені отримати доступ до домашніх завдань і чату? я пізно дізнався про цей курс(((
@SHKIPPER989
@SHKIPPER989 2 года назад
Спасибі! Цікаво послухати)
@viacheslavbohun7072
@viacheslavbohun7072 2 года назад
Дякую за урок, все зрозуміло :)
@xelafloow
@xelafloow Год назад
А шо ніяк нізя було вірш з Кобзаря використати?
@valeriiab5699
@valeriiab5699 9 месяцев назад
дуже вам дякую за це вівдеою Шукала саме відео українською.
@viacheslavliakh6714
@viacheslavliakh6714 Год назад
Щиро дякую. Урок дуже сподобався.
@Ondendyrt
@Ondendyrt 4 месяца назад
Классно, еще раз пересмотрел) жаль совсем мало просмотров, даже странно( загуглил пишут типа ютифай помогает, типа официальная реклама, без накрута.
@user-vq4kg4ff2i
@user-vq4kg4ff2i 2 года назад
Дякую вам !
@user-dc8yf8rc6d
@user-dc8yf8rc6d Год назад
В якій онлайн школі ви працюєте? Хотів би попасти до Вас на курси frontend!)
@srg_kol
@srg_kol Год назад
Де знайти матеріали до уроків?
@vb_life
@vb_life 2 года назад
Можна ссилку на телеграм для тих хто лише підписався?
@ihorkop
@ihorkop 2 года назад
Добрий день, дуже вдячний за надану вами можливість! На жаль, довідався про ваші курси із значним запізненням, тому виникло питання: чи будуть доступні ці матеріали після 26 квітня?
@lemon8662
@lemon8662 Год назад
Судячи з усього так)
@topotylyaua
@topotylyaua 2 года назад
О, а я якраз проходжу курс на вашому сайті російською, переглядаю по 2рази, тому що погано сприймаю інформацію російською ((
@docman366
@docman366 2 года назад
Дякую за заняття прикрипіть посилання на телеграм якщо можна
@CodeUA
@CodeUA 2 года назад
Добрий вечір, щоб отримати доступ до телеграм каналу потрібно заповнити цю форму - docs.google.com/forms/d/e/1FAIpQLScg52dI1pLrdwkHuXhXSV6FK7p4BFvn0hetP47lDOrSumksZA/viewform
@docman366
@docman366 2 года назад
@@CodeUA Вы уже заполнили форму , запрошення прийде на пошту чи у телеграм?
@CodeUA
@CodeUA 2 года назад
Якщо ви заповнили форму сьогодні, то запрошення прийде завтра
@docman366
@docman366 2 года назад
@@CodeUA Добрий день. Ще раз дякую, але запрошення в телеграм на жаль чомусь не прийшло
@CodeUA
@CodeUA 2 года назад
@@docman366 дивно, дайте тоді нам ваш контакт у телеграмі, ми додамо в ручному режимі
Далее