WebDEV
9.4K subscribers
2.02K photos
10 videos
2.53K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
WebDEV #test #HTML

Выберите правильный вариант 👇🏼
🗒️ Ответ
Anonymous Quiz
28%
caption
5%
description
12%
title
55%
alt
Flexbox CSS самый понятный и подробный урок для начинающих на практике

В этом уроке мы будем изучать CSS Flexbox. Рассмотрим все тонкости от А до Я, так что поймет абсолютно любой. Все максимально подробно, с огромным количеством наглядных примеров и в игровой форме, проходим все уровни игры Flexbox Froggy.

📺 YouTube

WebDEV #видео
Эффектные анимации с SVG, SMIL и CSS: пошаговое руководство

В этом видео вы узнаете, как создавать анимации с помощью SVG, SMIL и CSS.

Я рассмотрю основные принципы работы с SVG-графикой, использование SMIL для анимации и добавление CSS-анимаций для улучшения визуальных эффектов. Видео подходит для опытных разработчиков, стремящихся улучшить свои навыки в веб-анимации

📺 YouTube

WebDEV #видео
🛠 Lodash - это библиотека JavaScript, которая предоставляет вспомогательные функции для общих задач программирования с использованием парадигмы функционального программирования. Аналог UnderscoreJS.

🌍 Сайт

WebDEV #инструменты
Полный курс по JavaScript за 6 часов

Это самое подробное видео по изучению JavaScript. Оно подойдёт и полным новичкам, и тем, кто просто хочет укрепить свои знания в этом языке.

В нём будет больше теории, чем практики, поэтому вы сможете досконально изучить переменные, типы данных, числа, функции, объекты, асинхронность и другие базовые понятия в JavaScript.

📺 YouTube

WebDEV #видео
WebDEV #test #HTML

Выберите правильный вариант 👇🏼
🗒️ Ответ
Anonymous Quiz
61%
fieldset
6%
legend
23%
form
10%
group
💡 Используйте сетки и колонки

Сетки и колонки. Применение сеток и колоночной структуры в дизайне помогает организовать контент и сделать интерфейс более упорядоченным и гармоничным. Это облегчает пользователям восприятие информации и улучшает эстетику сайта.

WebDEV #советы
Пишем свой CSS3 button generator

Курс, целью которого является помощь начинающим разработчикам в освоении современных frontend инструментов, техник и навыков. Шаг за шагом мы будем создавать генератор CSS3 кнопок, получая опыт на реальном примере.

📺 YouTube

WebDEV #видео
WebDEV #test #CSS

Выберите правильный вариант 👇🏼
🗒️ Ответ
Anonymous Quiz
18%
flex
36%
grid
38%
table-row
8%
inline-flex
Инструменты веб-разработчика

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

Мы рассмотрим работу с Google Fonts, Font Awesome, Swiper.js, 960 grid system, Hover.css, Firefox Developer Edition, CodePen, Material Palette и многое другое.

📺 YouTube

WebDEV #видео
WebDEV #test #JavaScript

Выберите правильный вариант 👇🏼
Как писать JavaScript-код эффективно?

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

В этом видео автор на примерах разбирает, как писать быстрые проекты на JavaScript и React. Также он рассказывает про Webpack, Redux и их роль в ускорении сайта.

📺 YouTube

WebDEV #видео
Анимации в Figma

Если вы только начинаете путь дизайнера, этот курс поможет вам освоить азы анимаций в Figma, расширить ваш творческий потенциал и навыки. Если вы уже профессионал, вы изучите сложные техники анимации на курсе. На курсе вас ждет три уровня сложности: легкий, средний и сложный.
Вы узнаете:

• Как применять различные эффекты анимации, когда и как их использовать в своих проектах.
• Как успешно презентовать свои работы на Behance, тестировать идеи и совершенствовать свое портфолио.

📺 YouTube

WebDEV #видео
💡 Тестируйте дизайн на реальных пользователях

Тестирование. Регулярно проводите тестирование вашего сайта с реальными пользователями, чтобы выявить проблемы и улучшить UX. A/B-тестирование также помогает понять, какие изменения лучше воспринимаются аудиторией.

WebDEV #советы
Создаем крутой эффект с черепахой в Figma

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

В этом уроке я покажу как сделать крутой эффект в графическом редакторе Figma очень просто и применять его на другие темы и идеи дизайна.

📺 YouTube

WebDEV #видео