WebDEV

💡 Шпаргалка по HTML

WebDEV #советы

💡Шпаргалка по CSS

WebDEV #советы

💡 Шпаргалка по DOM IN JavaScript

WebDEV #советы

💡 Шпаргалка по JavaScript

WebDEV #советы

Полный курс ReactJS для начинающих - изучи реакт за 2 часа!

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

📺 YouTube

WebDEV #видео

const band = { name: "twenty one pilots" };
const fans = new WeakSet();
fans.add(band);

band.name = "TOP";
console.log(fans.has(band));

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

Исповедь HTML-программиста

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

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

📺 YouTube

WebDEV #видео #HTML

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

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

📺 YouTube

WebDEV #видео

Инструменты веб-разработчика

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

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

📺 YouTube

WebDEV #видео

💡Шпаргалка по форматированию HTML

WebDEV #советы

🛠 readme.so — этот простой редактор позволяет добавлять и кастомизировать все разделы, которые должны быть в README проекта.

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

Формы на HTML и PHP

Формы на HTML и PHP. В этом плейлисте собраны уроки по HTML, CSS, JS и PHP, в которых мы изучаем формы. Как создавать формы, какие бывают атрибуты у элементов форм и как правильно и красиво оформить формы вы можете узнать из этого раздела.

📺 YouTube

WebDEV #видео

Auto Layout в Figma за 5 минут

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

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

📺 YouTube

WebDEV #видео

Всё про красивый UI-дизайн

Большое интервью с опытным UI-дизайнером, в котором он рассказал про IT, фриланс, интерфейсы, а также поведал обо всём, что он знает о профессии UI-дизайнера.

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

📺 YouTube

WebDEV #видео

💡 Шпаргалка по Tower

WebDEV #советы

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

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

🌍 Сайт

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

АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ

Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков:

• Практические курсы и задания
• Книги и статьи известных авторов
• Полезные инструменты и ресурсы
• IT-новости и инсайды

Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др.

⌨️ подписаться

Формы в JS - доступ к элементам форм, чтение и изменение значений полей ввода

Изучим, как получать доступ ко всем элементам form на странице и как можно по-разному обращаться к полям форм. Обсудим атрибут form, который позволяет связать внешнее поле с конкретной формой, независимо от его расположения в разметке. Научимся управлять элементами input, textarea и select, а именно, узнаем как правильно читать и изменять их значения через value, checked и другие свойства DOM-элементов.

📺 YouTube

WebDEV #видео

💡Шпаргалка по Frontend

WebDEV #советы