Что добавить в портфолио, если ты новичок? Грустные новости — типовые проекты с курсов по фронтенду никому не нужны. Они, как правило, делаются по шаблону и под присмотром наставника, поэтому оценить навыки кандидата по таким проектам сложно.

Если вы студент-айтишник, то у вас отличное преимущество — вы можете составлять портфолио из лаб, курсачей и дипломов. Правда, здесь придётся проявить настойчивость, инициативу и немного рискнуть. Я так на первом курсе остался без стипендии, когда решил в качестве курсовой написать симулятор бильярда на Си. Постепенно урезая скоуп, к «релизу» осталось всего два шара с физикой столкновения. В итоге все равно не успел, но получил респект от препода и строчку в резюме.

Многие преподаватели либо сами работают в IT компаниях, либо имеют контакты потенциальных работодателей. Поэтому выбирайте сложные и интересные темы, чтобы обратит на себя внимание.

#underhood

Основной стэк фронтенд-разработки в Меркури это React + TypeScript. Основной в том смысле, что в компании больше всего специалистов, готовых работать именно на этом стэке. И большинство проектов пишутся на React + TS. А на бэке у нас главенствует .NET.

У React есть несколько весомых преимуществ:
1. Относительно невысокий порог входа.
2. Более простой найм (как следствие п.1).
3. React Native. Учитывая специфику заказной разработки, очень круто иметь возможность доучивать фронтендеров до мобильщиков и подключать к новым проектам.

У нас был кейс, когда мы одной фронтенд-командой закрыли весь скоуп проекта: бэкенд на Node.js, админка на React и два приложения на React Native. Проект предназначен для азартных игроков в гольф — https://mercdev.com/portfolio/greenlinks. Идея в том, чтобы делать ставки на количество ударов, за которые ты докатишь мячик в лузу. Было одно пользовательское приложение и приложение для гольф-кара. По факту на гольф-каре был просто планшет на Android с альтернативным набором фич и мультиплеер-режимом. Было интересно, но такое фуллстечество скорее исключение из правил.

#underhood

Мобильная разработка на самом деле довольно сложная штука. В том числе на React Native. С одной стороны у нас есть знакомый JS / TS и React, а с другой — новые платформы со своими особенностями и UX-паттернами.

Каждый из нас — пользователь веба. И мы можем делать хорошие веб-приложения / сайты опираясь на собственный опыт, представляя себя на месте пользоваться. Со смартфонами всё иначе. Мы либо яблодр… пользуемся айфонами, либо нищебр… андроидами. В итоге происходит UX-деформации в сторону той или иной платформы.

Правда ещё хуже когда платформа вообще игнорируется. Чаще всего это касается кэширования данных, настройки навигации и анимаций переходов, обработки жестов и т.д. В итоге получается не мобильное приложение, а некачественная калька с веба.

#underhood

Пятница! Расскажу про некоторые фановые штуки, которые есть Меркури.

В перерывах между кофейком и разговорами у кулера мы обычно играем в кикер. Когда в какой-то момент у меня начало получаться, я решил, что свою крутость надо зафиксировать статистическими данными! 💪 На коленке было запилено веб-приложение для трекинга матчей и голов. Оно было жутко некрасивым и неудобным, но главное — всё работало! Игра перешла на новый уровень.

Когда нашу приложуху увидели дизайнеры, они обплевались и нарисовали свою версию. Админы подогнали списанный iPad 3. Мы обновили приложение (перевели на React Native, кстати). А вишенкой на торте стали матерные комментарии в озвучке бота Максима! 🔥 Считаю это вообще отдельным произведением искусства.

Потом мы стартовали первый турнир по кикеру! Потом второй. Потом третий… Возили кикер на дизайн-выходные, 404 фест и собственные корпоративы. На финальном матче последнего турнира (на котором решалась судьба золота) были даже свои ультрас в мерче с кричалками и плакатами 18+!

Код приложеньки, кстати, можно посмотреть по ссылке (если захотите собрать и не соберется — маякните).

Еще у нас был пост в инсте про кикер, там красивые фоточки 🙂

#underhood

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

Такая игра — довольно необычный тип приложения (по крайней мере для меня). Вместо привычного клиент-серверного подхода, получается какой-то клиент-клиент-клиент. Напишите плз, как бы вы организовали их взаимодействие? А я чуть позже поделюсь, как было сделано у нас.

#underhood

✅ Однажды мы действительно вручили эйрподсы за НОЛЬ баллов после окончания игры. Но все честно, это был максимальный результат 😀

✅ В Новосибирске мы уже собирались по домам часа в 2 ночи, когда встретили каких-то гопников, которые разбивали рекламный щит на другой стороне дороги. Один из участников, который пошел тусить вместе с нами, решил наказать злодеев. И победил. Между прочим, он был единственным трезвым человеком из нашей компании💪

✅ В Нижнем, собираясь домой после митапа, мы обнаружили, что все дороги вокруг нашей гостиницы перекрыты и ни одно такси не может до нас доехать. Был какой-то забег в центре города. Пришлось перебегать Оку, чтобы смочь доехать до аэропорта.

🚫 А вот штрафов не было 🙂

#underhood

Как обещал, делюсь кодом сервера Своей игры для синхронизации главного экрана, "пульта" организатора и айпадов игроков.

const WebSocket = require("ws");

const wss = new WebSocket.Server({ port: 1235 });

wss.on("connection", function connection(ws) {
  ws.on("message", function incoming(data) {
    wss.clients.forEach(function each(client) {
      if (client !== ws && client.readyState === WebSocket.OPEN) {
        client.send(data);
      }
    });
  });
});

Всё.

#underhood

Андерхуд-неделя в канале завершилась

Сейчас снова будут новости технологий. Вы все еще можете задавать Алексею вопросы в нашем чате — он его читает 🙂

В Android-устройствах может появиться свой «Локатор»

В бета-версии Google Play Services нашли код, в котором упоминается сеть Find My Device.

Новость

TikTok запускает мини-приложения внутри себя

Что?
Называется Jumps. Это интегрированные сторонние приложения, которые будут работать внутри TikTok. По сути, сервис коротких видео станет платформой для других приложений.

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

Jumps — это не полноценные приложения, а только какая-то наглядная часть функциональности.

Новость

W3C принял стандарт Web Audio в качестве официального

Web Audio API – программный интерфейс для JavaScript, с помощью которого можно создавать и редактировать звуки прямо в браузере.

Например, с помощью Web Audio можно создать в веб-приложении редактор звуков, аудио отклик интерфейса или пространственное аудио для AR и VR-приложений.

Web Audio API используют SoundCloud, Google Meet, Spotify и другие аудиосервисы.

Новость

🧠 Правительство России готовит программу по чипированию
Звучит как мем, однако новость даже не про вакцинацию.

В рамках новой программы до 2029 года хотят разработать нейроинтерфейс: чип, который устанавливается в мозг и обменивается данными с внешними устройствами.

Пока только на бумаге.
Новость

🛰 «Хаббл» сломался

Причина: повреждение одного из четырех модулей памяти объемом 64 килобайта.

НАСА пытается починить космический телескоп удаленно, но пока что без шансов. «Хаббл» морально устарел — телескоп работал с 1990 года, а срок службы был рассчитан до 2014.

Уже сейчас к запуску готовят новую современную орбитальную обсерваторию «Джеймс Уэб». Запуск состоится не раньше ноября 2021 года.

Новость