• Почему выводит разные результаты промиса в браузерах Google Chrome и Firefox?

    Kozack
    @Kozack
    Thinking about a11y
    Это потому, что хром выводит объект не в том состоянии в котором он был в момент вывода, а в том в котором он сейчас.
    То есть, что хром что ФФ выводят промис в статусе pending, но потом промис резолвится, и хром изменяет его в консоли. А ФФ оставляет как было.
    Ответ написан
    Комментировать
  • Какие нормальные сообщества Front-end есть в Telegram?

    vovaspace
    @vovaspace
    Frontend Engineer
    Вам сюда — https://t.me/js_noobs_ru.
    Ответ написан
    Комментировать
  • Какие нормальные сообщества Front-end есть в Telegram?

    v1t3man
    @v1t3man
    Не знаю как в tg, но в slack есть оф. канал learn.javascript.ru
    Ответ написан
    Комментировать
  • Веб-разработка: как добиться совершенства?

    sevasargsyan
    @sevasargsyan
    Веб разработчик
    со времени получишь опыт только по этому пути можно,и не надо расстраиваться все опытные программисты прошли этот путь
    Ответ написан
    Комментировать
  • Как заменить текст при клике на ссылку?

    @eyuioa
    https://developer.mozilla.org/en-US/docs/Web/API/D... - получем элемент, ссылку и заголовок
    https://developer.mozilla.org/en-US/docs/Web/API/E... - вешаем событие клика
    https://developer.mozilla.org/en-US/docs/Web/API/E... - изменяем значения
    https://developer.mozilla.org/en-US/docs/Web/API/H... - получаем/устанавливаем содержимое атрибута data-*
    Дай человеку рыбу и он будет сыт один день, дай человеку... ну вы дальше поняли
    Ответ написан
    Комментировать
  • Чем собирают такие проекты?

    @Darhild
    Попробуйте Parcel, имхо, хорошо подходит для небольших проектов. Минимум настроек, ничего не нужно подключать дополнительно. Эти идентификаторы для css и js при production-сборке, насколько помню, присваиваются по умолчанию.
    Ответ написан
    Комментировать
  • Что надо знать и уметь, чтобы претендовать на позицию Джуниора?

    saboteur_kiev
    @saboteur_kiev Куратор тега Карьера в IT
    software engineer
    Всем доброго времени суток. У меня, как и у тысячи других новичков, со временем возникает подобный вопрос "Что надо знать на старте, чтобы трудоустроиться на низшую позицию junior Front-end?".

    Уметь воспользоваться гуглом чтобы найти готовые 1000 ответов. Ну вот серьезно.

    Коротко о моём опыте.

    Никому не интересно. Все полезное должно быть в резюме, остальное - держи в себе.

    В частности на данный момент я владею html (flex-box), css (основы препроцессора Less), основы JS(массивы и их методы, что такое объекты и как получить значения из этих объектов, функции, циклы. Работа с DOM-элементами)

    Это не уровень джуна, это так, посидел поковырял дома.

    React + Redux (читай, почти не писал на нём. Хотя в планах знакомый предлагал написать совместный проект на нём "Подсчёт каллорий")

    Ну это было бы ХОТЬ ЧТО-ТО.

    Github

    Это что? знание гитхаб? Как зайти на сайт и зарегаться? Ну прямо очень важно...

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

    Без практики - все пустой звук. Забил - наслаждайся.
    Порешать задачки - зайди на фриланс, почитай чего люди хотят, потренируйся дома что-то сделать. Либо сделай хобби проект для себя. Либо надо было с другом сделать калькулятор

    К тому же JS не мало всего. Распыляться и изучать всё. Так всё и не запомнишь сразу.

    ИТ - сфера, где нужно учить много. Если ты столкнулся с тем, что для тебя там действительно немало всего, то не думай что можно что-то не учить. Это не распыляться, это и означает изучить конкретную небольшую область.

    Некоторые вещи используются в практике редко или вообще ни кто так не делает. Чтобы не забивать голову

    Выбери не-ИТ сферу, тогда не будешь забивать голову. Ну вот серьезно.

    хотелось бы получить направление, что стоит знать Джуну, а дальше в процессе работы уже углубляться в недры JS.

    В вакансиях указывается стек. Чистый js это уже база, сейчас востребованы фреймворки. А их лучше учить, когда базовый js уже на уровне (не циклы и массивы, а нормальный базовый js)

    Вопрос времени стоит остро. Ввиду того, что на данный момент я без работы, и непростая политическая и экономическая ситуация в стране.

    На это всем плевать. И людям на форуме. И работодателю. Платят не за то, что сейчас кому-то очень нужна работа, а за то, что человек умеет выполнять эту работу.

    Если ты гуглишь и никак не находишь вакансию попроще, где тебя уже ждут - так это не потому, что есть секретный ингредиент, как стать джуном за месяц, а потому что джун это уже специалист с кучей знаний, и ты видимо просто не готов учить все.
    Если готов - то нагугли вакансии в своем городе, в компаниях которые тебе нравятся, читай что там требуется, учи и иди на собеседование. Походишь хотя бы на 10 собеседований и будет понятно что конкретно тебе в конкретные позиции нужно еще подучить.
    А вопросы на тостере - тебя на тостере на работу не берут, каждый будет говорить со своей колокольни своего опыта. И опыт трудоустройства 10-летней давности не подходит, а опыт трудоустройства 1-месячной давности - не статистика, на которую можно полагаться, а конкретный один эпизод. Поэтому набирай СВОЙ ЛИЧНЫЙ опыт - собеседования.
    Ответ написан
    1 комментарий
  • Как реализовать смену темы с помощью styled-components без тысячи пропсов?

    @Spaceoddity
    Покажу как у меня сделано (vue):
    export default {
    	data() {
    		return {
    			actualColor: 'light'
    		};
    	},
    
    	methods: {
    
    		changeColorLight: function(event){
    			if(event){
    				if(this.actualColor === 'monokai') {
    					this.actualColor = "light";
    					this.changeColorClass();
    				};
    			};
    		},
    
    		changeColorMonokai: function(event){
    			if(event){
    				if(this.actualColor === 'light') {
    					this.actualColor = "monokai";
    					this.changeColorClass();
    				};
    			};
    		},
    
    		changeColorClass: function() {
    			let html = document.documentElement;
    			html.className = this.actualColor;
    		}
    }

    /******************************************************************************
    	Colorscheme variables
    ******************************************************************************/
    html.light{
    	--background:#ffffff;
    	--background_nav:#f3f3f3;
    	--foreground:#800000;
    	--foreground_script:#000000;
    	--foreground_brackets:#800000;
    	--foreground_script-brackets:#000000;
    	--foreground_cursor:#000000;
    	--selection:#add6ff;
    	--counter:#237893;
    }
    html.monokai{
    	--background:#272822;
    	--background_nav:#1e1f1c;
    	--foreground:#f92672;
    	--foreground_script:#a6e22e;
    	--foreground_brackets:#f8f8f0;
    	--foreground_script-brackets:#f8f8f0;
    	--foreground_cursor:#f8f8f0;
    	--selection:#575b61;
    	--counter:#90908a;
    }
    .content{
    	grid-column:content;
    	grid-row:1;
    	background-color:var(--background);
    }
    /* ну и т.д. */
    Ответ написан
    Комментировать
  • Каков нормальный размер билда react?

    profesor08
    @profesor08
    Нет. Размер файла должен не превышать 400кб, если превышает, то надо делить на чанки. Но тебе следовало бы перепроверить все модули, которые ты импортируешь, вполне вероятно ты подтягиваешь тонну ненужного.
    Ответ написан
    2 комментария
  • Микроразметка в HTML?

    @palec2009
    Если использовать микроразметку schema.org/Product для карточке товаров или услуг, то в сниппете выдачи поисковиков будет красиво отображаться цена и описание продукта, Разметка организаций schema.org/Organization также выводит адрес в сниппет, Разметка schema.org/breadcrumb делает так чтобы на выдаче хлебные крошки были на русском языке, но это актуально только для гугла, у яндекса дргугой алгоритм перевода хлебных крошек, он не из разметки берет инфу. Вот это три основные разметки которые есть смысл использовать. Также можно применить разметку schema.org/ItemList для листингов товара и schema.org/Table для таблиц. Доп инфу можно почитать тут https://habrahabr.ru/company/yandex/blog/246003/ и тут https://yandex.ru/support/webmaster/schema-org/
    Ответ написан
    Комментировать
  • Как исправить перемещение курсора при редактировании и валидации input?

    MrDecoy
    @MrDecoy Куратор тега JavaScript
    Верставший фронтендер
    В момент начала изменения, сохранять позицию каретки input.selectionStart
    После замены значения в инпуте - устанавливать позицию каретки
    input.setSelectionRange(startPos,endPos) // Обе позиции должны быть одинаковыми, например (1,1)
    Ответ написан
    1 комментарий
  • Как можно удалить дубликаты из массива объектов?

    ruddy22
    @ruddy22
    Спасение утопающих — дело рук самих утопающих
    // helpers start
    const compose = (fn1, fn2) => x => fn1(fn2(x)); 
    
    const reduceByProp = prop => a => 
      a.reduce((acc, curr) => ({ ...acc, [curr[prop]]: curr }), {});
    
    const uniqByProp = prop => compose(Object.values, reduceByProp(prop));
    // helpers end
    
    // logic start
    const uniqByLastname = uniqByProp('lastname')
    const getUniqAndPrint = compose(console.log, uniqByLastname)
    // logic end
    
    // exec start
    const arr = [
      {
         'name': 'anna',
         'lastname': 'petrova'
      },
        {
         'name': 'vika',
         'lastname': 'ivanova'
      },
        {
         'name': 'julia',
         'lastname': 'petrova'
      },
    ];
    getUniqAndPrint(arr);
    // exec end

    Интерактивный пример
    Ответ написан
    Комментировать
  • Лучше стор или стейт?

    @Vlad_Murashchenko
    Предпочитаете держать состояние как можно ближе к месту которое его использует. Это позволит Вам лучше разделить ответственности между компонентами. Исходя из этого принципа:

    Если состояние Вашей таблицы нужно только в таблице, то лучше всего получать и хранить состояние Вашей таблицы прямо в "контейнер" компоненте (компоненте который знает о чем конкретно эта таблица, а не просто отображает абстрактную таблицу).

    Если же данные вашей таблицы используются ещё где-нибудь, нужно вынести состояние на уровень общего "контейнер" компонента.

    Redux подойдёт, если данные используются разными частями приложения которые находятся далеко друг от друга(например на разных страницах). Если вы хотите чтобы после того как пользователь закрыл компонент, данные не старались из памяти. Если вам нужен Flux, транзакции, детерминированный Стейт менеджмент... Но для отображения данных таблицы скорее всего вам это не нужно.

    Помните о KISS, YAGNI - они очень помогают в принятии решений
    Ответ написан
    Комментировать
  • Как сделать плавающий задний фон css?

    wapster92
    @wapster92 Куратор тега CSS
    Ответ написан
    Комментировать
  • Есть ли польза от codewars?

    theobroma
    @theobroma
    javascript developer (ReactJS)
    2 года назад CodeWars помог мне выучить JavaScript. Сухая теория не заходила вообще, а вот с практикой совсем другое дело... Решал задачки 8-7 kyu. На уровнях выше начинаются уже не основы языка, а больше упор на алгоритмы, знание математики и т.д. На 7 уровне не должно возникать проблем точно.
    Пишу код для решение на locahost в своем редакторе или IDE. Дебажу в консоли браузера. Когда вижу, что результат похож на правду, копирую код с редактора в окно для решения CodeWars. Проганяю предложенные тесты. Если все ОК, то сабмит, а если нет, то смотрю результаты тестов и допиливаю решение.
    Результаты не открываю пока сам не решу. В топовых и хитрых решения других всегда разбираюсь.
    Не стоит сильно зацикливаться на определенной задачи, которая не получается... Возможно не хватает знаний языка программирования. Бывает, что не могу понять условие задачи как таковое... Можно немного заморочиться, но если не идет, то смело откладываю на потом. Неудачи снижают боевой дух, а это ничем не помогает.
    Ответ написан
    2 комментария
  • Вывод текста поля в соседнем поле?

    E1ON
    @E1ON Куратор тега JavaScript
    Programming, Gamedev, VR
    <input type="text" id="email">
    <input type="text" id="email2">


    const email2 = document.querySelector("#email2");
    document.querySelector("#email").addEventListener("input", e => email2.setAttribute("value", e.target.value));
    Ответ написан
    Комментировать
  • Где можно скачать psd макеты разных типов сайтов?

    DanArst
    @DanArst
    Гриффиндор в моде при любой погоде!
    Ответ написан
    Комментировать
  • Утилизатор неиспользуемых классов CSS?

    @its2easyy
    Ответ написан
    Комментировать