Слайдер с 3D эффектом волны на чистом CSS

Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику

📺 YouTube

WebDEV #видео

Строгий режим в JavaScript. Как включить и его особенности.

Строгий режим в JavaScript. Включается командой 'use strict'; Строгий режим позволяет избежать некоторых ошибок и сделать JS код более надежным. Особенности использования строгого режима в JS. Ограничения, особенности, правила, нюансы, зачем придуман строгий режим в JavaScript.

📺 YouTube

WebDEV #видео

Урок по JavaScript. Как работать с DOM в JS.

В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего мини-проекта (смотри ссылку на проект в репозитории).

📺 YouTube

WebDEV #видео

Emmet лучший плагин для верстки

Emmet лучший плагин для ВЁРСТКИ! В этом плейлисте собраны видео уроки посвященные плагину Emmet. Данный плагин позволяет молниеносно писать код с помощью специальных сокращений. В редакторе VS Code он встроен по умолчанию, а в других редакторах может потребоваться установка.

📺 YouTube

WebDEV #видео

Изучение препроцессора SASS

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

В ходе видео курса вы научитесь работать с препроцессором SASS, а также компилировать исходные файлы в CSS. Вы поймете разницу между SASS и SCSS и научитесь применять в повседневной работе обе технологии.

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

Продвинутый Backend

Backend разработчик отвечает за сохранность и безопасную передачу ваших данных. Все эти процессы происходят на стороне сервера.

С помощью Node.js + Nest.js и PostgreSQL вы реализуете масштабируемый backend, который после зальёте с использованием docker.

📺 YouTube

WebDEV #видео #SQL #NodeJS #js

🛠 readme.so — этот простой редактор позволяет добавлять и кастомизировать все разделы, которые должны быть в README проекта.

WebDEV #инструменты

🛠 uifaces.co — cервис c большим количеством портретных мордашек.

WebDEV #инструменты

🛠 Stylelint - Мощный, современный линтер, который поможет вам избежать ошибок и обеспечить соблюдение правил в ваших стилях.

🌍 Сайт

WebDEV #инструменты

🛠 Babel - это набор инструментов, который в основном используется для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript в существующих и старых браузерах или средах.

🌍 Сайт

WebDEV #инструменты

🛠 W3C Validator — инструмент, созданный консорциумом World Wide Web Consortium (W3C) для проверки валидности HTML и XHTML кода веб-страниц.

Он анализирует код, выявляет ошибки и предупреждения, а также оценивает соответствие стандартам W3C. Этот инструмент помогает разработчикам улучшить совместимость сайта с различными браузерами и обеспечить корректное отображение страниц, что в конечном итоге повышает качество пользовательского опыта.

🌍 Сайт

WebDEV #инструменты

🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.

Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.

🌍 Сайт

WebDEV #инструменты

В 2025-м можно зарабатывать, просто зная, как общаться с нейросетями.

AI-ассистенты уже стали стандартом – от фриланса и малого бизнеса до мировых корпораций уровня Google и Яндекс. А в России они становятся ещё доступнее: благодаря нейросети GigaChat можно легально и выгодно создавать AI-ассистентов, не нарушая новый закон о персональных данных.

На бесплатном эфире от Зерокодер ты узнаешь, как создать AI-ассистента за вечер — и как начать получать с этого доход.

Что будет на эфире?

– Разберём, что такое AI-ассистенты и зачем они нужны в 2025 году;
– Научимся работать в нашумевшем Cursor и расскажем, почему он доступен и полезен не только представителям IT-сферы;
– Покажем и разберем множество примеров AI-ассистентов, создавать которых теперь можно без знания кода: для себя, своих проектов или на заказ;
– Расскажем, где использовать AI-агентов в реальных задачах — от фриланса до автоматизации бизнеса.

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

Один из самых свежих и бесплатных эфиров лета 2025 года ждет вас по ссылке.

🛠 Neumorphism.io — вы можете поиграться с настройками цвета, тени и формы, а на выходе получите готовый CSS-код для встраивания.

WebDEV #инструменты #CSS

🛠 Exercism помогает достичь свободного владения 55 языками программирования. Сайт также предоставляет забавные упражнения по кодингу, которые помогут понять концепции языка.

WebDEV #инструменты

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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

Телеграмм бот на NodeJS + Notion с нуля. Деплой и обновление на Ubuntu

Делюсь полезным туториалом по созданию интеграции на NodeJS
В ролике создаю Telegram бота, который интегрируется с Notion через NodeJS, используя ChatGPT. Концепт вот в чем: Telegram как интерфейс, простая логика на NodeJS и очень удобная база данных в Notion. На основе этого кода можно написать свой функционал.
В видео показал пример, как на основе тезисов в боте в Notion попадет целая эмоциональная история. Оптимизированный копирайтинг с правильным построением запроса в ChatGPT

📺 YouTube

WebDEV #видео