WebDEV

loldev(); — канал с мемами и юмором для программистов

Подробное объяснение теста в чате @webb_chat

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

📑 Объектно-ориентированный JavaScript: наследование В прошлой статье мы подробно рассмотрели процесс создания библиотеки для валидации данных, полученных из поля ввода. Библиотека хорошо работает и справляется со своей задачей. Тем не менее, если оценить библиотеку в более глобальном масштабе, то можно заметить, что она состоит из двух частей: валидации данных и коммуникации с DOM. Вы также можете ознакомиться с другими статьями из этой темы: Примитивы и объекты | Работа с объектами | Функции-конструкторы | Прототипы |Немного практики. #статьи #js

Полноценные курсы по программированию за 12.99$. Домашнее задание, ответы на ваши вопросы и удобная платформа На образовательной площадке Udemy проводится распродажа курсов по направлению Frontend-разработки. Присоединиться к 24 000 студентов и узнать полную информацию можно тут: https://taplink.cc/petrychenko_ivan

🔥 Лучшее на канале за неделю 1. Выбор CSS макета — Grid или Flexbox? 2. Craft.js — отличный React фреймворк, который помогает создавать удобные редакторы страниц. 3. Современные и эффективные CSS-раскладки.

🔥 Лучшее на канале за неделю 1. Выбор CSS макета — Grid или Flexbox? 2. Craft.js — отличный React фреймворк, который помогает создавать удобные редакторы страниц. 3. Современные и эффективные CSS-раскладки.

— Что будет более востребовано в 2021: Android или iOS? — Flutter! Мобильная разработка в 2021 — это сильно проще, чем кажется. Теперь есть инструмент, чтобы создавать приложения сразу под Android и iOS — да так, что их не отличить от нативных. Этот инструмент — фреймворк Flutter. Такие гиганты как Google, Яндекс и Ebay уже внедряют эту технологию в свои проекты. Спрос на Flutter только набирает обороты: если начать сейчас, можно быстро построить карьеру. На рынке не хватает хороших специалистов. Представляем курс по Flutter-разработке от Surf — Кто мы такие? Практикующие программисты, которые знают все тонкости разработки на Flutter. Мы одни из первых начали разрабатывать на нём коммерческие приложения. — Что будет на курсе? Даём практические советы и рассказываем, как разрабатываем приложения именно мы. — Почему мы? Мы не будем тратить ваше время на бесполезные библиотеки и пересказ очевидных вещей из документации. До 10 ноября курс можно купить со скидкой 30% по этой ссылке. Так что вперед!

💡 Современные и эффективные CSS-раскладки ▍Часть 3 Перед прочтением рекомендуем ознакомиться с первой и второй частями. ▍Адаптивные блоки: flex: <grow> <shrink> <baseWidth> Код ко второй части:

.parent {
  display: flex;
}

.child {
  flex: 0 1 150px;
}

Если вы хотите, чтобы при переносе на новую строку блоки растягивали и заполняли пространство, установите <flex-grow> в значение 1.

.parent {
  display: flex;
}

.child {
  flex: 1 1 150px;
}

В следующей части рассмотрим боковую панель. Продолжение следует... #советы #coding #css

🛠 Yarn 2 — отличная альтернатива NPM с рядом замечательных функций, таких как кеширование модулей для использования в автономном режиме и «плоский режим», который отлично подходит для уменьшения количества дублирующихся пакетов. #инструменты

📑 Выбор CSS макета — Grid или Flexbox? Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли. В веб-дизайне макет – это то, как сайт отображается на экране. В HTML 5 есть довольно много элементов, определяющих внешний вид веб-страницы: заголовок, навигационный блок, абзац, сноска, статья и нижний колонтитул, каждый из которых имеет свое особое значение в создании макета. Вместе же они формируют четыре основных раздела страницы – заголовок/баннер, поисковый блок, содержимое и нижний колонтитул. #статьи #css

Подробное объяснение теста в чате @webb_chat

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

💡 Современные и эффективные CSS-раскладки ▍Часть 2 Первая часть. ▍Адаптивные блоки: flex: <grow> <shrink> <baseWidth> Это распространённая раскладка, например, для лендингов, в которой может располагаться ряд из 3 элементов, обычно содержащих изображение, заголовок и текст, описывающих особенности продукта. А что на счёт адаптивности? Если использовать Flexbox, вам не придётся настраивать расположение элементов для разных размеров экрана с помощью медиа-запросов. Свойство flex является сокращением и позволяет задать набор значений flex: <flex-grow> <flex-shrink> <flex-basis> Если нужно, чтобы блоки имели <flex-basis> размер, сжимались на меньших размерах, но не увеличивались для заполнения дополнительного свободного пространства, следует указать flex: 0 1 <flex-basis>. В данном случае <flex-basis> равно 150px. В следующей части будет: Примеры кода и как сделать, чтобы при переносе на новую строку блоки растягивали и заполняли пространство. Продолжение следует... #советы #coding #css

Попробуйте себя в роли веб-разработчика на бесплатном однодневном онлайн-интенсиве, который проведёт разработчик с опытом 15+ лет Даниил Пилипенко. Для участия нужно зарегистрироваться: https://clc.am/ERgPUQ. ✔️ Вы изучите основы создания сайтов и поймёте, как работать с HTML, CSS, JavaScript, PHP и MySQL. Вместе с профессиональным разработчиком шаг за шагом создадите сайт в прямом эфире — от написания кода до публикации в интернете. ✔️ В итоге ты получишь полноценный проект для портфолио и отличный старт для начала карьеры веб-разработчика. Присоединяйся! 🎉 Участники интенсива получат в подарок электронную книгу Кей Петерсон и Дэвида Колба «Век живи — век учись» от издательства «МИФ», а трое лучших — сертификаты на 30 000 рублей для обучения в онлайн-университете Skillbox!

🛠 Craft.js — отличный React фреймворк, который помогает создавать удобные редакторы страниц. Это позволяет изменять содержимое веб-страницы с помощью перетаскивания, подробных текстовых элементов управления, встраивания мультимедиа и т. д. Идеально подходит для создания систем управления контентом и приложений WYSIWYG. #инструменты #js

Подробное объяснение теста в чате @webb_chat