WebDEV
8.94K subscribers
2.22K photos
11 videos
2.74K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"

Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.

📺 YouTube

WebDEV #видео
Как использовать TypeScript с React... А нужно ли?

Узнайте, как настроить React с TypeScript. Сравните плюсы и минусы использования TypeScript в проекте React.

📺 YouTube

WebDEV #видео #js #react #typescript
Next.js за 100 секунд + полное руководство для начинающих

Изучите основы Next.js за 100 секунд! Затем создайте свое первое серверное приложение для react с полным руководством для начинающих по Next.js.

📺 YouTube

WebDEV #видео #react #web
7 веб-фич, о которых вы возможно не знали

Семь малоизвестных веб-фич, которые можно реализовать в прогрессивном веб-приложении (PWA).

📺 YouTube

#видео #js #pwa
💡 Шпаргалка по CSS

WebDEV #советы
JavaScript с нуля за 7 часов

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

📺 YouTube

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

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

📺 YouTube

WebDEV #видео
Новые хуки в React 19. Самый полный обзор + примеры кода

В этом видео наглядно рассмотрим новые хуки (new hooks) React 19. Обновления в React 19 позволяют более удобно работать с формой используя action функции, обрабатывать состояние ожидания, и получать информацию о форме, ее данных и обработке с помощью новых хуков useTransition, useFormStatus, useActionState. Также React 19 позмоляет удобно работать с паттерном optimistice UI, новый хук useOptimistic. Ряд упрощений c ref и Context. Новый компилятор который позволяет не испольовать useMemo и useCallback.

📺 YouTube

WebDEV #видео
JavaScript с нуля за 7 часов

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

📺 YouTube

WebDEV #видео
Создаем классный дизайн баннера

Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!

📺 YouTube

WebDEV #видео
React Native для начинающих

React позволяет нам создавать интерфейс приложения, то есть писать фронтенд. А его версия Native — запускать React приложения на телефоне и ПК.

В этом видео вы узнаете, как правильно создать приложение на телефон с помощью React, и как оно вообще запускается.

📺 YouTube

WebDEV #видео
Верстка целого сайта в одном видео

За 5 часов сверстать относительно сложный, но очень классный макет сайта. К тому же автор создаёт адаптивную версию сайта. Это видео поможет вам серьёзно прокачать свои навыки, ведь после него вы будете знать, как реализовывать сложные фичи.

📺 YouTube

WebDEV #видео
Auto Layout в Figma за 5 минут

Auto Layout в Figma — это мощный инструмент, который упрощает создание адаптивных и гибких дизайнов. Он позволяет автоматически изменять размеры и расположение элементов при изменении размеров контейнера, что делает дизайн более динамичным и удобным.

В этом видео автор покажет, как пользоваться Auto Layout в Figma, расскажет, зачем он нужен и чем может быть полезен. Вы узнаете, как легко создавать адаптивные макеты, экономить время на редактировании и улучшать свою продуктивность.

📺 YouTube

WebDEV #видео
Svelte за 100 секунд

Svelte — это JS-библиотека для создания реактивных компонентов пользовательского интерфейса. Но в отличие от React, Angular и Vue, она не предоставляет среду выполнения, такую как Virtual DOM, для просмотра.

📺 YouTube

WebDEV #видео #js #svelte
CORS за 100 секунд

Cross-origin resource sharing
— технология современных браузеров, которая позволяет предоставить веб-страницам доступ к ресурсам другого домена. Изучите основы CORS за 100 секунд.

📺 YouTube

WebDEV #видео #CORS #web
TypeScript. Полный курс

В данном видеокурсе рассматриваются возможности языка строгой типизации — TypeScript. Разбирают его основные фишки и ключевые отличия от JavaScript. Вы изучите такие понятия, как перечисления (Enum), интерфейсы, пространства имён, а также набор нативных утилит, которые предоставляет сам язык.

📺 YouTube

WebDEV #видео #typescript
💡 Шпаргалка по фронтенду

WebDEV #советы
Весь HTML за 4 часа

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

📺 YouTube

WebDEV #видео
JavaScript Паттерны

В данном видео-курсе мы с вами рассмотрим самые распространённые паттерны проектирования, которые используются при разработке. Рассматривать мы их с вами будем на примере языка JavaScript в синтаксисе ES6.

📺 YouTube

WebDEV #видео