WebDEV
@webb_dev
8.43K subscribers
2.27K photos
13 videos
2.99K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

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

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

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

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

Бутик- отель "Заонежье" предоставляет возможность почувствовать природу в её первозданной тишине и гармонии, при этом сохранить привычный комфорт.
514 views
WebDEV
const arr = ['a', 'b', 'c'];
arr[5] = 'f';

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


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
466 views
WebDEV
Варианты ответа:
Anonymous Quiz
36%
['0', '1', '2', '3', '4', '5']
38%
['0', '1', '2', '5']
27%
[0, 1, 2, 5]
56 voters451 views
WebDEV
/* Какой будет итоговый отступ сверху от предыдущих элементов на странице? */
.parent {
  margin-top: 20px;
}

.child {
  margin-top: 30px;
}

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


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
461 views
WebDEV
Варианты ответа:
Anonymous Quiz
10%
20px
43%
30px
47%
50px
49 voters444 views
WebDEV
🛠 LOGO — вы сможете настроить и бесплатно загрузить логотип своего бренда в форматах с высоким разрешением, таким как PNG, векторные файлы SVG и другие. Добавить свой логотип на цифровые баннеры или распечатать его на больших рекламных щитах без потери разрешения.

🌍 Сайт

WebDEV #инструменты
523 views
WebDEV
Продвинутый Backend

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

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

📺 YouTube

WebDEV #видео #SQL #NodeJS #js
YouTube
Продвинутый BACKEND на Node.js. Nest js ПОЛНЫЙ КУРС & Docker
В этом ролике мы реализуем масштабируемый backend на node js с использованием фреймворка Nest js. В качестве СУБД воспользуемся PostgreSQL в связке с ORM Sequelize на node js. Задокументируем API с помощью SWAGER nest js. По итогу обернем приложение на node…
547 views
WebDEV
let a = "5";
let b = 2;

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


WebDEV #test #Frontend

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

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


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
497 views
WebDEV
Варианты ответа:
Anonymous Quiz
42%
Относительно окна браузера (viewport)
21%
Относительно блока .parent
38%
Относительно ближайшего родителя с position: relative
48 voters484 views
WebDEV
Ускоряем верстку. SASS

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

📺 YouTube

WebDEV #видео
YouTube
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
✏️ Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.

🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:33​ | Проблемы CSS
▶ 03:24​ | Что такое препроцессор стилей…
468 views
WebDEV
💡Шпаргалка по TypeScript

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

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

🌍 Сайт

WebDEV #инструменты
468 views
WebDEV
Как создать сайт с нуля на Wordpress + elementor

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

📺 YouTube

WebDEV #видео
YouTube
Как создать сайт с нуля на wordpress + elementor l Пошаговый гайд l Полный курс l Вордпрес елементор
Сегодня я расскажу и покажу - как можно легко и просто сделать сайт с нуля, абсолютно не имея навыков в веб-разработке. Приятного просмотра! 😉

🟣 Ссылка на хостинг рег ру: https://www.reg.ru/?rlink=reflink-19774485 (Перейдя по моей ссылке у вас будет скидка…
506 views
WebDEV
Flexbox Playground — отличный инструмент для визуализации работы флекс-свойств.

При этом вы можете добавлять огромное количество блочных элементов внутрь одного контейнера — сервис не стремится ограничивать вас в этом.

WebDEV #инструменты
520 views
WebDEV
Весь HTML за 4 часа

За 1 день узнаете все, что нужно для понимания основных инструментов HTML. Что такое HTML, CSS, JavaScript, структура документов, блочные и строчные элементы, таблиц, заголовки, создание форм регистрации и их кастомизация. Много практических заданий.

📺 YouTube

WebDEV #видео
YouTube
Весь HTML за 4 часа - Полный Курс для Начинающих [2021]
За 1 день узнаете все, что нужно для понимания основных инструментов HTML. Что такое HTML, CSS, JavaScript, структура документов, блочные и строчные элементы, таблиц, заголовки, создание форм регистрации и их кастомизация. Много практических заданий.

📍📍📍Исходники…
505 views
WebDEV
Все про модули в JavaScript. Как делать import и export. Пример с кодом

Модули в JavaScript. Разбираемся на простом примере. Подключение модулей, export default дефолтный экспорт по умолчанию, именованный экспорт named export, импорт дефолтных и именованных значений. Экспорт с переименованием, экспорт всех значений под один объект. JS modules.

📺 YouTube

WebDEV #видео
YouTube
Все про модули в JavaScript. Как делать import и export. Пример с кодом
↓↓↓ Таймкоды и ссылки на код в описании под видео ↓↓↓

Модули в JavaScript. Разбираемся на простом примере. Подключение модулей, export default дефолтный экспорт по умолчанию, именованный экспорт named export, импорт дефолтных и именованных значений. Экспорт…
519 views
WebDEV
💡Шпаргалка по CSS

WebDEV #советы
503 views