Длиннокод для длиннокота

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

Он реализован на препроцессорах Pug и Scss, а также использует чистый JavaScript. Поиграться и посмотреть код можно здесь:

https://codepen.io/jkantner/pen/QdJMmr

#codepen

​5 советов продуктивной работы в VS Code

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

https://nuancesprog.ru/p/16541/

#vscode

​​Баттл языков программирования продолжается: сегодня в голосовании самая необычная пара — JS vs TS

В прошлом этапе Kotlin уверенно обошёл Swift, а PHP с небольшим отрывом Ruby. На очереди — JS vs TS и Java vs Rust.

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

https://tproger.ru/articles/chetvjortyj-raund-bitvy-jazykov-programmirovanija-2022/

Результаты этого этапа подведём 17 декабря 2022 года в 11:00 мск. А чтобы не упустить ни одной битвы, следите за постами по тегу #toplang2022 или просто включите уведомления о новых постах.

​Микросервисы с использованием 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

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

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

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

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

#js

​Самый популярный ЯП по версии читателей 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 или просто включите уведомления о новых постах.

​Создаём сайт портфолио с крутой анимацией

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

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

#html #css #js

​Подборка книг по фронтенду для начинающих и опытных разработчиков

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

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

#книги

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

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

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

https://tproger.ru/articles/polufinal-bitvy-jazykov-programmirovanija-2022/

​Выпадающий список со встроенным поиском на Angular

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

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

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

#angular

​Займёт ли TypeScript третье место по версии Битвы языков программирования 2022? Всё в ваших руках

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

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

https://tproger.ru/articles/final-bitvy-jazykov-programmirovanija-2022/

​Сбер ищет опытных JavaScript-разработчиков в новую команду SberDevice

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

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

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

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

#вакансия #работа

​Ручной генератор снежинок

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

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

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

#codepen #новыйгод

​Голосование за самый популярный ЯП 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/

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

​Как украсить свой сайт к Новому году

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

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

#фронтенд

​Когда уже сверстал страницу, а к бэкенду ещё не приступал:

​Как написать тест-раннер в 80 строк кода на JavaScript/TypeScript

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

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

#qa #javascript #typescript

Новогодний паттерн для фона на чистом CSS

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

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

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

#codepen #css

​ASMR программирование. Пишем игру Pacman

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

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

#видео #asmr #javascript

​Продвинутый TypeScript

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

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

#typescript