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
Концепт упаковки чифира "Колокольщик" — 10/10

Автор канала ParaGraph каждый день публикует самые интересные решения в дизайне от агентств и фрилансеров со всего мира, а так же результаты конкурсов и фестивалей.

Мои фавориты — это ребрединг молочки Милград с их котиками и до безумия детализированная этикетка крафтового вина Father’s Wine!

Очень рекомендую подписаться:
@paradigm_graphics
Секреты создания уникальных сайтов: эклектика в веб-дизайне

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

📺 YouTube

WebDEV #видео
Курс по NextJS 13

Курс охватывает ключевые аспекты работы с фреймворком, начиная с быстрого старта и использования клиентских компонентов, до создания API эндпойнтов и настройки аутентификации и приватных роутов. Вы познакомитесь с различными вариантами рендеринга (RSC, CSR, SSR, SSG, ISR), оптимизацией изображений, новыми возможностями в NextJS 14 и Server actions. В заключительных уроках будет показан простой способ работы с базой данных и публикация проекта на собственном сервере с SSL.

📺 YouTube

WebDEV #видео
Полный курс Next.js за 2 часа

Новое большое видео на канале, сегодня я публикую полный курс Next JS для начинающих. Этот материал позволит тебе изучить Некст за 2 часа с нуля (важно только знание React). Считай это 20 уроков Next в одном видео. В прошлый раз я делал быстрый курс по Next, но это был не полный материал. В этом ролике будет как и практика next, на примере проекта, так и немного теории. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior Front-end разработчика.

📺 YouTube

WebDEV #видео
Уроки Materialize CSS

Уроки по фреймворку Materialize Css это то что должен изучить каждый начинающий фронтенд разработчик. Аналогичный фреймворку Bootstrap в работе требует определенных знаний и я покажу на практике как их использовать.

📺 YouTube

WebDEV #видео
Event Loop: Ключ к оптимизации вашего кода. Как работает асинхронность в JS

Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance

📺 YouTube

WebDEV #видео
9 способов ускорения верстки

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

📺 YouTube

WebDEV #видео
6 проектов на ReactJS

Автор видео создает несколько простых и не только проектов на React.

За два часа вы сможете применить на практике только что полученные реальные знания по React.

📺 YouTube

WebDEV #видео
💡Убедитесь, что элементы интерфейса не скрыты

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

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

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

🌍 Сайт

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

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

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

🌍 Сайт

WebDEV #инструменты
Простая анимация SVG

В данном видео вы узнаете как легко сделать анимацию для ваших SVG иконок на сайте. В этом нам поможет скрипт vivus.js

📺 YouTube

WebDEV #видео
Анимация на CSS3 и JS. Анимация на сайте для начинающих

Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать его более привлекательным. Анимация текста на CSS с помощью keyframes или на JS создается достаточно просто, важно понять основы анимации и тогда вы сможете создать анимацию текста или фона, а так же многое другое для вашего сайта.

📺 YouTube

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

WebDEV #советы
CSS Grid, flexbox, float. В чем разница и как использовать.

Видео показывает различные методы верстки страницы с помощью CSS: float, inline-block, flexbox и Grid. Сначала идет введение и обзор проекта, затем пошаговая реализация каждого метода для сравнения их возможностей.

📺 YouTube

WebDEV #видео
Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете

Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.

📺 YouTube

WebDEV #видео
Как быстро оживить дизайн сайта с нуля в Figma и Webflow

Хотите создать стильный сайт с нуля в Figma и сразу сверстать его в Webflow? В этом видео я покажу полный процесс – от идеи до готового сайта, который будет выглядеть профессионально и современно.

📺 YouTube

WebDEV #видео
Язык разметки HTML за 40 минут для начинающих

Язык разметки HTML5. Синтаксиc. Правила оформления страниц. Основные теги.

📺 YouTube

WebDEV #видео
Как создать сайт самому на Тильда за 45 минут?

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

📺 YouTube

WebDEV #видео
Frontend Roadmap 2024. Что должен учить фронтенд-разработчик в 2024 году?

Разбираем пошагово актуальный роадмап для фронтенд-разработчика в 2024-м году, говорим о том, что должен знать фронтенд-разработчик на момент 2024-го года, чтобы шансы попасть на работу были максимально высокими.

📺 YouTube

WebDEV #видео