Как правильно использовать анимацию в дизайне интерфейсов

Ключевые принципы создания пользовательских интерфейсов для различных платформ. 28 элегантных иллюстраций-сравнений: как нужно делать и как делать нельзя.

Читать: https://proglib.io/p/kak-pravilno-ispolzovat-animaciyu-v-dizayne-interfeysov-2020-04-29

#interface #animation

Мы теперь есть в Яндекс.Мессенджере. Присоединяйтесь:

https://yandex.ru/chat/#/join/627c55a9-89c7-4d27-86ed-287d33a5ce7d

Обработка null и undefined в JavaScript

В вебе часто приходится сталкиваться с необязательными (опциональными) значениями. Разбираемся, как правильно их обрабатывать.

Ссылка: https://prglb.ru/23bpu

#javascript #bestpractices

За два года спрос на профи в Data Science вырос вдвое. По сведениям hh дата-сайентисты получают от 100 тыс. руб./мес. Но обычно знания приходится собирать по крупицам. К счастью, Geekbrains подготовили курс по машинному обучению:

💎 65 часов контента с практикой к каждому занятию,
💎 30 онлайн-уроков с живыми преподавателями,
💎 5 проектов – всё по-взрослому.

Курс длится 5 месяцев, занятия ведут дата-сайентисты, работающие в крупных компаниях. Подробнее: https://proglib.io/w/d90d2e3f

Полное руководство по Data-атрибутам

Все, что вы хотели знать об использовании data-атрибутов в HTML, CSS и JS.

Читать: https://prglb.ru/5ou8h

Redux Toolkit

Набор инструментов для разработки с использованием библиотеки Redux.

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

✔️ создание и конфигурация хранилища
✔️ создание редьюсеров
✔️ создание action creators

Библиотека по умолчанию реализует лучшие практики Redux. Ее можно использовать как в новом проекте, так и подключить к существующему.

Библиотека: https://redux-toolkit.js.org/

#tools #library #redux

Валидация форм с помощью Vuelidate

Простая проверка пользовательского ввода в приложениях на Vue.js.

Читать: https://prglb.ru/3wkru

#tools #frameworks #library #vue

Объяснение

Вызов функции Array(5) создает пустой массив без единого элемента, только со свойством length, равным 5.

Метод map итерирует объект по ключам, но так как ключей нет, коллбэк никогда не вызовется.

В итоге, в массиве arr нет ни одного элемента.

Подробнее: Вот почему создание массива через map не работает в JS

Круговое меню на HTML, CSS и JS

Верстаем симпатичное меню с помощью базовых знаний HTML, CSS, JS и геометрии 😲

Смотреть и повторять: https://www.youtube.com/watch?v=RR1Ag4SQ54E&feature=youtu.be

#code #video

Бесплатные курсы!!

Много 👉 БЕСПЛАТНЫХ материалов для начинающих веб-разработчиков и JS-фуллстеков!

Начать учиться: https://prglb.ru/3g1md

#javascript #html #css #beginners

​Полезные плагины Google Chrome

Небольшой список расширений, которые могут быть полезны для веб-разработчика:

➡️ SVG-grabber для быстрой загрузки svg с любого сайта
➡️ Colorzilla для удобной работы с цветами
➡️ WhatFont для моментального определения шрифтов

Разыскивается ментор в Web Hero School ✨

Требования:
— Опыт от 1 года работы
— Уверенные знания: GIT, HTML, CSS, JavaScript, React

Задачи:
— Проверка домашних работ
— Ведение команд
— Отчет по работе

Условия:
— Гибкий график работы
— Удаленная работа
— от 50000р/мес

➡️ Подробности - https://proglib.io/vacancies/mentor-onlayn-shkoly-po-veb-razrabotke-web-hero-school-2020-05-05

@seniorFront - канал для тех кто хочет стать гуру в Frontend разработке

Бесплатные курсы по css и js
Подборка актуальных статей
Авторские комментарии

Заходи на @seniorFront

70 YouTube-каналов для фронтенд-разработчика

Подборка YouTube-каналов, плейлистов и подкастов, посвящённых фронтенду: вёрстка, JS, библиотеки и фреймворки, уроки и скринкасты, доклады на конференциях и записи встреч локальных сообществ. Приятного просмотра!

Добавляйте в закладки: https://proglib.io/p/70-youtube-kanalov-dlya-frontend-razrabotchika-2020-05-03

#digest #video

Сортировка по умолчанию в JavaScript осуществляется в лексикографическом порядке, то есть элементы сравниваются как строки.

Узнать больше о методе sort: https://prglb.ru/48baz

#javascript #core

Drag&Drop-компоненты для слепых пользователей. Вы шутите?

Доклад Сергея Кригера о доступности в самых неожиданных местах.

Смотреть: https://www.youtube.com/watch?v=U1UjLN4I9fA

#video #accessibility #interface

О правильном дизайне полей с выпадающими списками

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

Читать: https://proglib.io/p/o-pravilnom-dizayne-poley-s-vypadayushchimi-spiskami-2020-05-07

#interface