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

WebDEV. Страница 42

19233 @webb_dev

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

  • WebDEV

    💡 Всегда используйте точку с запятой

    Технически, большинство браузеров позволят вам не использовать их.

    var someItem = 'some string'  
    function doSomething() {
    return 'something'
    }

    Но использование подобную практики потенциально может привести к гораздо более большим и что еще хуже плохо отлавливаемым проблемам.

    Лучше

    var someItem = 'some string';  
    function doSomething() {
    return 'something';
    }

    Точки с запятой должны присутствовать после каждого выражения, даже если их, казалось бы, можно пропустить.

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

    Если вы – опытный разработчик на JavaScript, то можно выбрать стиль кода без точек с запятой, например StandardJS. В ином случае, лучше будет использовать точки с запятой, чтобы избежать подводных камней. Большинство разработчиков их ставят.

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

    🛠 Geolib — мощная географическая библиотека предлагает множество интересных методов для расчета расстояния, преобразования метрик, получения координат, работы с полигонами и многого другого. Она не имеет внешних зависимостей и очень проста в настройке.

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

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

  • WebDEV

    📑 Объектно-ориентированный JavaScript: функции-конструкторы

    Это продолжение серии статей об объектно-ориентированном JavaScript, в данной статье рассматриваем функции-конструкторы.

    Вы также можете ознакомиться с предыдущими двумя статьями:

    Примитивы и объекты | Работа с объектами.

    #статьи #js
  • WebDEV

  • WebDEV

    💡 Проверка нахождения значения в массиве

    Обычно, чтобы проверить, находится ли значение в массиве или нет, необходимо выполнить одну из следующих операций:

    var arr = ['.js', '.css', '.html'];
    if (arr.indexOf('.jsx') === -1) {
    // будет выполнено, когда значения нет
    }
    if (arr.indexOf('.css') >= 0) {
    // будет выполнено, когда значение есть
    }

    Нативного метода для подобных задач пока что нет. Он появится в спецификации ES2016 и будет называться includes. До того, как данный метод будет реализован, для данных целей можно использовать побитовый оператор ~ :

    var arr = ['.js', '.css', '.html'];
    if (!~arr.indexOf('.jsx')) {
    // будет выполнено, когда значения нет
    }
    if (~arr.indexOf('.css')) {
    // будет выполнено, когда значение есть
    }

    Оператор ~ возвращает число, которое равно ~n == -(n + 1): ~1 == -(1 + 1) == -2, ~0 == -(0 + 1) == -1, -1 == -(-1 + 1) == 0, ~10 == -(10 + 1) == -11.

    Подробнее о работе ~ и других побитовых операторов можно узнать в этой статье.

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

    🛠 Panolens — потрясающая библиотека для просмотра панорам на JavaScript. Она основана на Three.js и обеспечивает быструю и бесперебойную работу даже при отображении высококачественных фотографий или видео.

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

    📑 Объектно-ориентированный JavaScript: работа с объектами

    В прошлой статье мы выяснили, что не всё в JavaScript является объектом, и все данные разделяются на примитивы и объекты. В этой статье рассмотрим способы создания объектов, что такое методы, свойства, как их присваивать, способы итерации по всем свойствам объектов и использование ключевого слова this.

    #статьи #js
  • WebDEV

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

    💡 Семантическая разметка в HTML

    Часть 5

    Перед прочтением рекомендуем ознакомиться с первой, второй, третьей и четвёртой частями.

    Тег <menu>

    Вы когда-нибудь делали меню из ненумерованного списка?

    <ul class="menu-toolbar">
    <li class="new">New</li>
    <li class="open">Open</li>
    <li class="save">Save</li>
    <li class="quit">Quit</li>
    </ul>

    Альтернативой этому является тег <menu>, но он поддерживается только в Firefox. Этот тег представляет собой неупорядоченный список команд. У этого тега есть атрибут type, который может принимать значения: popup или toolbar.

    <menu type="toolbar">
    <li class="new">New</li>
    <li class="open">Open</li>
    <li class="save">Save</li>
    <li class="quit">Quit</li>
    </menu>

    #советы #coding #html
  • WebDEV

    Простой сервис для сложных задач. Автоматизация DevOps/Ops задач с помощью web-интерфейса. Отличное решение для управления инфраструктурой проекта - DevOps as a Service от D2C.io

    Некоторые функции, которые сэкономят вам уйму времени:

    — управление группой серверов разных провайдеров (AWS, DO, GCP, Vultr, UpCloud) и своего железа (Ubuntu/Debian) в одном месте
    — разворачивание сервисов приложений, баз данных, веб-серверов, балансировщика нагрузки
    — масштабирование приложений и баз данных (MasterSlave и ReplicaSet)
    — выполнение бэкапов по расписанию (6 провайдеров + SFTP)
    — автоматическое создание конфигов для NGINX и HAProxy
    — поддержка автообновляемых Let's Ecnrypt сертификатов
    — онлайн просмотр метрик и логов серверов и контейнеров
    — большой список готовых стэков приложений в StackHub
    — управление ролями и правами доступа к проектам/сервисам/серверам
    — поддержка на русском языке

    Подписчикам канала - скидка 20% на первую оплату любого тарифа. Промокод - webdev20

    Подробнее
    Документация
    StackHub
  • WebDEV

    🛠 Hex Engine — современный 2D движок для создания браузерных игр. Этот мощный набор инструментов для разработки игр включает движок рендеринга на основе Canvas, помощники по физике и звуку, поддержку геймпада, интегрированные инструменты разработчика и многое другое..

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

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

    📑 8 лучших советов по улучшению продуктивности для разработчиков

    Разработчику нелегко оставаться продуктивным. Это умственно напряженная работа, которая требует большого внимания, поэтому может быстро утомить ум. Понимание того, как вы можете сосредоточиться на своей работе, сокращать время с помощью автоматизации и справляться с отвлекающими факторами, может очень помочь вам в максимально эффективном использовании рабочего времени. В статье вы найдёте лучшие советы по продуктивности для программистов.

    #статьи
  • WebDEV

  • Реклама

  • WebDEV

    💡 Семантическая разметка в HTML

    Часть 4

    Перед прочтением рекомендуем ознакомиться с первой, второй и третьей частями.

    <mark>

    Когда-нибудь так делали?

    <p>
    Three hundred pages of boring, useless text. <span class="highlight">The one thing you need to know and will never be able to find again if you don't highlight it.</span> More boring stuff…
    </p>

    Вместо этого можно использовать тег <mark>, которым помечается текст, выделенный для справочных целей из-за его высокой важности.

    <input>

    Да, <input>. Вы, вероятно, используете <input type=«text»>, <input type=«submit»>, может быть даже <input type=«hidden»>, а вы когда-нибудь использовали другие типы? В HTML5 <input> может использовать с целой кучей типов:

    - email
    -tel
    - number
    - range
    - date
    - time
    - search
    - color

    Также перед использованием стоит убедиться, что ваши целевые браузеры все это поддерживают.

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

    #советы #coding #html
  • WebDEV

    🛠 Bootlint — инструмент линтера от команды Bootstrap, который поможет вам проверить, используют ли ваши страницы компоненты Bootstrap с правильно структурированным HTML. Он также обеспечивает включение правильных тегов, наличие декларации типа документа HTML5 и правильность общей разметки страницы.

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

    📑 Объектно-ориентированный JavaScript: примитивы и объекты

    Скорее всего, вы читали или слышали, что всё в JavaScript является объектом. Ещё чаще можно увидеть опровержения этого утверждения. Подобные споры возникают регулярно и обусловлены в большей степени недопониманием концепций JavaScript. И, на самом деле, причина считать примитивы объектами есть — у примитивов можно запрашивать свойства и методы, поведение которых во многом схоже со свойствами и методами объектов. Продолжение читайте в статье.

    #статьи #js