​Docker Compose Watch: попрощайтесь с томами Docker!

#tools

Вы когда-нибудь пытались использовать тома Docker для горячей замены (hot-reloading) в своем веб-приложении? Если вы получили такой же ужасный опыт, как и я, вам понравится новейшая функция, которую только что выпустил Docker: docker-compose watch!

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

Читать статью

👾 Пройди тест по Unity и проверь свои знания! 👾

Сможешь пройти успешно — пройдешь на продвинутый онлайн-курс «Unity Game Developer. Professional» от OTUS по специальной цене. Курс доступен в рассрочку!

➕ бонусом получишь доступ к записям лучших вебинаров курса.

➡️ Пройти тест: https://vk.cc/cuzGZr

🧑‍💻 На курсе вы научитесь:
1. использовать принципы SOLID
2. разделять приложение на архитектурные слои
3. выявлять высокую связность и анти-паттерны в коде
4. реализовывать игровую логику как конструктор
5. разрабатывать систему загрузки и сохранения игры и
6. проектировать архитектуру ИИ.

🔥 В конце обучения вас ждет практический проект для закрепления навыков, а также вы навсегда получите исходный код от демо-проекта!

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

​Управление GitHub-репозиториями: best practices

#tools

Для DevOps-инженера управление GitHub-репозиториями имеет не меньшее значение, чем содержащийся в них код. Хорошо поддерживаемые GitHub-репозитории создают основу для эффективной совместной работы и оптимизированных рабочих процессов. В этой статье мы рассмотрим 10 советов по эффективному управлению репозиториями на GitHub.

Читать статью

​Разделение состояния между окнами без сервера

#webdev

Недавно в социальных сетях появилась гифка с удивительным произведением искусства, созданным Бьорном Стаалом.

Мне захотелось воссоздать его. Но поскольку я не имею навыков работы с 3D для создания сферы и частиц с учетом физики их движений, я сосредоточился на том, как заставить окно реагировать на положение другого окна.

По сути, нужно разделить состояние между несколькими окнами, что, на мой взгляд, является одним из самых крутых аспектов проекта Бьорна!

Не найдя хорошей статьи или руководства по этой теме, я решил поделиться с вами своими находками.

Давайте попробуем создать упрощенный проект на основе работы Бьорна!

Читать статью

​Топ-10 книг для начинающих разработчиков

Привет, друзья! Мы заметили, что для начинающих программистов часто публикуют статьи с подборками книг по разным языкам. Например, «Лучшие книги для питонистов» или «Топ-10 книг для начинающих JavaScript-разработчиков». А вот подборок книг, которые будут полезны или интересны новичкам всех мастей, гораздо меньше. В нашей статье вы найдете именно такую подборку книг.

Читать статью

📢Как писать чистый код на любом языке?

Научиться применять шаблоны проектирования и SOLID в разработке на онлайн-курсе «Архитектура и шаблоны проектирования» от OTUS.

Программа идеально подойдет для разработчиков, а также для специалистов, которые разрабатывают программные продукты или занимаются интеграцией и развитием существующих продуктов.

На курсе вас ждут:

✅ живые вебинары с возможностью задать вопросы экспертам;
✅ много практики и сильные проекты для портфолио;
✅ поддержка профессионального комьюнити;
✅ рассрочка на комфортных условиях.

👉Пройдите небольшой тест прямо сейчас и узнайте, готовы ли вы к расширению своих карьерных возможностей: https://otus.pw/Ro5C/

​Асинхронные итераторы в JavaScript

#javascript

Некоторое время назад я опубликовал на своем Medium статью, в которой рассказал о протоколе Iterator и его пользовательском интерфейсе. Однако в дополнение к таким API, как Promise.finally, ECMAScript 2018 принес нам еще один способ работы с итераторами. Это асинхронные итераторы.

Читать статью

​Как я обучаю использованию Git

#git

Я использую Git уже дюжину лет. Восемь лет назад мне пришлось проводить тренинг по Git (и GitHub) для партнерской компании, которая собиралась создать проект с открытым исходным кодом. В этой статье я расскажу вам о том, как я его проводил.

Моя цель — не научить вас пользоваться Git, а поделиться своим подходом к обучению Git, чтобы другие люди, которые будут учить начинающих, могли вдохновиться.

Читать статью

​Проверка пользовательского ввода в Python

#python

Принимая пользовательский ввод, вы ожидаете получить данные определенного типа и вида. Например, целое число в некотором диапазоне или строку текста ограниченной длины. Но вы не можете быть уверены, что пользователь введет все правильно. Поэтому пользовательский ввод нужно проверять.

Читать статью

Девять шаблонов проектирования ПО, которые вы должны знать!

Освойте их на бесплатном практическом уроке от OTUS и Андрея Полякова — старшего разработчика в Unlimint.

✅После вебинара вы сможете:
– понимать основные принципы и концепции, лежащие в основе шаблонов GRASP;
– оценивать и выбирать наиболее подходящие шаблоны для конкретных проектов;
– разрабатывать архитектуры, основанные на принципах GRASP, что позволит создавать более качественное и надежное ПО.

Занятие пройдёт 29 февраля в 20:00 мск в рамках курса «Архитектура и шаблоны проектирования». Доступна рассрочка на обучение!

➡️ Пройдите короткий тест прямо сейчас, чтобы посетить бесплатный урок и познакомиться с форматом обучения: пройти тест

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

​Используйте не запрещающие, а разрешающие CSS-селекторы

