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

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
​Микросервисы с использованием NestJS

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

Здесь автор показал, как реализовать микросервисы с использование NestJS:

https://splimter.medium.com/microservices-using-nestjs-4ea5f1580d32

#nestjs #бэкенд
​6 новых фич в JavaScript, о которых не знает большинство разработчиков

JavaScript постоянно развивается. В него внедряют новые решения для исправления багов. Например, математических вычисления с большими числами в JS, превышающее «‎Number.MAX_SAFE_INTEGER», порой давали неправильный ответ. Сейчас для операций можно использовать «‎BigInt», чтобы избежать ошибок и получить более точный результат.

Подробнее об этой и других фишках с примерами — в статье: https://javascript.plainenglish.io/6-cool-modern-javascript-features-most-developers-dont-know-about-7b1dbf43d7e0

#js
💩13👍8
​​Watching-you: анимация, которая следит за пользователем

«Watching-you» — это JS-библиотека для создания анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. По сути, такая анимация будет подглядывать за действиями пользователя везде, где вы хотите. Если элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.

Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com

Посмотреть интересные примеры: https://jj811208.github.io/watching-you/

#js
👍21
​Самый популярный ЯП по версии читателей Tproger: Python обошёл Pascal, а C# — C. Сегодня за выход в полуфинал поборются TS vs PHP и Kotlin vs Java

Самое главное в голосовании — народная любовь, поэтому просто доверьтесь своему сердцу и выбирайте язык, который вам больше по душе: https://tproger.ru/articles/shestoj-raund-bitvy-jazykov-programmirovanija-2022/

Результаты этого этапа подведём 19 декабря 2022 года в 11:00 мск. А чтобы не упустить ни одной битвы, следите за постами по тегу #toplang2022 или просто включите уведомления о новых постах.
💩15🤡5👍4
​Создаём сайт портфолио с крутой анимацией

Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно:
— синхронизация вертикальных слайдов,
— CSS анимация скролла с инерцией,
— анимация при наведении.

Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU

#html #css #js
👍18🔥5🤨2
​Подборка книг по фронтенду для начинающих и опытных разработчиков

Ролики из YouTube или статьи — это отличная база знаний для новичков. А ещё ближе познакомиться с веб-разработкой помогут книги из этой подборки:

https://habr.com/ru/company/alfa/blog/702972/

#книги
❤14👍5
​Полуфинал битвы языков программирования 2022 объявляется открытым

Сегодня за звание самого популярного языка поборются Python и Typescript, а также C# и Java. У веб-разработчиков ещё есть шанс подарить победу их языку программирования!

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

https://tproger.ru/articles/polufinal-bitvy-jazykov-programmirovanija-2022/
🤡33👍5💩5
​Выпадающий список со встроенным поиском на Angular

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

В этом руководстве вы найдёте инструкцию по созданию такого компонента на Angular, который потом можно использовать в различных проектах:

https://medium.com/geekculture/implementing-a-search-bar-for-filtering-select-dropdowns-in-angular-63b1f2033737

#angular
👎11👍6🕊1
​Займёт ли TypeScript третье место по версии Битвы языков программирования 2022? Всё в ваших руках

Сегодня определится итоговая тройка победителей. За третье место борются TypeScript и Java. А за первое и второе место — Python и C#.

Победителей определяете вы, поэтому скорее переходите на сайт и голосуйте:

https://tproger.ru/articles/final-bitvy-jazykov-programmirovanija-2022/
🤡19⚡5👍2🔥2💩2👎1
​Сбер ищет опытных JavaScript-разработчиков в новую команду SberDevice

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

Кого ищут:
Разработчиков с опытом от двух лет на JavaScript (TypeScript) и на React, либо на Vue.

Что предлагают:
— возможность работать удалённо;
— официальное трудоустройство;
— лучший офис страны по версии Best Office Awards 2022;
— возможность обучения за счёт компании и дальнейшего роста;
— расширенный ДМС с первого дня работы;
— возможность оформить ипотеку по низкой ставке в случае необходимости.

