Вычисления в CSS: calc(), min(), max(), clamp()


23 декабря в 20:00 пройдёт открытый вебинар «Вычисления в CSS: calc(), min(), max(), clamp()».

Автор: Сабанцев Владимир, преподаватель курсов «Основы вёрстки», «Веб для начинающих» и «Vue.js» в LoftSchool.

При помощи этих функций CSS (calc(), min(), max(), clamp()) мы можем рассчитывать размеры элементов, отталкиваясь, к примеру, от размеров окна или родителя, и гибко управлять типографикой.
Так же эти функции позволяют писать меньше кода и медиа-запросов. Как это работает? Разберём на вебинаре.

Занятие рассчитано на новичков, которые уже имели опыт верстки (и желательно адаптива).

Подпишитесь на канал и поставьте напоминание, чтобы не пропустить.

Код с вебинара — github.com/loftschool/css-math-webinar

Тег a href. Ссылки HTML5. Вставить ссылку в картинку. Ссылка на файл. На сайт. Гиперссылка. HTML5 #9


Понравилось видео или оказалось полезным? Подпишись!

Ссылки html. Тег a href. Вставить ссылку в картинку. Ссылка на файл. Ссылка на сайт Гиперссылка.
Абсолютный или относительный путь. Пример
HTML5 для начинающих. Урок#9

Уроки по программированию
Наша группа ВК vk.com/smplcode
Подписывайтесь на канал www.youtube.com/channel/UCtLKO1Cb2GVNrbU7Fi0pM0w

Tmux — что это и зачем? Обзор и урок tmux


Запускаем мощную платную обучающую программу, интересно принять участие? Пройдите опрос — simpoll.ru/run/survey/c44b6a04

Поддержать канал и получить доступ к закрытым видео — boosty.to/digitalize.team

Обзор и урок tmux — это терминальный мультиплексор, позволяющий запускать в одном окне сразу несколько терминалов, удобно между ними переключаться, сохранять запущенные в нём процессы, всю историю и контекст. Крутейшая штука как для процесса разработки на локальной машине, так и для работы на удалённом сервере.

Изучаем Vim — www.youtube.com/watch?v=SHo3fAZfXMk
Менеджер процессов htop — www.youtube.com/watch?v=21yn_RAtPA8

0:00 3 ночи, всем привет!
0:59 Что такое tmux и терминальный мультиплексор?
2:00 Сессии tmux
3:22 Про установку tmux
3:43 Запуск сессии tmux, работа с панелями и окнами в нём
6:10 Отсоединение от сессии и возврат в неё
7:30 Настройка tmux
9:05 Выводы

/****************** about ******************/

Меня зовут Алексей Голобурдин, я программирую с 2004 года и на этом канале делюсь своим опытом. Я основатель и руководитель компаний:

— Диджитализируй digitalize.team, разрабатываем сложные IT системы для бизнеса;
— Salesbeat salesbeat.pro, комплексный модуль доставки для интернет магазинов.

Если у вас есть проект на разработку, пишите нам на hi@digitalize.team.

С другими предложениями, а также если вам нужна одна или несколько индивидуальных консультаций/уроков по разработке (3000 руб/час), пишите мне на alexey@salesbeat.pro.

Мои соц сети:
www.facebook.com/a.goloburdin
www.instagram.com/alexeygoloburdin/
vk.com/a.goloburdin

---

9. Базы данных. MySQL и сравнение с PostgreSQL | Технострим


Слайды лекции: bozaro.github.io/tech-db-lectures/09/
► Другие лекции курса: www.youtube.com/playlist?list=PLrCZzMib1e9oOFQbuOgjKYbRUoA8zGKnj
Подробнее о курсе: park.mail.ru/curriculum/program/discipline/218/

Лекция читается в рамках образовательного проекта «Технопарк Mail.ru Group» при МГТУ им.Баумана.

Описание лекции:

Лекция посвящена СУБД MySQL и ее сравнению с PostgreSQL.

Рассматриваются следующие темы:

