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

WebDEV. Страница 13

19233 @webb_dev

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

  • WebDEV

    💡 Перебрать все элементы и получить новый изменённый массив С циклом:
    let names = ["Jack", "Jecci", "Ram", "Tom"];
    let upperCaseNames = [];
    for (let i = 0, totalNames = names.length; i < totalNames; i = i + 1) {
      upperCaseNames[i] = names[i].toUpperCase();
    }
    
    Без цикла:
    let names = ["Jack", "Jecci", "Ram", "Tom"];
    let upperCaseNames = names.map(name => name.toUpperCase());
    
    
    Примечание. Если вы используете map, в процессе перебора нельзя сделать break, continue или return. Но если возникает необходимость, такие случаи обычно сводятся к применению методов every или some. WebDEV #советы #coding #js
  • WebDEV

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

  • Реклама

  • WebDEV

    💡 Никогда не прекращайте учиться Если вы только начинаете, мир веб-разработки может показаться вам огромным и не изученным – есть, казалось бы, сотни навыков, которые вы должны освоить. После изучения основных инструментов вы практикуетесь и некоторое время можете чувствовать себя комфортно, однако индустрия постоянно меняется. Если не меняться вместе с ней, вы уже не будете востребованным специалистом. WebDEV #советы
  • WebDEV

    🛠 Mail Studio — сервис для создания адаптивных электронных писем. Поддерживает работу в Windows, macOS и Linux. WebDEV #инструменты #Linux
  • WebDEV

    💡 Многомерные массивы Если в массив a мы поместим массив a1,a2…an, то получим многомерный массив. Он может выглядеть так:
    let a = [[1,2,3],[4,5,6],[7,8,9]];
    
    
    В многомерных массивах можно обращаться как к отдельным элементам, так и к элементам внутри элемента. Например:
    let a = [[1,2,3],[4,5,6],[7,8,9]];
    let b = a[0][2]; 
    //[0] — первый элемент массива с индексом 0
    //[2] — третий элемент первого элемента массива
    console.log(b); // 3 
    
    
    WebDEV #советы #coding #js
  • WebDEV

    📖 Selenium with Java – A Beginner’s Guide: Web Browser Automation for Testing using Selenium with Java 🖋 Pallavi Sharma, 2022 В этой книге рассказываются особенности настройки среды для написания тестовых сценариев с Selenium. Многочисленные возможности, включая интерфейс webdriver, интерфейс веб-элементов и локаторы, подробно описаны и проиллюстрированы. 💾 Скачать книгу WebDEV #book #web #Java
  • WebDEV

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

    🔥 Лучшее на канале за неделю 1. Полезные фишки HTML и CSS. 2. Solid book — интерактивная книга, которая поможет освоить пять основных принципов проектирования в объектно-ориентированном программировании. 3. Метод new Array().
  • WebDEV

    💡 Будьте готовы к неудачам Мы все хотим делать работу хорошо и не допускать ошибок. На практике это получается не всегда. Если вы готовы к неудачам и прочим сложностям, то в долгосрочной перспективе вам будет проще работать над новыми проектами. Как бы банально это ни звучало, учитесь на ошибках. WebDEV #советы
  • WebDEV

    🛠 Solid book — интерактивная книга, которая поможет освоить пять основных принципов проектирования в объектно-ориентированном программировании. Есть примеры и тесты для самопроверки. WebDEV #инструменты #SOLID
  • WebDEV

    Полезные фишки HTML и CSS Вёрстка сайтов — это, чёрт возьми, отдельное искусство. Вам нужно объединить красоту, скорость работы, а сам сайт должен нормально выглядеть при любом расширении. Ужас! Чтобы упростить себе жизнь, можно использовать эти фишки в своём коде: так вы улучшите качество страницы, скорость загузки с сервера и, что немаловажно, сохраните хотя бы немного нервных клеток. 📺 YouTube WebDEV #видео #web
    Полезные фишки для твоей верстки сайта на HTML и CSS

    В этом видео разберем полезные фишки для твое верстки сайта на HTML и CSS. Ссылки из видео ----------------------------------------------- https://squoosh.app/ https://9elements.github.io/fancy-border-radius/ https://css-tricks.com/snippets/css/system-font-stack/ Главы видео: 00:00 - 00:00:12 - Введение 00:00:12 - Webp, picture 00:01:24 - адаптивные контентные изображения 00:02:19 - object-fit 00:02:43 - font-size: 10px; 00:02:58 - Системные шрифты 00:03:17 - em 00:04:16 - текст в одну строку 00:04:50 - background-position 00:05:22 - border-radius 8 аргументов О проекте ----------------------------------------------- Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд. На сайте проекта https://brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания. // Соц. сети ================= Мой ВК - https://vk.com/odimaz Группа BC - https://vk.com/brainscloud Мой Instagram: https://www.instagram.com/dmitryvalak/ #верстка #версткасайта

    YouTube
  • WebDEV

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

    💡 Метод new Array() ... Но при этом, если массив будет состоять из одного числового элемента, то его элементы будут undefined. Например:
    let arr = new Array(2);
    console.log(arr[0]); //undefined
    
    
    Чтобы такого не было при инициализации массива лучше пользоваться квадратными скобками:
    let arr = [];
    
    
    WebDEV #советы #coding #js
  • WebDEV

  • Реклама

  • WebDEV

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

    🛠 Layoutit CSS Grid — простой и гибкий генератор grid-сеток. Добавляем столбцы, колонки, меняем ширину блоков и код готов. Осталось скопировать и вставить в свой проект. WebDEV #инструменты #CSS
  • WebDEV

    📖 Building Offline Applications with Angular: Develop Reliable, Performant Web Applications for Desktop and Mobile Platforms 🖋 Venkata Keerti Kotaru, 2022 В данном руководстве показано, как создать приложение Angular, которое может работать автономно, без доступа в интернет. Создание автономных приложений с помощью Angular помогает преодолеть разрыв между нативными приложениями и веб-приложениями. 💾 Скачать книгу WebDEV #book #web #Angular