​Как создать роутер для пользовательского приложения SPA

Если вы разрабатывали SPA, то знаете о необходимости обработки несколько страниц в одностраничном приложении, как бы странно это не показалось. А если работали с React, то должны быть знакомы и с React Router, которая решает эту задачу.

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

https://www.wiktorwisniewski.dev/blog/how-to-create-router-library

#spa #javascript

Анимация повторения текста при прокрутке

Интересный эффект анимации текста, который позволяет создать «отражения» при прокрутке страницы. При желании можно реализовать различные варианты такого поведения, подобрав наиболее подходящий для вашего проекта. Здесь ещё несколько примеров и способ создания эффекта:

https://tympanus.net/codrops/2022/04/13/on-scroll-text-repetition-animation/

#фронтенд

​​Mailwind — используем Tailwind для создания электронных писем

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

Подробнее об установке и использовании тут:

https://github.com/soheilpro/mailwind

#библиотека #tailwind

​Решения для ведения журналов для Node.js

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

В этой статье представлены различные решения для ведения журналов для вашего приложения Node.js — Winston, Pino, Bunyan, Log Level и npmlog:

https://blog.bitsrc.io/logging-solutions-for-node-js-964487f169ea

#nodejs

​GitHub прекратила разработку редактора кода Atom

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

Проект просуществовал 11 лет, но теперь команда GitHub сосредоточится на развитии Microsoft Visual Studio Code, GitHub Codespaces и других облачных решений.

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

#новости

Есть желающие развивать форк?

​Разбивка на страницы и фильтрация на стороне сервера Angular

В этой статье вы узнаете, как использовать RxJS для реализации разбиения на страницы и фильтрации на стороне сервера для таблицы данных в приложении Angular:

https://levelup.gitconnected.com/angular-server-side-pagination-and-filtering-2206ce8279d1

#angular

Необычный часы для вашего сайта

Эти часы выполнены в футуристичном стиле и представляют собой комбинацию SVG и ванильного JavaScript. Забирайте себе на сайт:

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

#codepen

​Переносим уведомления из Google Календаря в Telegram

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

Подробнее:

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

#javascript #telegram #бот

​6 API-интерфейсов, которые должны знать фронтенд-разработчики

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

https://blog.bitsrc.io/6-apis-frontend-developers-should-know-3a94815c53dd

#фронтенд #api

▪️ Kerakli botlar !

@botfather - bot yaratish uchun;

@text4instabot - instagram uchun matnni tahriirlash uchun;

@deadKillerbot - kanalni tozalash uchun;

@stickers - stiker yasash uchun;

@like - maqola tagiga tugmalar qo'shish uchun;

@vote - so'rovnomalar o'tkazish uchun;

@hellouserbot - guruhga yangi qo'shilganlar bilan salomlashish uchun;

@combot - faol a'zolarni topish uchun;

@TGStat_Bot - kanalning statistik ma'lumotlarini olish uchun;

@GmailBot - gmail bilan ishlash uchun;

@perebot - ingliz tilidagi matnni rus tiliga, istalgan tildan ingliz tiliga o'tkazish uchun;

@CreateMeme_bot - memlar yaratish uchun;

@TextMagicBot - turli shriftlarda yozish uchun;

@SpamBot - spam holatlarida yordam olish uchun;

@bexatobot - matnni kirill-lotin (lotin-kirill)ga o'tkazish uchun ishlatiladi.


👉 @procodeuz

​Веб-разработчики сегодня be like:

​Какие знания нужны бэкендеру для трудоустройства?

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

https://nuancesprog.ru/p/15821/

#бэкенд

​7 трюков с веб-компонентами

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

https://daverupert.com/2022/04/7-web-component-tricks/

#Огоҳ_бўлинг #Тарқатинг

“Мени пластик картамдаги ҳамма пул ечиб олинди 🤦🏼‍♀️, Фақат шу Макро деган силка орқали ўтиб ўйнаб кўргандим холос... Пластигимда 976 000 пул бор эди. Сайтга кириб ўйнашим билан, пластикдаги барча пуллар ечиб олинди. Ҳеч қандай код ҳам келмаган."

❗️Табриклаймиз, Макро'дан совға ютиб олдингиз, деган гапга ишонманг. Фирибгарлар сизни шилиб олишади.

Агарда сиз ҳам ўйнаган бўлсангиз, тезда пластикдаги пулларингизни текшириб кўринг...

Дўстларингизни ҳам зудлик билан огоҳлантиринг👇👇

https://telegram.me/joinchat/AAAAAD_lW99cezw409xXGA

👣 Типы аутентификации без пароля

#types | Хакинг и Программирование

​Использование HTTPS в вашей среде разработки

Протокол HTTPS сегодня является обязательным для любого веб-сайта или веб-приложения. Поэтому даже в процессе разработки лучше не использовать http://localhost, а перейти на современный протокол. Но современность не основная причина.

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

https://auth0.com/blog/using-https-in-your-development-environment/

#https #безопасность

​Когда нашёл свои старые проекты, на которых учился кодить:

​Заменяем NPM на DUM

DUM заменяет привычные npm run и npx, значительно сокращая время запуска npm и установки пакетов. Написан он на Rust. Попробуйте сами и убедитесь:

https://github.com/egoist/dum

#инструмент #dum #npm

Бэкендеры-питонисты напряглись...

Анимированный рейтинг

Этот рейтинг выполнен с помощью SVG и библиотеки GSAP. С помощью него простой системе оценок добавляется некоторый эмоциональный отклик.

Посмотреть как это реализовано можно здесь:

https://codepen.io/ksenia-k/details/JjjyBoL

#codepen

Тупо я каждое утро ...
А вы тоже первым делом включаете компьютер? 🤔