Как создать приложение из веб-сайта? ⌨️

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

Старший разработчик Совкомбанк Технологий Ира поделилась, какие инструменты помогают трансформировать сайт в мобильное приложение.

PWA (Progressive Web Application) - это технология адаптации веб-сайта под мобильное устройство в виде приложения.

Для реализации используют:
🔵Service Workers – скрипты, которые запускаются браузером в фоновом режиме и отвечают за пуш-уведомления, кеширование и оффлайн-работу
🔵Web app manifest – json-файл, который хранит в себе параметры для установки PWA на домашний экран (название, иконка и т.д.)
🔵App shell – статическая оболочка приложения. С её помощью графический интерфейс отображается сразу, не дожидаясь ответа сервера

Для подробного изучения создания и возможностей PWA, читай учебники.

🔥– спасибо, было полезно
👍🏻– интересно
🤔– иду смотреть учебники

#полезное

Ради кофе можно пойти на всё. Даже на работу в пятницу ☕️

Любимый напиток:
🔥— капучино ван лав
👍🏻— раф на миндальном
👏— только американо
🤷‍♂️— я чай люблю

#мемы

Весна – самое время попробовать что-нибудь новое: сменить причёску, обновить гардероб или трудоустроиться в ту самую компанию ⌨️

➡️Собрали вакансии для всех, кто хочет работать в Совкомбанк Технологиях.

Системный аналитик (Keycloak)
📍Казань, Краснодар

Ведущий специалист VoIP (SBC)
📍Санкт-Петербург

Frontend-разработчик Angular
📍Краснодар, Новосибирск, Санкт-Петербург, Уфа

Senior PHP разработчик (Laravel)
📍Новосибирск, Санкт-Петербург, Томск

Аналитик по безопасной разработке ПО
📍Барнаул, Екатеринбург, Калининград, Краснодар, Нижний Новгород, Новосибирск, Самара, Санкт-Петербург, Саратов, Томск, Москва, Воронеж

Менеджер проектов по информационной безопасности
📍Казань, Калининград, Нижний Новгород, Новосибирск, Санкт-Петербург, Саратов, Томск, Воронеж

Аналитик по информационной безопасности
📍Екатеринбург, Казань, Калининград, Краснодар, Нижний Новгород, Новосибирск, Самара, Санкт-Петербург, Саратов, Томск, Уфа, Москва, Воронеж

Разработчик (Junior, Middle) Oracle (PL/SQL)
📍Барнаул, Казань, Красноярск, Новосибирск, Томск, Воронеж

Администратор баз данных
📍Ижевск, Казань, Краснодар, Майкоп, Нижний Новгород, Череповец

Готовы рассмотреть кандидатов, проживающих в любом из городов, указанных в вакансии.

➡️P.S. Если ты уже с нами, напоминаем про «Приведи друга» – отличную возможность помочь с работой другу и получить бонус для себя любимого.

#вакансии

Ищешь, что почитать? Тогда рекомендуем новую статью в блоге Совкомбанк Технологий на Хабре 🤓

Дима, заместитель начальника управления систем больших данных, поделился полезной информацией для разработчиков и администраторов SAS CIS.

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

В приложении есть готовый проект с кодом для запуска парсера на своих логах.

➡️ Подробности в статье на хабре.

#полезное

День белой спины, солёного чая и бородатых гифок от родственников 🤡

➡️Делись любимыми каламбурами в комментариях.

Админ начинает:

Колобок повесился

С праздником, веб-разработчики! 🤩

Сегодня во всём мире отмечается День веб-разработчиков, а ещё – интернета. Поздравляем всех специалистов!

Дата была выбрана не случайно: 4.04 совпадает кодом ошибки 404.

🦖Благодаря вам пользователи всегда находят нужную страницу с удобным интерфейсом.

Желаем чистого кода, бесперебойной работы серверов, интуитивно понятного интерфейса, вдохновения и новых достижений!

@sovcom_tech

Отмечаем день Рунета! 🤩

7 апреля 1994 года Россия
получила свой домен.ru и официально вошла в мировую сеть.

До 2000 года регистрация доменов проходила вручную, а первый сайт в России появился даже раньше, чем сам Рунет — в 1990 году. Это была страница Курчатовского института.

С тех пор Рунет сильно изменился: от медленных модемов и простеньких страниц до огромных соцсетей и онлайн-магазинов.

