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

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Когда пытаешься сделать сайт максимально адаптивным:
Сегодня стартует Chrome Dev Summit

Трансляция первого доклада «Chrome и Веб в 2020» начнётся в 20:30 по московскому времени.

Всего на два дня запланировано 26 выступлений — по 13 каждый день.

Трансляция доступна тут:
https://www.youtube.com/watch?v=NkIi7h8NnS4

Посмотреть подробную программу саммита можно тут:
https://developer.chrome.com/devsummit/schedule/
DevOps-дайджест

На нашем сайте появился полезный дайджест, в котором вы сможете найти полезные статьи о RedHats, Kubernetes и современных DevOps и SRE технологиях, а также интересные подкасты на разные темы:

https://tprg.ru/lK1B

#devops
Вышла новая версия Kubernetes 1.20

Состоялось последнее в этом году обновление Kubernetes.

Новая версия получила множество нововведений:
— Docker как deprecated;
— kubelet научили учитывать таймаут для вызова проб;
— функция создания/восстановления снапшотов томов для CSI-драйверов (KEP-177) стала стабильной;
— пополнение в метриках;
— и многое другое.

Подробнее обо всех изменениях можно прочитать здесь:

https://tprg.ru/rhds

#devops #kubernetes
10 полезных расширений Google Chrome для разработчиков и дизайнеров

Чтобы не сойти с ума от Pixel Perfect и не запутаться в обилии шрифтов в макете, создано немало полезных расширений, которые делают вёрстку сайта приятнее и проще.

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

https://tprg.ru/NrtU

#фронтенд
Когда включил watch mode в Webpack:
Изучение Vue.js в 2021 году: дорожная карта разработчика

Одной теорией сыт не будешь, поэтому мы дополнили гайд ссылками на полезные инструменты, небольшим примером с проверкой типов и видео-туториалом по разработке приложения с полным функционалом из Vuex:

https://tprg.ru/DhzB

#фронтенд #vue
​​CardInfo.js

Полезная библиотека для фронтенд-разработчиков, которая позволяет добавить на сайт форму для заполнения данных банковской карты.
Библиотека самостоятельно определяет каким банком выпущена карта и отображает нужные стили.

Со всеми возможностями можно ознакомиться здесь:

https://tprg.ru/kPl5

#фронтенд #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Monument Valley 2 in CSS

CodePen — просто кладезь интересных проектов.

Вот один из примеров — имитация игры «Monument Valley II», написанная на HTML и CSS. JavaScript тут нет, поэтому поиграть не получится, но тем не менее, проект интересен с точки зрения возможностей CSS.

Изучить код можно тут:

https://tprg.ru/xUCu

#фронтенд
Основные команды SQL, которые должен знать каждый программист

Рассмотрим основные команды, элементы запросов, агрегатные функции и вложенные подзапросы. Для наглядных примеров работаем с MySQL:

https://tprg.ru/kDEu

#бэкенд #sql
Требует жертв красота... и Internet Explorer
CSS Flexbox в гифках

Устали бороться с выравниванием элементов? CSS Flexbox поможет играючи справиться с вёрсткой сложных гибких макетов.

О том, как работает Flexbox, вы сможете узнать из нашего гайда с понятными анимированными примерами:

https://tprg.ru/sKnt

#фронтенд #css
Все дороги ведут в Москву! Или нет?

Пандемия повлияла на отношение к удалёнке — кто только об этом не писал. И на нас она повлияла тоже. Наша команда частично работает удалённо, а частично в офисе Москве. В связи с пандемией на удалёнку пришлось перейти всем и, конечно, мы очень надеемся, что в следующем году все наладится.

Однако мнения в команде относительно удобства удалёнки и офиса разделились, и нам стало интересно, а что вы думаете? Опрос получился замороченным, но зато покрывает все варианты, а если вашего варианта всё-таки нет — пишите в комменты.
7 советов по обработке undefined в JavaScript

Начинающих frontend-разработчиков undefined может поставить в тупик, ведь на первый взгляд непонятно зачем он нужен, когда есть null. Да и при сравнении undefined == null вернётся true. Давайте разбираться!

В нашей обновлённой статье мы подробно рассматриваем как работает undefined и как с ним себя вести:

https://tprg.ru/1hiZ

#фронтенд #javascript
Zen of Python — новый канал от Tproger, где мы будем собирать лучшие материалы по Python и рассказывать про его применение для решения прикладных задач.

Полный Дзен Пайтона в одном канале: @zen_of_python
А если её нет, то можно сказать, что собака съела
Режимы наложения в CSS

Современные возможности CSS позволяют создавать действительно красивые и стильные сайты.

Посмотрите, как можно при помощи нескольких строк создать привлекательный внешний вид, используя статичные или анимированные наложения:

https://tprg.ru/SziF

#фронтенд #css
История создания поисковика Pick и примеры кода

Поисковик — это не одна страница с полем для ввода запроса и надписью «Яндекс» или «Google», как до сих пор думают некоторые люди, далёкие от IT. Это сложный продукт, который упростил жизнь миллиардам людей.

Автор нашей статьи рассказывает и, что особенно интересно, показывает, как он создал свой собственный поисковик:

https://tprg.ru/a4hz

#бэкенд
11 древних сайтов, которые до сих пор активны

Немногие помнят, как ещё лет 20-25 назад выглядели сайты. Они были ограничены технологиями своего времени и выглядели, мягко говоря, не очень.

В этой статье собраны 11 таких сайтов, которые продолжают работать, и сегодня у вас есть возможность переместиться в прошлое и посмотреть свежим взглядом, каким был интернет во времена dial-up:

https://tprg.ru/icnG
Точка входа в программирование — наш новый канал, в котором будем делиться лучшими материалами по основам программирования.

Кому подойдёт канал?
— тем, кто только стартует в разработке;
— тем, кто ещё не выбрал направление;
— тем, кто хочет подтянуть базовые знания по какой-то отдельной теме.

Подключайтесь: @prog_point