Surf Web Team
Приложение-мотиватор 💪 Внезапный пет-проект от Сёрферов! Наш Frontend Engineering Manager Артём собрал апп, который может помочь людям чуть лучше понять себя в работе и работу в себе. Приложение собирает «мотивационную карту» человека по тем факторам, которые…
Motivato: как создавалось приложение
В статье на Хабр Артём поделился деталями разработки своего мотивационного аппа, и как ему пришла идея объединения Moving Motivators и лепестковой диаграммы.
➡️ Читать по ссылке.
#экспертный #от_сёрфера
В статье на Хабр Артём поделился деталями разработки своего мотивационного аппа, и как ему пришла идея объединения Moving Motivators и лепестковой диаграммы.
#экспертный #от_сёрфера
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Как я сделал приложение для себя, а оно понравилось многим
Привет, меня зовут Артём и я Frontend Team Lead в Surf . Я очень люблю две вещи: геймификацию и графики. Сейчас я работаю с людьми больше, чем с кодом, поэтому читаю много тематических статей. Вот...
🔥7🤡1
Две вакансии в команду Web 🖥
Ищем двух мидлов — Python-разработчика на Django и бэкендера на Java/Kotlin. Активно расширяем команду, экспериментируем с новыми подходами и технологиями, понимаем важность инвестирования в них.
Описание вакансий по ссылкам:
➡️ Middle Python Developer (Django);
➡️ Middle Backend Developer (Java/Kotlin).
🔵 Для отклика пиши Алёне.
#вакансия
Ищем двух мидлов — Python-разработчика на Django и бэкендера на Java/Kotlin. Активно расширяем команду, экспериментируем с новыми подходами и технологиями, понимаем важность инвестирования в них.
Описание вакансий по ссылкам:
#вакансия
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🤡1
Почему backend-разработчику полезно знать основы Vim. И не только ему
Как минимум, чтобы не перезагружать терминал, если файл открылся через vim😊
А если без шуток, то для быстрой отладки на локально развёрнутом в докере сервисе иногда требуется изменить конфигурационный файл, удалить/добавить пробел или точку с запятой. Или на удалённом дев-сервере надо также сделать микроизменения файла. В каких-то случаях можно открыть файл через редактор кода, в других — запустить CI/CD-процесс через коммит изменённых файлов.
Но один путь иногда невозможен, а второй затратен по времени.
Есть вариант использовать nano — он решит простые задачи и может служить хорошей альтернативой. Но если есть желание более профессионально редактировать файлы с поиском и заменой сразу в нескольких файлах, подсветка синтаксиса и даже использование как IDE, для этого надо начинать с азов работы с этим мощнейшим инструментом.
Или если хочется показать скилл работы с консолью🙃
Интернет насыщен детальными гайдами по обучению работе с Vim, и кажется, что для его изучения можно потратить месяцы. Но я покажу топ-5 команд, которые можно запомнить за 1 минуту, чтобы не бояться этих трёх букв.
#surf_backend #surf_frontend
Как минимум, чтобы не перезагружать терминал, если файл открылся через vim
А если без шуток, то для быстрой отладки на локально развёрнутом в докере сервисе иногда требуется изменить конфигурационный файл, удалить/добавить пробел или точку с запятой. Или на удалённом дев-сервере надо также сделать микроизменения файла. В каких-то случаях можно открыть файл через редактор кода, в других — запустить CI/CD-процесс через коммит изменённых файлов.
Но один путь иногда невозможен, а второй затратен по времени.
Есть вариант использовать nano — он решит простые задачи и может служить хорошей альтернативой. Но если есть желание более профессионально редактировать файлы с поиском и заменой сразу в нескольких файлах, подсветка синтаксиса и даже использование как IDE, для этого надо начинать с азов работы с этим мощнейшим инструментом.
Или если хочется показать скилл работы с консолью
Интернет насыщен детальными гайдами по обучению работе с Vim, и кажется, что для его изучения можно потратить месяцы. Но я покажу топ-5 команд, которые можно запомнить за 1 минуту, чтобы не бояться этих трёх букв.
#surf_backend #surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤1🔥1🤡1
Какой формат поста про топ-5 команд в Vim тебе удобнее?
Anonymous Poll
61%
Текст
31%
Видео
20%
Мне это не пригодится
🤡2
Вакансия: Middle Frontend Developer на React 🖥
Планируем вырастить отдел Web-разработки до 100 человек и активно набираем людей в команду. Смотри требования и присылай резюме Алёне.
#surf_vacancy #surf_frontend
Планируем вырастить отдел Web-разработки до 100 человек и активно набираем людей в команду. Смотри требования и присылай резюме Алёне.
#surf_vacancy #surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🤡1
Веб-приложения: этапы разработки 💻
В новой статье на VC рассказали, какие библиотеки и фреймворки мы используем со стороны backend и frontend-разработки. А ещё какие этапы проходит веб-приложение, прежде чем выкатывается в прод.
➡️ Читать по ссылке
#surf_case #surf_vc #surf_frontend #surf_backend
В новой статье на VC рассказали, какие библиотеки и фреймворки мы используем со стороны backend и frontend-разработки. А ещё какие этапы проходит веб-приложение, прежде чем выкатывается в прод.
#surf_case #surf_vc #surf_frontend #surf_backend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🤡1
К нам пришло много новых людей — спасибо, что подписываетесь! Продолжаем развивать канал и хотим понять, что тебе интересно. Пожалуйста, ответь на несколько вопросов:
1. Какой у тебя грейд?
1. Какой у тебя грейд?
Anonymous Poll
24%
Стажёр
35%
Junior
25%
Middle
7%
Senior
7%
Team Lead / Tech Lead
2%
Headof
🤡1
3. Какой контент тебе интересен? Можно выбрать несколько вариантов:
Anonymous Poll
75%
Лучшие практики Web-разработчиков Surf
53%
Кейсы и статьи
61%
Подборки инструментов и решений
46%
Ошибки и факапы
32%
Open source решения Surf
35%
Развитие soft skills
34%
Жизнь Web-команды Surf
Surf Web Team
Почему backend-разработчику полезно знать основы Vim. И не только ему Как минимум, чтобы не перезагружать терминал, если файл открылся через vim 😊 А если без шуток, то для быстрой отладки на локально развёрнутом в докере сервисе иногда требуется изменить…
Шпаргалка Vim.jpg
185.7 KB
Кто хочет владеть vim как профи, графическая шпаргалка тебе в помощь 👍
Для совсем новичков — набор команд, которые легко запомнить:
➡️ Открытие/создание файла: ➡️ Режим ввода текста (не забудь переключиться на английскую раскладку): ➡️ Выход из режима ввода: ➡️ Сохранить и закрыть файл (не забудь выйти из режима ввода):
➡️ Закрыть файл без сохранения (не забудь выйти из режима ввода):
Для совсем новичков — набор команд, которые легко запомнить:
vim <file_name>
i
[Esc]
ZZ ZQ
#surf_frontend #surf_backendPlease 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
Набираем юных падаванов на буткемп по Next.js, React и TypeScript — команда будет писать проект вместе с менторами. По итогу прошедших испытание возьмём джунами в штат.
Прояви себя и стань частью Surf-команды frontend. Вот как участвовать:
Менторы проверят задания и соберут команду из 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
Accessibility (A11y) — набор правил и рекомендаций, чтобы сделать сайт или приложение доступным людям с ограниченными возможностями.
Число людей с ограничениями растет каждый год, поэтому доступность пользователям — один из важнейших параметров. Особенно для удержания на сайте.
Собрали на карточках полезные советы о том, как frontend-разработчику помочь пользователям с ограничениями.
Рекомендуем почитать документацию WCAG — один из самых надёжных источников информации по a11y. Также собрали полезные статьи с Хабра и VC по теме:
#surf_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤🔥2❤2