WebDEV
8.62K subscribers
2.24K photos
11 videos
2.95K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
В заповедной Карелии, среди сотен озёр и густой северной тайги, на берегу Онежского озера расположился бутик-отель "Заонежье".

Здесь архитектура деликатно вписана в ландшафт: фасады из северного дерева и лемех отражают традиции Русского Севера.
Каждое окно обращено к воде, позволяя бесконечному озёрному горизонту стать частью интерьера.
Тринадцать видовых номеров и четыре гостевых дома с дровяными каминами создают атмосферу приватности и спокойствия, а ресторан "Руна" предлагает авторскую гастрономию из локальных продуктов.
Пространство отеля продумано для размеренного отдыха: пирс, панорамный зал, экотропы и уединённые места для медитации среди леса.

Гостям доступны путешествия к острову Кижи, рыбалка, прогулки на каяках,запах и катерах, велосипедные прогулки, и тишина бескрайних пейзажей.

Проект отмечен международными и российскими архитектурными премиями, включая победы в LIV Hospitality Design Awards, Archiwood, ADD Awards и Rethinking The Future Awards.

Бутик- отель "Заонежье" предоставляет возможность почувствовать природу в её первозданной тишине и гармонии, при этом сохранить привычный комфорт.
Всё про красивый UI-дизайн

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

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

📺 YouTube

WebDEV #видео
const arr = ['a', 'b', 'c'];
arr[5] = 'f';

console.log(Object.keys(arr));


WebDEV #test #Frontend

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

.child {
margin-top: 30px;
}

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


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
11%
20px
43%
30px
47%
50px
Создание красивого сайта с 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

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
53%
52 3
23%
7 3
25%
52 NaN
/* Относительно чего спозиционируется .child? */
.parent {
transform: translate(50px, 50px);
}

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


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
🛠 Styled Components – библиотека для стилизации React-компонентов.

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

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

🌍 Сайт

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