CODE BLOG
12.3K subscribers
5.03K photos
36 videos
99 files
2.86K links
IT юмор, обучающие видео и многое другое.

YouTube: https://youtube.com/codeblog
VK: https://vk.com/codeblog
Чат: @codeblog_chat

По всем вопросам: @p_shvanov

Ресурс включён в перечень Роскомнадзора: https://www.gosuslugi.ru/snet/67c04851241cbc1f487e5054
加入频道
Основы HTML

1. Введение Структура HTML-документа Обязательные теги Элемент в HTML
2. Тег HEAD Информация об HTML-документе Мета-теги
3. Заголовки Семантическая разметка (что это и зачем) и её теги
4. Виды элементов Вложенность тегов Самозакрывающиеся и пустые элементы
5. Атрибуты элементов в HTML Виды, свойства и синтаксис атрибутов Примеры
6. Разметка и форматирование текста в HTML div и span теги
7. Все о ссылках и картинках в HTML Бонус - форматы изображений
8. Все о списках в HTML Как оставлять комментарии в коде
9. Таблицы в HTML
10. Формы в HTML Как создавать, синтаксис и основные атрибуты формы

#video #html

https://www.youtube.com/playlist?list=PL1rV860db3OZ_ow-ncrnPBl1337aEXxp6
Создание сайта

1. Изучаем HTML за 22 минуты
2. Что такое верстка сайта? Как начать и научиться | HTML\CSS
3. Что такое Django Python и зачем он нужен?
4. Для чего нужен язык JavaScript
5. Что такое хостинг и домен простыми словами
6. Какой хостинг лучше выбрать для сайта
7. Как изучить Django и создать сайт?
8. Как создать сайт: конструктор, вёрстка или движок? 4 способа

#video #html

https://www.youtube.com/watch?v=WdXPXVgVCsM&list=PLwcrUGVI9RB4lCthmwUwY6uo1Z0sc1yOI&ab_channel=%D0%AD%D0%BD%D1%86%D0%B8%D0%BA%D0%BB%D0%BE%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F%D0%90%D0%B9%D1%82%D0%B8%D1%88%D0%BD%D0%B8%D0%BA%D0%B0
Веб-сайт с нуля (php, MySQL, JS, CSS и HTML)

1. Установка сервера WAMP (ampps)
2. MySql работа через консоль (создание БД, пользователя, привязка к БД)
3. Работа с MySQL через phpMyAdmin
4. Проектирование базы данных
5. Отношения в MySQL
6. Доступ к MySQL посредством PHP
7. Знакомство с PDO на практике, запросы к MySQL
8. Подготовленные запросы в PDO
9. Командная строка, GIT | Часть 1
10. GIT - Commit and Push. Сохранение и отправка изменений на сервер | Часть 2

#video #css #html

https://www.youtube.com/watch?v=yEJJlbjT1uk&list=PLMB6wLyKp7lVtihXKn-D3yHSLCjaIxliH&ab_channel=%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%D0%90%D0%BD%D0%B4%D1%80%D0%B8%D0%B5%D0%B2%D1%81%D0%BA%D0%B8%D0%B9
Курс "Основы HTML & CSS"

1. Вводная
2. HTML - часть 1
3. HTML - часть 2
4. HTML - часть 3
5. CSS - часть 1
6. CSS - часть 2
7. CSS - часть 3
8. Работа с текстом - часть 1
9. Работа с текстом - часть 2
10. Работа с цветом

#video #css #html

https://www.youtube.com/watch?v=vvPWiYFrKbQ&list=PLQuX113H8Q0vkeUkVAUbs__FK43PaPHGB&ab_channel=GENESIS%2FIT-%D0%90%D0%BA%D0%B0%D0%B4%D0%B5%D0%BC%D0%B8%D1%8F
Курс HTML & CSS

1. Знакомство с основным каркасом страницы
2. Программа курса HTML & CSS
3. Знакомство с header, article, section и другими тегами
4. Ссылки и изображения
5. Верстаем таблицы
6. Создание web формы
7. Знакомство с CSS
8. Псевдоклассы и псевдоэлементы, часть 1
9. Псевдоклассы и псевдоэлементы, часть 2
10. Практикуем селекторы в CSS3

#video #html #css

https://www.youtube.com/watch?v=GFqCX2AefQk&list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K&ab_channel=%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%D0%90%D0%BD%D0%B4%D1%80%D0%B8%D0%B5%D0%B2%D1%81%D0%BA%D0%B8%D0%B9
HTML для начинающих

