• Нужна ли формам семантика?

    @asmodeus13th
    Семантика нужна не только для удобства слепых и любителей TAB клавиши. Почитай статьи, как это влияет на поиск в гугле, восприятие плагинами, дополнениями и ботами. Даже тот же ИИ настраивают под семантику. В эту тему можно нырнуть на очень большое время, но основа (вкратце) - возможность понимать друг друга. Время , потраченное на создание архитектуры проекта, может быть больше, чем на написание кода. Зачем? А это самое интересное! Во- первых, ты уберегаешь себя и коллег от возможных багов и позволяешь легко ориентироваться по файлам, не зависимо от размера и познания в проекте. Хороший код - тот, который можно легко читать. Зачастую приходиться уступать производительностью ради читабельности. Придерживаться семантики - значит писать в едином стиле со всеми разработчиками. Даже если опустить архитектуру, то семантика нужна и для различных ботов. Вот написал я плагин для хрома, который делает мини-навигацию по форме (на самом деле ничего я не писал, просто привожу пример) и ориентируется поиск по тегу с формой, а у тебя на странице такого даже нет и всё, плагин работать не будет. А теперь представь какую фичу ты упускаешь, когда прячешь разметку от гугловских ботов. Любые таблицы, правила, списки и прочие семантические данные выводятся на странице поиска. Попробуй загуглите какую-то страну или инструкцию для, например, убунту. Гугл выведет информацию из Википедии или другого ресурса, не заходя на сайт. Думаешь, Телеграм не использует семантику? Вот весь такой оптимизирован благодаря ей. Посмотри на ютубе семинары от HTML Academy по семантике. Там всё доступно объясняют (что очень большая редкость для онлайн курсов). Понятное дело, что собирая сайт через фреймворки или путем встраивания html из js, боты не увидят эту семантику, а просто один тег с Id=“root”. Если взять в пример Figma, то семантики ты не увидишь, так как это не задумывалось как сайт, а скорее как приложение. Не придумали в html ещё таких тэгов как «рисовать пером» или что-то вроде «шаблон шаблона страницы». В общем семантика должна быть там, где она уместна. Если тебе не нужны привилегии семантической разметки или это соло проект без развития или вообще ты делаешь проект на оте*бись для плохого заказчика за 5$, то можешь не заморачиваться. Но в остальных случаях хорошей практикой, да и просто для себя, будет уместно и очень полезно использование семантики.
    Ответ написан
    1 комментарий
  • Могут ли комментари влиять на скорость загрузки файла стилей (CSS) или JS?

    @asmodeus13th
    Я делаю сайт родственнице

    Всё зависит от родственницы. Если двоюродная, то влияет на скорость очень сильно.
    почему там комментарии или код типо он мне нужен

    Можешь код вообще не писать. Тогда точно будет быстро работать.
    Ответ написан
    Комментировать
  • Каков уровень знаний для джуниор фронтенд разработчика?

    @asmodeus13th
    Для Джунов важно хорошо выполнить тестовое задание. Если тебе такое не дают, то компания не понимает как работать с Джунами и сама работа будет тяжёлой, т.к. менеджеры зачастую вообще не понимают в программировании. Вывод: достаточно знать HTML, CSS, JS - остально ты выучишь прям на работе. Тестовое задание тоже всегда на ванильном JS требуют выполнить, препроцессоры - по усмотрению (я рекомендую SCSS).
    Ответ написан
    Комментировать
  • Почему аргумент arr равен undefined?

    @asmodeus13th
    Тебе нужно обязательно возвращать массив, иначе будет автоматически возвращаться undefined.
    Рекомендую посмотреть этот видос.
    let filteredArray = array.reduce((arr, item) => {
      console.log(arr);
      if(item == ''){
        return;
      }
      return arr  // надо добавить эту строку
    }, []);
    Ответ написан
  • Как сделать div поверх контента?

    @asmodeus13th
    Eugenue Cesarevich, смысл в том, что "position: absolute" работает от ближайшего родительского элемента с "position: relative". По умолчанию "position: absolute" отталкивается от документа.
    <div id="parent">
      <div id="child">
      </div>
    </div>

    Добавьте "position: relative" в тот элемент, от которого нужно отталкиваться. При изменении позиции через top/bottom/left/right, координаты будут начинаться от элемента с позиционированием relative.
    #child{
      position: absolute;
    }
    #parent{
      position: relative;
    }
    Ответ написан
    1 комментарий