🤩Поздравляем всех, кто читает этот пост. Ведь все мы так или иначе причастны к развитию рунета.

Какой домен лучше всего охарактеризует твой сегодняшний день?

🤷‍♂️- opyatzadachi.ru
🤔- snovaponedelnik.ru
🔥- hochucoffe.ru
👍🏻- snegvaprele.ru

Тестируем анимации 🖼

Тимлид React разработки Совкомбанк Технологий Ира рассказала, как работать с анимациями в инструментах Chrome DevTools.

Материал пригодится разработчикам и тестировщикам веб-приложений.

Как включить: Кнопка more (в виде трёх точек в выдвигающейся панели консоли) ⇒ Анимации

План действий:
🤩 Открываем меню, где появится карточка анимации после её воспроизведения на странице.
🤩 При нажатии на карточку ниже отобразится таблица со свойствами, изменёнными с помощью анимации.
🤩 В первой колонке будут показаны селекторы, на которых анимация применена: теги, классы, id.
🤩 Вторая колонка — таймлайн, где указаны конкретные свойства и длительность их анимирования.
🤩Ползунок можно двигать, чтобы подобрать правильное время применения, если есть сомнения.
🤩Над списком анимаций находится панель управления, где можно изменить скорость всей анимации или поставить её на паузу в нужный момент.

Подробности читай в статье.

🔥– спасибо, было полезно
👍🏻– интересно
🤔– иду пробовать

#полезное
@sovcom_tech

Самое время отвлечься от задач и сделать разминку 🪫

👍 – физкульт-ура!
🤷‍♂️ – лучше схожу за кофе

#мемы
@sovcom_tech

Наши вакансии – это как глазурь на куличе. Тоже порой заставляют людей драться за право съесть всё одному место под солнцем 🧁

А если отставить шутки в сторону – смотри подборку и присоединяйся к команде.

Системный аналитик (процессинг)
📍Новосибирск, Хабаровск

Senior PHP разработчик
📍Новосибирск, Санкт-Петербург, Томск

DevOps инженер
📍Красноярск, Нововоронеж, Новосибирск, Саратов, Хабаровск

Аналитик по информационной безопасности
📍Казань, Калининград, Краснодар, Красноярск, Нижний Новгород, Новосибирск, Самара, Санкт-Петербург, Саратов, Томск, Уфа

Менеджер проектов по информационной безопасности
📍Казань, Калининград, Нижний Новгород, Новосибирск, Санкт-Петербург, Саратов, Томск, Воронеж

Аналитик по безопасной разработке ПО
📍Барнаул, Екатеринбург, Калининград, Краснодар, Нижний Новгород, Новосибирск, Самара, Санкт-Петербург, Саратов, Томск, Москва, Воронеж

Инженер SIEM
📍Екатеринбург, Казань, Калининград, Краснодар, Нижний Новгород, Новосибирск, Санкт-Петербург, Саратов

Ведущий специалист VoIP
📍Санкт-Петербург

Системный аналитик (Keycloak)
📍Казань, Краснодар

Готовы рассмотреть кандидатов, проживающих в любом из городов, указанных в вакансии.

P.S. Если ты уже с нами, напоминаем про «Приведи друга» – отличную возможность помочь с работой другу и получить бонус для себя любимого.

@sovcom_tech #вакансии

Код без опечаток — утопия или реальность? 🤩

Разработчики часто сталкиваются с орфографическими ошибками в коде. Это приводит к разным последствиям: от сложностей поиска определённых фрагментов до нечитаемости.

Тимлид React разработки Совкомбанк Технологий Ира рассказала об инструменте, который может помочь избежать подобных проблем — плагин для VS Code "Code Spell Checker".

Дефолтная версия содержит английский словарь, а для других языков существуют дополнительные расширения. Например, Russian — Code Spell Checker.

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

Благодаря этим функциям есть возможность настроить плагин под свои нужды и улучшить качество кода.

🔥— Спасибо, полезно
👍🏻— Вот бы такое в школьные времена для домашек было
🤩— Иду пробовать

#полезное
@sovcom_tech

Когда физически ещё в офисе, но мысленно уже на майских☀️

Какие планы на завтра?
❤️- еду на шашлыки
👍🏻- пойду окультуриваться
🤷‍♂️- буду спать весь день

#мемы

С праздником 1 мая! 🕊

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

❤️- всем классных майских