Бесплатный митап по Vue.js

19 сентября в московском офисе Mail.ru Group состоится совместный с сообществом MSK VUE.JS митап, посвящённый фреймворку Vue.js.

Докладчики расскажут про рендеринг Vue.js-приложений на сервере, организацию работы с API на Vue.js, а также обсудят перспективы развития фреймворка.

Всё бесплатно, нужна только регистрация: https://tproger.ru/events/msk-vue-js-meetup-3/

#ивенты

Руководство по написанию веб-приложения с использованием модных и молодёжных Kotlin и Vue.js вместе со Spring Boot: https://tprg.ru/jfRF

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

#фронтенд #бэкенд #kotlin #spring #vuejs

Анимация в вебе

Хорошая и уместная анимация может произвести впечатление, объяснить пользователю какое-то действие или просто быть предметом искусства.

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

Ссылка на презентацию: https://tprg.ru/BHeE

#фронтенд #анимация

В этом репозитории собрана информация обо всех известных атаках посредника (MITM-атаках) и методах защиты от них: https://github.com/Sab0tag3d/MITM-cheatsheet

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

#безопасность #шпаргалки

Статья, в которой показано, как внедрить пользовательские зависимости в компоненты Vue: https://tprg.ru/zk8l

#фронтенд #vuejs

У нас в телеге работает бот, в котором есть несколько интересных функций:

— умеет создавать отговорки на все случаи жизни;
— рекомендовать хакерские фильмы;
— а ещё там есть куча «типичных» тестов для программистов.

Знакомьтесь: @tproger_official_bot

Эволюция сайта Apple от базовых HTML-страниц в 90-х до образца дизайна в 2019 году.

#фронтенд #дизайн

Копирование объектов в JavaScript

https://tprg.ru/9LoN

— наивное копирование,
— поверхностное копирование,
— глубокое копирование,
— копирование методов,
— копирование циклических объектов.

#javanoscript

Что нового в Kubernetes 1.16

https://tprg.ru/kNYu

— эфемерные контейнеры;
— механизм подсчёта накладных расходов на pod'ы;
— менеджер топологии узла;
— проверка контейнеров во время их запуска;
— новый API для Endpoint и многое другое.

#devops #kubernetes

⁠Как раскрутить сайт

Наши эксперты рассказали, что нужно делать при создании сайта, чтобы его посещала целевая аудитория. Оптимизации, SEO, трафик, вёрстка, аналитика: https://tproger.ru/experts/how-to-promote-a-site/

#seo

kubesec — инструмент с открытыми исходниками для анализа проблем с безопасность Kubernetes ресурсов. Можно развернуть у себя на машине и всё локально проверять: https://github.com/controlplaneio/kubesec

#devops #kubernetes #безопасность #инструменты

Если хотите написать свой Guitar Hero, то вам в этот пост.

Бесплатные инструменты для визуализации аудио: https://tprg.ru/UXZI

Статьи, видео, практика о том, как с этими инструментами работать: https://tprg.ru/0mje

Также читайте: визуализация звука с помощью HTML

Как писать эффективный код на JavaScript с помощью Event Loop

https://tproger.ru/blogs/effective-code-in-js-with-event-loop/

Event Loop (цикл событий) — важная тема в JavaScript, понимание которой позволит писать более эффективный код и взглянуть на некоторые вещи в языке под другим углом.

В статье мы разбираемся, как работает Event Loop, как работает основной поток в JavaScript и как он обрабатывает асинхронные функции. Для наглядности рассматриваем несколько примеров и то, как их можно оптимизировать с точки зрения производительности.

#javanoscript

Почему бы собственно и не сыграть на таком тромбоне? Вот и ссылка: https://matthewrayfield.com/goodies/popup-trombone/

#фронтенд #кек

В этом видеоуроке наш подписчик рассказывает, как создать бургер-меню с помощью HTML, CSS и JavaScript.

#фронтенд #javanoscript #html #css

Реальный DevOps в энтерпрайзе

По-вашему, что такое DevOps? Методология? Набор инструментов? Культурные практики?

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

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

Презентация доклада — https://tprg.ru/cIzs

#devops

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

В этом обзоре найдёте 10 инструментов, которые помогут вам на начальном этапе разработки проекта: https://tprg.ru/XYjl

#фронтенд #инструменты

Где узнавать о главных айтишных новостях быстрее всего? В канале IT Новости публикуем новости сразу же, как узнали о них.

Подписывайтесь и узнавайте первым о релизах, исследованиях, новых дырах в безопасности и утечках данных: @tprogerlive

⁠Как контрибьютить в open source проекты?

Чувствуете в себе силы внести вклад в какой-нибудь open source проект, но не знаете, как сделать это правильно?

В этом небольшом руководстве читайте, на что обратить внимание в этом процессе и как взаимодействовать с другими разработчиками: https://tprg.ru/gtxq

#github

Чему мы научились, пока делали собственную систему уведомлений

Иногда искусственный интеллект должен принять решение, от которого зависит здоровье человека. Классический пример — беспилотные автомобили. Но у докладчика история проще: в его компании делают систему, которая будит людей по ночам.

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

Презентация: https://tprg.ru/f54G

Практика показывает (например, здесь: https://tprg.ru/zOJE), что добавление видео на сайт здорово повышает вовлечённость пользователей.

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

В этом руководстве от Google читайте, как работать с HTML-тегом video для вставки видео на страницу: https://web.dev/video-basics

#фронтенд #html