WebDEV
8.3K subscribers
2.31K photos
18 videos
3.04K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
16 сентября в Arena Breakout: Infinite выходит седьмой сезон — «Утопия»

Если не сталкивались с игрой: это бесплатный тактический шутер про вылазки за добычей. Заходишь на локацию со своим снаряжением, набираешь лут и пытаешься уйти живым. Погиб — потерял всё, что было с собой.

Что завозят в новом сезоне:

• Заражённая зона — три карты превращаются в биоопасные локации с ночью, туманом и ливнем, по ним бродят шесть видов мутантов. Другие игроки при этом никуда не делись
• Режим на выживание — отдельный PvE без риска: снаряжение с собой не берёшь и ничего не теряешь, просто отбиваешься от волн и открываешь усиления
• Торговец прямо в рейде — можно обменять припасы и разведданные или докупить снаряжение
• Два новых ствола, сезонные обвесы и переработанная стрельба: дальность выше, попадания в голову ощутимее
• На старте бесплатно выдают прокачиваемую сапёрную лопату, скины и билеты, а между игроками разыгрывают 200 000 очков

Игра бесплатная, качается в Steam, российский регион поддерживается → https://abi.go.link/2wzTb
HTML верстка сайта слайдера и посадка на CMS

Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.

📺 YouTube

WebDEV #видео
Интернет-магазин на Node.js

В этом курсе вы узнаете, как создать полноценный интернет-магазин на Node.js. Вас ждёт пошаговое руководство по разработке серверной части, интеграции базы данных, аутентификации пользователей, обработке платежей и созданию функционального интерфейса. Курс охватывает все ключевые аспекты, необходимые для запуска современного e-commerce проекта.

📺 YouTube

WebDEV #видео
Typescript: геттеры и сеттеры - полное руководство, кратко и с примерами

Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.

📺 YouTube

WebDEV #видео
💡 Шпаргалка по JS

WebDEV #советы
💡 Шпаргалка по JavaScript

WebDEV #советы
Tanstack query (react-query) полный курс

В этом видео мы разберём:

Как делать запросы, пагинацию, infinity scroll, optimistic update, обновлять после мутаций, как интегрировать с Redux, запускать мутации вне компонентов, объединять данные из Redux и Tanstack query. Как делать offline mode и suspence

📺 YouTube

WebDEV #видео
🛠 Photomash Studio — профессиональная фотостудия в вашем браузере

🌍 Сайт

WebDEV #инструменты
Исповедь HTML-программиста

Настало время покаяться, HTML-программисты, извиниться перед ScreenReader'ами и перед SEO-движками, да исправить ошибки свои.

Это видео — набор ошибок, которые допускает множество фронтэндщиков, пока создают вёрстку и почему так важно их избегать.

📺 YouTube

WebDEV #видео #HTML
💡 Шпаргалка по HTML

WebDEV #советы
💡 Шпаргалка по AI-сервисам

WebDEV #AI
💡Шпаргалка по HTML

WebDEV #советы
💡 Шпаргалка по Frontend

WebDEV #советы
💡 Шпаргалка по HTML5

WebDEV #советы
const arr = [10, 20, 30];
const [first, ...middle, last] = arr;
console.log(first, last);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
35%
10 30
37%
10 undefined
28%
SyntaxError
Твои аргументы в дизайне нихрена не решают?

Заказчик правит макет по настроению, вкусовщина побеждает, и ты ежедневно споришь из-за каждого пикселя

В продуктовом дизайне все по-другому:

— не важно, что думает заказчик, качество определяют рынок и реальный юзер
— у тебя на руках железные аргументы: конкретные данные вместо вкусовщины
— никакой спешки и "результат нужен еще вчера"

Забери гайд по переходу в продуктовый дизайн и перестань выгорать от авралов и вкусовщины → подписывайся и смотри в закрепе @formfactor
Как создать сайт самому на Тильда за 45 минут?

В этом видео мы покажем вам, как создать сайт на платформе Tilda за 45 минут, даже если вы не имеете опыта в программировании. Мы расскажем вам о лучших инструментах для создания сайта и научим вас, как использовать их на практике.

📺 YouTube

WebDEV #видео
Деплой Frontend приложения. Настройка Nginx. Подключаем домен, настраиваем HTTPS, gzip, docker

В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера.

📺 YouTube

WebDEV #видео
💡 Шпаргалка по JavaScript

WebDEV #советы