Марафон по Верстке по макету Figma за 4 часа

Добро пожаловать на Марафон по верстке за 4 часа в 2024 году!
Актуальный и свежий марафон по верстке по макету Figma, который позволит вам улучшить свои навыки по верстке на реальной практике

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

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

ФИШКИ ДЛЯ QA AUTOMATION | РАЗЛОЖЕНИЕ СТРАНИЦЫ НА СЛОИ + КОМАНДНАЯ СТРОКА В DEVTOOLS

Безумно частая проблема, это перекрытие элементов и невозможность взаимодействия с ними. Часто такая ситуация ставит в ступор, но после этого видео все изменится)

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

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

Личный веб-сайт за 15 минут: GitHub Pages + MkDocs

В этом видео я покажу как можно быстро и просто поднять свой статический веб-сайт на платформе GitHub Pages и GitHub Actions, с помощью генератора статики MkDocs. Главное — совершенно бесплатно.

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

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

Добавляем онлайн оплату в интернет магазин. Платежная система на сайт для разработчиков по API

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

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

Как сделать защищенное 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

Деплой Full-Stack приложения

В этом видео я покажу, как автоматизировать деплой веб-приложений с помощью Dokploy! Разберем настройку сервера, запуск проекта на собственном домене, защиту через Cloudflare и бэкапы базы данных.

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

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

Full-Stack копия Twitch

Пишем свою копию твич с нуля. Все, включая фронт и бэк

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

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

Web РАЗРАБОТКА для НАЧИНАЮЩИХ курс от а до я. Введение в веб разработку для чайников

Этим видео я открываю плейлист для начинающих. Погружение в веб разработку от А до Я с полного нуля. Web разработка для чайников. Часть 1. Введение. Frontend для начинающих. Backend для начинающих. Основы web разработки.

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

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

Интернет-магазин с CMS

В этом видео мы создадим полнофункциональный интернет-магазин с CMS, используя современный стек Next.js, NestJS и Prisma. Также будет реализована авторизация через Google и Yandex, что обеспечит пользователям удобный и безопасный способ входа в систему. Результатом станет высокопроизводительное и масштабируемое e-commerce решение с удобной панелью управления контентом.

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

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

JWT для Начинающих за 15 Мин Простыми Словами | Что такое JWT?

JWT - это ключевой механизм авторизации и аутентификации во всех современных веб-приложениях. И в этом видео я объясню его для начинающих всего за 15 минут и крайне простыми словами, а также на понятных примерах.

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

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

Full Stack авторизация | Полное руководство 2024

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

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

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