Vim за 100 секунд

Vim — это текстовый редактор на основе клавиатуры, который может повысить вашу продуктивность при написании кода.

📺 YouTube

#видео #vim

WebRTC за 100 секунд

WebRTC — это технология, которая создает соединение в реальном времени между браузерами, где пользователи могут обмениваться аудио / видеопотоками.

📺 YouTube

WebDEV #видео #WebRTC #web

SVG Explained за 100 секунд

Что такое Scalable Vector Graphics? Чем векторные изображения отличаются от растровых? Изучите основы SVG за 100 секунд!

📺 YouTube

WebDEV #видео #svg #web

Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"

Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.

📺 YouTube

WebDEV #видео

Универсальный стартовый шаблон для твоих Пэт-проектов с JS, SASS и Vite

– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?
– Какую структуру папок использовать?

Всё это вы узнаете, досмотрев ролик до конца. В нём я познакомлю Вас с Vite, помогу создать универсальный шаблон для проекта на JS с нуля и научу работать с этим шаблоном!

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

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

WebDEV #советы

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

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

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

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

WebDEV #cheatsheet

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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

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

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

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

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

WebDEV #советы

Front-end разработка. Курсы по HTML, CSS, JavaScript

Курсы по Front-end разработке охватывают основы HTML, CSS и JavaScript, необходимые для создания пользовательских интерфейсов и интерактивных веб-приложений. Изучение HTML помогает структурировать содержимое страниц, CSS позволяет настраивать стиль и внешний вид, а JavaScript добавляет интерактивность. Эти курсы подходят для начинающих, стремящихся освоить основы веб-разработки, и помогают строить красивые, адаптивные и функциональные сайты с нуля.

📺 YouTube

WebDEV #видео

10 ошибок, которые ломают ваши проекты

Раскройте 10 критических ошибок, способных разрушить ваши React и Next js проекты! От неправильного размещения логики в компонентах до неэффективной загрузки данных – мы детально разберем каждую проблему. Научитесь оптимизировать React компоненты, грамотно использовать константы и конфиги, применять динамические импорты и ленивую загрузку. Узнайте, как правильно работать с devDependencies, выбирать между SSR и ISR. Независимо от вашего опыта с React, Next.js или Tailwind, эти советы помогут вам создавать более надежные и эффективные приложения. Поднимите свои навыки React разработки на новый уровень и защитите проекты от распространенных ошибок.

📺 YouTube

WebDEV #видео

Верстка сайта с калькулятором

В ролике автор показывает как сверстать сайт украшений с трудными элементами, фильтрами на картинках и, самое главное, реализует калькулятор на JavaScript.

📺 YouTube

WebDEV #видео

Как создать 3D объект на сайте за 10 минут? Пошаговая инструкция

Хотите узнать, как создать 3D объект на своем сайте всего за 10 минут? В этом видео я представлю вам пошаговую инструкцию, которая позволит быстро и легко добавить 3D элементы на ваш сайт. Узнаете, какие инструменты и программы использовать, как создавать и адаптировать 3D модели, и как интегрировать их в веб-дизайн!

📺 YouTube

WebDEV #видео

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

WebDEV #советы

Коллекции Set в JavaScript

Изучаем коллекции элементов Set в JavaScript. Изучаем базовые методы с созданием set, добавлением элементов, проверки существования элемента в set. Изучаем как работать с массивами и строками и их трансформацией в set. Методы работы с set: union, difference, intersection, symmetricDifference. Логические методы для работы с set.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

Как оформлять HTML разметку

В этом видео рассмотрим как создавать HTML разметку страниц вашего сайта. Разберем несколько правил создания красивой HTML разметки вашего сайта, которых желательно придерживаться, чтобы ваш код был красивым, удобным и структурированным.

📺 YouTube

WebDEV #видео

Программистов заменит ИИ?

Краткий ответ — нет.

Но нейросети уже пишут простые проекты, а рынок становится жёстче.
Зарплаты стагнируют, джуны без офферов, сокращения — обычное дело.

Сейчас самое время залетать в Кибербез. Эта область только набирает обороты. Спрос растёт, но конкуренции пока почти нет.

Ловите годные каналы, которые помогут ворваться в новое направление:

👍 ZeroDay — Подробные уроки по безопасности с нуля, эксплуатации уязвимостей, инструментам и свежие новости.

👨‍💻 Серверная Админа — Большое количество уроков, статей, книг и гайдов по устройству и настройке компьютерных сетей. База которую должен знать каждый

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

WebDEV #советы

Уроки веб-дизайна: как сделать композицию с текстом лучше?

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

📺 YouTube

WebDEV #видео

Что такое замыкания в JavaScript?

В этом видео мы разберемся, что такое замыкания (Closures) в JavaScript и как они работают. Рассмотрим 3 примера использования замыканий. Замыкания это одна из фундаментальных концепций JavaScript, которая сбивает с толку многих начинающих разработчиков JS. Замыкание это функция у которой есть доступ к своей внешней функции по области видимости, даже после того, как внешняя функция прекратилась.

📺 YouTube

WebDEV #видео

Топ темы для VS Code. Мой список. Настройки редактора. Шрифт с лигатурами

Подборка тем для VS Code и визуальные настройки редактора. Ayu, Palenight, Material theme. Шрифт Fira Code, лигатуры и высота строки.

📺 YouTube

WebDEV #видео

Очнитесь, уже в октябре эфир будет 5000$

Смотрите сами: биткоин преодолел отметку в $119.000, Solana и XRP увеличились более чем в 12 раз за год, а альткоины только начинают активный рост.

Хотите кратно увеличить свои доходы? Подписывайтесь на канал "Странник". Это тот самый трейдер, который заработал свыше $350.000 только в июле на альткоинах.

Ранее он рекомендовал покупать #SOL по $17 и предсказывал биток на уровне 120к к концу лета, а сейчас делится советами о том, как заработать на альтсезоне 2025.

Не упустите возможность:
https://t.me/+V1Ddjqlo8Fc3NzBi

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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #cheatsheet

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

WebDEV #советы

Event Loop: Ключ к оптимизации вашего кода. Как работает асинхронность в JS

Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance

📺 YouTube

WebDEV #видео