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
加入频道
CSS - Полный курс

1. Введение, синтаксис, CSS-правило, подключение к HTML, цели и главная польза CSS
2. Селекторы в CSS: типы селекторов и разбор простых селекторов
3. Все про ЦВЕТ (цвет текста, фона, границы) | Комментарии в CSS
4. Редактирование текста - часть 1
5. Редактирование текста - часть 2 | Шрифты
6. Селекторы | Комбинаторные и селекторы по атрибуту
7. Псевдо-классы и псевдо-элементы | Селекторы CSS
8. Границы элементов, отступы (margin и padding)
9. Бокс-модель, ширина и высота элементов, свойство outline
10. Работа с фоном, основные свойства background

#video #css

https://www.youtube.com/playlist?list=PL1rV860db3ObZikji1x8ShoFHdOaIp4G0
Язык CSS для новичков

1. CSS селекторы что это и как с ними работать
2. Как вставить картинку на CSS
3. Границы и скругления на CSS, Свойство border и border radius
4. Размеры элементов на CSS, Ширина и высота блока
5. Работа с шрифтом и текстом на CSS
6. Блочная модель документа на CSS
7. Псевдоклассы и псевдоэлементы на CSS
8. Flexbox на CSS и свойства для работы с флексами
9. Создаем меню на HTML и CSS, практика + домашнее задание
10. Верстаем на HTML и CSS, практика + домашнее задание

#video #css

https://www.youtube.com/watch?v=cxvhHXGlUF0&list=PLuY6eeDuleINJ5hIlBJWopSWHWDJYz_XW
ailwindCSS курс

1. О курсе Tailwind CSS
2. Что такое Tailwind CSS?
3. Установка TailwindCSS
4. Как работать с TailwindCSS CLI?
5. Как написать компонент с TailwindCSS?
6. Варианты установки TailwindCSS
7. Ширина и высота в TailwindCSS
8. Как работает TailwindCSS
9. Как поменять цвет текста и фона в TailwindCSS
10. Flexbox в TailwindCSS

#video #css

https://www.youtube.com/watch?v=BmB1e65pm98&list=PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2&ab_channel=%D0%92%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0-DevMagazine
CSS Grid

1. Введение в Grid. Базовые свойства
2. Dev tools. Grid auto rows
3. Grid auto flow, grid auto columns
4. Sizing grid. Единицы измерения fr
5. Span columns and rows
6. Размещение grid items
7. Grid auto-fill, auto-fit
8. Minmax function
9. Grid template areas
10. Именованные линии

#video #css

https://www.youtube.com/watch?v=On4GKRMtKuc&list=PLlwtdxQXoJAulkpmpra1jKp7wiDsqePep&ab_channel=EasyCode
Веб-сайт с нуля (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
Responsive CSS

1. Единицы измерения
2. Как работает em и rem
3. Кратко об vh и vw
4. Кратко об min- и max-
5. Флексбоксы ч.1
6. Флексбоксы ч.2
7. Практика часть 1

#video #css

https://www.youtube.com/watch?v=qk5WP33Ekwk&list=PLF29BwJQYZdbOIfrHluhKcMH5vvH8keN1&ab_channel=FraktalInc.Team
Курс по верстке с нуля 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
Язык CSS для новичков

1. CSS селекторы что это и как с ними работать
2. Как вставить картинку на CSS
3. Границы и скругления на CSS, Свойство border и border radius
4. Размеры элементов на CSS, Ширина и высота блока
5. Работа с шрифтом и текстом на CSS
6. Блочная модель документа на CSS
7. Псевдоклассы и псевдоэлементы на CSS
8. Flexbox на CSS и свойства для работы с флексами
9. Создаем меню на HTML и CSS, практика + домашнее задание
10. Верстаем на HTML и CSS, практика + домашнее задание

#video #css

https://www.youtube.com/watch?v=cxvhHXGlUF0&list=PLuY6eeDuleINJ5hIlBJWopSWHWDJYz_XW
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
TailwindCSS курс

1. О курсе Tailwind CSS
2. Что такое Tailwind CSS?
3. Установка TailwindCSS
4. Как работать с TailwindCSS CLI?
5. Как написать компонент с TailwindCSS?
6. Варианты установки TailwindCSS
7. Ширина и высота в TailwindCSS
8. Как работает TailwindCSS
9. Как поменять цвет текста и фона в TailwindCSS
10. Flexbox в TailwindCSS

#video #css

https://www.youtube.com/watch?v=BmB1e65pm98&list=PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2&ab_channel=%D0%92%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0-DevMagazine
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
CSS ANIMATION

1. Введение
2. Функция Перехода
3. Animation & Keyframes
4. Loading Screen
5. Easy Hover Effects
6. Анимированная строка поиска
7. Всплывающее окно
8. Amazing Product UI Card

#video #css

https://www.youtube.com/watch?v=DM5f0o9-IIk&list=PLpywlLTCVgaSOuxSAMFdRZthTXy1tGqNE&ab_channel=%D0%92%D0%B8%D1%82%D0%B0%D0%BB%D0%B8%D0%B9%D0%9C%D0%B5%D0%BD%D1%87%D1%83%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B8%D0%B9
CSS Grid

1. Введение в Grid. Базовые свойства
2. Dev tools. Grid auto rows
3. Grid auto flow, grid auto columns
4. Sizing grid. Единицы измерения fr
5. Span columns and rows
6. Размещение grid items
7. Grid auto-fill, auto-fit
8. Minmax function
9. Grid template areas
10. Именованные линии

#video #css

https://www.youtube.com/watch?v=On4GKRMtKuc&list=PLlwtdxQXoJAulkpmpra1jKp7wiDsqePep&ab_channel=EasyCode
Курс 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 и 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