Обложка канала

WebDEV. Страница 12

19233 @webb_dev
Открыть

Канал о web-разработке. Новости IT, туториалы, веб-программирование и многое другое.

  • WebDEV

  • WebDEV

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

  • WebDEV

    💡 Проверить, содержит ли массив значение Если использовать цикл: 
    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 #советы

  • Реклама

  • WebDEV

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

  • WebDEV

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

    С нуля пишем приложение на чистом JS с бесплатным API https://weatherstack.com/. Еще расскажу про некоторые фишки из ES5 и ES6, например, о деструктуризации в JS. Еще посмотрим, как можно хранить данные в браузере с помощью localStorage. 🐺 мой twitch: https://www.twitch.tv/thmpsn_ya ☃️ мой github: https://github.com/tomkovich 🐧 мой вк: https://vk.com/tomkovich_ya 🐰 мой телеграм: https://t.me/tomkovich_ya 🌚 мой инстаграм: https://www.instagram.com/tomkovich_ya 😻 мой linkedin: https://www.linkedin.com/in/tomkovich 😤 мой твиттер: https://twitter.com/tomkovich_ya 👻 для сотрудничества: [email protected] Рекомендую к просмотру: Гайд по NPM и Gulp - https://www.youtube.com/playlist?list=PLZbLobvphXS-0pUkw-DHC_XL8sj_rlv4q Создание приложения ReactJS - https://www.youtube.com/playlist?list=PLZbLobvphXS-p41z95dXu-FhqypvljBbW Создание WordPress темы - https://www.youtube.com/playlist?list=PLZbLobvphXS9xmn7WzdUh1ZTEZwIo9IcQ Приложение на чистом JS с API для начинающих - https://youtu.be/kugdKyHykAA

    YouTube

  • WebDEV

    💡 Найти значение, аккумулирующее значения элементов массива Сумма чисел, если использовать цикл: 
    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

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

  • WebDEV

  • WebDEV

    💡 Отфильтровать массив Если использовать цикл: 
    function isOdd(n) {
  return n % 2;
}

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

let odd = [];

for (let i = 0, total = numbers.length; i < total; i = i + 1) {
  let number = numbers[i];
  if (isOdd(number)) {
    odd.push(number);
  }
}
    Используя filter: let numbers = [1, 2, 3, 4, 5]; let odd = numbers.filter(n => n % 2); // одна строка WebDEV #советы

  • WebDEV

    🛠 Roadmap — полезный ресурс, где можно найти готовые карты для развития во Frontend, React, Backend и ещё в нескольких направлениях. WebDEV #инструменты #React

  • WebDEV

    💡 Перебрать все элементы и выполнить действие С циклом: 
    function print(name) {
  console.log(name);
}

let names = ["Clean", "Code", "codeclean"];

for (let i = 0, totalNames = names.length; i < totalNames; i = i + 1) {
  print(names[i])
}
    Без цикла: 
    let names = ["Clean", "Code", "codeclean"];

names.forEach(name => print(name));
    WebDEV #советы

  • WebDEV

    📖 Hacking APIs 🖋 Corey J. Ball, 2022 Вы узнаете, как API-интерфейсы REST и GraphQL работают в продакшене и создадите стенд для тестирования API с помощью Burp Suite и Postman. Затем вы освоите инструменты для разведки, анализа эндпоинтов, такие как Kiterunner и OWASP Amass. Далее вы научитесь выполнять распространенные атаки, нацеленные на механизмы аутентификации API, и находить уязвимости, обычно встречающиеся в веб-приложениях 💾 Скачать книгу WebDEV #book #API #web

  • WebDEV

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

  • WebDEV

  • WebDEV

    💡 Подборка инструментов ▫️ CSS-Tricks — ресурс, ежедневно публикующий полезные материалы о технологиях, связанных с веб-разработкой ▫️ Medusa — бесплатный опенсорсный аналог Shopify с настраиваемым headless-движком, полезный для всех, кто работает в сфере электронной коммерции. ▫️ Katalon Studio — инструмент для автоматизации тестирования веб-приложений, API, мобильных и настольных приложений. ▫️ Searchcode — сервис для простого поиска кода. Помогает вам найти реальные примеры функций, API и библиотек на 243 языках в 10+ общедоступных источниках кода. ▫️ Clockify — трекер рабочего времени, который помогает следить, сколько часов уходит на проекты, насколько вы продуктивны в промежутке времени и даже прикидывать зарплату. ▫️ Invision Inspect — помогает подготовить дизайны к разработке. WebDEV #подборка #инструменты

  • Реклама

  • WebDEV

    💡 Придерживайтесь методологии и комментируйте Используйте одну методологию и обязательно комментируйте код. Постарайтесь выработать собственный стиль его написания – так и вам будет легче и после вас люди смогут разобраться с программой. Можете быть уверены – за грамотные комментарии вас впоследствии никто не проклянет. WebDEV #советы

  • WebDEV

    🛠 DaFont — большая коллекция из более чем пятидесяти тысяч бесплатных шрифтов на любой вкус. Сервис постоянно пополняется новыми шрифтами. WebDEV #инструменты

  • WebDEV

    React или Vue или Angular Не каждый готов потратить своё время на изучение фреймворка, который в дальнейшем ему не пригодится. Так какой же лучше подойдёт для вашего проекта? В этом видео автор рассказал про три самых популярных фреймворка для фронтэнд-разработки, их преимущества, недостатки, и даже немного затронул сферы применения. 📺 YouTube WebDEV #видео #React #Angular #Vue
    React или Vue или Angular. Что Выбрать?

    Получить профессию Frontend разработчика - https://bit.ly/3OE7oO8 Подробнее узнать об обучении в Result School - https://bit.ly/3bwsr7g Бесплатный курс HTML & CSS - https://bit.ly/3nibccm Сделать 5 проектов на JavaScript - https://bit.ly/3nibeRw Я в соц сетях: Telegram: https://t.me/js_by_vladilen VK: https://vk.com/vladilen.minin Instagram: https://instagram.com/vladilen.minin Мои паблики по JavaScript: Telegram: https://t.me/result_school_it VK: https://vk.com/result.school Instagram: https://www.instagram.com/result.scho... JavaScript cообщества: Discord: https://discord.gg/jscommunity Telegram: https://t.me/js_by_vladilen_chat Roadmap по каналу: https://vladilen.notion.site/Roadmap-YouTube-0b917095c1ec424e9574c2ede36efab9 Таймкоды 00:00 - React 06:31 - Vue 12:04 - Angular React, Vue, Angular. Что Выбрать? (Про Каждый Отдельно) #react #vue #angular

    YouTube