Курс по 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 #видео

Плавный переход между страницами сайта

Сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном с barba.js, заказчик будет в восторге.

📺 YouTube

WebDEV #видео

Дизайн реального проекта на фрилансе. Редизайним главную страницу сайта в фигме

Новый ролик из рубрики: «как я это нафрилансил?» в которой показываю свои реальные проекты для реальных заказчиков. Но теперь буду показывать какие кнопки нажимаю в Фигме в процессе работы над дизайном сайта.

📺 YouTube

WebDEV #видео