Веб-страница – Telegram
Веб-страница
24.1K subscribers
1.73K photos
529 videos
1 file
3.93K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Что нового в 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
This media is not supported in your browser
VIEW IN TELEGRAM
Почему бы собственно и не сыграть на таком тромбоне? Вот и ссылка: https://matthewrayfield.com/goodies/popup-trombone/

#фронтенд #кек
Реальный DevOps в энтерпрайзе

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

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

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

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

#devops
This media is not supported in your browser
VIEW IN TELEGRAM
Если на вашем сайте больше, чем пара страниц, то этап прототипирования при разработке пропускать не стоит. Он необходим для определения главных и второстепенных элементов будущего сайта, а также задач, которые сайт или сервис будет решать.

В этом обзоре найдёте 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
This media is not supported in your browser
VIEW IN TELEGRAM
Skydive — это анализатор топологии сети и протоколов в режиме реального времени.

Документация и руководство по началу использования на гитхабе: https://github.com/skydive-project/skydive

#сети #инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Руководство по созданию вот такого инструмента для выбора цвета одежды на сайте: https://tprg.ru/LTfE

А вот здесь только код: https://tprg.ru/rUaV

#фронтенд #css
Большой FAQ по вхождению во фронтенд

Даёт краткое, но ёмкое направление по оптимальному изучению стека технологий, которые используются во фронтенде: https://github.com/acilsd/wrk-fet

Кратко по темам:
— что нужно знать и где учить по вёрстке;
— 9000 ссылок по JavaScript и фреймворкам;
— вопросы, которые зададут на собеседовании;
— подкасты по разработке;
— и английский язык, конечно.

#фронтенд
Сайт, особенностью которого является то, что он пишет себя сам. Вы только посмотрите: https://www.strml.net/

#фронтенд
Инфраструктура компании как продукт

Инфраструктура — это то, от чего зависит работа и прибыль IT-бизнеса. Все процессы, которые происходят с кодом, зависят от бесперебойной работы серверов, ПО, внешних сервисов. Если инфраструктура не работает как надо, бизнес теряет прибыль.

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

Текстовая расшифровка доклада: https://tprg.ru/CW5D

#devops
jsonbox — бесплатное удалённое хранилище для JSON: https://jsonbox.io/

Сервис генерирует для вас URL, к которому вы сможете обращаться через API, чтобы сначала добавить, а затем читать и редактировать ваш JSON.

Документация: https://github.com/vasanthv/jsonbox#readme

#инструменты #api #json
This media is not supported in your browser
VIEW IN TELEGRAM
Руководство по созданию бесконечного списка с помощью React и GraphQL: https://vk.cc/9PUotE

Кроме того, автор статьи создал отдельный компонент, который можно просто добавить в свой проект и использовать без написания кучи кода: https://github.com/frinyvonnick/react-simple-infinite-loading

#фронтенд #react #graphql
В этой статье рассматриваются советы по оптимизации CSS, которые можно использовать для повышения производительности интерфейса: https://tprg.ru/Mu7s

Также читайте:
гайд по оптимизации от Google;
чек-лист для фронтенда перед выпуском в продакшн;

#фронтенд #css