Верстка сайта с нуля до результата

Первая часть мастер-класса по верстке лендинга по БЭМ методологии с применением препроцессора Sass на диалекте SCSS. Подготоавливаем файловую структуру, анализируем макет, готовим шрифты, миксины, медиазапросы, утилитарные и глобальные классы. Верстаем шапку, секции hero и services.

📺 YouTube

WebDEV #видео

Как создать сайт с нуля на Wordpress + elementor

Сегодня я расскажу и покажу - как можно легко и просто сделать сайт с нуля, абсолютно не имея навыков в веб-разработке.

📺 YouTube

WebDEV #видео

Курс по CSS для начинающих за час

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

📺 YouTube

WebDEV #видео

Регулярные выражения в JS

Курс из 6 уроков по различным регулярным выражениям. Начиная от символьных классов и квантификаторов, заканчивая проверками и альтернацией.

📺 YouTube

WebDEV #видео

JavaScript с нуля - курс для начинающих с практикой без воды

В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык. Приятного просмотра!

📺 YouTube

WebDEV #видео

100+ фактов о веб-разработке, которые вы должны знать

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

📺 YouTube

WebDEV #видео #web

Решение задач JavaScript. Большой курс

Решаем задачи JavaScript вместе! В нашей серии видео мы предлагаем интересные и практические задачи по
JavaScript, подходящие как для новичков, так и для тех, кто уже освоил основы.

📺 YouTube

WebDEV #видео

Мощный React-стек

TypeScript — типизированный код, Redux Toolkit — управление состояниями, RTKQuery — REST система, а Tailwind — упрощает вёрстку.

Объединив всё это вместе, можно получить отличный стек, который позволяет создавать мощные, стабильные и гибкие веб-приложения.

📺 YouTube

WebDEV #видео

Полный курс HTML & CSS за 6 часов

Если вы хотите научиться создавать красивые и функциональные веб-страницы, то этот курс для вас.

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

Мы также рассмотрим блочную модель CSS, позиционирование элементов на странице, псевдоклассы и псевдоэлементы. Кроме того, вы научитесь работать с flexbox и использовать его для создания гибких и адаптивных макетов.

📺 YouTube

WebDEV #видео

Всё про красивый UI-дизайн

Большое интервью с опытным UI-дизайнером, в котором он рассказал про IT, фриланс, интерфейсы, а также поведал обо всём, что он знает о профессии UI-дизайнера.

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

📺 YouTube

WebDEV #видео

UIKit без сторонних фреймворков

UIKit — это фреймворк, который вы будете использовать чаще всего для разработки приложений на iOS.

📺 YouTube

WebDEV #видео

10 секретов и фишек в Figma, которые улучшат твою работу в разы!

Figma — мощный инструмент для веб-дизайнеров, который помогает создавать и редактировать дизайны прямо в браузере. Многие его функции остаются скрытыми, но они могут значительно упростить и ускорить рабочий процесс.

В этом видео мы разберем 10 удобных функций в Figma, которые вы могли не знать, но которые смогут ускорить ваш рабочий процесс в несколько раз! Мы посмотрим разные варианты копирования, вставка текста, применение стилей и даже создание ленты для Instagram!

📺 YouTube

WebDEV #видео

Скрипт обратного отсчета на JS для сайта

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

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

💡Шпаргалка по UX/UI

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

💡 Шпаргалка по консольному вводу

WebDEV #советы