Веб-страница
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
JavaScript-классы — это не просто «синтаксический сахар»

Некоторые разработчики считают, что классы в JavaScript это просто синтаксический сахар, помогающий работать с прототипным наследованием. Автор этой статьи объясняет почему это не так:

https://tprg.ru/aNyt

#javascript
Пора прощаться с Internet Explorer

Уходит эпоха, но на этот раз этому можно только порадоваться!

Компания Microsoft объявила, что уже в следующем году она полностью прекратит поддержку браузера для скачивания браузеров.

Подробности:

https://tprg.ru/ajxl
This media is not supported in your browser
VIEW IN TELEGRAM
Инфографика популярных фронтенд-фреймворков

Хотите посмотреть, как развивались фронтенд-фреймворки для JavaScript?

Эта инфографика от Flourish Studio охватывает период с 2010 по 2021 год и наглядно показывает, как менялась популярность различных фреймворков. Некоторые, возможно, вы даже и не встречали.
А если нет разницы, зачем писать больше?!
Svelte для разработчиков React

Статья-обзор библиотеки Svelte, созданная специально для разработчиков React.

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

https://tprg.ru/yJux

#svelte #react
До 21 июня можно подать заявку в «Летнюю ИТ-школу КРОК»

«Летняя ИТ-школа» — это бесплатные двухнедельные интенсивы по 10 направлениям для студентов, после которых можно получить оффер и начать строить карьеру в КРОК. В программе актуальные знания от экспертов и большое количество практических заданий.

Занятия можно оформить как практику в вузе.

Оставить заявку и выполнить профильное задание: https://tprg.ru/WXBS

Это #парнёрский пост
Трюки CSS, которые сделают из вас ниндзя вёрстки

В CSS много скрытых и неочевидных приёмов. Здесь вы найдёте несколько таких особенностей и приёмов:

https://tprg.ru/h3Le

#фронтенд #css
10 главных ошибок, которых следует избегать при использовании React

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

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

https://tprg.ru/7mRz

#react
Выявление устройств с сенсорными экранами на чистом CSS

В настоящий момент CSS-свойства медиа-запросов hover и pointer до сих пор находятся в черновике стандарта CSS4. Тем не менее, уже сейчас большинство браузеров добавили поддержку этих свойств.

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

https://tprg.ru/YVZm

#фронтенд #css
10 лучших библиотек React-хуков

Хуки в React позволяют привязывать работы вашего кода к состоянию жизненного цикла страницы. Без них в настоящее время сложно представить React-разработку.

В этой статье представлены 10 библиотек хуков, которые можно использовать в современных проектах:

https://tprg.ru/I7H6

#react
👍1
А ещё это и мобильные приложения, и десктопные, и многое другое
15 полезных инструментов для веб-разработки в 2021 году

В этой подборке вы найдёте базу сниппетов, шпаргалку для Bootstrap, помощник в создании файлов .gitignore и многое-многое другое, что пригодится каждому веб-разработчику:

https://tprg.ru/Wjh7
обновлённый JavaScript-движок в Google Chrome 91 ускорил браузер на 23%

Вообще, свежее обновление сконцентрировалось на производительности. Так, например, Windows-версия стала наа 22% менее требовательной к памяти компьютера:

https://tprg.ru/dYMC
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать неоновый текст с помощью CSS

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

В этом руководстве вы пошагово научитесь создавать имитацию неоновых вывесок с различными анимированными эффектами:

https://tprg.ru/yBGS

#css #фронтенд
Fiber’ы — новая фича в PHP 8.1

Файберы привнесли некое подобие асинхронности в PHP. Конечно, PHP по-прежнему остаётся синхронным, а то, что делают файберы в PHP чем-то напоминает многопоточность в Java.

Если вы ещё не работали с файберами и хотите узнать о них побольше — читайте в статье:

https://tprg.ru/KHfR

#php
Server-Sent Events: Простая замена веб-сокетам

Server-Sent Events — это технология, которая позволяет отправлять уведомления в одностороннем порядке от сервера к веб-браузеру в виде DOM-событий. Она может оказаться особенно полезной, когда требуется передавать регулярно небольшие порции данных длительное время.

Подробнее об этой технологии вы узнаете в этом видео:

https://tprg.ru/OX5Q

#видео
Различные способы реализации v-model во Vue

Те, кто работали во Vue знают о директиве v-model, которая позволяет осуществлять двустороннюю привязку данных к элементам форм, например input, textarea и другим.

В этой статье вы узнаете о нескольких способах реализации v-model, подходящих для разных ситуаций:

https://tprg.ru/RNQu

#vue
Создание стилей с помощью флагов !default в Sass

Флаг !default позволяет устанавливать базовые стили при отсутствии альтернативных значений. Это удобно при работе с различными темами сайта, условной загрузке различных данных и так далее.

Здесь вы узнаете, как работать с !default на практике:

https://tprg.ru/BwxP

#css #sass
Первое знакомство с Kubernetes: установка кластера k8s вручную

Если вы ещё не работали с Kubernetes, то эта статья поможет вам без лишних сложностей познакомиться с этим оркестратором. Научившись работать с ним, вы получите все преимущества, которые даёт оркестровка контейнеризированных приложений — быстрый деплой, удобное масштабирование и так далее.

Подробнее в статье:

https://tprg.ru/UhX4

#kubernetes #devops
Я: да не нужны мне готовые макеты! У меня отличное чувство вкуса, я могу сам сделать красивый сайт без всяких фигм и дизайнеров!

Мой сайт: