Плавное выпадающее меню на чистом JavaScript

Друзья, в видосе я реализую выпадающее меню на чистом JAVASCRIPT. Эта задача довольно простая, мы ее усовершенстовуем правильной доступностью, чтобы кнопка отлично считывалась скринридерами и функционировала из клавиатуры.

📺 YouTube

WebDEV #видео

Что такое хороший дизайн на примере одного сайта

Попался сайт, который отлично иллюстрирует кайф простого и чистого дизайна. Его и разберем в этом видео.

📺 YouTube

WebDEV #видео

UX / UI дизайн - туториал для новичков

Урок за уроком мы разберем основы веб-дизайна, расскажем об UX/UI дизайне, и подготовим вас к карьерному старту.
Узнайте, как создавать уникальные пользовательские интерфейсы, разбирайтесь в принципах дизайна, и освоите инструменты для успешной работы в этой захватывающей сфере.

📺 YouTube

WebDEV #видео

Настройка VS Code для верстки

Сегодня мы рассмотрим установку и настройку VS Code для разработки и верстки. Я покажу, как пользоваться редактором, в результате мы получим удобную, лаконичную рабочую среду с необходимыми плагинами, которые я использую в своей работе. Visual Studio Code в настоящее время является самым популярным редактором кода благодаря широкому функционалу, кроссплатформенности, огромному сообществу разработчиков как самого редактора, так и расширений для него и открытой лицензии. Этот редактор я могу смело рекомендовать к использованию.

📺 YouTube

WebDEV #видео

Курс по React + Redux продвинутый

Это первая часть моего фундаментального курса по Redux. В ней мы с нуля разберём базовые концепции Redux и Redux-toolkit, и дойдём до концепции slice. По пути изучим основы архитектуры и правильного использования Redux.

📺 YouTube

WebDEV #видео

Формы в JS - доступ к элементам форм, чтение и изменение значений полей ввода

Изучим, как получать доступ ко всем элементам form на странице и как можно по-разному обращаться к полям форм. Обсудим атрибут form, который позволяет связать внешнее поле с конкретной формой, независимо от его расположения в разметке. Научимся управлять элементами input, textarea и select, а именно, узнаем как правильно читать и изменять их значения через value, checked и другие свойства DOM-элементов.

📺 YouTube

WebDEV #видео

💡Шпаргалка по HTML

WebDEV #советы

💡Шпаргалка по CSS в JS

WebDEV #советы

💡Шпаргалка по Bootstrap

WebDEV #советы

💡 Шпаргалка по нейронкам

WebDEV #cheatsheet

💡 Шпаргалка по JS

WebDEV #cheatsheet

💡 Шпаргалка по HTML

WebDEV #cheatsheet

Замыкания в JS: за 15 минут: от и до | Что такое лексическое окружение и как связано с замыканием

Почему у вас не получается понять замыкания в JS?
Всё просто: вам неправильно объясняют!
В этом видео я объясню вам замыкания так, что больше у вас не возникнет проблем на собеседовании и при решении задач НИ-КОГ-ДА.

📺 YouTube

WebDEV #видео

Astro. Теперь сайты моментальные. Быстрый курс

Новый ролик на канале про фреймворк, позволяющий уже создавать сайты на Islands Architecture. С помощью Astro вы сможете создавать сайты, которые открываются во много раз быстрее, чем, например на Next.js без потери функционала. Так же, используя Astro вы можете писать компоненты на React, Preact, Svelte, Vue и другие компоненто-ориентированные технологии

📺 YouTube

WebDEV #видео

Потратить на поиск работы мечты несколько лет или 3 часа?

Не знаете, с чего начать? Не уверены, в какой профессии сможете раскрыться на 100%?

Профтест, который изменит всё

За 15 минут вы поймёте, какие профессии вам подходят. Сразу после теста вы получите доступ к курсу, на котором вы больше узнаете о самых актуальных профессиях и сможете подобрать четыре по своим предпочтениям и интересам.

Работать удалённо, в гибком графике, с зарплатой от 100 000 ₽ — это не сказка, это цифровая реальность. И она ждёт вашего первого шага.

Пройдите тест сейчас — и начните учиться бесплатно.

HTML верстка корзины товаров

Адаптивная верстка корзины товаров на HTML, CSS Grid, SCSS, BEM naming.

📺 YouTube

WebDEV #видео

Топ 5 сайтов, которые должен посетить каждый

Топ 5 крутых современных веб-сайтов, которые должен посетить каждый веб-дизайнер и веб-разработчик. Это новейшие практики и современные тенденции веб-дизайна.

📺 YouTube

WebDEV #видео

Весь современный стек в одном видео! Блок на сайт на Nest.js, Next.js и FSD

В этом видео мы напишем браузерное расширение для блокировки сайтов с 0 за 7 часов. Будем использовать самый актуальный на 2023 год стек технологий:

Сервер мы реализуем с использованием:
Node.js, Nest.js, Prisma, PostgreSQL, Swagger

Админку напишем на:
React, Next.js, FSD архитектура, @tanstack/react-query, tailwindcss, react-hook-form, orval

Расширение напишем на:
React, Vite, FSD архитектура, @tanstack/react-query, tailwindcss, orval

📺 YouTube

WebDEV #видео

Формы в JS - доступ к элементам форм, чтение и изменение значений полей ввода

Изучим, как получать доступ ко всем элементам form на странице и как можно по-разному обращаться к полям форм. Обсудим атрибут form, который позволяет связать внешнее поле с конкретной формой, независимо от его расположения в разметке. Научимся управлять элементами input, textarea и select, а именно, узнаем как правильно читать и изменять их значения через value, checked и другие свойства DOM-элементов.

📺 YouTube

WebDEV #видео