/* Какой будет итоговый отступ сверху от предыдущих элементов на странице? */
.parent {
  margin-top: 20px;
}

.child {
  margin-top: 30px;
}

/* HTML:
<div class="parent">
  <div class="child">Контент</div>
</div>
*/

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

Создал крутую тему Wordpress в стиле MacOS

В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.

📺 YouTube

WebDEV #видео

Самая популярная WordPress тема. Так ли хороша Avada?

В данном видео разберем самую популярную тему для WordPress - Avada. Avada - WordPress тема, которая принесла своим разработчикам миллионы долларов!

📺 YouTube

WebDEV #видео

Создание красивого сайта с 3D эффектом Parallax

В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом. Сегодня я покажу, как происходит создание таких крутых сайтов и подробно объясню все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация эффекта глубины на сайте посредством 3D перспективы. Вы удивитесь, насколько просто и быстро можно разрабатывать подобные вещи, используя современный CSS.

📺 YouTube

WebDEV #видео

JavaScript: взгляд изнутри за 60 минут

В этом видео мы предлагаем вам быстрый курс по JavaScript всего за 1 час! Если вы начинающий программист или хотите освежить свои знания, этот интенсивный урок поможет вам быстро разобраться с основами JavaScript. Мы пройдем через ключевые концепции, такие как переменные, функции, условия и циклы, и подготовим вас к дальнейшему изучению фронтенд-разработки. Присоединяйтесь к нам, чтобы сделать первый шаг в мир программирования!

📺 YouTube

WebDEV #видео

🛠 LOGO — вы сможете настроить и бесплатно загрузить логотип своего бренда в форматах с высоким разрешением, таким как PNG, векторные файлы SVG и другие. Добавить свой логотип на цифровые баннеры или распечатать его на больших рекламных щитах без потери разрешения.

🌍 Сайт

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

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

WebDEV #советы

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

WebDEV #советы

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

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

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

📺 YouTube

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

let a = "5";
let b = 2;

console.log(a + b, a - b);

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

/* Относительно чего спозиционируется .child? */
.parent {
  transform: translate(50px, 50px);
}

.child {
  position: fixed;
  top: 0;
  left: 0;
}

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

Ускоряем верстку. SASS

Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.

📺 YouTube

WebDEV #видео

🛠 Styled Components – библиотека для стилизации React-компонентов.

Она позволяет создавать пользовательские компоненты с локальными встроенными стилями.

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

🌍 Сайт

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

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

WebDEV #советы

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

WebDEV #советы

🛠 SVGito – это бесплатное веб-приложение, которое чистит SVG файлы, и тем самым избавляет вас от необходимости ручного редактирования.

Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.

🌍 Сайт

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

Чеклист: 50 ошибок в портфолио дизайнеров

Основано на разборе 1000+ портфолио.

Формфактор собрали ошибки, которые:
— портят первое впечатление от портфолио
— вызывают отторжение у лида
— убивают шансы на оффер

Актуально для рынка 2026.

Чеклист в закрепе @formfactor

Реклама.

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

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

📺 YouTube

WebDEV #видео