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
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
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
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
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
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
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
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
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
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
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