Лайв с ответами


Нравится? Становитесь патронами — www.patreon.com/pepelsbey

00:00:00 Интро
00:01:16 Планы на стрим
00:01:47 Сверлят
00:01:57 Новые Макбуки
00:03:43 5K-монитор
00:05:33 Кто сверлит?
00:05:51 Плавный курсор в VS Code
00:06:22 Надо ли знать вёрстку фронтендеру
00:07:58 Факап в карьере
00:09:07 Новые клавиатуры
00:11:07 Станут ли верстальщики невостребованными
00:13:43 Сходства в логотипе
00:14:50 Размер шрифта и единицы вьюпорта
00:18:04 Странное собеседование
00:19:51 Карточки с картинками и подписями
00:20:32 Дизайн-системы
00:22:40 CSS-код элемента в Figma
00:24:43 Устают ли руки с механическими клавиатурами
00:25:26 Установка Kerio Control на Ubuntu
00:25:35 Где читать про БЭМ?
00:26:40 Адаптация для Safari
00:28:26 Любимая музыка
00:29:30 Сколько нужно зарабатывать, чтобы жить на Кипре
00:30:01 Bootstrap 5
00:31:22 Будет ли Vue в курсе Академии
00:32:17 Разбор доступного селекта
00:33:24 Много ли программируешь?
00:35:04 Готовые слайдеры
00:36:31 Использовал ли Storybook
00:36:57 Как убрать скролл на мобилке
00:37:46 Вынос кастомизированных значений в дизайн
00:39:36 БЭМ и нестандартная сетка на гридах
00:40:10 Про лайвкодинг
00:41:32 Планы на LP
00:42:58 Safari на Windows
00:43:34 Зачем проколол ухо
00:43:41 Синдром самозванца
00:44:28 Альтернатива Bootstrap
00:44:39 Доступный слайдер
00:46:05 Issue по-русски
00:47:14 На что снимаешь и хостишь стрим?
00:47:57 Рекомендации студенту
00:49:14 Платные разборы, тиры для патронов
00:50:25 Сборщик Snowpack и другой
00:51:48 Количество медиавыражений
00:52:13 Data-атрибуты вместо классов
00:54:16 Влияние ковида на рынок труда
00:56:34 Масштабирование во вьюпорте
00:57:44 Выравнивание по центру на гридах
00:58:51 Порядок фавиконок в метатегах
00:59:29 Где прокачаться по тимлидингу
00:59:41 Playwright
01:00:04 Выбор механической клавиатуры
01:02:05 Как начать разбираться в механике
01:02:37 Углублённое знание вёрстки
01:04:12 Способ имитировать нажатие на текст
01:04:29 Фокусируются на Веб-стандартах
01:05:28 Мнение про стек
01:06:04 Универсальные названия классов
01:07:12 Куда расти верстальщику
01:08:27 Верстальщики и React
01:09:27 Умение верстать письма
01:10:42 Где научиться рефакторингу
01:11:17 Вставка SVG
01:12:28 Книги по фронтенду
01:13:03 Тег datalist
01:14:00 Клавиатура без кириллицы
01:15:34 Вёрстка и мобильные приложения
01:17:17 Город для переезда
01:19:22 Типографики от ширины окна
01:20:23 Именование классов
01:20:56 Сложная кроссбраузерная вёрстка
01:21:47 Музыкальные инструменты
01:22:30 Планы на pitercss_meetup
01:22:51 AVIF в Safari
01:22:55 Веб-компоненты или фреймворк
01:23:27 Конец

LG UltraFine 5K www.lg.com/us/ultrafine-monitors
Тема для VS Code marketplace.visualstudio.com/items?itemName=Hyzeta.vscode-theme-github-light
Подкаст про музыку LP 3lp.me/
Курс «Анимация для фронтендеров» htmlacademy.ru/intensive/animation
Подкаст про дизайн-системы youtu.be/gh-_3-N1dnQ
Ин­клю­зив­ные ком­по­нен­ты: слай­дер web-standards.ru/articles/a-content-slider/

* * *

Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 мм, f/2,8
Видеокарта: Blackmagic ATEM Mini Pro
Микрофон: Audio-Technica BP40
Свет: Aputure Light Storm 120d II Light Dome

Просто о виртуализации. Docker


Docker: основы работы с образами и контейнерами. Как получить, запустить и практически использовать виртуализацию Docker.
Linux post install steps 3:17
pull 4:34
Структура образа (слои) 5:12
run -it 7:26
run command 8:58
ps 10:14
rm 11:06
images 12:09
rmi 12:14
Alpine Linux 13:34
start 15:01
stop 15:22
run -d 16:16
--name 16:36
Docker Hub 16:59
pull :version 17:35
ctop 18:11
exec 18:35
attach 20:37
Ctrl P Ctrl Q 20:50
Port forwarding (-p) 21:40
Volume forwarding (-v) 23:45

