Веб-страница
23.9K subscribers
1.77K photos
535 videos
1 file
3.97K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Результат проверки в PageSpeed Insights мобильной версии сайта, на котором сам сервис и расположен.

#фронтенд #google
Подробный гайд по созданию приложения на Angular 8

https://www.freecodecamp.org/news/angular-8-tutorial-in-easy-steps/

— установка Angular CLI 8 и создание проекта;
— добавление http-клиента;
— создание компонентов;
— разработка интерфейса;
— работа с Rest API;
— обработка ошибок;
— добавление пагинации;
— подключение Firebase.

#фронтенд #angular
Учебный план по Kubernetes от Microsoft: https://tprg.ru/VGoN

Обучение рассчитано на 50 дней: от самых основ до работы с Azure Kubernetes Service. Всё доходчиво и в разных форматах: статьи, видео, лабы. Очень круто, рекомендуем.

#devops #kubernetes
​​Вышла первая стабильная версия браузера Brave: https://tprg.ru/pakb

Его разрабатывали 4,5 года под руководством Брендена Айка, создателя JavaScript и бывшего руководителя Mozilla.

Brave основан на Chromium, но заточен под приватность и удобство пользователя. В него встроены и включены по умолчанию блокировки рекламы, трекеров и майнеров.

#браузеры
Автор этой серии видео рассказывает, как на React написать клон сайта Netflix: https://www.youtube.com/playlist?list=PL6jnTQwFvrdbccPErnd5AsCY3dkYUk3e5

#фронтенд #react
​​Команда ClickHouse опубликовала свой план разработки на 2020 год. Интересное чтиво: https://tprg.ru/yMmE

#бэкенд
Next.js

Огромное руководство по изучению фреймворка Next.js: https://www.freecodecamp.org/news/the-next-js-handbook/

Подойдёт тем, кто вообще не знаком с этим фреймворком. Но при этом будет здорово, если у вас есть минимальный опыт с React.

#фронтенд #javascript #nextjs
👍1
Composer — пакетный менеджер для PHP

Автор этого видео рассказывает, как его использовать в своих проектах. Показывает, как установить и подключить Composer к приложению, объясняет основные команды и устанавливает фреймворк Laravel.

Также в видео:
— самые необходимые и часто используемые команды;
— require и require-dev;
— куда пропадают файлы в Laravel и зачем запускать dump-autoload;
— как правильно использовать команды update и install, чтобы ничего не сломать;
— что нужно фиксировать в Git, а что нет;
— зачем нужен файл composer.lock;
— некоторые другие команды.

#php #laravel #composer
DigitalOcean анонсировала хранилище docker-образов: https://www.digitalocean.com/products/container-registry/

На этапе раннего доступа хранилище будет бесплатным.

#devops #docker
👍1
26 ноября в петербургском офисе Одноклассников пройдёт очередной ok.tесh: frontend meetup.

Про что будут беседовать?
— про новый фронтенд Одноклассников, сделанный на связке React + Graal;
— может ли «Lifting State Up», одна из двенадцати ключевых концепций в официальной документации React, приводить к плохой производительности;
— а также несколько историй про баги и технические решения, которые были предприняты, чтобы с ними справиться.

Участие бесплатно: https://oktech.timepad.ru/event/1110260

#ивенты
Чек-лист, следование которому позволит разработать безопасное, масштабируемое и отказоустойчивое Kubernetes-приложение: https://learnk8s.io/production-best-practices/

Также смотрите: инструмент для проверки лучших практик Kubernetes от DigitalOcean

#devops #kubernetes #лучшиепрактики
Тестирование с помощью Docker

Писать тесты только потому, что кто-то говорит «у тебя должны быть написаны тесты» — глупо. Тесты должны повышать вашу производительность и при этом улучшать качество конечного продукта.

В этом подробном руководстве читайте, как Docker может помочь при тестировании API: https://fire.ci/blog/api-end-to-end-testing-with-docker/

#ci #docker #тестирование
​​Доступность веба

Интересная статья, автор которой рассматривает вопросы правового регулирования доступности веба в ЕС, США и России: https://tprg.ru/VhfY

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

#фронтенд #доступность
Огромный репозиторий с кучей полезных ресурсов для Microsoft SQL Server Database: https://github.com/ktaranov/sqlserver-kit

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

#бэкенд #sql
Бесплатная технологическая конференция Яндекса YaTalks 2019

Состоится 30 ноября в Москве.

В первую очередь это будет интересно бэкенд-разработчикам. С докладами выступят спикеры из Яндекса, Google, Nvidia, ivi, Skyeng.

Вот некоторые примеры тем докладов:
— «Алиса, как это работает?» от разработчика из Яндекса;
— «Deploy robotaxi around the world» от разработчика из Яндекса;
— «Hardware для глубокого обучения» от Google Developer Expert;
— Доклад о биологии больших данных от одного из самых известных российских учёных Михаила Гельфанда.

Подробности и регистрация здесь: https://tproger.ru/events/yatalks-2019/

#ивенты
This media is not supported in your browser
VIEW IN TELEGRAM
При работе в консоли браузера вы можете обращаться к элементу, с которым работаете в данный момент, с помощью $0.

Например, если вы работаете с видео, то можно использовать парочку хитрых команд:
— $0.playbackRate = 2; (чтобы изменить скорость воспроизведения);
— $0.requestPictureInPicture() (чтобы включить режим «картинка в картинке»).

#фронтенд #инструменты
Cloudflare открыла исходники проекта Flan Scan

С его помощь можно просканировать хосты в сети на предмет наличия уязвимостей: https://blog.cloudflare.com/introducing-flan-scan/

Flan Scan находит открытые сетевые порты в исследуемой сети, определяет связанные с ними сервисы и версии используемых программ и формирует список уязвимостей, затрагивающих выявленные сервисы.

В конце формируется отчёт, обобщающий выявленные проблемы и приводящий связанные с обнаруженными уязвимостями CVE-идентификаторы, отсортированные по степени опасности.

Исходники: https://github.com/cloudflare/flan

#инструменты #безопасность
Вышла первая стабильная версия Loki, система агрегации логов от Grafana

Чем Loki отличается от других таких инструментов:
— хранит логи в сжатом и неструктурированном виде, индексирует только метаданные;
— индексирует и группирует логи теме же метками, что и в Prometheus;
— удобная поддержка хранения логов Kubernetes подов;
— нативная поддержка Grafana.

Исходники и документация: https://github.com/grafana/loki

#инструменты
Набор из 5 курсов на coursera от МФТИ и Яндекса по разработке интерфейсов: https://www.coursera.org/specializations/razrabotka-interfeysov

Обучение рассчитано на 5 месяцев: 2 курса по вёрстке, 2 курса по JavaScript и финальный проект. Курсы про вёрстку не требуют почти никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: ожидается, что у вас уже есть опыт программирования на каком-нибудь языке.

#фронтенд #javascript #html #css
Лайфхак по вебу

Инструменты разработчика Google Chrome позволяют подбирать правильные цвета шрифта и фона, чтобы они были достаточно контрастны для комфортного чтения.

Если нажать на цвет, а потом на стрелочку справа от «Contrast ratio», на палитре появятся две кривые. Выбираете цвет ниже первой — всё хорошо, контрастность хорошая. Ниже второй — отлично, идеальный контраст.

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