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

WebDEV. Страница 21

19233 @webb_dev

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

  • WebDEV

    💡 Получение длины массива Длина массива — это количество элементов в нем. Например, в массиве arr=[1, 2, 3] — три элемента, а в массиве arr=[] — ноль элементов. Длину массива можно узнать через свойство length. Синтаксис такой: arr.length. Например: Получение длинны массива с помощью свойства length:
     a = [1, 2, 3];// инициализировали массив a
    var b = a.length;// задаем переменную b, её значение будет равно длине массива
    
    
    WebDEV #советы #coding #js
  • WebDEV

    Как сделать кнопку такой, чтобы на нее захотелось нажать? 🤔 ⚡️Приглашаем 25 мая в 20:00 мск на бесплатный вебинар «Использование псевдоэлементов для создания интересных анимаций кнопок» в OTUS! 📚На вебинаре с Марией Коршуновой, веб-разработчиком с опытом более 10 лет мы разберем тему использования псевдо элементов для создания анимаций кнопок и как с помощью обычного CSS сделать это нажатие интересным или даже интригующим. 👉🏻Регистрация на вебинар
  • WebDEV

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

  • WebDEV

  • WebDEV

    💡 Инициализация массивов Инициализировать массив — значит сказать программе, что перед ней массив и с ним необходимо поработать. Инициализация пустого массива
     a = []; // Инициализировать пустой массив
    
    
    Инициализация массива со значениями
     a = [1, 2, 3]; // Инициализировать массив с числами 1, 2, 3
    
    
    Вариант аналогичный var a = [1, 2, 3]
     a = Array.of(1, 2, 3); // Аналогично инициализации массива var a = [1, 2, 3];
    
    
    Инициализировать массив из шести элементов и заполнить его единицами
     a = Array(6).fill(1); // инициализировать массив из шести элементов и заполнить его единицами
    
    
    WebDEV #советы #coding #js
  • WebDEV

    Хабр теперь в Telegram! Подписывайтесь: @habr_tg
  • WebDEV

    🛠 Exercism помогает достичь свободного владения 55 языками программирования. Сайт также предоставляет забавные упражнения по кодингу, которые помогут понять концепции языка. WebDEV #инструменты
  • WebDEV

    💡 Ошибка: Pixel Perfect? Не, не слышал О Pixel Perfect часто забывают (кстати, не только новички). С одной стороны, верстальщик почти всегда действует, опираясь на макет, с другой — немножко от этого макета отступает. В процессе работы над проектом какие-то компоненты могут меняться местами, от каких-то отказываются, появляются новые и т.п. Размеры элементов могут немного меняться в зависимости от контента (см. переполнение и предельные значения). В конце концов, дизайнер может допустить ошибку при выравнивании элементов по сетке. Все это — адекватные причины, чтобы локально отказаться от pixel perfect и верстать «по ситуации». В идеале каждое отступление от макета должно быть задокументировано. В случаях, когда нет причин отклоняться от макета, стоит четко ему следовать (помочь в этом может, например, расширение для Chrome — Pixel Perfect). WebDEV #советы #вёрстка #html #css #web
  • WebDEV

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

  • WebDEV

    🛠 Ace Front End предлагает практические задачи на написание кода с подробным объяснением идеального решения для собеседования. WebDEV #инструменты #frontend
  • WebDEV

    💡 Ошибка: уделять недостаточно внимания графике ▍Часть 2 Контентные изображения, например, фото товара, — главная причина большого веса сайтов. На десктопах (особенно на экранах с большой плотностью пикселя) нам нужны изображения в большом разрешении. Их вес обычно не вызывает проблем, т.к. в основном десктопы используют высокоскоростные подключения с неограниченным трафиком. Пользователи мобильных устройств же вынуждены выкачивать лишние мегабайты изображений. А если у них низкая скорость передачи данных, бывают обрывы? Получаем не очень довольных пользователей. Остается только надеяться, что они не в роуминге. Эту ситуацию легко исправить с помощью атрибута scrset у <img> или с помощью тега <picture>. Постепенно поддержка этих возможностей становится лучше, а для старых браузеров есть полифил. Для подробного ознакомления с техникой поставки разных контентных изображений для разных устройств советуем бесплатный курс «Responsive images» от Udacity. WebDEV #советы #вёрстка #html #css #web
  • WebDEV

    🚀MongoDB — самая популярная NoSQL-база данных. Её используют многие крупные компании, работающие с большими данными: Google, Twitter, Forbes и другие. MongoDB присущи кроссплатформенность, высокая скорость разработки, простота по сравнению с SQL и легкая масштабируемость. Знание этой БД выделит вас среди коллег и повысит вашу ценность на рынке труда. Освоить систему поможет онлайн-курс «MongoDB» от OTUS. 👉🏻ПРОЙТИ ТЕСТ ПО MONGO: https://otus.pw/P27d/ 📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатный вебинар «Варианты установки MongoDB» — СЕГОДНЯ, 5 мая в 20:00 мск: https://otus.pw/RQhY/
  • WebDEV

    📖 Web Security for Developers 🖋 Malcolm McDonald, 2020 Начинающего разработчика легко обескуражить трудностями, связанными с должной защитой веб-сайта. К счастью, инструменты, необходимые для защиты сайта, находятся в свободном доступе и, как правило, просты в использовании. Данная книга покажет вам, как ваши веб-сайты уязвимы для атак и как их защитить. В каждой главе описывается основная уязвимость системы безопасности и исследуется реальная атака, а также большое количество кода, показывающего и уязвимость, и исправление. 💾 Скачать книгу WebDEV #book #web #security
  • WebDEV

    Хотите научиться делать один из самых популярных элементов анимации? 🤔 ⚡️Приглашаем 11 мая в 20:00 мск на открытый урок «Анимация модального окна сайта: основы и полезные фишки» в OTUS. Вместе с Марией Коршуновой, экспертом с опытом более 10 лет в сфере веб-разработки, мы потренируемся в анимации модального окна его открытия и закрытия, чтобы сделать элемент отличным от большинства сайтов. Урок дает возможность предварительно попробовать новый онлайн-курс «Веб-анимации». 👉🏻Регистрация на вебинар: https://otus.pw/5GS6/
  • Реклама

  • WebDEV

    💡 Ошибка: уделять недостаточно внимания графике ▍Часть 1 Графику обычно делят на 3 части: иконки, изображения контента, фоновые изображения. С фоновыми изображениями у новичков обычно проблем не возникает, а вот с иконками и контентными изображениями все не так хорошо. Сегодня стоит предпочесть svg-спрайты иконочным шрифтам, если нет требований к поддержке совсем старых версий IE. Подробное сравнение двух подходов можно прочитать тут #1 и тут #2. SVG-спрайт тоже можно кешировать, т.е. можно ссылаться на внешний файл, если набор иконок большой и повторяется от страницы к странице. Для кешируемых спрайтов есть полифил, добавляющий поддержку в IE. А в одностраничных приложениях спрайт обычно добавляется в базовый шаблон. WebDEV #советы #вёрстка #html #css #web
  • WebDEV

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