План действий на 2024 для UX/UI-дизайнера и ссылки на статьи
UI/UX-дизайн (пользовательский интерфейс и пользовательский опыт) — это деятельность по созданию удобных, интуитивно понятных и эстетически привлекательных цифровых интерфейсов для улучшения общего взаимодействия пользователя с продуктом.
Рост зависимости от веб-сайтов и приложений в повседневной жизни создаёт множество рабочих мест в UI/UX-дизайне. Однако стать профессиональным UI/UX-дизайнером — это непростая задача, требующая преданности делу и усердной работы. Именно поэтому необходимо иметь правильный план действий, чтобы проще было учиться.
👉 @seniorFront
UI/UX-дизайн (пользовательский интерфейс и пользовательский опыт) — это деятельность по созданию удобных, интуитивно понятных и эстетически привлекательных цифровых интерфейсов для улучшения общего взаимодействия пользователя с продуктом.
Рост зависимости от веб-сайтов и приложений в повседневной жизни создаёт множество рабочих мест в UI/UX-дизайне. Однако стать профессиональным UI/UX-дизайнером — это непростая задача, требующая преданности делу и усердной работы. Именно поэтому необходимо иметь правильный план действий, чтобы проще было учиться.
👉 @seniorFront
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Card animation
Свёрстано и анимировано на HTML и CSS. Логика переключения анимаций реализована в JS.
👉 @seniorFront
Свёрстано и анимировано на HTML и CSS. Логика переключения анимаций реализована в JS.
👉 @seniorFront
👎2
Media is too big
VIEW IN TELEGRAM
Wave Animation Effects
В этом видео создается бесконечная анимация волны на HTML и CSS.
👉 @seniorFront
В этом видео создается бесконечная анимация волны на HTML и CSS.
👉 @seniorFront
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
interactive platypus
Анимировано в CSS. Логика перемещения и запуска анимации реализована в JS.
👉 @seniorFront
Анимировано в CSS. Логика перемещения и запуска анимации реализована в JS.
👉 @seniorFront
❤8
This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS airplane checkbox
Оригинальный переключатель свёрстанный и анимированный с использованием препроцессоров Pug и Stylus.
👉 @seniorFront
Оригинальный переключатель свёрстанный и анимированный с использованием препроцессоров Pug и Stylus.
👉 @seniorFront
👍15❤2
Что происходит, когда в React изменяется состояние компонента?
Anonymous Quiz
6%
Компонент удаляется из DOM
82%
Компонент рендерится заново
4%
Компонент остается неизменным
9%
Компонент переходит в состояние ожидания
👍3👎2
This media is not supported in your browser
VIEW IN TELEGRAM
Split screen before/after
Автор разместил две картинки, к одной из которых применил фильтр grayscale и CSS clip-path для обрезки изображения. Значение свойства clip-path изменяется в JS.
👉 @seniorFront
Автор разместил две картинки, к одной из которых применил фильтр grayscale и CSS clip-path для обрезки изображения. Значение свойства clip-path изменяется в JS.
👉 @seniorFront
👍6🔥2❤1
Получите средний символ
Вам будет дано слово. Ваша задача - вернуть средний символ слова. Если длина слова нечетная, верните средний символ. Если длина слова четная, верните 2 средних символа.
Пример:
👉 @seniorFront
Вам будет дано слово. Ваша задача - вернуть средний символ слова. Если длина слова нечетная, верните средний символ. Если длина слова четная, верните 2 средних символа.
Пример:
getMiddle("testing") = "t"👉 @seniorFront
🤔5
Вышел TypeScript 5.6
В этой статье описаны последние изменения в TypeScript.
Краткий список изменений:
— Новые синтаксические проверки на нулевые/истинные значения
— Методы-помощники итератора и проверки на строгость
— Приоритетная проверка регионов в редакторах
— Гибкое поведение --build
👉 @seniorFront
В этой статье описаны последние изменения в TypeScript.
Краткий список изменений:
— Новые синтаксические проверки на нулевые/истинные значения
— Методы-помощники итератора и проверки на строгость
— Приоритетная проверка регионов в редакторах
— Гибкое поведение --build
👉 @seniorFront
👍3👎1🔥1
Зачем нужны сокеты ?
Сокеты — это программные интерфейсы (API), позволяющие обеспечивать взаимодействие между приложениями по сети. Они используются для создания сетевых соединений для обмена данными между клиентом и сервером или между узлами в сети. Вот основные причины, по которым сокеты являются важным инструментом в разработке сетевых приложений:
Обеспечение двусторонней коммуникации
Позволяют реализовать двустороннюю, непрерывную коммуникацию между клиентом и сервером. Это означает, что данные могут передаваться в обоих направлениях как постоянный поток, что идеально подходит для реалтаймовых приложений, таких как чаты, игры и системы мониторинга в реальном времени.
Работа в реальном времени
Позволяют создавать приложения, работающие в реальном времени, благодаря минимальным задержкам передачи данных. Это особенно важно для приложений, требующих мгновенного обмена данными, например, в онлайн-играх, видеоконференциях и финансовых торговых платформах.
Поддержка множества клиентов
С их использованием сервер может обрабатывать множество соединений с клиентами одновременно. Это достигается через механизмы многопоточности или асинхронного ввода-вывода, позволяя серверу эффективно масштабироваться для обслуживания большого числа пользователей.
Гибкость и контроль
Предоставляют разработчикам большую гибкость и контроль над тем, как устанавливаются и управляются сетевые соединения. Разработчики могут определять, какие протоколы использовать (TCP, UDP и др.), как обрабатывать ошибки и потерю пакетов, а также как оптимизировать производительность для конкретных требований приложения.
Передача различных типов данных
С их помощью можно передавать практически любые типы данных — от простого текста до сложных двоичных форматов, таких как видео, аудио и структурированные данные. Это делает сокеты универсальным инструментом для разработки сетевых приложений.
👉 @seniorFront
Сокеты — это программные интерфейсы (API), позволяющие обеспечивать взаимодействие между приложениями по сети. Они используются для создания сетевых соединений для обмена данными между клиентом и сервером или между узлами в сети. Вот основные причины, по которым сокеты являются важным инструментом в разработке сетевых приложений:
Обеспечение двусторонней коммуникации
Позволяют реализовать двустороннюю, непрерывную коммуникацию между клиентом и сервером. Это означает, что данные могут передаваться в обоих направлениях как постоянный поток, что идеально подходит для реалтаймовых приложений, таких как чаты, игры и системы мониторинга в реальном времени.
Работа в реальном времени
Позволяют создавать приложения, работающие в реальном времени, благодаря минимальным задержкам передачи данных. Это особенно важно для приложений, требующих мгновенного обмена данными, например, в онлайн-играх, видеоконференциях и финансовых торговых платформах.
Поддержка множества клиентов
С их использованием сервер может обрабатывать множество соединений с клиентами одновременно. Это достигается через механизмы многопоточности или асинхронного ввода-вывода, позволяя серверу эффективно масштабироваться для обслуживания большого числа пользователей.
Гибкость и контроль
Предоставляют разработчикам большую гибкость и контроль над тем, как устанавливаются и управляются сетевые соединения. Разработчики могут определять, какие протоколы использовать (TCP, UDP и др.), как обрабатывать ошибки и потерю пакетов, а также как оптимизировать производительность для конкретных требований приложения.
Передача различных типов данных
С их помощью можно передавать практически любые типы данных — от простого текста до сложных двоичных форматов, таких как видео, аудио и структурированные данные. Это делает сокеты универсальным инструментом для разработки сетевых приложений.
👉 @seniorFront
👍5
Калибровка Life Work Balance. Система планирования, которую я развиваю уже 14 лет
У вас бывает ощущение, что год прошел зря? Коллеги влетают на вершины карьерной лестницы, бизнес знакомых активно развивается, друзья объездили весь мир и покупают очередную квартиру? А у нас жопа в огне, мы тонем в рабочих задачах, едва успевая найти время на бытовую рутину, не оставляя время на себя?
Мне кажется, что мне удалось создать систему, которая действительно помогает найти тот самый баланс между работой и личной жизнью. Нет, давайте так: найти баланс между личной жизнью и работой и наконец избавиться от состояния цейтнота.
Баланс между работой и жизнью
Моё окружение часто сетует на отсутствие баланса между работой и личной жизнью. И у меня есть простой ответ: баланса между работой и личной жизнью нет, потому что в их «оперативной памяти» существуют только рабочие задачи.
На работе нас учат планировать: мы верстаем дорожные карты на год, ставим квартальные цели и раскладываем их на двухнедельные спринты. А баланса между работой и личной жизнью у нас нет, потому что мы не ставим себе задачи вне работы: запустить блог или набрать первую 1000 подписчиков, выучить английский, похудеть на 5 кг, купить новый сноуборд.
Как может быть баланс, если мы на самом деле ничего не планируем, кроме работы? Его физически не может существовать.
Корпоративные инструменты
На работе любой корпоративный сотрудник прекрасно знает, что надо планировать: мы верстаем годовые дорожные карты, делаем квартальные планы, декомпозируем цели на задачи в спринтах. В личной жизни практически никто этого не делает.
Нам, физическим лицам, не нужно ничего сочинять — в корпоративном мире уже существуют практики, которые помогут нам в личной жизни.
Бюджетирование
В корпоративном мире не надо никому объяснять, что нужно что-то бюджетировать — ты должен выделять бюджет и контролировать его.
Очень мало моих знакомых занимается вёрсткой персонального бюджета. Единицы умеют управлять своим капиталом. У меня, кстати, для этого есть прикольная табличка в google docs, которая позволяет управлять ежемесячным бюджетом и трекать динамику своего капитала в течение года в игровой форме.
Дневник — план на год
Впервые с дневником я столкнулся на Executive MBA LWB, где изучают инструменты управления бизнесом, корпоративные финансы, менеджмент и предпринимательство в целом.
Дневник на самом деле задаёт тебе достаточно простые вопросы, которые позволяют понять, что для тебя важно, что получается хорошо и к чему ты стремишься. Например, там просят описать ключевые достижения в жизни, или каким моментам ты радовался, а какие огорчали.
Даже если ты очень скромный и кажется, что никаких достижений нет, можно просто написать, какие моменты тебя радуют или огорчают и с чем это связано. Для начала этого хватит.
Цели
Апофеоз заполнения дневника это формулирование личных целей на год. И тут в дело идут все прошлые наработки из дневника. Ты фиксируешь области жизни, которыми хочется заниматься. Как уже говорил, у меня это здоровье, спорт, нетворкинг, личная жизнь и, конечно, работа.
👉 @seniorFront
У вас бывает ощущение, что год прошел зря? Коллеги влетают на вершины карьерной лестницы, бизнес знакомых активно развивается, друзья объездили весь мир и покупают очередную квартиру? А у нас жопа в огне, мы тонем в рабочих задачах, едва успевая найти время на бытовую рутину, не оставляя время на себя?
Мне кажется, что мне удалось создать систему, которая действительно помогает найти тот самый баланс между работой и личной жизнью. Нет, давайте так: найти баланс между личной жизнью и работой и наконец избавиться от состояния цейтнота.
Баланс между работой и жизнью
Моё окружение часто сетует на отсутствие баланса между работой и личной жизнью. И у меня есть простой ответ: баланса между работой и личной жизнью нет, потому что в их «оперативной памяти» существуют только рабочие задачи.
На работе нас учат планировать: мы верстаем дорожные карты на год, ставим квартальные цели и раскладываем их на двухнедельные спринты. А баланса между работой и личной жизнью у нас нет, потому что мы не ставим себе задачи вне работы: запустить блог или набрать первую 1000 подписчиков, выучить английский, похудеть на 5 кг, купить новый сноуборд.
Как может быть баланс, если мы на самом деле ничего не планируем, кроме работы? Его физически не может существовать.
Корпоративные инструменты
На работе любой корпоративный сотрудник прекрасно знает, что надо планировать: мы верстаем годовые дорожные карты, делаем квартальные планы, декомпозируем цели на задачи в спринтах. В личной жизни практически никто этого не делает.
Нам, физическим лицам, не нужно ничего сочинять — в корпоративном мире уже существуют практики, которые помогут нам в личной жизни.
Бюджетирование
В корпоративном мире не надо никому объяснять, что нужно что-то бюджетировать — ты должен выделять бюджет и контролировать его.
Очень мало моих знакомых занимается вёрсткой персонального бюджета. Единицы умеют управлять своим капиталом. У меня, кстати, для этого есть прикольная табличка в google docs, которая позволяет управлять ежемесячным бюджетом и трекать динамику своего капитала в течение года в игровой форме.
Дневник — план на год
Впервые с дневником я столкнулся на Executive MBA LWB, где изучают инструменты управления бизнесом, корпоративные финансы, менеджмент и предпринимательство в целом.
Дневник на самом деле задаёт тебе достаточно простые вопросы, которые позволяют понять, что для тебя важно, что получается хорошо и к чему ты стремишься. Например, там просят описать ключевые достижения в жизни, или каким моментам ты радовался, а какие огорчали.
Даже если ты очень скромный и кажется, что никаких достижений нет, можно просто написать, какие моменты тебя радуют или огорчают и с чем это связано. Для начала этого хватит.
Цели
Апофеоз заполнения дневника это формулирование личных целей на год. И тут в дело идут все прошлые наработки из дневника. Ты фиксируешь области жизни, которыми хочется заниматься. Как уже говорил, у меня это здоровье, спорт, нетворкинг, личная жизнь и, конечно, работа.
👉 @seniorFront
Платить деньги или есть еще секреты для достижения супер результатов команды?
В этой статье Senior Product Owner в одном крупном корпорате обсуждает мотивацию сотрудников, микроклимат в команде и счастливых коллег... это я про счастливую команду, которая помогает тебе расти по карьерной лестнице. Да-да, ты не в одиночку тянешь все с супер результатами :).
👉 @seniorFront
В этой статье Senior Product Owner в одном крупном корпорате обсуждает мотивацию сотрудников, микроклимат в команде и счастливых коллег... это я про счастливую команду, которая помогает тебе расти по карьерной лестнице. Да-да, ты не в одиночку тянешь все с супер результатами :).
👉 @seniorFront
👎3