— Архитектура MySQL
— Подсистемы хранения MySQL
— Репликация в MySQL
— Настройка MySQL
— Проблемы MySQL
— Достоинства MySQL


Хронометраж:

00:00:05 О теме лекции
00:01:09 Архитектура MySQL
00:02:08 Архитектура MySQL: хранилища объектов
00:04:22 Подсистемы хранения: MyISAM
00:06:52 Подсистемы хранения: InnoDB
00:08:30 Подсистемы хранения: Memory
00:09:53 Подсистемы хранения: критерии выбора
00:11:51 Подсистемы хранения: надежность
00:12:05 Другие подсистемы хранения
00:12:57 Подсистемы хранения: когда какую использовать / практические примеры
00:14:42 Проблемы MySQL: не транзакционный DDL
00:16:27 Проблемы MySQL: дорогой ALTER TABLE
00:20:00 Проблемы MySQL: особенности выборки данных
00:23:02 Проблемы MySQL: хранилище и лог транзакций существуют за пределами «движка»
СУБД
00:24:55 Репликация в MySQL: режимы репликации / проблемы репликации в MySQL
00:31:16 Репликация в MySQL: другие особенности
00:33:30 Репликация в MySQL: хрупкая репликация (пример проблемного запроса)
00:35:56 Ответы на вопросы по хранилищам MySQL
00:39:00 Архитектура MySQL: особенности планировщика запросов
00:41:19 Планировщик запросов: гарантированно плохие запросы
00:43:57 Проблемы MySQL: отличие между равенством и конструкцией IN в запросе выборки
00:47:08 Планировщик запросов: DELETE (стандартный / специфичный синтаксисы)
00:49:58 Проблемы MySQL: AUTO_INCREMENT
00:54:09 Проблемы MySQL: TIMESTAMP vs DATETIME
01:00:20 Проблемы MySQL: операция UPDATE не соответствует стандарту SQL92
01:01:33 Проблемы MySQL: lower_case_table_names
01:05:13 Как я познакомился с MySQL
01:08:53 Достоинства MySQL: секционирование
01:11:10 Достоинства MySQL: COLLATIONS
01:17:18 Достоинства MySQL: LIBSLAVE
01:18:52 Настройка MySQL: базовые параметры / кэш MyISAM
01:20:21 Настройка MySQL: размер блока ключей key_cache_block_size
01:21:26 Настройка MySQL: кэш InnoDB
01:27:58 Настройка MySQL: ввод / вывод в MyISAM
01:29:38 Настройка MySQL: ввод / вывод в InnoDB
01:33:33 Критерии выбора СУБД и проблемы миграции
01:36:26 Проблемы MySQL: необычайно долгий дамп
01:37:01 Ответы на вопросы по пройденному материалу: проблемы миграции
01:41:59 Причины миграции с MySQL на PostgreSQL: пример из практики
01:46:33 Проблемы MySQL: MYSQLDUMP
01:51:32 Проблемы MySQL: нелогичное выполнение некоторых запросов — WARNING vs ERROR
02:03:30 Проблемы MySQL: нелогичное выполнение некоторых запросов — TIMESTAMP
02:09:41 Проблемы MySQL: нелогичное выполнение некоторых запросов — GROUP BY

— О КАНАЛЕ:

Официальный канал образовательных проектов Mail.Ru Group

► Нажмите здесь для подписки ‣ www.youtube.com/TPMGTU?sub_confirmation=1

Актуальные лекции и мастер-классы о программировании от лучших IT-специалистов. Если вы увлечены мобильной и веб-разработкой, присоединяйтесь!

Наши проекты:
Технопарк при МГТУ им. Баумана ‣ park.mail.ru
Техносфера при МГУ им. Ломоносова ‣ sphere.mail.ru
Технотрек при МФТИ ‣ track.mail.ru
Техноатом при МИФИ — atom.mail.ru
Технополис при СПбПУ — polis.mail.ru

— МЫ В СЕТИ:

Технопарк в ВК | vk.com/tpmailru
Техносфера в ВК | vk.com/tsmailru
Технотрек в ВК | vk.com/trackmailru
Техноатом в ВК | vk.com/technoatom
Технополис в ОК: www.ok.ru/technopolis
Технополис в ВК: vk.com/technopolis_ok
Блог на Хабре | habrahabr.ru/company/mailru

