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

WebDEV. Страница 43

19233 @webb_dev
Открыть

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

  • WebDEV

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

  • WebDEV

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

    Часть 3

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

    Тег <abbr>

    <abbr> используется для сокращений. Он может быть особенно полезен в документах, где их много. У этого тега есть необязательный атрибут title, в котором можно указать полную версию текста.

    <abbr title="I don't know">idk</abbr>
    <abbr title="got to go">g2g</abbr>

    Тег <time>

    Давайте взглянем на классическую проблему локализации дат. В США 5 октября 2013 года записывается как 10/05/13, в Британии это 05/10/13, в Южной Африке это 2013/10/05, в России это 05.10.13. Все эти варианты делают чрезвычайно трудной задачу автоматического распознавания дат.

    Тег <time> позволяет указывать дату и время в машинночитаемом формате. Предыдущий пример мог бы выглядеть примерно так: <time datetime=«2013-10-05»>10/05/13</time>. HTML-парсеры смогут точно понять дату, несмотря на то, в каком формате мы ее указали.

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

    #советы #coding #html

  • WebDEV

    🛠 Stryker - интересный проект для тестирования мутаций в JavaScript и других языках. Он работает, добавляя «мутации» в случайные места в вашем коде и выполняя для них тесты, проверяя, сколько мутаций прошло и насколько действительно надежен код.

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

  • Реклама

  • WebDEV

    Выберите правильный вариант 👆 #test

  • WebDEV

    📑 React на практике: приложение с сортировкой и поиском данных

    В статье демонстрируется приложение с сортировкой и поиском данных.

    #статьи #js #react

  • WebDEV

    🔥 Лучшее на канале за неделю

    1    . Картинка, которая одновременно является кодом на JavaScript.

    2. Ackee — это проект с открытым исходным кодом, который предоставляет вам все необходимые инструменты для добавления автономной аналитики на ваш сайт.

    3. Семантическая разметка в HTML - Первая часть | Вторая часть.

  • WebDEV

    🛠 98.css — забавный CSS-фреймворк для создания пользовательских интерфейсов в стиле Windows 98. Как и большинство других UI-фреймворков, он предоставляет вам несколько базовых утилит стиля и набор компонентов для быстрого создания макета, только при использовании этого фреймворка макет будет иметь ностальгическое очарование.

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

  • WebDEV

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

    Часть 2

    Ознакомиться с первой частью вы можете по ссылке.

    Теги <i> и <b>

    В старые добрые времена, теги <i> и <b> обозначали текст выделенный, соответственно, курсивом и жирным шрифтом. Когда же идея об отделении семантики от представления стала набирать обороты, к этим тегом стали относиться с подозрением. Их заменили на теги <em> и <strong>, обозначающие соответственно эмфазис и сильный эмфазис.

    В HTML5, наконец, эти теги получили отличную семантическую интерпретацию. Тегом <i> помечается текст, у которого отличается тон или настроение. Это полезно, например, для описания мыслей или технических терминов. Тег <b> помечает текст, который стилистически отличается от обычного текста, но не имеет какого-либо выделенного семантического значения. Чем это отличается от использования <span>? Ключ в том, что <b> не несет какого-либо семантически отличного смысла.

    В следующей части рассмотрим теги <abbr> и <time>.

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

    #советы #coding #html

  • WebDEV

    💡Основы JavaScript в формате марафона за неделю

    21 сентября фронтенд-разработчик, спикер HolyJS и преподаватель, Зар Захаров, запускает марафон по JS в Телеграме.

    Будут:
    короткие видеоуроки,
    домашние задания, которые нужно выполнить, чтобы пройти дальше, поддержка и code review от ментора с 14-летним опытом.

    В результате вы напишите свою первую браузерную игру в жанре файтинг на JS.

    Чтобы занять место на марафоне, нажмите на кнопку и запустите бота.

  • WebDEV

    📑 Картинка, которая одновременно является кодом на JavaScript

    Изображения обычно хранятся как двоичные файлы, а файл JavaScript по сути является обычным текстом. Оба типа файлов должны следовать собственным правилам: изображения имеют конкретный формат файла, определённым образом кодирующий данные. Для того, чтобы файлы JavaScript можно было исполнять, они должны следовать определённому синтаксису. В статье отвечаем на вопрос: можно ли создать файл изображения, одновременно являющийся допустимым синтаксисом JavaScript, чтобы его можно было исполнять?

    #статьи #js

  • WebDEV

    💡 Используйте {} вместо New Object() в JavaScript

    Есть     несколько путей для создания объектов в JavaScript. Возможно наиболее традиционный это использование конструктора «new», например:

    var o = new Object();  
    o.name = 'Jeffrey';  
    o.lastName = 'Way';  
    o.someFunction = function() {  
       console.log(this.name);  
    }

    Хотя этот метод получил штамп «плохой практики» он таковой не является. Вместо него, мы рекомендуем использовать более надежный метод c литералом объекта.

    Лучше так:

    var o = {  
       name: 'Jeffrey',  
       lastName = 'Way',  
       someFunction : function() {  
          console.log(this.name);  
       }  
    };

    Заметка — если вы хотите создать пустой обьект, то {} сделает это:

    var o = {};

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

    #советы #coding #js

  • WebDEV

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

  • WebDEV

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

    Часть 1

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

    Для примера рассмотрим элемент <q>

    Подобно своему блочному двоюродному брату <blockquote>, тег <q> используется для обозначения цитирования.

    Почему же просто не использовать кавычки? Кавычки не всегда подразумевают цитирование. Иногда они используются для смыслового выделения, иронии или обозначения названия чего-либо — и в этом контексте, они используются правильно. Однако, если вы цитируете что-то, <q> явно выражает ваше намерение.

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

    #советы #coding #html

  • WebDEV

    🛠 Ackee — это проект с открытым исходным кодом, который предоставляет вам все необходимые инструменты для добавления автономной аналитики на ваш сайт. Он предлагает API на основе Node.js, похожий на API Google Analytics, и его легко установить. Также есть готовая к использованию админ-панель с очень красивым дизайном и множеством функций.

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

  • WebDEV

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

  • Реклама

  • WebDEV

    📑 9 отличных сервисов для проверки кода

    Работу программиста можно оценивать по многим критериям, но главные – это, наверно, чистота кода и его качество. Мы рассмотрим 9 сервисов для проверки кода.

    Правильно работающий код – это уже прекрасно, но не нужно забывать, что вы должны еще чистить его от “мусора” и делать максимально понятным для тех разработчиков, которые будут задействованы в обслуживании в дальнейшем.

    Обычно ревью кода в крупных компаниях делают сеньоры. Но это дорого и неэффективно. Альтернативный вариант – пользоваться онлайн-сервисами, которые дают оценку готовому коду. Если вы хотите выбрать для себя один из таких инструментов, читайте обзоры в статье.

    #статьи

  • WebDEV

  • WebDEV

    🎉 Новое обновление в @craftwork_bot

    Добавили возможно скачивать файлы бесплатно по этим ссылкам:
    shooots.pro | frrames.com | stubborn.rocks |usebites.com
    struct.rocks | iosjetpack.com |usesuperb.com | singleton.digital
    3ddd.casa | afterclap.pro | layouts.today | callthedoctor.club
    superscene.pro

    Просто пришлите в бота ссылку, а бот пришлет в ответ файл для скачивания.

    #обновления @craftwork_bot