Frallen

Препроцессор Pug(Jade)

Pug - это препроцессор HTML и шаблонизатор, который был написан на JavaScript для Node.js.

Содержание:

1. Теги
2. Текст
3. Атрибуты
4. Констуркция Switch Case
5. Циклы
6. Вставка JavaScript кода

Frallen

Настоящий документ предназначен для ознакомления пользователя с функциональными возможностями языка разметки Markdown. Markdown – это облегченный язык разметки, который является инструментом преобразования кода в HTML. Главной особенностью данного языка является максимально простой синтаксис, который служит для упрощения написания и чтения кода разметки, что, в свою очередь, позволяет легко его корректировать. Теперь рассмотрим более подробно функции языка разметки Markdown.

Markdown не является заменой HTML. Синтаксис Markdown достаточно ограничен, и соответствует лишь небольшому подмножеству элементов HTML. Он включает в себя следующие элементы:

1. Блочные элементы

• Параграфы и разрывы строк;
• Заголовки;

Frallen

This gist shows how to use HighlightsJS. A JSON structure is shown in a <code> tag using one CSS highlighting style made available by the library. JSON.stringify() has been used for prettifying JSON data.

Frallen

https://www.figma.com/design/0KyFbPgCpoIK4BXovODFDl/Auth-JWT-scheme?node-id=0-1&t=fzwVBQaHmfNPy92f-0

Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Last major update: 25.08.2020

• Что такое авторизация/аутентификация
• Где хранить токены
• Как ставить куки ?
• Процесс логина

Frallen

<script setup lang="ts">
import { useCeVueApp } from './useCeVueApp';
import PrimeVue from 'primevue/config'

useCeVueApp(app => {
    app.use(PrimeVue);
});
</script>

Frallen

Traefik, как обратный прокси в Docker (пример с 2 react проектами)

В результате будет 2 react проекта на 1 сервере доступных по разным ссылкам

Цели

• Запустить traefik в одном контейнере
• Запустить другие проекты в других контейнерах
• Соединить все контейнеры в одну docker cеть
• Настроить контейнеры с проектами так, что-бы они объясняли traefik'у, какие url ведут на конкретный проект

Frallen

Доступ к активной вкладке (activeTab)

Это разрешение позволяет расширению взаимодействовать с текущей вкладкой (например, для чтения и изменения содержимого страницы). Мы используем его для быстрого запуска функций на нужной странице без лишних запросов.

Внедрение скриптов (scripting)

Мы динамически добавляем код на страницу Telegram Web, чтобы расширить ее возможности. Например, это может включать добавление новых кнопок, интерфейса чата или улучшение взаимодействия с контентом.

Отслеживание навигации (webNavigation)

Это разрешение помогает нам определять, когда вы перемещаетесь внутри Telegram Web, чтобы активировать нужные функции в нужный момент — например, автоматически подгружать наш интерфейс на этих сайтах.