Веб-страница
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
Лучшие практики Node.js

Этот репозиторий — компиляция десятков лучших статей по Node.js. В нём собрано более 80 рекомендаций и лучших практик: https://github.com/goldbergyoni/nodebestpractices/blob/master/README.russian.md

— какую структуру проекта выбрать;
— как обрабатывать ошибки;
— как оформлять код;
— как тестировать код;
— как обеспечить безопасность;

Также читайте: Лучшие практики по тестированию JavaScript и Node.js приложений

#nodejs #лучшиепрактики
Svelte — относительно свежий веб-фреймворк, который появился на слуху не так давно. Его на самом деле даже сложно назвать фреймворком.

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

Ещё у него довольно приятный синтаксис, поэтому разобраться с ним не составит труда.

Рекомендуем пару ресурсов для ознакомления с фреймворком:
— Учебник от создателей на русском: https://ru.svelte.dev/tutorial/
— И учебник от поклонников Svelte на английском: https://www.freecodecamp.org/news/the-svelte-handbook/

#фронтенд #svelte
Результат проверки в 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

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