Веб-страница
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
Как создать простую функцию AWS Lambda с помощью TypeScript

Для написания функции Lambda обычно используется Node.js. Однако JavaScript вызывает определённые сложности из-за отсутствия проверки типов и отладки кода. Применение Typescript для решения этой задачи обладает рядом преимуществ. Подробнее о них в статье:

https://nuancesprog.ru/p/15880/

#typescript
👍2
Создание Todo List на чистом JavaScript

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

https://itchief.ru/javascript/todo-list

#javascript #туториал
👍16
zx.js вместо Shell

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

https://habr.com/ru/company/otus/blog/670112/

#javascript
👍9👎2
Bun: новый рантайм для JavaScript

Bun конкурирует с хорошо известными NodeJS и Deno. Это новый JavaScript рантайм с нативным сборщиком, транспайлером, исполнителем задач и встроенным npm клиентом.

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

https://habr.com/ru/news/t/676102/

#javascript
👍21❤‍🔥3🤔21🔥1
Как с помощью Core Web Vitals влюбить в свой сайт пользователей и поисковые системы

Core Web Vitals — ядро сервисов для оценки производительности сайтов. Почему такое большое внимание уделяем Core Web Vitals и как эти метрики помогают повысить качество взаимодействия веб-ресурса с пользователем — в этом материале:

https://tproger.ru/articles/kak-s-pomoshhju-core-web-vitals-vljubit-v-svoj-sajt-polzovatelej-i-poiskovye-sistemy/

#seo
👍12👎1🔥1
Продвинутый бэкенд на Node.js

В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.

https://youtu.be/dDeWWQWMM-Y

#бэкенд #nodejs
❤‍🔥35👍9🔥2
Создаем сайт-портфолио с responsive-дизайном

Одним из важных моментов в поиске работы является наличие хорошего портфолио. Для фронтенд-разработчика таким портфолио может стать сайт, написанный им самим. В этой статье вы научитесь создавать отзывчивый сайт-портфолио с responsive-дизайном:

https://techrocks.ru/2021/08/24/responsive-portfolio-using-pure-html-css-javascript/

#фронтенд
👍21🔥5
Послание к начинающим JavaScript-разработчикам

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

Подробнее:

https://techrocks.ru/2021/05/08/letter-for-new-javascript-programmers/

#javascript
👍15👎2🤯1🌚1
Первый вечный двигатель на JavaScript
🔥28😁13🥴6🤯4🌚4👍2👏1
Создание прогрессивного веб-приложения с помощью Django и Angular

Прогрессивные веб-приложения (PWA) — это веб-приложения, которые используют различные методы проектирования и технологии, чтобы выглядеть и вести себя как обычные мобильные или настольные приложения.

В этом руководстве предлагается создать простую викторину в виде PWA, которая сочетает в себе лучшие аспекты как веб-приложений, так и нативных приложений, используя Python и Django для серверного API и Angular с TypeScript для внешнего интерфейса:

https://www.twilio.com/blog/build-progressive-web-application-django-angular-part-1-backend-api

#pwa #django #angular
👍4
Как успешно реализовать проверку состояния контейнера в Docker Compose

В этой статье речь пойдёт о команде Healthcheck, которая определяет возможность тестирования контейнера, чтобы убедиться в его работоспособности. Без неё Docker не сможет определить статус, запущенных в контейнере служб. Поэтому очень важно уметь правильно её создавать.

Подробнее:

https://nuancesprog.ru/p/14758/

#docker
👍10😱1
This media is not supported in your browser
VIEW IN TELEGRAM
Необычные эффекты по ховеру, или введение в React-Spring

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

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

https://habr.com/ru/company/kts/blog/670234/

#react
👍31
Как видят фронтенд бэкенд-разработчики
😢66😁27🤮8👍5🤔3👎1
От новичка до тимлида: гайд по продвижению

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

Подробнее: https://tprg.ru/R0G5
👍19🔥1
Найдите ошибку в React-компоненте: Функциональное Карри

В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Сможете ли вы найти ошибку и исправить её?

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

https://tproger.ru/articles/najdi-oshibku-v-react-komponente-funkcionalnoe-karri/

#react
👍12🔥2🤮2
Библиотека Ethers.js: новичкам на заметку

Ethers.js и web3.js  —  это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи.

Если есть желание поработать с блокчейном и web3, то в этой статье вы сможете поближе познакомиться с возможностями этой библиотеки:

https://nuancesprog.ru/p/15969/

#библиотека #javascript
👍18🤮5😁2