1. Введение
2. Теги
3. Атрибуты
4. Таблицы
5. Ссылки
6. Фреймы
7. Списки. Маркированный список. Нумерованный список. Список определений
8. Отображение изображений в HTML
9. Как подключать стили CSS и JavaScript к HTML
10. ТОП 10 нужных вам HTML элементов, о которых вы не знали

#video #html

https://www.youtube.com/playlist?list=PLKDBbMe24A2YhpFU6pbnIeNcm00F-auQo
Курс по верстке с нуля HTML и CSS

1. Введение
2. Что такое HTML Создание первой страницы
3. Теги разметки текста Атрибуты тегов Редактор CodePen
4. Знакомство с CSS Селекторы по тегу и классу
5. Практика на реальном сайте
6. Наследование Каскадирование правил
7. Структура HTML документа
8. Ссылки и изображения
9. Свойства оформление текста
10. Внутренние и внешние отступы

#video #frontend #html #css

https://www.youtube.com/watch?v=1C0xUXVhN3s&list=PLK_91fLxh1IFU3Azxz8TozASTADRWNBRm&ab_channel=XCode
HTML CSS. Интерактивный курс

1. Основные понятия в веб-разработке
2. Основы HTML
3. Основы CSS
4. Псевдоклассы, табличная верстка
5. Практически задания
6. Свойство display, Что такое Flexbox и работа с элементами, Свойство position
7. Практически задания
8. Что такое макет, знакомство с Figma, Создание проекта. Часть 1-3
9. Практически задания
10. Адаптивные свойства блоков. Эмуляция мобильных устройств, Медиа-запросы. Практика. Часть 1,2

#video #html #css

https://www.youtube.com/watch?v=3wf14j62NFQ&list=PLjbmmbKJWSVZtXBbwAU5EetvNMcCIeRfI
ActiveBox - верстка сайта с нуля для начинающих

1. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
2. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
3. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
4. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
5. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
6. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
7. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
8. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
9. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
10. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки

#video #html #css

https://www.youtube.com/watch?v=b8K_iowSriQ&list=PLoq3Accf02PVO4GvY4-UtIQkeD6tNmX_f&ab_channel=BrainsCloud
Основы HTML

1. Введение Структура HTML-документа Обязательные теги Элемент в HTML
2. Тег HEAD Информация об HTML-документе Мета-теги
3. Заголовки Семантическая разметка (что это и зачем) и её теги
4. Виды элементов Вложенность тегов Самозакрывающиеся и пустые элементы
5. Атрибуты элементов в HTML Виды, свойства и синтаксис атрибутов Примеры
6. Разметка и форматирование текста в HTML div и span теги
7. Все о ссылках и картинках в HTML Бонус - форматы изображений
8. Все о списках в HTML Как оставлять комментарии в коде
9. Таблицы в HTML
10. Формы в HTML Как создавать, синтаксис и основные атрибуты формы

#video #html

https://www.youtube.com/playlist?list=PL1rV860db3OZ_ow-ncrnPBl1337aEXxp6
ActiveBox - верстка сайта с нуля для начинающих

1. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
2. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
3. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
4. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
5. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
6. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
7. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
8. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
9. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
10. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки

#video #html #css

https://www.youtube.com/watch?v=b8K_iowSriQ&list=PLoq3Accf02PVO4GvY4-UtIQkeD6tNmX_f&ab_channel=BrainsCloud
HTML + CSS

1. как работает Интернет и что такое сайт
2. инструментарий, структура документа, стандарты
3. основные теги форматирования HTML
4. ссылки, теги div и span
5. таблицы и фреймы
6. HTML формы, GET и POST запросы
7. поля ввода, кнопки, списки
8. каскадные таблицы стилей, начало
9. CSS, теория
10. пример создания макета HTML страницы

#video #html #css

https://www.youtube.com/playlist?list=PLA0M1Bcd0w8wRiyGX_9y-fUiBPi1vqaTb
HTML для начинающих

1. HTML для начинающих
2. HTML для начинающих
3. HTML для начинающих
4. HTML для начинающих
5. HTML для начинающих
6. HTML для начинающих
7. HTML для начинающих

#video #html #frontend

https://www.youtube.com/watch?v=rOmAdC1B0xk&list=PLjv_imdSY6458Q4I1t24iRseqFqFob8BF&ab_channel=%D0%9E%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5HTML%2CCSS%2CJavaScript%7C%D0%90%D0%BD%D0%B0%D1%82%D0%BE%D0%BB%D0%B8%D0%B9%D0%98%D0%B2%D0%B0%D1%88%D0%BE%D0%B2
Основы HTML

