Веб-страница
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
Google вернёт в Chrome поддержку FTP по умолчанию, которую только недавно убрал

Как мы писали ранее, Google планировал прекратить поддержку протокола FTP в своём браузере из-за небезопасности и непопулярности протокола. В последней версии Chrome поддержка протокола была отключена по умолчанию, а в версии 82 планировалось полностью выпилить весь связанный с этим код.

Теперь же, на фоне новостей о пропуске 82-й версии Chrome, в компании заявили, что вынуждены вернуть к жизни старый протокол «в свете текущего кризиса». Каким образом связан отказ от FTP и нынешний кризис, в компании не уточнили.

Источник: Bleeping Computer

#ftp #chrome
Палитра для сайта

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

https://tprg.ru/MQV9

#фронтенд #дизайн
Forwarded from Типичный программист
GitHub открыл полностью бесплатный доступ к приватным репозиториям для команд

Раньше пользователи могли создавать безлимитное количество приватных репозиториев с участием до трёх соавторов. Теперь же ограничение на количество соавторов снято.

Платный тариф с другими продвинутыми возможностями для команд остался, но подешевел с $9 до $4.

#github
Самые большие ошибки в веб-разработке — опыт экспертов

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

Мы поговорили с веб-разработчиками, которые не боятся признавать свои ошибки. Они рассказали нам про свои самые крупные косяки:

https://tprg.ru/qnXO

#эксперты
HTTP/3 vs HTTP/2

HTTP/3 уже на подходе, поэтому рекомендуем основательно подготовиться к переходу на него. Тут Cloudflare как раз выпустили статью, в которой сравнивают производительность HTTP/2 и HTTP/3:

https://tprg.ru/fO9J

Подробнее почитать о том, что из себя представляет HTTP/3 можно здесь. А здесь мы помогаем разобраться с тем, как самому протестировать протокол.

UPD — перевод статьи от Cloudflare на русский: https://tprg.ru/F9mJ

#http
Чем занимается DevOps-инженер

DevOps-инженер — это важное связующее звено между разработчиками и инфраструктурой. И без этих специалистов уже невозможно представить запуск сложных продуктов.

Какими конкретными задачами занимаются такие ребята? Как устроен их типичный день? Читайте у нас на сайте:

https://tprg.ru/fyEe

#devops
Игра, которая помогает изучить CSS Flexbox. Что нужно делать? С помощью CSS-свойств расставлять на поле пушки, которые будут защищать вас от наступающих злодеев:

https://tprg.ru/4nLS

#фронтенд #css
В IT Юморе шутим программистские шутки.

Заходите, там весело: @ithumor
284 вопроса на тему системного администрирования Linux

Начиная от самых простых до уровня Гуру. Вопросы, конечно же, с ответами:

https://tprg.ru/fCIK

#devops #linux
100+ задачек с LeetCode с решениями на Go

Каждая задачка сопровождается условием, решением и юнит-тестами:

https://tprg.ru/m4Yh

#go
Серия видеолекций по докеру

От введения до сборки самого простого контейнера:

— часть 1: https://tprg.ru/MB8l
— часть 2: https://tprg.ru/wQls
— часть 3: https://tprg.ru/RyiB
— часть 4: https://tprg.ru/a6oF

#devops #docker
Вдохновляющая подборка из 61 примера портфолио веб-разработчиков. Посмотрите и не стесняйтесь заимствовать какие-то интересные идеи:

https://tprg.ru/UMPN

#фронтенд #дизайн
Недавно мы поделились с вами статьёй команды Stack Overflow, в которой они рассказывали о процессе создания тёмной темы для сайта.

А теперь статью перевели, наверняка для многих из вас это будет полезно:

https://tprg.ru/I0Bk

#фронтенд #дизайн
Как устроен сайт web.dev?

web.dev — это сайт, на котором веб-разработчики из Google рассказывают, как создавать современные веб-приложения и сайты. Мы регулярно читаем его сами, а самым интересным делимся с вами (например: раз, два, три).

А недавно там вышла статья о создании самого сайта web.dev. Разработчики рассказали, как устроен их сайт и как они используют веб-компоненты:

https://tprg.ru/9n0H

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

Создание дизайна сайта — это не просто подбор подходящих цветов по палитре, а полноценное проектирование.

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

https://tprg.ru/ptXx

#фронтенд #дизайн
5 советов по эффективному использованию console.log()

Продвинутое форматирование, CSS-стили, интерактивные логи:

https://tprg.ru/sjpa

#консоль #javascript
Подробный гайд по использованию PostgreSQL с Go:

https://tprg.ru/e2zT

#бэкенд #postgresql #go
CSS Diner — игра, которая научит вас корректно обращаться к конкретным элементам в CSS-стилях.

На каждом из 32 уровней вы увидите перед собой стол с тарелками и разными продуктами и получите задание написать код, который выберет заданный объект.

Заодно аппетит нагуляете: https://tprg.ru/EfGi

#фронтенд #css
Пошаговый гайд, который поможет сделать дизайн сайта с нуля. Часть вторая: проектируем макет

В этой части рассказывается, как разработать визуальную концепцию и перейти к созданию макета сайта:

https://tprg.ru/C6Gw

Первая часть — здесь.

#фронтенд #дизайн
На днях релизнулся Node.js 14

https://tprg.ru/TsDz

Из основных изменений:

— Стабилизирован Diagnostic Report. Этот API позволяет получить информацию для локализации утечек памяти, о причинах падений и проблем производительности.

— Стал доступен экспериментальный Async Local Storage API. Благодаря ему в Node.js появляется готовый инструмент для сохранения данных на время жизни http-запросов и любых других асинхронных процессов.

— Сделаны мажорные исправления в Streams API для улучшения согласованности и устранения неоднозначности.

— Появилась экспериментальная поддержка Web Assembly System Interface (WASI) для упрощения работы с нативными модулями.

#бэкенд #nodejs
Каким образом создать такую диагональную вёрстку с помощью CSS? Вот гайд, в котором автор рассказывает:

https://tprg.ru/Kzca

#фронтенд #css