Веб-страница
22.1K subscribers
2.18K photos
561 videos
2 files
4.46K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Создание веб-сайта на Golang и Svelte

Интересная статья о создании веб-сайта на крутом, но не самом привычном стеке. В этом варианте ответственность за фронтенд на себя берёт Svelte.js, а за бэкенд отвечает Golang, а точнее пакет gofiber.
Подробнее тут:

https://tprg.ru/84x3

#golang #svelte
👍15
​Микрофронтенды: От новичка до эксперта

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

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

https://tprg.ru/Fxof
🔥6👍4
​Понимание POST запросов Axios

Отправка запросов на сервер — одна из самых распространённых вещей, которые мы делаем на стороне веб-интерфейса. Axios — библиотека с открытым исходным кодом, которая помогает нам отправлять все эти запросы на основе вызовов POST. 

В этой статье вы поближе познакомитесь с POST, научитесь работать с ним как с обычным JavaScript, так и с помощью React.

https://tprg.ru/Ocak

#axios
👍16🔥8🤩4
Будь крутым, будь как эти пользователи
👍35🔥5
​Создание приложения погоды на Vue.js

Узнайте, как создать красивое и отзывчивое приложение погоды с использованием Vue и бесплатного API Open Weather Map. Запросы в этом проекте обрабатываются с помощью Fetch API.

https://tprg.ru/5Y1A

#видео #vue
👍8🔥1
​Как перейти с Vue CLI на Vite

Если вы разрабатывали на Vue до 2021 года, велика вероятность, что вашим предпочтительным инструментом сборки был Vue CLI. Некоторое время это был стандарт для разработки проектов Vue.js. Однако теперь инструмент сборки нового поколения от Эвана Ю Vite привлекает к себе много внимания и является отличной альтернативой Vue CLI.

Если хотите попробовать новый инструмент, но боитесь что-то менять, то эта статья вам поможет:

https://tprg.ru/LTpq

#vue #vite
👍14🤩1
​Редактор адаптивной типографики

Делимся с вами крайне полезным инструментом, который позволяет наглядно настроить значения шрифта, которые будут зависеть от viewport, а также предоставляет готовый CSS-код:

https://tprg.ru/QcsM
👍14🔥1
Перехитрил будущего себя, которому в этом разбираться
👍11🤩2😁1
Что почитать. Learning Patterns

Learning Patterns это бесплатная книга от Лидии Хейли и Эдди Османи, рассказывающая про паттерны проектирования и шаблоны компонентов для создания мощных веб-приложений с использованием ванильного JavaScript и React.

Скачать книгу можно на отдельном сайте в удобном для вас формате:

https://tprg.ru/aLSs

#книга #javascript #react
👍19🔥2
​SVG: руководство по написанию кода изображений с примерами

Увидев SVG-картинку в HTML первый раз, можно неплохо так испугаться и решить, что разобраться в этом невозможно. Но не торопитесь. Если подойти к вопросу основательно и с хорошим материалом, то всё становится достаточно просто.

Материал мы вам нашли, осталось только ваше желание прокачать свои навыки:

https://tprg.ru/Coqg

#html #svg
👍14🔥1
​Веб-студии Runway требуется PHP-разработчик

Компании нужен специалист, который умеет разрабатывать сервисы и сайты с применением принципов ООП и MVC, а также CMS 1C-Битрикс.

За это они предлагают зарплату от 150 000 руб. до вычета налогов, все гарантии ТК, возможность обучения и профессионального роста, а также множество других приятных бонусов.

Если вы владеете PHP, MySQL, apache (nginx), знакомы с принципами CI и умеете реализовывать логику на JavaScript, то у вас неплохие шансы стать частью команды.

За более подробной информацией о вакансии и записью на собеседование сюда: https://tprg.ru/XFzU

#вакансия #работа
👍4
​Разработчик faker.js и colors.js сломал свои пакеты

Пакетами faker.js и colors.js пользуются тысячи разработчиков в своей работе. Первый помогает генерировать фейковые данные для отладки кода и проверки его работы, а второй пакет добавляет различные цвета в консоль Node.js для лучшей читаемости.

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

Подробнее об этой необычной истории в статье:

https://tprg.ru/f7kq

#новости #javascript
👍7👎1
​Добавление режима, дружественного к людям с дислексией, на веб-сайт

Дислексия — довольно распространённое нарушение сегодня. Оно проявляется у многих людей в различной степени.

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

https://tprg.ru/bhN3
👍10
Ну вот и поспали
👍89🎉10😁7
​Подробный разбор классов в JavaScript

Часовой видеоурок, посвящённый классам в JavaScript. Здесь вы узнаете для чего нужны классы, как они устроены, познакомитесь с конструктором класса, геттерами и сеттерами и не только.

https://tprg.ru/TapF

#видео #javascript
🔥4👍1😁1🤩1
​Полное дерево доступности в Chrome DevTools

Chrome DevTools запускает полное дерево специальных возможностей, что облегчает разработчикам обзор всех элементов доступности сайта и их отладку. В этой статье вы узнаете, как создаётся это дерево и как его использовать в своей работе.

https://tprg.ru/aMcB

#chrome
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Чихающий дракон

Очень милый и качественный codepen-проект, демонстрирующий возможности библиотеки Three.js. Здесь можно заставить дракона чихнуть, регулируя мощность чиха с помощью кликов — чем их больше, тем сильнее чих.

Изучить проект подробнее можно тут:

https://tprg.ru/lZTW

#codepen
👍25🤩5
​Bento — набор компонентов для вашего проекта

Компоненты Bento — это новый проект от создателей AMP, который предоставляет гибкость и производительность при использовании веб-компонентов и компонентов React.

Изучить подробнее можно тут:

https://tprg.ru/1ACV
👍4🤩1
CSS… CSS никогда не меняется
👍43😁29❤5
​Архитектура проекта React

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

https://tprg.ru/7PTa

#react
👍25🤩1