1. Введение Структура HTML-документа Обязательные теги Элемент в HTML
2. Тег HEAD Информация об HTML-документе Мета-теги
3. Заголовки Семантическая разметка (что это и зачем) и её теги
4. Виды элементов Вложенность тегов Самозакрывающиеся и пустые элементы
5. Атрибуты элементов в HTML Виды, свойства и синтаксис атрибутов Примеры
6. Разметка и форматирование текста в HTML div и span теги
7. Все о ссылках и картинках в HTML Бонус - форматы изображений
8. Все о списках в HTML Как оставлять комментарии в коде
9. Таблицы в HTML
10. Формы в HTML Как создавать, синтаксис и основные атрибуты формы

#video #html

https://www.youtube.com/playlist?list=PL1rV860db3OZ_ow-ncrnPBl1337aEXxp6
Курс HTML & CSS

1. Знакомство с основным каркасом страницы
2. Программа курса HTML & CSS
3. Знакомство с header, article, section и другими тегами
4. Ссылки и изображения
5. Верстаем таблицы
6. Создание web формы
7. Знакомство с CSS
8. Псевдоклассы и псевдоэлементы, часть 1
9. Псевдоклассы и псевдоэлементы, часть 2
10. Практикуем селекторы в CSS3

#video #html #css

https://www.youtube.com/watch?v=GFqCX2AefQk&list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K&ab_channel=%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%D0%90%D0%BD%D0%B4%D1%80%D0%B8%D0%B5%D0%B2%D1%81%D0%BA%D0%B8%D0%B9
HTML для начинающих

1. Введение
2. Теги
3. Атрибуты
4. Таблицы
5. Ссылки
6. Фреймы
7. Списки. Маркированный список. Нумерованный список. Список определений
8. Отображение изображений в HTML
9. Как подключать стили CSS и JavaScript к HTML
10. ТОП 10 нужных вам HTML элементов, о которых вы не знали

#video #html

https://www.youtube.com/playlist?list=PLKDBbMe24A2YhpFU6pbnIeNcm00F-auQo
Курс по верстке с нуля HTML и CSS

1. Введение
2. Что такое HTML Создание первой страницы
3. Теги разметки текста Атрибуты тегов Редактор CodePen
4. Знакомство с CSS Селекторы по тегу и классу
5. Практика на реальном сайте
6. Наследование Каскадирование правил
7. Структура HTML документа
8. Ссылки и изображения
9. Свойства оформление текста
10. Внутренние и внешние отступы

#video #frontend #html #css

https://www.youtube.com/watch?v=1C0xUXVhN3s&list=PLK_91fLxh1IFU3Azxz8TozASTADRWNBRm&ab_channel=XCode
Курс по верстке с нуля HTML и CSS

1. Введение
2. Что такое HTML Создание первой страницы
3. Теги разметки текста Атрибуты тегов Редактор CodePen
4. Знакомство с CSS Селекторы по тегу и классу
5. Практика на реальном сайте
6. Наследование Каскадирование правил
7. Структура HTML документа
8. Ссылки и изображения
9. Свойства оформление текста
10. Внутренние и внешние отступы

#video #frontend #html #css

https://www.youtube.com/watch?v=1C0xUXVhN3s&list=PLK_91fLxh1IFU3Azxz8TozASTADRWNBRm&ab_channel=XCode
Создание сайта

1. Изучаем HTML за 22 минуты
2. Что такое верстка сайта? Как начать и научиться | HTML\CSS
3. Что такое Django Python и зачем он нужен?
4. Для чего нужен язык JavaScript
5. Что такое хостинг и домен простыми словами
6. Какой хостинг лучше выбрать для сайта
7. Как изучить Django и создать сайт?
8. Как создать сайт: конструктор, вёрстка или движок? 4 способа

#video #html

https://www.youtube.com/watch?v=WdXPXVgVCsM&list=PLwcrUGVI9RB4lCthmwUwY6uo1Z0sc1yOI&ab_channel=%D0%AD%D0%BD%D1%86%D0%B8%D0%BA%D0%BB%D0%BE%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F%D0%90%D0%B9%D1%82%D0%B8%D1%88%D0%BD%D0%B8%D0%BA%D0%B0
HTML для начинающих

1. Введение
2. Теги
3. Атрибуты
4. Таблицы
5. Ссылки
6. Фреймы
7. Списки. Маркированный список. Нумерованный список. Список определений
8. Отображение изображений в HTML
9. Как подключать стили CSS и JavaScript к HTML
10. ТОП 10 нужных вам HTML элементов, о которых вы не знали

#video #html

https://www.youtube.com/playlist?list=PLKDBbMe24A2YhpFU6pbnIeNcm00F-auQo