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

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

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

📲 По вопросам @SurfAskBot
Download Telegram
Surf Web Team
Почему backend-разработчику полезно знать основы Vim. И не только ему Как минимум, чтобы не перезагружать терминал, если файл открылся через vim 😊 А если без шуток, то для быстрой отладки на локально развёрнутом в докере сервисе иногда требуется изменить…
Шпаргалка Vim.jpg
185.7 KB
Кто хочет владеть vim как профи, графическая шпаргалка тебе в помощь 👍

Для совсем новичков — набор команд, которые легко запомнить:

➡️ Открытие/создание файла: vim <file_name>
➡️ Режим ввода текста (не забудь переключиться на английскую раскладку): i
➡️ Выход из режима ввода: [Esc]
➡️ Сохранить и закрыть файл (не забудь выйти из режима ввода): ZZ
➡️ Закрыть файл без сохранения (не забудь выйти из режима ввода): ZQ

#surf_frontend #surf_backend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🤡1
Сделай frontend-проект — стань джуном в Surf 🖥

Набираем юных падаванов на буткемп по Next.js, React и TypeScript — команда будет писать проект вместе с менторами. По итогу прошедших испытание возьмём джунами в штат.

Прояви себя и стань частью Surf-команды frontend. Вот как участвовать:

1️⃣ Отправляй заявку на участие до 30 октября включительно;
2️⃣ Жди письмо со скринингом на почту;
3️⃣ Выполни тестовое задание;
4️⃣ Пройди собеседование с руководителем.

Менторы проверят задания и соберут команду из 5 человек — она стартанёт работу в середине ноября.

Ждём твою заявку → https://forms.gle/gYpeA8jKDiJXoDvy8

#surf_events #surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍3💩1
Как 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