WebDEV
8.52K subscribers
2.25K photos
11 videos
2.97K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
💡 Шпаргалка по AI-сервисам

WebDEV #AI
100+ фактов о веб-разработке, которые вы должны знать

Изучите основные понятия и навыки, необходимые для создания полнофункциональных веб-приложений с использованием HTML, CSS и JavaScript.

📺 YouTube

WebDEV #видео #web
JavaScript с нуля - курс для начинающих с практикой без воды

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

📺 YouTube

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

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

WebDEV #советы
🛠 Principle отлично подходит для интерактивного дизайна – в частности, для мобильных приложений.

Настройка и полировка анимированных взаимодействий – это то, с чем Principle идеально справляется.

🌍 Сайт

WebDEV #инструменты
5 вопросов по JavaScript, на которых каждый может ошибиться

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

📺 YouTube

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

WebDEV #советы
HTML / CSS адаптивная верстка сайта Freelance Portfolio

Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.

📺 YouTube

WebDEV #видео
HTML верстка сайта слайдера и посадка на CMS

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

📺 YouTube

WebDEV #видео
Верстка сайта из Figma

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

📺 YouTube

WebDEV #видео
Курс по Bootstrap 5

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

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

📺 YouTube

WebDEV #видео
Путь веб-разработчика с полного нуля

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

📺 YouTube

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

WebDEV #советы
💡Эволюция JavaScript

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

WebDEV #советы
Фишки HTML и CSS

В HTML и CSS есть возможности, которые упростят ваш код, сделают сайт более стабильным и интересным для поисковых роботов.

Из видео вы узнаете про 7 фишек, которые улучшат ваш проект: Параллакс, CSS-анимацию, режимы смешивания, вертикальное выравнивание и другое.

📺 YouTube

WebDEV #видео #CSS #HTML
Что такое Front-end и Back-end?

В веб-разработке программисты делятся на три типа: Front-end, Back-end и Full stack. Каждый выполняет какую-то свою функцию (а один из них — и вовсе две).

Чтобы лучше разобраться, кто чем занимается и в какую сторону вам расти, посмотрите этот ролик. Он особо полезен, если вы только начинаете свой путь в IT.

📺 YouTube

WebDEV #видео #web
🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.

Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.

🌍 Сайт

WebDEV #инструменты