​Зачем нужны сборщики ?

Сборщики (или бандлеры) играют критически важную роль в процессе создания современных веб-приложений и сайтов. Они автоматизируют и оптимизируют множество задач, связанных с подготовкой кода к продакшену. Сборщики, такие как Webpack, Rollup, Parcel и другие, обеспечивают эффективное управление зависимостями, минификацию кода, транспиляцию и множество других возможностей. Вот основные причины, по которым сборщики являются неотъемлемой частью современной веб-разработки:

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

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

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

Оптимизация производительности
Могут минифицировать и углифицировать JavaScript и CSS, удаляя лишние пробелы, комментарии и сокращая имена переменных. Это уменьшает размер файлов и ускоряет загрузку веб-приложений.

Автоматизация задач
Могут автоматизировать множество рутинных задач, таких как компиляция SASS/LESS в CSS, оптимизация изображений, генерация исходных карт (source maps) для упрощения отладки и другие.

Горячая замена модулей (HMR)
Поддерживают горячую замену модулей (Hot Module Replacement), что позволяет разработчикам видеть изменения в коде в реальном времени без полной перезагрузки страницы, ускоряя процесс разработки.

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

👉 @seniorFront

​Когда лопнет IT-пузырь

Последние двадцать лет IT-индустрия привлекает к себе всё больше внимания, и это совсем не удивляет. Карьера в IT изменила жизни огромного количества людей в странах СНГ, открыла перед ними новые возможности и обеспечила высокий уровень жизни. Многие, вдохновляясь историями чужого успеха, меняют сферу деятельности, чтобы успеть отхватить себе «лакомый кусочек». Но всё ли так радужно в IT? Со стремительным развитием технологий возникают тревожные звоночки. Вдруг эта идиллия — лишь мыльный пузырь, готовый вот-вот лопнуть?

Сценарий №1. Всех заменит ИИ
Вероятно, вы слышали высказывания главы Nvidia Дженсена Хуанга о том, что больше нет необходимости изучать программирование, поскольку искусственный интеллект заменит большую часть IT-специалистов. Действительно, эту угрозу ощущают немало профессионалов своего дела. Уже сейчас медленно, но верно ИИ проникает во многие рабочие процессы, частично заменяя некоторые позиции.
Однако давайте посмотрим на это с другой стороны. Да, мир постоянно меняется, и мы с вами никак не можем этому помешать. Тем не менее, несмотря на рост уровня автоматизации, многие процессы по-прежнему требуют человеческого участия и глубокого понимания. Создание эффективного ИИ, его тестирование и совершенствование — это задачи, в которых человеческий элемент невозможно полностью заменить.
Как мне кажется, развитие ИИ создаст новые возможности не только для специалистов, занятых в разработке, внедрении и обслуживании этих технологий, но и всех, кто сможет адаптироваться и научится использовать нейросети в свою пользу.

Сценарий №2. Переизбыток специалистов на рынке
Время от времени я просматриваю вакансии на hh.ru. За последние пару лет заметно выросло количество откликов по многим направлениям в IT.
Думаю, есть несколько причин такого ажиотажа. Во-первых, государство поддерживает это направление: во многих учебных заведениях появились или расширились факультеты для подготовки IT-специалистов. Во-вторых, количество онлайн-курсов, которые обещают обучить с нуля и заманивают учеников громкими обещаниями, увеличивается день ото дня. Всё это плодит кучу новичков в сфере, готовых стартануть с меньшей зарплатой и на менее выгодных условиях.
Конкуренция растёт, а зарплаты, которые раньше были стабильно высокими, начинают снижаться. Это может продолжаться в течение нескольких лет, приводя к тому, что даже опытные ребята будут долго искать работу.

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

👉 @seniorFront

План действий на 2024 для UX/UI-дизайнера и ссылки на статьи

UI/UX-дизайн (пользовательский интерфейс и пользовательский опыт) — это деятельность по созданию удобных, интуитивно понятных и эстетически привлекательных цифровых интерфейсов для улучшения общего взаимодействия пользователя с продуктом.

Рост зависимости от веб-сайтов и приложений в повседневной жизни создаёт множество рабочих мест в UI/UX-дизайне. Однако стать профессиональным UI/UX-дизайнером — это непростая задача, требующая преданности делу и усердной работы. Именно поэтому необходимо иметь правильный план действий, чтобы проще было учиться.

👉 @seniorFront

Card animation

Свёрстано и анимировано на HTML и CSS. Логика переключения анимаций реализована в JS.

👉 @seniorFront

Wave Animation Effects

В этом видео создается бесконечная анимация волны на HTML и CSS.

👉 @seniorFront

Рабочий день окончен

👉 @seniorFront

interactive platypus

Анимировано в CSS. Логика перемещения и запуска анимации реализована в JS.

👉 @seniorFront

Pure CSS airplane checkbox

Оригинальный переключатель свёрстанный и анимированный с использованием препроцессоров Pug и Stylus.

👉 @seniorFront

Animated Login Page

В этом видео создаётся анимированная форма входа на HTML и CSS.

