Одна з найбільших проблем при створенні зручного користувацького досвіду навігації в вашому веб-застосунку — це збереження параметрів запиту в URL під час навігації.

Зображення згенероване за допомогою Dall·e

Наприклад:

• У вас є параметр запиту, такий як language.
• Ви хочете зберегти цей параметр запиту протягом всієї сесії користувача.
• Але якщо ви використовуєте React Router, параметри запиту за замовчуванням втрачаються при кожній навігації.

https://www.mywebapp.com/blog?language=es_ES  

# Ви переходите на сторінку Home, але… 😢  

https://www.mywebapp.com  

# Параметри запиту зникли.

Однак у URL можуть бути параметри, які ви не хочете зберігати під час навігації. Наприклад:

https://www.mywebapp.com/blog?language=es_ES&postId=2  

# Ви переходите на сторінку Home, але хочете 

… Читати далі

"Я щодня прокидаюсь до 5:00 ранку."

Коли інші люди займаються нескінченним скролінгом на своїх мобільних телефонах, я читаю 30-40 сторінок книги.

Коли інші люди п’ють чашку чаю як перший напій, я випиваю два стакани води.

Коли інші люди лінуються встати з ліжка, я займаюсь ходьбою та вправами.

Як я це роблю?

Це все завдяки дисципліні, віри в себе, самоповазі та рішучості йти вперед, коли інші падають.

Дисципліна (Discipline) — це не завдання, це ключ до успіху!

Запишіть свої цілі: чітко визначте, чого ви хочете досягти.
Практикуйте пріоритети: зосередьтеся на найважливіших завданнях.
Знайте свої слабкості: визначте сфери, де вам важко підтримувати … Читати далі

Зберігайте приватність: Більшість людей не цікавляться вашим життям, а деякі можуть навіть сподіватися, що ви зазнаєте невдачі.
Цінуйте все: Не чекайте нічого і будьте вдячні за маленькі благословення, щоб знайти спокій.

Обирайте друзів обережно: Оточуйте себе хорошими людьми, щоб рости і вдосконалюватися.
Працюйте наполегливо і вірте: Чим більше ви працюєте, тим вдачливішими і успішнішими будете.
Контролюйте себе: Справжня сила походить від здатності керувати собою, а не іншими.
Менше реагуйте: Контролюючи свої реакції, ви не даєте іншим маніпулювати вами.

Дякую за читання!

Ваш один аплодисмент 👏 дає мені велику підтримку ❤️

Не забувайте підписатися! ❤️,… Читати далі

Припиніть витрачати час на непотрібні речі.
Піклуйтеся про свою особистість і працюйте над її вдосконаленням.
Уявіть своє бажане життя і працюйте важко, щоб досягти його.
Будуйте сильний розум і залишайтеся відкритими до нових ідей та змін.
Визначте своє призначення; це дасть вашому життю сенс і напрямок.
Швидко вирішуйте свої проблеми, а не ігноруйте їх.
Уникайте токсичних або виснажливих стосунків.
Зосередьтеся на тому, що справді має значення, і ігноруйте відволікання.
Припиніть надмірно хвилюватися; це не допомагає і лише витрачає час.
Ставте за мету створити щось неймовірне у своєму житті.
Дякую за прочитане!
Ваш один аплодисмент 👏 дає мені велику підтримку ❤️… Читати далі

Поєднання кількох файлів PowerPoint в одну, завершену презентацію може бути складним завданням, особливо коли ви хочете залишатися незалежним від API. Нещодавно я зіткнувся з цією проблемою і знайшов бібліотеку, яка допомагає вирішити її: pptx-automizer. Спочатку розроблена для шаблонізації, вона також підтримує об'єднання файлів PPTX.

У цій статті я поділюсь своїм досвідом використання pptx-automizer, а також надам простий приклад, щоб допомогти вам почати. Крім того, я виокремлю деякі поширені труднощі та підкажу, як їх вирішити.

