Surf Web Team – Telegram
Surf Web Team
513 subscribers
217 photos
14 videos
1 file
62 links
Комьюнити фронтенд- и бэкенд-разработчиков Surf.

🛠 Разработали решения для KFC, Росбанка и Mars
📚 Делимся полезными материалами и обучаем стажёров

💬 Чат → https://news.1rj.ru/str/+OTcIlSbCSVpmZTQy

📲 По вопросам @SurfAskBot
Download Telegram
Как frontend-разработчику обеспечить accessibility

Accessibility (A11y)
— набор правил и рекомендаций, чтобы сделать сайт или приложение доступным людям с ограниченными возможностями.

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

Собрали на карточках полезные советы о том, как frontend-разработчику помочь пользователям с ограничениями.

Рекомендуем почитать документацию WCAG — один из самых надёжных источников информации по a11y. Также собрали полезные статьи с Хабра и VC по теме:

🔵 Веб-доступность — зачем и для кого?
🔵 Как сделать приложение доступным для пользователей с ограниченными возможностями
🔵 Web Accessibility в рассказе «A11Y от 0 до NaN»
🔵 Самый полный гайд по контрастности в интерфейсах
🔵 Навигация на слух: как адаптируют интернет для слабовидящих

#surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤‍🔥22
Анимации на React вместе с Framer Motion

Framer Motion — библиотека c открытым исходным кодом, содержащая всё для реализации анимаций в React-приложении.

За счёт удобного и понятного синтаксиса Framer Motion позволяет уменьшить время на разработку и объём кода, а ещё улучшить поддерживаемость кодовой базы.

🏄 Люба, frontend-разработчик в Surf, рассказала об азах библиотеки в карточках. Листай и открывай полный полёт фантазии.

Примеры анимаций для вдохновения:

➡️ Drag with constraints
➡️ Keyframes
➡️ Scroll triggered animations
➡️ Layout animations

#surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤‍🔥22👎1
Bun vs NodeJS

8 сентября 2023 года, пытаясь решить проблему вычислительной мощности, выходит новый JavaScript runtime, основанный на Zig — Bun.

Сёрфер Богдан сравнивает две JS runtime в небольшой статье — начиная с установки и заканчивая тестами.

➡️ Читать статью

#surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8🍌1
А ты на чьей стороне?
Anonymous Poll
61%
NodeJS
9%
Bun
7%
Оба!
23%
Ни одно из них
Вакансия в Surf: Middle Backend Developer (Java/Kotlin)

Ищем новых Сёрферов-бэкендеров в команду! Что нужно будет делать:

🔵 Разрабатывать backend на Java 8+, Kotlin для мобильного банкинга с более чем 3 млн активных пользователей (разработка без подключения к процессинговый системе банка);
🔵 Работать с базами данных Oracle;
🔵 Реализовывать новые фичи и оптимизировать/исправлять старые;
🔵 Готовность разбираться с legacy-кодом;
🔵 Вести задачи в системе Jira;
🔵 Изучать бизнес-требования, декомпозировать и оценивать задач;
🔵 Вести техдолг и по возможности его закрытие.

Что нужно от тебя:
🔵 Опыт работы с Java Core/Java EE 8+ от 2-х лет;
🔵 Опыт работы со Spring Framework;
🔵 Понимание принципов построения web-приложений (MVC, REST, Single Page Application, Servlet);
🔵 Знание принципов работы с реляционными БД;
🔵 Опыт написания unit (JUnit) и интеграционных тестов (RestAssured);
🔵 Опыт использования средства сборки Maven/Gradle;
🔵 Умение работать с системой версионирования Git;
🔵 Опыт использования методологии гибкой разработки (Agile, Scrum, Kanban);
🔵 Английский язык на уровне чтения и написания документации.

Будет плюсом:

🔵 Опыт использования TeamCity;
🔵 Английский язык выше В2.

Какие плюшки предлагаем:

➡️ Возможность работать на крупных российских и западных проектах, развивать свой английский;
➡️ Гибкий график работы, удалёнка;
➡️ Официальное оформление (есть разные варианты) и своевременный пересмотр каждые 6-8 месяцев;
➡️ Найдём персональный рецепт быстрого профессионального роста;
➡️ Помогаем развивать личный бренд и медиа-проекты;
➡️ Возможность создавать процессы и внедрять новые практики, поощрение ценных идей и выдающегося перформинга.

Откликайся на почту job-tg@surfstudio.ru с темой письма «Вакансия бэкенд».

#surf_vacancy #surf_backend
Please open Telegram to view this post
VIEW IN TELEGRAM
👎3👍2
Про Vite 👩‍💻

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

В этом посте 🏄 Люба, frontend-разработчик в Surf, рассказывает об особенностях работы c Vite и сравнивает его с Webpack.

Листай карточки и пиши в комменты, что выбираешь ты?

🔵 Плагины для Vite

#surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👎2❤‍🔥1
Продолжаем набор в команду React 👩‍💻

Ищем Frontend-разработчика уровня Middle для работы на крупном e-com проекте (топ-10 по РФ) с посещаемостью 45000 пользователей в день.

Что предстоит делать:
➡️ Работать в выделенной кросс-функциональной команде;
➡️ Разрабатывать и дорабатывать фичи для большого интернет-магазина;
➡️ Участвовать в планировании спринтов, оценке задач, ревью.

Ты нам подходишь, если:
🔵 У тебя есть опыт коммерческой frontend-разработки от 3-х лет;
🔵 Уверенно знаешь React, Typenoscript и Next.js;
🔵 Есть опыт работы с Redux, JavaScript ES6+, HTML5, CSS3, кроссбраузерной и адаптивной вёрсткой;
🔵 Уверенный опыт работы с Git;
🔵 Знаешь английский от В2 и выше;
🔵 Коммуникабелен :)

Будет плюсом: опыт проведения code review, опыт работы в e-commerce или в разработке backend (PHP / Node.js), понимание в SEO и Accessibility, опыт работы с CI/CD-платформами, Docker и bash-скриптами.

Какие плюшки предлагаем:
➡️ Возможность работать на современных проектах;
➡️ Гибкий график работы, удалёнка (гибрид, если ты из Воронежа);
➡️ Официальное оформление (есть разные варианты) и своевременный пересмотр оплаты;
➡️ Живое профессиональное сообщество с различными ивентами, дискуссиями и обсуждениями;
➡️ Найдём персональный рецепт быстрого профессионального роста;
➡️ Помогаем развивать личный бренд и медиа-проекты;
➡️ Возможность создавать процессы и внедрять новые практики, поощрение ценных идей и перформинга.

📌 Отправляй резюме, ссылку на GitHub и несколько слов о себе рекрутеру Марго.

#surf_vacancy #surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61