Веб-страница
24K subscribers
1.75K photos
534 videos
1 file
3.95K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Практически стандартом для запуска микросервисов в контейнерах сейчас является Kubernetes. Он кастомизируемый и может быть настроен и запущен почти на любой аппаратной платформе.

В статье читайте, как Kubernetes стал лидером, какие задачи он решает и какие решить не может: https://tproger.ru/blogs/kubernetes-as-default-tool-for-containers/

#devops #kubernetes
Безопасность в вебе

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

К типичным угрозам спикер отнёс XSS, CSRF и DDoS атаки, небезопасный конструктор include, механизм обмана пользователей Clickjacking. Большая часть выступления посвящена проблеме взлома паролей и последствиям такого взлома.

#безопасность #php
This media is not supported in your browser
VIEW IN TELEGRAM
Наглядная демонстрация того, как браузеры боролись за популярность среди пользователей.

#браузеры #история
Чистый код React-приложений

Статья в двух частях:

— В первой части речь идёт про структуру папок, именование, стрелочные функции: https://tprg.ru/ICw3

— Во второй — про переиспользование, простоту и другие советы по организации кода: https://tprg.ru/JIGZ

#фронтенд #react
The state of CSS

Ежегодный опрос https://stateofcss.com/ навёл много шуму, так как большое количество технологий, указанных в нём, оказались для разработчиков незнакомы.

Автор доклада рассказывает о «потерянных» технологиях, их применении и поддержке, чтобы начать использовать всю мощь актуального CSS.

Ссылка на презентацию: http://frontendconf.ru/moscow-rit/2019/abstracts/5024

#фронтенд #css
Как эффективно мониторить метрики nginx, если у вас не один и не два сервера? Например, с помощью связки nginx_vts_exporter + Prometheus + Grafana.

Руководство по настройке: https://tprg.ru/DZwl

#бэкенд #nginx
Бэкендер: «Машинное обучение, ИИ, распределённые системы, бла-бла-бла»

Фронтендер:

#фронтенд #кек
Как работает JavaScript?

Возможно, вы удивлены увидеть пост на такую тему. Однако именно понимание основ позволит исследовать более сложные темы.

Новички точно узнают что-то новое, а опытные джаваскриптеры найдут, что вспомнить: https://tprg.ru/CHNq

#javascript
Бесплатный митап по 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
Копирование объектов в JavaScript

https://tprg.ru/9LoN

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

#javascript
Что нового в 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 и как он обрабатывает асинхронные функции. Для наглядности рассматриваем несколько примеров и то, как их можно оптимизировать с точки зрения производительности.

#javascript