WebDEV

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

Что такое Front-end и Back-end? В веб-разработке программисты делятся на три типа: Front-end, Back-end и Full stack. Каждый выполняет какую-то свою функцию (а один из них — и вовсе две). Чтобы лучше разобраться, кто чем занимается и в какую сторону вам расти, посмотрите этот ролик. Он особо полезен, если вы только начинаете свой путь в IT. 📺 YouTube WebDEV #видео #web

💡 Меню навигации на Vue.js ...Как вы можете видеть, работа с библиотекой довольно проста. Vue.js проделывает большую работу и предоставляет удобный и привычный синтаксис: — Простой js-объект для опций — {{Двойные скобки}} для шаблонов — Встроенные атрибуты вида «v-something» для добавления функциональности непосредственно в HTML. WebDEV #советы #Vue

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

🔥 Лучшее на канале за неделю 1. MERN Projects for Beginners. 2. SpinKit — простая коллекция загрузочных спиннеров, анимированные с помощью CSS. 3. Проверить, подходит ли условию каждый элемент массива.

💡 Меню навигации на Vue.js Построим простую навигационную панель. Есть несколько основных компонентов, которые должны иметь все приложения на Vue.js: 1) Модель (Model) – другими словами, данные приложения. В рамках библиотеки это js-объект, содержащий переменные и их исходные значения. 2) Представление (View) – HTML-код отображающий данные для пользователя и содержащий eventListner’ы для взаимодействия с моделью. 3) ViewModel – в терминологии MVC это был бы контроллер. Фактически, в рамках Vue.js ViewModel – связующее звено между моделью и представлением. Демо на CodePen. WebDEV #советы #Vue

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

📖 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

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

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

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

🔥 Лучшее на канале за неделю 1. Приложение на чистом JS. 2. Keyframes App — инструмент, который поможет создавать простую и сложную анимацию при помощи визуального онлайн-редактора с временной шкалой. 3. Найти значение, аккумулирующее значения элементов массива.

One Day Offer для фронтенд-разработчиков 5 ноября Получить офер Яндекса можно за 1 день. Участвуйте в One Day Offer Frontend: решите тестовое, пройдите 2 секции 5 ноября и получите офер в тот же день. От Яндекса в мероприятии участвуют команды, которые готовы предложить работу в гибком формате — полностью удаленно, в гибридном режиме или из любого офиса или коворкинга в 20 городах России и мира. Варианты работы обсуждаются с каждым кандидатом индивидуально. На мероприятии ждут инженеров с опытом разработки от 3-х лет на JavaScript и TypeScript, либо готовых к работе на этих языках программирования.

💡 Проверить, содержит ли массив значение Если использовать цикл:

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 #советы

🛠 Keyframes App — инструмент, который поможет создавать простую и сложную анимацию при помощи визуального онлайн-редактора с временной шкалой. Так же, сервис предоставляет редактор теней и подбор собственной палитры цветов в разных форматах. WebDEV #инструменты

Приложение на чистом JS Фреймворки — это, конечно, хорошо, но и иметь проекты без них тоже надо. Так вы можете узнать намного больше о языке, с которым вы работаете. За час с помощью этого видео вы напишите приложение для просмотра погоды с использованием стороннего API и узнаете про фишки ES5 и ES6 (и что это вообще такое). 📺 YouTube WebDEV #видео #API

💡 Найти значение, аккумулирующее значения элементов массива Сумма чисел, если использовать цикл:

let numbers = [1, 2, 3, 4, 5]

let result = 0;

for (let i = 0, total = numbers.length; i < total; i = i + 1) {
  result = result + numbers[i];
}

Используя reduce:

let numbers = [1, 2, 3, 4, 5];

let result = numbers.reduce((acc, val) => acc + val, 0);

WebDEV #советы

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