👉 @seniorFront

Разбираем как решать задачи на LeetCode

✅ Примеры решений
✅ Пояснения

Выбери своё направление:

1. Python
2. JavaScript
3. Java
4. C#
5. Golang
6. C/C++
7. PHP
8. Kotlin
9. Swift

Split screen before/after

Автор разместил две картинки, к одной из которых применил фильтр grayscale и CSS clip-path для обрезки изображения. Значение свойства clip-path изменяется в JS.

👉 @seniorFront

Получите средний символ

Вам будет дано слово. Ваша задача - вернуть средний символ слова. Если длина слова нечетная, верните средний символ. Если длина слова четная, верните 2 средних символа.

Пример:
getMiddle("testing") = "t"

👉 @seniorFront

Вышел TypeScript 5.6

В этой статье описаны последние изменения в TypeScript.

Краткий список изменений:
— Новые синтаксические проверки на нулевые/истинные значения
— Методы-помощники итератора и проверки на строгость
— Приоритетная проверка регионов в редакторах
— Гибкое поведение --build

👉 @seniorFront

​Зачем нужны сокеты ?

Сокеты — это программные интерфейсы (API), позволяющие обеспечивать взаимодействие между приложениями по сети. Они используются для создания сетевых соединений для обмена данными между клиентом и сервером или между узлами в сети. Вот основные причины, по которым сокеты являются важным инструментом в разработке сетевых приложений:

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

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

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

Гибкость и контроль
Предоставляют разработчикам большую гибкость и контроль над тем, как устанавливаются и управляются сетевые соединения. Разработчики могут определять, какие протоколы использовать (TCP, UDP и др.), как обрабатывать ошибки и потерю пакетов, а также как оптимизировать производительность для конкретных требований приложения.

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

👉 @seniorFront

Forest Encounter

Свёрстано и анимировано на чистых HTML и CSS.

👉 @seniorFront

​Калибровка Life Work Balance. Система планирования, которую я развиваю уже 14 лет

У вас бывает ощущение, что год прошел зря? Коллеги влетают на вершины карьерной лестницы, бизнес знакомых активно развивается, друзья объездили весь мир и покупают очередную квартиру? А у нас жопа в огне, мы тонем в рабочих задачах, едва успевая найти время на бытовую рутину, не оставляя время на себя?

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

Баланс между работой и жизнью
Моё окружение часто сетует на отсутствие баланса между работой и личной жизнью. И у меня есть простой ответ: баланса между работой и личной жизнью нет, потому что в их «оперативной памяти» существуют только рабочие задачи.

На работе нас учат планировать: мы верстаем дорожные карты на год, ставим квартальные цели и раскладываем их на двухнедельные спринты. А баланса между работой и личной жизнью у нас нет, потому что мы не ставим себе задачи вне работы: запустить блог или набрать первую 1000 подписчиков, выучить английский, похудеть на 5 кг, купить новый сноуборд.

Как может быть баланс, если мы на самом деле ничего не планируем, кроме работы? Его физически не может существовать.

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

Бюджетирование
В корпоративном мире не надо никому объяснять, что нужно что-то бюджетировать — ты должен выделять бюджет и контролировать его.
Очень мало моих знакомых занимается вёрсткой персонального бюджета. Единицы умеют управлять своим капиталом. У меня, кстати, для этого есть прикольная табличка в google docs, которая позволяет управлять ежемесячным бюджетом и трекать динамику своего капитала в течение года в игровой форме.

Дневник — план на год
Впервые с дневником я столкнулся на Executive MBA LWB, где изучают инструменты управления бизнесом, корпоративные финансы, менеджмент и предпринимательство в целом.
Дневник на самом деле задаёт тебе достаточно простые вопросы, которые позволяют понять, что для тебя важно, что получается хорошо и к чему ты стремишься. Например, там просят описать ключевые достижения в жизни, или каким моментам ты радовался, а какие огорчали.
Даже если ты очень скромный и кажется, что никаких достижений нет, можно просто написать, какие моменты тебя радуют или огорчают и с чем это связано. Для начала этого хватит.

Цели
Апофеоз заполнения дневника это формулирование личных целей на год. И тут в дело идут все прошлые наработки из дневника. Ты фиксируешь области жизни, которыми хочется заниматься. Как уже говорил, у меня это здоровье, спорт, нетворкинг, личная жизнь и, конечно, работа.

👉 @seniorFront

Платить деньги или есть еще секреты для достижения супер результатов команды?

В этой статье Senior Product Owner в одном крупном корпорате обсуждает мотивацию сотрудников, микроклимат в команде и счастливых коллег... это я про счастливую команду, которая помогает тебе расти по карьерной лестнице. Да-да, ты не в одиночку тянешь все с супер результатами :).

👉 @seniorFront

luminous rain

Генерация и анимация капли реализована в JS. Волна анимирована в CSS.

👉 @seniorFront

Steps

В этом видео создаётся анимация CSS свойства transform: rotate из четырех шагов.

👉 @seniorFront