Паттерны для Web Vitals

UX-паттерны, оптимизированные с учетом метрик Web Vitals: https://proglib.io/w/b4777c5c

#performance #interface

​API Design Patterns (2021)
Автор: JJ Geewax
Количество страниц: 480

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

Темы в книге:
✔️Основные принципы для шаблонов API;
✔️Основы верстки и именования ресурсов;
✔️Обработка типов данных для любого языка программирования;
✔️Стандартные методы, обеспечивающие предсказуемость;
✔️Методы аутентификации и проверки для безопасных API;
✔️Коллективные операции по перемещению, управлению и удалению данных;
✔️Расширенные шаблоны для особых взаимодействий и преобразования данных.

Достоинства:
➕Хорошая структурированность;
➕Хороший авторский стиль.

Недостатки:
➖Не замечено.

Скачать книгу

Лучшие практики для шрифтов

Оптимизация шрифтов для Core Web Vitals: https://proglib.io/w/6b6b2d6f

#performance #webvitals #bestpractices

Начало работы с Puppeteer

Puppeteer - популярная библиотека для автоматизации браузерных действий.

https://proglib.io/w/2dfcdcde

#testing #tools

Отключение ссылки

Disabled links - зачем отключать ссылки, стоит ли это делать и как правильно?

https://proglib.io/w/c047188a

#interface #accessibility

Как создают и поддерживают веб-страницы tinkoff.rutinkoff.ru

Руководитель группы дизайна привлечения в Тинькофф рассказывает о своей работе: https://proglib.io/w/e4dfe243

#case

Всем привет!

Уютная команда компьютерного зрения Neurus.ru ищет Frontend-разработчика.
Мы решаем интересные задачи на острие технологий и ищем человека, готового помочь нам с разработкой админ-панелей.

Если кратко: нам нужны знания Vue.js и TypeScript.

Подробности тут: hh.ru/vacancy/48185198

Если заинтересовался, пиши @angel_hol или откликайся на hh.ru

🎨 22 лучших бесплатных учебных курса по UX/UI

Более двух десятков бесплатных учебных курсов по дизайну UX/UI и Фигме на русском и английском языках.

https://proglib.io/w/18c27a58

#interface #design

🕸 7 технологий веб-разработки, на изучение которых я зря потратил время

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

https://proglib.io/w/66f8625a

☕️ ТОП-10 актуальных книг по JavaScript на русском языке: от новичка до профессионала

Когда-то этот язык был нужен для добавления интерактивности веб-страницам, а теперь на нем пишут мощные приложения и активно используют его на стороне сервера. Читайте подборку актуальной литературы по JavaScript на русском языке.

https://proglib.io/w/145fe6af

#javascript

Хватит использовать Fetch API в JavaScript

Библиотека Axios против нативного Fetch Api: https://proglib.io/w/6c29621b

#api #javascript

Завтра в 16.30 коллеги из KOTELOV покажут mind map скиллов React-разработчика необходимых для работы на проектах Тинькофф, Сбера, S7 Airlines и др. Что учить, что нет. Инструменты, которые используют на проектах. Расскажут о библиотеке для построения микрофронтовых приложений с SSR от Тинькофф, который только вышел в Open Source.  

Подробнее тут https://kotelov.timepad.ru/event/1776361/

5 продвинутых шаблонов React на пальцах

https://proglib.io/w/dec10754

#react #bestpractices

Компании: clain.io
Город: Санкт-Петербург
Формат: офис
ЗП: от 250 000 до 300 000 ₽

Ищем фронтенд разработчика с опытом React / Typescript в Clain

clain.io — это платформа комплексной финансовой аналитики блокчейна на базе ML методов в реальном времени. Сейчас запускаем CRM и работаем над текущим продуктом.

Весь фронт в монорепе React / Typescript
своя библиотека компонентов, 95% типизированы без “any”
Nodejs в качестве прокси.

У нас быстрые процессы и гибкие подходы к разработке.

Задачи:
- Разрабатывать инструмент визуализации графа на WebGL (сейчас выбираем технологию)
- Поддерживать существующие сервисы, развивать внутреннюю библиотеку компонентов
- Участвовать в проектировании UX
- В перспективе будем писать е2е тесты (сейчас пишем только юниты), чтобы добиться беспрецедентной стабильности и спокойно релизиться
- Оптимизировать работу компонентов с графиками на больших данных, сейчас используется echarts, по нашим тестам они показали лучший перфоманс.

Работа в офисе, гибкий график, полный рабочий день.

Ожидания:
- Опыт разработки SPA на React от 3 лет
- Знание Vanilla JavaScript и ES2021
- Уверенное знание HTML, CSS
- Будет плюсом знание WebGL / PixiJS / PtsJS

Для связи:
Евгения
@jane_mai
em@clain.io

#react #typescript #webgl #js #ts #javascript #frontend #nodejs #web #офис #СанктПетербург #Питер

​HTML and CSS: Visual QuickStart Guide, 9th Edition (2020)
Автор: Joe Casabona
Количество страниц: 432

HTML и CSS остаются стержнем Интернета. Каждый начинающий веб-разработчик должен досконально разбираться в них, в том числе в последних достижениях в этих стандартах и новейших технологиях, основанных на них. На протяжении десятилетий будущие веб-профессионалы обращались к HTML и CSS: Visual QuickStart Guide. Это руководство было тщательно обновлено новым автором, обучившим тысячи начинающих веб-разработчиков. Данное издание содержит новые примеры и проекты, а также большое количество сопровождающего видеоконтента.

В книге рассматриваются следующие темы:
✔️Дизайн, структурирование и форматирование сайтов;
✔️Использование изображений, ссылок, стилей, таблиц и форм;
✔️Добавление медиа, визуальных эффектов и анимаций;
✔️Использование CSS для получения полного контроля над элементами, шрифтами, цветами и макетами;
✔️Максимальное использование сложных возможностей HTML5 и CSS3;
✔️Эффективное тестирование, отладка и публикация сайтов и приложений;
✔️Применение современных передовых методов обеспечения доступности и скорости реагирования, а также создание высокопроизводительных прогрессивных веб-приложений.

Достоинства:
➕Актуальность материала;
➕Широкий спектр тем.

Недостатки:
➖Не замечено.

Скачать книгу

​Концепция контроллеров компонента в Angular

Часть 1. Как мы делаем базовые компоненты в Taiga UI более гибкими: концепция контроллеров компонента в Angular
Часть 2. Концепция контроллеров компонента в Angular

Как команда Тинькоф решила проблему вложенности компонентов с помощью директив-контроллеров.

#angular

​Паттерн Наблюдатель в JavaScript - ключ к реактивности

https://proglib.io/w/d16f817b

#javascript #patterns #bestpractices

6+5 способов сделать две колонки ✌️

От таблиц и флоатов до гридов и полной дичи 😱

https://proglib.io/w/221e9587

#video #css #layout

☕️ Распространенные алгоритмы и структуры данных в JavaScript: основные понятия и работа с массивами

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

https://proglib.io/w/616f2592