Postgres 12 в этюдах / Олег Бартунов (Postgres Professional)


Saint HighLoad 2019

Тезисы и презентация:
www.highload.ru/spb/2019/abstracts/4871

Мой доклад будет состоять из нескольких мини-докладов, в которых я постараюсь рассказать про новую функциональность/улучшение/исправление и добавлю немного бэкграунда для лучшего понимания. Например, в 12 версии ожидаются поддержка KNN для SP-GiST и B-tree, но все ли знают или помнят, что такое SP-GiST и что такое KNN и как им пользоваться?

— Нашли ошибку в видео? Пишите нам на support@ontico.ru

JavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]


Полный практический курс по JavaScript — clc.to/senior

Таймкоды на все важные разделы JS в описании. Что в курсе: что такое JavaScript, переменные, типы данных, числа, BigInt, все о строках, функции, стрелочные функции, массивы, объекты, асинхронность, Promise, async await, работа с DOM и все это с использованием актуального синтаксиса 2020

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мои Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Содержание:
0:00:00 — Введение
0:01:31 — Что такое JavaScript
0:29:44 — Основы
1:43:52 — Числа BigInt
2:21:24 — Строки
2:41:21 — Функции
3:03:39 — Массивы
3:45:06 — Объекты
4:20:50 — Асинхронность
4:41:03 — Работа с DOM
5:39:29 — Заключение

Исходники в телеграм канале:
teleg.one/js_by_vladilen

#javascript #js

Полезные фишки для твоей верстки сайта на HTML и CSS


В этом видео разберем полезные фишки для твое верстки сайта на HTML и CSS.

Ссылки из видео
squoosh.app/
9elements.github.io/fancy-border-radius/
css-tricks.com/snippets/css/system-font-stack/

Главы видео:
00:00 — 00:00:12 — Введение
00:00:12 — Webp, picture
00:01:24 — адаптивные контентные изображения
00:02:19 — object-fit
00:02:43 — font-size: 10px;
00:02:58 — Системные шрифты
00:03:17 — em
00:04:16 — текст в одну строку
00:04:50 — background-position
00:05:22 — border-radius 8 аргументов

О проекте
— Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке — HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.

// Соц. сети =================

Мой ВК — vk.com/odimaz

Группа BC — vk.com/brainscloud

Мой Instagram: www.instagram.com/dmitryvalak/

Дизайн для реального заказчика на фрилансе


Современный фриланс урок для начинающего веб дизайнера: создаем свой дизайн для реального заказчика. wayup.in/library/course4

______________

Другие мастер-классы по теме:

UX / UI — Проектирование: учимся делать удобно
youtu.be/n2W0otzEu9s

Основы грамотного веб-дизайна: большая практика
youtu.be/pfpgMkRjkGg

Figma: новый взгляд на дизайн интерфейсов
youtu.be/-36ZtLNx5EM

______________

Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

Ошибки начинающих при верстке сайтов на HTML и CSS


В этом видео разберем частые ошибки, которые делают начинающие верстальщики при верстке сайта на HTML и CSS. Разберем ошибки на практике и поделюсь своими советами.

Главы видео:
00:00 — 00:00:19 — Введение
00:00:19 — Семантика
00:01:23 — margin/padding
00:04:55 — Фиксированная высота
00:06:49 — Межстрочный отступ
00:08:15 — Адаптивные изображения
00:09:53 — Логика блоков и элементов
00:12:28 — Работа с элементами форм
00:13:59 — Верстка textarea
00:15:45 — Стилизация :focus
00:17:33 — Оптимизация селекторов
00:19:25 — Стили на разных тегах
00:20:59 — Элементов может быть больше
00:22:29 — Декоративные элементы

// О проекте =================

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке — HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.

// Соц. сети =================

Мой ВК — vk.com/odimaz

Группа BC — vk.com/brainscloud

Мой Instagram: www.instagram.com/dmitryvalak/