#css

Небольшая заметка о том, что лучше использовать селекторы, включающие какие-то правила, а не отключающие их.

Читать статью

​Отладка кода при создании собственных проектов

Ах, радость кодинга! Вы работаете над своим проектом, и вдруг — бац! — обнаруживаете ошибку. Это все равно что уткнуться в стену в лабиринте.

Но не бойтесь, друзья-разработчики: я предлагаю вам надежную карту для навигации по коварным водам программирования, кишащим ошибками. Будь вы самоучкой, стремящимся получить работу мечты в сфере технологий, или просто занимаетесь программированием ради удовольствия, из этой статьи вы узнаете, как стать ниндзя отладки.

Читать статью

9 проверенных IT-курсов на Udemy

Чтобы успешно развиваться и осваивать ИТ-профессии, требуется постоянное обучение. Но есть проблема выбора – на рынке существует очень большое предложение курсов и для новичков, и для опытных специалистов.

В дайджесте на vc.ru и Medium Сергей Филатов, руководитель отдела продуктовой аналитики в QIC digital hub, подобрал курсы Udemy для разных целей и уровня подготовки в области data science, machine learning и бизнес-аналитики.

Как при помощи JavaScript определить, включен ли Caps Lock

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

Чтобы отслеживать, включен ли Caps Lock, мы используем метод getModifierState:

document.querySelector('input[type=password]').addEventListener('keyup', function (keyboardEvent) {
const capsLockOn = keyboardEvent.getModifierState('CapsLock');
if (capsLockOn) {
// Предупредить пользователя, что caps lock включен?
}
});

Я прежде никогда не встречал getModifierState, так что заглянул в документацию W3C, чтобы познакомиться с его значениями:

dictionary EventModifierInit : UIEventInit {
boolean ctrlKey = false;
boolean shiftKey = false;
boolean altKey = false;
boolean metaKey = false;

boolean modifierAltGraph = false;
boolean modifierCapsLock = false;
boolean modifierFn = false;
boolean modifierFnLock = false;
boolean modifierHyper = false;
boolean modifierNumLock = false;
boolean modifierScrollLock = false;
boolean modifierSuper = false;
boolean modifierSymbol = false;
boolean modifierSymbolLock = false;
};

getModifierState позволяет получить множество сведений о клавиатуре пользователя во время событий, ориентированных на нажатие клавиш. Жаль, что я не знал о getModifier в начале своей карьеры!

Источник - https://davidwalsh.name/detect-caps-lock

🔻Напишите онлайн-чат на Golang с нуля за пару часов и добавьте его в портфолио!

На бесплатном практическом уроке от OTUS, где вы вместе с опытным экспертом:

☑️ на примере разработки онлайн-чата разберете преимущества и особенности языка Go;
☑️ поговорите о клиент-серверной архитектуре интернета;
☑️ попрактикуетесь в написании веб-приложения на чистом Go;
☑️ проведете небольшое нагрузочное тестирование полученной реализации.

🗓 Встречаемся 12 марта в 20:00 мск в рамках курса «Go (Golang) Developer Basic». Доступна рассрочка на обучение!

👉 Регистрируйтесь прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://otus.pw/x6b4/

​Как использовать селектор :has() в CSS

#webdev

Селектор :has() предлагает новый уровень гибкости и возможностей в CSS, позволяя писать более чистые и эффективные таблицы стилей.

Читать статью

🫵 Соберите свой первый проект на С++ и добавьте его в портфолио

👉 На бесплатном практическом уроке от OTUS и Карины Дорожкиной — ведущего разработчика в Kaspersky.

На вебинаре:
- разберем понятие единицы трансляции;
- проследим за ошибками компиляции и линковки, разберёмся в их причинах;
- создадим статическую библиотеку и подключим её при помощи CMake;
- обсудим разницу между статической библиотекой и динамической.

⏰ Занятие пройдёт 5 марта в 20:00 мск и будет приурочено к старту курса «Специализация C++ Developer». Доступна рассрочка на обучение!

👉 Зарегистрируйтесь прямо сейчас, чтобы занять место: https://otus.pw/97YH/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Сортировка веток Git

Запустив git branch в репозитории, вы обычно получаете список веток в алфавитном порядке. Это может раздражать, когда у вас много веток (если только у вас нет очень жесткой системы именования по номеру тикета или чего-то подобного).

Но это можно изменить!

Выполните в вашем репозитории следующую команду:

git branch --sort=-committerdate

Это отсортирует все ваши ветки по дате их последнего коммита!

Для сортировки доступны следующие опции:

- authordate
- committerdate
- creatordate
- objectsize
- taggerdate

Кроме того, если хотите всегда сортировать по одному из этих параметров, можно установить это в настройках:

git config --global branch.sort -committerdate

Также можно задать псевдоним:

git config --global alias.brcd "branch --sort=-committerdate".

Успешных коммитов!

Источник - «Sorting Git branches».

​Как объявить массив в bash

#bash

Bash-скрипты полезны для автоматизации консольных команд. А массивы — отличный инструмент для хранения набора данных. Объявлять массив в bash не сложно, однако синтаксис отличается от синтаксиса массивов в языках программирования.

Читать статью

​Уменьшаем время загрузки сайта

#webdev

Если сайту не удается предоставить хороший UX, то скорее всего - из-за плохо оптимизированного фронтенда. Чаще всего дело бывает в загрузке данных и изображений. Давайте разберемся, что и как можно улучшить.

Читать статью