• Как настроить alias в webpack для удобного подключения модулей?

    @tvelforce
    alias: {
      '@': path.join(__dirname, '../'),
      '@platform': path.join(__dirname, '../platform/')
      '@header': path.join(__dirname, '../platform/header')
    }
    Ответ написан
    Комментировать
  • Как сверстать эту секцию?

    LenovoId
    @LenovoId
    svg, css,js
    Если это будет статично в смысле без добавления новых блоков то можно сделать
    А если блоки будут добавляться то дизайнеру оторвите ноги что бы ходить не смог на работу и руки что бы ими такую заморочку не рисовал больше, даже по удалёнке или не смог фрилансить
    Ответ написан
    8 комментариев
  • Где есть бесплатные уроки HTML5?

    BBmike
    @BBmike
    Ответ написан
    Комментировать
  • Как научиться Test Driven Development вместо Test First Development?

    pletinsky
    @pletinsky
    Я тоже иногда использую описанный вами подход — и он не кажется мне плохим или бессмысленным. Очень часто он оказывается эффективным — например, когда требуется писать интеграционные тесты на готовый функционал.

    Материалы я думаю вы без труда найдете — их завались по этой теме.
    На мой взгляд самое главное следующее — для TDD требуется особый подход к мышлению во время написания кода. И именно этот подход делает его эффективным. Заключается он в том, что вы не пытаетесь полностью выстроить в голове работающий метод, который создаете. Вместо этого вы выделяете отдельные бизнес составляющие метода — и создаете их поэтапно.

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

    Например вы делаете метод который вычисляет корень из числа… Напишите простой тест подавая туда число 4 и ожидая что на выходе будет 2. Далее имплеминтируете функционал добиваясь чтобы тест прошел.
    Но ничего лишнего там писать не стоит. Потом пишите следующий тест например на реакцию на отрицательные значение — далее имплементируете функционал. И так далее.

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

    Вот тут описаны проблемы при использовании подхода.

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

    Не ленитесь разрабатывать по шаблону — соблюдая мельчайшие и даже самые странные правила — даже если вы видите потерю эффективности — и со временем вы научитесь применять данный инструмент.
    Ответ написан
    1 комментарий
  • Как делать роутинг в React/Redux приложении сейчас?

    vicodin
    @vicodin
    Имею некоторый опыт
    Тоже впервые вижу упоминание, что RR4 устарел, работает исправно :)
    Ответ написан
    Комментировать
  • Как сегодня верстают такие бордеры?

    profesor08
    @profesor08 Куратор тега CSS
    Псевдоэлементы в помощь:
    Ответ написан
    2 комментария
  • Есть ли сайт, где собраны общепринятые практики программирования?

    xez
    @xez
    TL Junior Roo
    но про что обычно не пишут в книжках.

    В книжках, как раз и пишут.
    Например:
    Чистый код Роберта Мартина,
    Совершенный код Стива Макконнелла
    Паттерны проектирования, тоже, можно сказать, про это.
    Ответ написан
    3 комментария
  • Какой хороший курс по JS (для среднего уровня)?

    tundramani
    @tundramani
    learn.javascript.ru
    +
    фленагана справочник
    +
    годы тяжелой практики
    Ответ написан
    2 комментария
  • Как реализовать поведение, аналогичное PreventDefault для события popstate?

    появляется без какой-то подмены урла

    Так добавьте ) #modal, например. И слушайте hashchange окна.
    window.addEventListener('hashchange',()=>{
       closeModal();
    });
    Ответ написан
    Комментировать
  • Как это сверстать?

    @cloudz
    попробовать искривить блок
    transform: skewX(40deg);

    или попробовать сделать форматирование текста через white-space
    Ответ написан
    1 комментарий
  • Как это сверстать?

    Xaz16
    @Xaz16
    Front End Developer
    Думаю, из всех выше предложенных вариантов самым интересным будет использовать
    https://www.html5rocks.com/en/tutorials/shapes/get... css shapes.

    Но к сожалению, нужно считаться с этой таблицей https://caniuse.com/#feat=css-shapes Если нужна совместимость с мозилой и IE/Edge, то придется городить костыли.
    Ответ написан
    Комментировать
  • Какова суть генерации своих событий в JavaScript?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Попробую на пальцах объяснить.

    Событие – это конверт, на котором написано его название. Внутрь конверта можете вложить что-нибудь, а можете оставить конверт пустым.

    Элемент – это столик. Кто угодно может подойти и положить на столик свой конверт.

    Слушатель – это мужик, который топчется около столика и смотрит, нет ли чего с интересующим его названием. Может несколько человек поджидать конвертики с определённым названием – прочтут все, если только в конверте не написано «по прочтении съесть» – тогда кто-то съест и дальше не передаст.

    Как создать/отправить конверт. В любом месте кода создайте конверт и дайте ему название: var myEvent = new Event('teaTime'); Остается положить конверт на нужный столик:
    document.getElementById('stolik').dispatchEvent(myEvent);


    Чтобы в событие вложить какие-то данные, нужно использовать другой конструктор и передать нагрузку в поле detail:
    var event = new CustomEvent('saySomething', { detail: "Hello there!" });


    Для чего нужно создавать свои события? Чтобы развязать куски кода. Например, в разных местах документа можно нажать на кнопку повторяющегося виджета. Виджет создаст на document событие "widgetClicked". А ещё несколько одинаковых компонентов в странице, слушающих document на предмет события "widgetClicked", получат пинок и что-нибудь вытворят.
    Ответ написан
    2 комментария
  • Какое самое короткое выржение на JS, выдающее в результате True?

    @asdz
    function _send (s) {
    	var input = document.getElementById("input");
    	input.value=s;
    	var evt = document.createEvent("HTMLEvents");
    	evt.initEvent("input", false, true);
    	input.dispatchEvent(evt);
    	var t = document.querySelector('.well span')
    	console.log("%s => %s", s, (t.textContent.search ("true") > -1) );
    }
    
    for(var code = 0; code < 1000; code++) {
      _send (String.fromCharCode(code));
    }
    Ответ написан
    2 комментария
  • В какой последовательности читать книги по JS?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    За всю свою практику продолжительностью более 20 лет я прочитал только одну книжку по программированию, это был Фигурнов про программирование на паскале под ДОС, и это было в середине девяностых... С тех пор читаю только документацию и то по мере необходимости.

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

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

    В общем критерий истины - практика и никак иначе.

    Я не говорю что книжки читать не нужно - нужно. А вот уповать на книжки и надеяться на мощный обучающий эффект - это вряд ли. Память устроена таким образом, что сохраняет в себе только то, что действительно очень нужно, а все остальное отвалится так или иначе, практически сразу или чуть позже.

    Поэтому выбери себе проект, и начинай делать. Сначала будет все плохо, непонятно и вообще адский адов ад. И только если тебе хватит упорства и настойчивости, усидчивости, концентрации и везения, то, постепенно, все начнет меняться.

    Короче говоря ключевое слово тут ДЕЛАТЬ, а все остальное - лишь вспомогательные элементы.

    ЗЫ: Я встречал немало народу, почитавших книжек, прошедших курсов, знающих команды, но не умеющих их использовать, в результате не способных программировать. Для того, чтобы программировать, т.е. транслировать машине свою волю, на понятном ей языке, необходимо иметь эту самую волю для начала, а остальное уже приложится по ходу дела.
    Ответ написан
    3 комментария
  • Какие есть интересные free API для веб проекта?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Ответ написан
    Комментировать
  • Уважаемые знатоки, как сделать такую кнопку?

    thoozu
    @thoozu
    Веб-разработчик
    Можно воспользоваться псевдо-классами :before и :after.
    Ответ написан
    Комментировать
  • Правильная реализация MVC на ES6?

    @grigoryi325
    как на меня, лучший способ разобраться - изучить на базовом уровне asp.net mvc
    Ответ написан
    Комментировать
  • Правильная реализация MVC на ES6?

    Stalker_RED
    @Stalker_RED
    Правильный MVC вот примерно такой: (1, 2). Вам скорее всего не нужен ПРАВИЛЬНЫЙ, а нужен какой-то с оптимизацией для web. Прикол в том, что вариантов как переколбасить идею сорокалетней давности под веб - несколько больше чем один. Причем у всех вариантов найдутся как плюсы, так и минусы.
    Отсюда и боль у многих начинающих - только что прочитал в учебнике описание MVC, а вот на соседней странице - все по другому!

    Чтобы не сильно мучиться с выбором - можно взять один из современных фремворков, где умные дяди уже постарались и продумали много всякого.
    Ответ написан
    2 комментария
  • Как сделать регистрацию/авторизацию на React?

    @Biocoder
    Начните с API, советую использовать JWT (для Laravel есть https://github.com/tymondesigns/jwt-auth )
    Далее делаете формы и шлете запросы через fetch/axios
    Сессию можно хранить в Redux/MobX

    Если хотите могу выдернуть из текущего проекта реализацию и выложить на гитхаб как пример
    Ответ написан
    2 комментария