Как сделать защищенное ssl соединение, поставить https сертификат и сделать редирект с http и www

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

🗝 Урок живет здесь

Кодим на Коленке | #web

Как вставить аудио (музыку) на любой сайт, простая вставка audio плеера

Если вам нужно вставить аудио дорожку, для проигрывания звука на сайте, тогда данное видео для вас! Я покажу как вставить простой плеер, с панелью управления и разными настройками.

🗝 Урок живет здесь

Кодим на Коленке | #web

Как правильно формировать заголовки на сайте?

Учимся писать заголовки которые продают, склоняют человека к покупке. Как написать хороший заголовок для лендинга, для корпоративного сайта. Что такое УТП (уникальное торговое предложение) и как это использовать на сайтах. Формула для создания лучших заголовков в зависимости от ситуации, тематики и прочих переменных. Делаем правильный текста на сайте

🗝 Урок живет здесь

Кодим на Коленке | #web

ВЕРСТКА сайтов

3 урока по пошаговой верстке сайтов с тремя уровнями сложности

🗝 Курс живет здесь

Кодим на Коленке | #web

Веб-атаки и защитита от них

В этом видео мы подробно рассмотрим самые распространенные веб-атаки, такие как SQL-инъекции, кросс-сайтовые скрипты (XSS), и атаки типа «отказ в обслуживании» (DDoS). Узнайте, как эти угрозы могут повлиять на ваши проекты, и какие методы защиты помогут вам минимизировать риски. Вы получите конкретные советы по безопасности, включая использование HTTPS, внедрение фильтров ввода и защиту от DDoS-атак.

🗝 Урок живет здесь

Кодим на Коленке | #web

Chrome DevTools. Полный ГАЙД для Тестировщиков

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

🗝 Урок живет здесь

Кодим на Коленке | #web

Что такое HTTP? Все самое важное в одном видео!

Все, что вы хотели бы узнать об HTTTP собрали в один урок

🗝 Урок живет здесь

Кодим на Коленке | #web

Как писать сайты на JSX (без React) и собирать их через Vite: Minista в деле

Разбираемся, что такое Minista — фреймворк-обёртка над Vite, позволяющая писать сайты с использованием JSX без подключения React. Пошагово создаём проект, настраиваем конфигурацию и запускаем dev-сервер. Изучаем структуру проекта, разбираемся с global.jsx – обёрткой для всех страниц. Подробно разбираем синтаксис JSX: от простых элементов и пропсов до вложенности, списков, children и фрагментов. Учимся подключать изображения и SVG-иконки, использовать встроенные компоненты Image, Icon, Head. Настраиваем алиасы и конфиги. Подключаем стили, добавляем JS-логику и собираем проект в dist. Финально — делаем предпросмотр через npm run preview.

🗝 Урок живет здесь

Кодим на Коленке | #web

Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)

Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.

🗝 Урок живет здесь

Кодим на Коленке | #web

OAuth 2.0 на практике — Как добавить авторизацию на свой сайт

Пишем простой фронтенд + бэкенд для интеграции OAuth 2.0 в проект. Показываю, как интегрировать Google Календарь, Google Диск и Вход через Google.

🗝 Урок живет здесь

Кодим на Коленке | #web