Веб-страница – Telegram
Веб-страница
24.1K subscribers
1.74K 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
«Моя история в IT: от повара к фронтенд-разработчику в европейской студии»

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

Почитайте его историю для повышения собственной мотивации:

https://tprg.ru/Jpo7
Docker обновила подписки и изменила правила использования Docker Desktop

Не переживайте, для личного использования, некоммерческих проектов, образовательных учреждений, предприятий с количеством сотрудников до 250 человек и доходом до 10 миллионов $ Docker останется бесплатным.

А вот для индивидуального коммерческого использования стоимость подписки составит 5 долларов, а для крупных компаний от 7 долларов за каждого человека.

Подробнее можно узнать тут:

https://tprg.ru/fUp6

#docker
Создаём синтезатор на HTML, CSS и JavaScript

Ещё одна идея для вашего пет-проекта — синтезатор на HTML, CSS и JavaScript. А чтобы вам было легче воплотить идею в жизнь, то в этой статьё ещё и подробное руководство:

https://tprg.ru/6LxA

#html #css #javanoscript
1
Как обычно через одно место
This media is not supported in your browser
VIEW IN TELEGRAM
Эластичный сайдбар

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

Посмотреть код:

https://tprg.ru/NDsu

#codepen
1
JavaScript: как из Fetch сделать Axios

Интересный эксперимент по созданию обёртки над Fetch API, чтобы ещё больше упростить его. Здесь не только подробное описание проекта, реализации и кода, но и готовая ссылка на проект и npm-пакет:

https://tprg.ru/6kmI

#javanoscript
Дженерик коллекции в PHP

Сегодня предлагаем вам познакомиться с реализацией иммутабельных коллекций с ковариантными темплейт-параметрами от пользователя нашего сайта.

Если вы, как и он, не могли найти для себя идеальную реализацию коллекций PHP, то обязательно ознакомьтесь с его вариантом:

https://tprg.ru/jEvc

#php
Критерии качества вёрстки 2021

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

Здесь не только перечислены, но и объяснены важные критерии при вёрстке простых страниц:

https://tprg.ru/Ymg8
Библиотека Wired Elements

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

https://wiredjs.com/

#библиотека
«Ставки на спорт!..»
Как улучшали время загрузки приложения VueJS с 15 до 1 секунды

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

Какие сложности и проблемы могут поджидать вас при создании проекта и как их устранить узнаете тут на реальном примере:

https://tprg.ru/ZgPy

#vue
Создание компонента переключателя

Сделать переключатель — дело одной строки HTML. Но такой переключатель будет и недостаточно доступным, и недостаточно красивым.

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

https://tprg.ru/gRdF
«Как я написал кастомный шрифт ради одного символа, но сначала неделю страдал»

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

Как это было и как он с этим справился — читайте в статье:

https://tprg.ru/v5X3
«Каким я вижу веб сегодня»

«Каким я вижу веб сегодня», или «How I experience web today» — это забавная метафора того, во что превращают сайты некоторые разработчики и компании. Всплывающие окна, уведомления о кукисах и всё прочее, что вы видите, заходя на сайт для прочтения статьи за чашкой кофе.

Попробуйте сами, а когда желание выкинуть ноутбук в окно пройдёт, используйте в качестве антиинструкции:

https://tprg.ru/MaiS
Для британцев нужен свой препроцессор
Микрофронтенд: какой фреймворк использовать?

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

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

https://tprg.ru/pHOY

#фронтенд
Позвольте представить вам Inertia.js

Inertia.js — это пакет, созданный специально для Laravel, который позволяет создавать одностраничные приложения без создания сложного API. Пакет позволяет использовать для фронтенда один из популярных фреймворков и библиотек — Vue.js, React или Svelte.

Рекомендуем ознакомиться с этим инструментом:

https://tprg.ru/nKse

#laravel
Что нужно знать о популярных JS-фреймворках

jQuery, React, Vue, Angular — все эти популярные библиотеки и фреймворки по-своему хороши и подходят для различных задач. Но давайте сейчас не будем выбирать какой из них лучший, а окунёмся в историю их создания и развития.

Заварите себе ваш любимый напиток, откиньтесь в кресло и прочтите эту большую, но интересную статью:

https://tprg.ru/m68a

#javanoscript
This media is not supported in your browser
VIEW IN TELEGRAM
Генератор SVG-лоадеров с SASS и SMIL

В этой статье автор расскажет вам о генераторе, который сделал он сам. Он позволяет делать анимацию SVG-лоадеров, при этом вы можете выбрать, как именно она будет реализована — с использованием SASS или SMIL.

Подробнее:

https://tprg.ru/V9LR

#фронтенд #noscript #sass
Ну да, ничего сложного. Достаточно начать
😁2