💡 Проверить, содержит ли массив значение

Если использовать цикл:

let names = ["Web", "DEV", "telegram"];

for (let i = 0, totalNames = names.length; i < totalNames; i = i + 1) {
  if (names[i] === "DEV") {
    console.log("%c found DEV", "color:red");
  }
}

Используя some:

let names = ["Web", "DEV", "telegram"];

let isRahulPresent = names.some(name => name === "DEV");

if (isRahulPresent) {
  console.log("%c found DEV", "color:red");
}

%c в выражении будет применять стиль к тексту консоли.

WebDEV #советы

🔥 Лучшее на канале за неделю

1. Приложение на чистом JS.

2. Keyframes App — инструмент, который поможет создавать простую и сложную анимацию при помощи визуального онлайн-редактора с временной шкалой.

3. Найти значение, аккумулирующее значения элементов массива.

WebDEV #test #CSS

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

💡 Проверить, подходит ли условию каждый элемент массива

Если использовать цикл:

let num = [1, 2, 3, 4, 5, 0];

for (let i = 0, total = num.length; i < total; i = i + 1) {
  if (i <= 0) {
    console.log("0 present in array");
  }
}

Используя every:

let num = [1, 2, 3, 4, 5, 0];

let isZeroFree = num.every(e => e > 0);

if (!isZeroFree) {
console.log("0 present in array");
}

WebDEV #советы #coding #js

📖 MERN Projects for Beginners
🖋 Nabendu Biswas, 2021

Узнайте, как использовать MERN стек (MongoDB, Express.js , React, add Node) для создания нескольких веб-приложений: для знакомств, обмена видео, обмена сообщениями и социальных сетей. При создании этих веб-приложений вы изучите ключевые концепции, в том числе как использовать React hooks, Redux, MongoDB, Express, Heroku, Firebase, Material UI и аутентификацию через Google. Расширяя свое портфолио создаваемыми вами проектами, вы будете хорошо подготовлены как full stack разработчик.

💾 Скачать книгу

WebDEV #book #React #Google #web #UI

🛠 SpinKit — простая коллекция загрузочных спиннеров, анимированные с помощью CSS. Можно легко интегрировать приятный спиннер в свой проект.

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

💡 Меню навигации на Vue.js

Построим простую навигационную панель. Есть несколько основных компонентов, которые должны иметь все приложения на Vue.js:

1) Модель (Model) – другими словами, данные приложения. В рамках библиотеки это js-объект, содержащий переменные и их исходные значения.

2) Представление (View) – HTML-код отображающий данные для пользователя и содержащий eventListner’ы для взаимодействия с моделью.

3) ViewModel – в терминологии MVC это был бы контроллер. Фактически, в рамках Vue.js ViewModel – связующее звено между моделью и представлением.

Демо на CodePen.

WebDEV #советы #Vue

🔥 Лучшее на канале за неделю

1. MERN Projects for Beginners.

2. SpinKit — простая коллекция загрузочных спиннеров, анимированные с помощью CSS.

3. Проверить, подходит ли условию каждый элемент массива.

WebDEV #test #js

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

💡 Меню навигации на Vue.js

...Как вы можете видеть из прошлого совета, работа с библиотекой довольно проста. Vue.js проделывает большую работу и предоставляет удобный и привычный синтаксис:

— Простой js-объект для опций
— {{Двойные скобки}} для шаблонов
— Встроенные атрибуты вида «v-something» для добавления функциональности непосредственно в HTML.

WebDEV #советы #Vue

🛠 Google Sites — простой, удобный и бесплатный сервис от Google для быстрого создания сайтов на бесплатном хостинге. Всё максимально просто, предварительных знаний в области веб-разработки не требуется. Ограничения на размер - 100МБ.

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

💡 Встроенный редактор на Vue.js

В предыдущем примере наша модель имела только пару предопределенных значений. Если мы хотим предоставить пользователям возможность менять любые данные, нам нужно сделать двустороннюю привязку данных и объединить поле ввода со свойством модели. Когда вводится текст, он автоматически сохраняется в модели text_content, которая затем вызывает обновление для представления.

Демо на CodePen.

Продолжение следует...

WebDEV #советы #web #Vue

💡 Подборка советов

▫️ Методы shift/unshift

▫️ Не торопитесь: это марафон, а не спринт

▫️ Немного о «length»

▫️ Двигайтесь медленно, но уверенно

▫️ Немного о «length»

▫️ Умейте быстро находить решения

WebDEV #подборка #советы

🔥 Лучшее на канале за неделю

1. Что такое Front-end и Back-end?.

2. Google Sites — простой, удобный и бесплатный сервис от Google для быстрого создания сайтов на бесплатном хостинге.

3. Меню навигации на Vue.js.

💡 Встроенный редактор на Vue.js

...Еще одна вещь, которую следует отметить в приведенном коде, - это атрибут v-if. Он показывает или скрывает целый элемент в зависимости от состояния переменной. Прочитать о нем больше можно здесь.

WebDEV #советы #web #Vue

WebDEV #test #HTML

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

🛠 Spirit — инструмент для создания анимации, который поможет вам создавать и управлять анимацией в браузере в реальном времени.

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

📖 Web Coding and Development For Beginners
🖋 Michаеl Dаvid, 2021

Чтобы стать веб-разработчиком, вы должны разбираться в HTML, CSS и JavaScript. Также рекомендуется ознакомиться c фреймворками CSS. Развитие этих фундаментальных навыков веб-разработки даст вам основу и логику для общения с языками программирования.

💾 Скачать книгу

WebDEV #book #JavaScript #web #CSS #HTML