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

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

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

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

1. Верстаем эффект параллакса
2. Урок 3. Сброс и нормализация стилей, вёрстка с нуля
3. Урок 2. Единицы измерения CSS: px, em, rem, %, vw, vh, vmin, vmax, ex, ch
4. Урок 1. Что такое CSS? Подключение, селекторы, каскад в CSS.
5. Анимация при скролле страницы | JavaScript.
6. Профессионально верстаем макет с адаптивом, часть 1
7. Профессионально верстаем макет с адаптивом, часть 2
8. Вместе верстаем меню бургер
9. Вместе адаптируем вёрстку под мобильные устройства
10. Исправляем баги бургера, создаём шапку sticky и анимированную кнопка scroll to

#video #css

https://www.youtube.com/watch?v=jeufZwnYdIM&list=PLJpSkcgOK72Ci-YV4euY4g1c0lUQN1YEt
CSS для Профи

1. Каскадность и специфичность CSS
2. Наследование и инструменты разработчика
3. Работа с относительными единицами
4. Единицы измерения и много тонкостей
5. CSS Переменные, их применение
6. Flexbox верстка
7. Выравнивание и промежутки в flexbox
8. Flex свойства (grow, shrink, basis)
9. CSS сетка (GRID)
10. Расположение элементов по грид-линиям

#video #css

https://www.youtube.com/playlist?list=PLMB6wLyKp7lW8plyS_VDlVOt0vphrMl0A
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 - Полный курс

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