​Навигация с плавной прокруткой и отслеживанием текущей позиции

👉 с IntersectionObserver
👉 на чистом CSS

#interface

1 октября в Москве пройдет Russia Open Source Summit, где на одной площадке соберутся все, кто в России создает программное обеспечение на основе открытого кода.

На открытии саммита будет представлен проект стратегии развития Open Source в России. После презентации проекта всем участникам мероприятия предложат выбрать одну из рабочих групп для внесения предложений в документ.
В рамках деловой программы будет выделен отдельный трек для шоу-кейсов (питчей) от стартапов, созданных на базе открытого кода. Можно подать заявку на выступление.

Принять участие можно бесплатно, регистрация на сайте.
Мероприятие начнется в 10:00 на площадке Radisson Collection Hotel.

Подготовка стратегии ведется российским экспертным ИТ-сообществом в открытом формате, в том числе на площадке Telegram.

🕸 17 убийственных сайтов для веб-разработчиков

Хранение под рукой полезных сайтов – хороший способ повышения производительности труда для дизайнера или веб-разработчика. Разберем некоторые из лучших инструментов, способных уменьшить объем вашей повседневной рутины.

https://proglib.io/w/6f63d4f6

#tools

Учиться чему-либо бывает непросто: многие откладывают обучение, не могут выделить на него время, теряются в количестве информации или, наоборот, не могут найти актуальные источники. Команда «Библиотеки программиста» хотела бы исследовать вопрос для дальнейшего развития проекта и посему просим вас выделить пару минут своего времени на гугл форму: https://forms.gle/qVJEULRbbHTJTzYr6

Критерии качества вёрстки

Практикующие веб-разработчики из сообщества обсуждают критерии качества вёрстки в 2021 году, рассуждают о стандартах HTML и CSS и разбираются, как отличить хорошего разработчика от плохого.

https://proglib.io/w/860f15bd

#video

Паттерны для 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.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
[email protected]

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