Если вам понравились условия, скорее оставляйте отклик: https://tprg.ru/kSWR

#вакансия #работа
💩29👍9👎5🔥2🤡2👌1
​Ручной генератор снежинок

Готовитесь к новому году? Самое время украсить окна бумажными снежинками. Но если вы не знаете, как сделать тот или иной рисунок, то этот генератор вам поможет. Он покажет вам, как будет выглядеть ваша снежинка, если сделать определённые надрезы.

Попробуйте сами:

https://codepen.io/kitjenson/pen/ZERNrem

#codepen #новыйгод
🤩20👍3🏆2❤1
​Голосование за самый популярный ЯП 2022 закончилось. И теперь мы можем узнать победителя по версии читателей Tproger

И вот как распределились места:

1. C# — первое место. «Шарпу» удалось обойти Python всего на 100 голосов, и он становится лучшим языком программирования в 2022 году!

2. Python — язык программирования, который был признан лучшим в 2020 и 2021 годах. В этом году Python занимает второе, не менее почётное место, уступив всего лишь 6% голосов C#.

3. Java — занимает третье место, набрав 1200 голосов против 845 голосов за TypeScript в финальном голосовании. Забавно, что Java получил столько голосов только в голосовании за 3/4 место. Кажется, скооперируйся его фанаты раньше, у него были все шансы побороться за 1/2 место. А вот нам немного не хватило напора, чтоб вырвать третье место.

Узнать более подробную информацию можно тут:

https://tproger.ru/articles/battl-jazykov-programmirovanija-2022-zavershilsja-2/

А ещё вы можете предложить нам какие ещё языки добавить в турнирную таблицу и что можно изменить — обязательно учтём в следующем баттле.
👎30👍11🔥8💩6🥱2
​Как украсить свой сайт к Новому году

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

https://tproger.ru/digest/new-year-scripts/

#фронтенд
❤7👍5🔥3
​Когда уже сверстал страницу, а к бэкенду ещё не приступал:
🤣102👍21🥰5💯4💩3😁2
​Как написать тест-раннер в 80 строк кода на JavaScript/TypeScript

Автор решил написать крошечный тест-раннер run-chewy на nodejs, чтобы лучше разобраться в основном пакете SWC и поэкспериментировать с рабочими потоками. И вот что у него в итоге получилось:

https://nuancesprog.ru/p/16522/

#qa #javascript #typescript
👍7
Новогодний паттерн для фона на чистом CSS

Просто паттерн, который вы можете использовать в качестве фона где хотите. Сделан он с помощью одного только CSS, так что не занимает практически ничего.

Посмотреть код можно здесь:

https://codepen.io/t_afif/pen/abKgOgz

#codepen #css
👍25
​ASMR программирование. Пишем игру Pacman

Хотите немного технологичного ASMR? Тогда включайте это видео и наслаждайтесь звуками механической клавиатуры, которые всего за час с небольшим создают классического Pacman’а на JavaScript. Кстати, там и код можно изучить:

https://www.youtube.com/watch?v=GXlckaGr0Eo

#видео #asmr #javascript
❤19👍2🤮2🍓1
​Продвинутый TypeScript

И пусть в нашем баттле языков TypeScript занял лишь почётное четвёртое место, но мы то с вами знаем на что он способен и насколько хорош. А кто ещё не знает, но хочет разобраться, то обязательно читайте эту статью, которая поможет вам разобраться во всех его прелестях и особенностях:

https://angularexperts.io/blog/advanced-typescript

#typescript
👍17⚡2
​Мета-приложения и Symbiote.js

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

Подробнее обо всём этом можно узнать тут:

https://habr.com/ru/post/682580/

#фронтенд #javascript
👍14
This media is not supported in your browser
VIEW IN TELEGRAM
Снежный анимированный бэкграунд

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

Подробнее можно посмотреть тут:

https://codepen.io/bawelna0225/pen/ZERwxmr

#codepen #фронтенд
👍33🤩3