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 #видео

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 #видео

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

WebDEV #советы

PixelPerfect все, что нужно знать

Если бы вы знали, сколько слез пролито из-за слов Perfect Pixel, это слезы наших коллег, они почти как слезы русалок=) Сегодня мы победим страх перед PixelPerfect и научимся правильно его применять

📺 YouTube

WebDEV #видео

CSS переменные. Кастомные свойства + практический пример на JavaScript

Подготовил крутой видос про css переменные, вы узнаете не только что это, а и как можно ловко манипулировать Custom Properties на javascript, и тем самым делать ваш сайт супер живым!

📺 YouTube

WebDEV #видео

Топ 7 антипаттернов React. Ошибки, которые угробят твой проект

Это видео - первые 7 уроков моего курса по React, который начнётся в понедельник. Здесь мы рассмотрим ВАЖНЕЙШИЕ ошибки, которые встречаются в огромном количестве React проектов. Почему redux не спасает от props-drilling. Почему component folder - это зло.
И почему useEffect - это худшее, что придумало человечество

📺 YouTube

WebDEV #видео