Приклад коду:
Ось короткий скрипт на Node.js для об'єднання кількох файлів PPTX.
User is a Java developer venturing into Node.js.Не соромтесь поділитися порадами з … Читати далі

текст перекладу

У сучасних архітектурах програмного забезпечення, зокрема в мікросервісах, керування логуванням, моніторингом та іншими аспектами, що стосуються різних частин системи, може бути викликом. Одним із елегантних рішень цієї проблеми є Шаблон Sidecar.

Цей шаблон дозволяє розробникам відокремлювати логіку своїх мікросервісів від завдань, таких як логування, моніторинг і безпека. У цьому пості ми розглянемо Шаблон Sidecar з акцентом на логування та покажемо, як реалізувати його за допомогою Node Js та Fluentd для агрегації логів.

Що таке Шаблон Sidecar?

Шаблон Sidecar передбачає запуск допоміжного сервісу поряд з основним додатком (основним сервісом), зазвичай на тому ж хості або в тому ж … Читати далі

Сьогодні я створив вебсайт для лабораторії CTF з вразливістю параметричного маніпулювання.

Опис процесу

Спочатку ми знайшли сторінку входу для головної сторінки

сторінка входу

Але я навіть не знаю облікових даних, тож давайте з'ясуємо це.

Знайдено! Ми можемо знайти їх у вихідному коді сторінки.

вихідний код

Тепер заходимо за допомогою цих облікових даних.

І ось ми на панелі керування.

панель керування

Тепер натискаємо кнопку показати секретний рецепт.

повідомлення

Ми не шеф-кухар, що це означає?

Виходимо з системи і аналізуємо логіку вебсайту за допомогою Burp Suite.

Тепер заходимо з перехопленням через Burp Suite, і отримуємо ось це.

запит
Чи повинні ми … Читати далі

NestJS — потужний фреймворк для створення ефективних і масштабованих серверних додатків на Node.js. Однією з його видатних особливостей є здатність безперешкодно інтегруватися з різними рішеннями для баз даних завдяки своїй модульній архітектурі. Серед багатьох доступних варіантів, TypeORM є популярним вибором для управління даними з потужною підтримкою TypeScript.

У цьому посібнику ми крок за кроком розглянемо, як інтегрувати TypeORM з додатком NestJS. Наприкінці ви матимете чітке розуміння того, як налаштувати та конфігурувати TypeORM в NestJS, і будете готові створювати власні додатки, орієнтовані на базу даних.

Зміст

1. Налаштування проекту NestJS
2. Встановлення TypeORM та залежностей для бази даних
3. Конфігурація TypeORM
4. Створення сутностей
5. Опис

… Читати далі

По-перше, я хочу перевірити, яка версія NodeJS доступна в репозиторії для мого сервера RHEL.

dnf module list nodejs

Отже, я збираюсь встановити останню версію NodeJS.

dnf module install nodejs:22

Nodejs успішно встановлено на моєму сервері.

-v для перевірки версії

node

Перекладено з: How to Install Nodejs on Linux (RHEL 9.5) VM… Читати далі

Як налаштувати змінні середовища в Node.js

Що таке змінні середовища?

Змінні середовища — це глобальні змінні, що використовуються для визначення середовища, в якому працює Node.

Як отримати змінну середовища Express:

const express = require('express');  

const app = express();  

console.log(app.get('env')); // Виведе: development  

const port = 3000;  
app.listen(port, ()=>{  
  console.log(`App running on port ${port}...`);  
});  

console.log(app.get('env'));

Цей рядок виведе ‘development’ в консолі, оскільки це значення встановлено в Express.

Виведення:

Змінні середовища Node:

Якщо ви хочете побачити змінні середовища Node, то:

const express = require('express');  

const app = express();  

console.log(process.env); // Виведе всі змінні середовища  

const port = 3000;  
app.listen(port, ()=>{  
 console.log(`App 

… Читати далі