Поддержать проект:
➡ Стать спонсором www.youtube.com/letscodedru/join
➡ Patreon www.patreon.com/letscodedru
➡ Яндекс.Деньги money.yandex.ru/to/41001451675086
➡ PayPal paypal.me/letscodedru
➡ Qiwi qiwi.me/letscode

В этом видосе мы смотрим как базово использовать Docker разработчику и администратору. Делаем первые шаги в Docker и пытаемся понять, зачем он вообще нам может быть нужен.

Sweater deploy:
Linux: youtu.be/wj7j92w2eLw
Windows: youtu.be/kT_xEflmaGE

Sarafan deploy:
youtu.be/q7e4A9pfNrk

Install Docker:
Linux: docs.docker.com/install/linux/docker-ce/ubuntu/
MacOS: docs.docker.com/docker-for-mac/install/
Windows: docs.docker.com/docker-for-windows/install/

Post install Linux:
docs.docker.com/install/linux/linux-postinstall/

Explore DockerHub:
hub.docker.com/search/?q=

Локальный вебсервер в подсистеме Linux в Windows 10


Делается по заметке camouf.ru/club/user/1/blog/144/
Настраиваем локальный веб-сервер, для разработки сайтов. Осваиваем подсистему Linux в Windows 10
Оптимизируем под #Битрикс

Розыгрыш:
Раз в два месяца разыгрываю лицензию на битрикс и промокод на хостинг.
Только среди поддержавших. Редакция битрикс, та на которую наберется сумма.
Если не набирается на минимальную (Старт) — продлеваю сбор на месяц
Поддерживать сюда:
www.donationalerts.com/r/camouf

18 слов из IT-сленга которые тебе нужно знать


Разбираем 18 слов из IT-сленга, которые тебе нужно знать в начале своей карьеры.

IT-отрасль так же как и все другие обладает большим количеством слов профессионального сленга. Особенность этой отрасли в том, что практически весь
профессиональный сленг это калька или прямые заимствования из английского языка, но это не значит, что все термины легко понять не будучи в контексте.

Курс о котором идет речь: Automation QA (Java) — bit.ly/37SKmzj

Курсы для новичков:
JAVA — bit.ly/2LqVTyv
JAVA Start — bit.ly/3n87zUy
PYTHON — bit.ly/37Sox2X
C# START — bit.ly/39VowOt
C#/.NET — bit.ly/3oxKjQm
Инструментарий JAVA — bit.ly/33XmHfV
ANDROID — bit.ly/2JIgtdh
FRONT-END — bit.ly/3n9XzKD
WORDPRESS Developer — bit.ly/3m5Wouq
SALESFORCE Developer — bit.ly/2K9wCZ5
UI/UX дизайн — bit.ly/3qLXWgv
Обучение на проекте — bit.ly/3oCCatS

Продвинутые курсы для состоявшихся девелоперов:
GRASP and GoF Design patterns — bit.ly/3gG5FrZ
Enterprise patterns — bit.ly/2W1hyzd

Другие услуги:
Пробное собеседование: bit.ly/3qKF7dO
Карьерная консультация: bit.ly/3omK6iC

Сайт Foxminded: bit.ly/340ah7i
Foxminded в ФБ: www.facebook.com/foxmindedco
FoxmindEd в Instagram: www.instagram.com/foxminded.ua/
Foxminded в VK: vk.com/foxminded
Мой Telegram: t.me/nemchinskiyOnBusiness
Мой блог: www.nemchinsky.me

Тайминг:
00:00 — вступление Сергея Немчинского
01:00 — разраб
01:50 — дедлайн
02:48 — митинг
03:25 — рекламная пауза
04:20 — оффер
05:21 — овертайм
06:55 — скилл
07:14 — хард скиллы
07:24 — софт скиллы
08:05 — саппорт
10:00 — профит
10:41 — ребут
11:12 — релиз
11:59 — фидбек
12:58 — фикс
13:28 — флоу
14:45 — фронтенд
14:57 — бэкенд
15:39 — фича

#ITсленг #nemchinskiy #ityoutubersru

У меня не получится или не получается программировать. Разбираю 4 ситуации свой опыт.


Ко мне обращаются люди с такими важными вопросами: у меня не получится программировать или не получается программировать. Тут очень важна разница в окончании этого вопроса.
Пытаюсь понять причины и дать полезные советы опирающиеся на мой опыт, естественно.
— Ваше участие очень важно для развития моего канала. Самое мало, что вы можете сделать это поддержать канал любым доступным вам способом: лайк, комментарий, подписка. Меня это мотивирует на продолжение работы, а вам ничего не стоит.

Если вы хотите меня отблагодарить донатом и поддержать развитие канала:
money.yandex.ru/to/4100184436534
В комментариях можно указать тему или идею для нового видео, которую вы бы хотели увидеть на канале. Естественно, мнение тех, кто меня поддерживает финансово я буду учитывать в первую очередь.

Личные вопросы о помощи в программирование и построении карьеры в IT можно задавать тут sberegovoy.ru/mentor/

— Оставайтесь на связи:
Мой сайт — sberegovoy.ru
Вступайте в телеграмм канал — t.me/sberegovoy
Или вступайте в группу ВК — vk.com/sberegovoyru
#ityoutubersru

Никто в нас не верит! Оживляем Мазду после 5 лет смерти.


Всем привет! Сегодня у нас очень интересное оживление. Праворульная Мазда Капелла простояла 5 лет без признаков жизни. Никто, реально никто не верил, что эта Мазда оживет… Но мы все равно попытались… Что из этого вышло, смотрите!

Ильдар Авто-подбор это официальный канал компании авто-подбор.рф.

Подбор подержанных автомобилей.

Выездная диагностика.

Проверка бу авто перед покупкой по 105 пунктам: состояние двигателя и АКПП, электрика и электроника, кузов и ходовая.

Оценка целесообразности покупки автомобиля.

Проверка технической и юридической чистоты.

Сайт: podbor.org/?utm_source=youtube

Вадим Зеланд — Как уйти от страхов, тревог и паники


Вадим Зеланд. Вперед в Прошлое! Ступень Третья. ПОТЕНЦИАЛЫ ВАЖНОСТИ.
Если сознательно снизить планку важности ситуации, то страх исчезнет. Но вся проблема в том, что осознанно сбросить важность не удастся.
Поэтому единственным действенным средством является страховка, или обходной путь. Вид ее в каждом конкретном случае свой. Если страховки нет, тогда все, что можно сделать в таком случае, — это не бороться с тревогой.
Уговаривать себя не бояться — бесполезно. Самообман не поможет. Любая форма борьбы со страхом только отнимает вашу энергию и усугубляет избыточный потенциал.

Всем любителям личностного роста. Канал для тех, кто стремится к успеху в жизни, достижению финансовой независимости и свободе выбора.

045. Структура сайта, ориентированная на человека; построение структуры, карточная сортировка


Дмитрий Сатин, Школа вебмастеров: «Структура сайта, ориентированная на человека; построение структуры, карточная сортировка».
Тест для самопроверки: events.yandex.ru/surveys/2384/
Содержимое сайтов часто организовано так, как кажется удобным разработчику или контент-менеджеру компании. Чаще всего такие структуры неудобны для реальных посетителей, потому что не совпадают с их знаниями, не поясняют, как устроен материал, и не помогают найти желаемое. Структура, ориентированная на пользователя, повышает вероятность того, что посетители найдут нужную информацию или товар и сделают это быстро.
Стройте структуру, исходя из пользовательских сценариев. Выделение на сайте разделов, соответствующих структуре компании или схеме процесса закупки, как правило, усложняет навигацию для пользователя. Правильная структура учитывает уровень знаний покупателя и использует понятные ему термины и способы группировки.
Записывайтесь на лекции Школы вебмастеров: academy.yandex.ru/events/webmasters_school/yawebm2015/?from=youtube

Введение в базовый экспресс-курс Excel для начинающих


Вводный урок к базовому курсу по работе в Эксель для начинающих

Другие уроки базового курса MS Excel 2013 на сайте statanaliz.info по ссылке: statanaliz.info/bazovyj-ekspress-kurs-ms-excel/

► Корпоративный тренинг «Продвинутый уровень MS Excel»:
statanaliz.info/trening-prodvinutyj-uroven-ms-excel/

► Онлайн курс «Продвинутый уровень MS Excel»:
statanaliz.info/kurs-prodvinuty-uroven-excel/

**************************

*** Мой сайт об Excel и статистике ***
statanaliz.info/

*** Странички и аккаунты в соцсетях ***
Facebook: https://www.facebook.com/statanaliz.info/
Вконтакте: https://vk.com/id_statanaliz_info
Твиттер: https://twitter.com/statanaliz_info
Telegram: t.me/statanaliz

Life Before iPhone - First there was Simon


An inside story told by Wayne Whitley, one of the original five inventors of the first Smartphone and other members of the design team, describing the process of creation, from concept to product, of the IBM Personal Communicator. This product was designed by IBM and marketed by BellSouth Cellular Corporation in the early 1990s and has since been credited as the world’s first smartphone.

Links:
Wikipedia – IBM Simon
en.wikipedia.org/wiki/IBM_Simon

Time First Smartphone turns 50
time.com/3137005/first-smartphone-ibm-simon/

Simonizing the PDA
byte.com/art/9412/sec11/art3.htm
Smartland Korea: Mobile Communications, Culture and Society
books.google.com/books?id=SjKNDgAAQBAJ