• Как правильно изучать / конспектировать книги по программированию?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Я применяю интервальное повторение при изучении чего угодно. Для этого есть крутая программа - Anki, забиваете карточки, и повторяете каждый день. Это не зубрежка, это просто повторение.
    Читаю абзац, выделяю с него основную суть в виде вопроса, и ответа. Например абзац из Лутца
    Теоретически классы (и экземпляры классов) относятся к категории
    изменяемых объектов. Подобно таким встроенным типам, как списки
    и словари, они могут изменяться непосредственно, путем присваива
    ния значений атрибутам и, как и в случае со списками и словарями,
    это означает, что изменение класса или экземпляра может оказывать
    влияние на множественные ссылки на них

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

    Относятся ли классы и и экземпляры классов, к категории изменяемых объектов?


    ответ

    да (сюда можно добавить - почему, или же дополнительную памятку типа - да, также как и встроенные типы, списки и словари).


    И так каждый раз, когда встречаете неизвестную (или плохо известную) вам информацию.
    И каждый день, вы должны открывать Анки, и повторять все карточки. Занимает около 10-15 минут, я делаю это в метро, раньше делал строго после обеда (когда есть строгое время или точка события, легче не пропускать).
    Повторю, это не зубрежка, и многие скажут "достаточно понять, и оно само запомнится", но если не использовать эту информацию, она может забыться, а анки будет всегда симулировать это "использование", и информация не забывается. Плюсом тренируете память.

    Также раньше применял Mind map для конспектирования, но это сложная тема, к которой я пока привыкнуть не смог, поэтому больше не применяю.
    Ответ написан
    Комментировать
  • Math.random() в цикле each(). Как сделать чтобы в каждой итерации число было рандомным?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Вы хоть и выполняете рандом для каждого program-link, но назначаете этот рандом не к текущему элементу, а к всем. Код $('.program-link img') берет все элементы img из program-link. т.е. каждую итерацию, вы создаете случайный поворот, и назначаете его ко всем картинкам. В итоге, после работы скрипта, все картинки имеют один угол поворота - последний сгенерированный.
    Вот так лучше:
    $(document).ready(function () {
            $('.program-link').each(function(){
                var degree = Math.random() * (5 + 5) - 5;
                $(this).find('img').css( // берем картинку только из текущего .program-link
                    {transform: 'rotate(' + degree + 'deg)'}
                )
            });
        });
    Ответ написан
    1 комментарий
  • Нормально ли писать такие классы в БЭМ?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Нельзя https://ru.bem.info/methodology/quick-start/#%D0%9...
    Элемент — всегда часть блока, а не другого элемента. Это означает, что в названии элементов нельзя прописывать иерархию вида block__elem1__elem2.
    Ответ написан
    2 комментария
  • В чем ошибка в JS: "Uncaught Error: Syntax error, unrecognized expression:"?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    В файле https://vikingpark.com.ua/assets/js/script.js на строчке 2906
    function make_active_menu(menu_targ) {
        menu_frame
            .find('.active').removeClass('active').end()
            .find('.'+menu_targ+'_link, .'+menu_targ+'_sublink').addClass('active');
    };

    вы пытаетесь искать элемент с классом из menu_targ, а menu_targ у вас содержит путь, в котором есть запрещенный для селекторов символ слеш /, вот у вас и ошибка. Прочитайте ошибку, в ней написано, что не удалось распознать выражение, и дается это выражение, в котором как раз есть эти слешы. Уберите их и будет норм.
    Ответ написан
    3 комментария
  • Каковы реалии веб-разработки?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    2)не меньше постов о том, что это на самом деле это крайне скучная и однообразная работа. У меня вроде как более менее реальные представления, что это больше программирование (знаю, что большинство не относит front end к программированию,но не знаю как по другому сформулировать), нежели полет фантазии, но насколько это увлекательно или скучно именно для вас?

    Мне не скучно, вот уже 8 лет. Но мне интересен сам процесс разработки кода, не важно на чем и не важно что, буду писать, дайте только компьютер. Но знаю много людей, которым это скучно, или загораются они реально от чего-то нового и интересного, а не от обычной разработки, а новое бывает очень редко, поэтому такие часто перегорают или со временем теряют интерес. Если вы для себя сейчас не поняли, что вам интересно писать код, читать материалы по программированию, то вам будет сложно нормально влиться. Совет для любой профессии: вваливайтесь только в том случае, если вам интересна эта область.
    и также абсолютное большинство говорят о бесконечном развитии технологий, реально ли человеку (который не лежит целый день на диване) угнаться за ними?

    Каждый человек индивидуален, кто-то учит целый день то, что другой за час поймет.
    стоит ему на месяц заболеть или иным образом отстраниться от этой сферы, резко вылетит в трубу, так как за этот месяц появиться куча нового и он уже будет никому не нужным, так ли это или все немного утрировано?

    Ничего подобного. Чтобы это "новое" попало в продакшн, нужно время. Даже если на год бросить это дело, то восстановиться можно будет без проблем за неделю. Как правило, то, что будет использоваться уже в следующем году, сейчас уже создалось и это активно обсуждают. Ничего за месяц не взлетает.
    не жалеете, что занимаетесь front end и почему?

    Как начну жалеть, пойду в другую область. Раздражает только отношение других программистов к front-end'у, многим кажется, что тут одни "макаки", хотя сами они об этой области не имеют никакого представления. Но такие вещи происходят и в других языках или профессиях, поэтому не нужно обращать на это внимание.
    Ответ написан
    Комментировать
  • Как отделить этот малеьнкий вентилятор?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Под наклейкой обычно крепится. Но очень часто разобрав, собрать будет сложно.
    Ответ написан
    Комментировать
  • Кнопка закрытия на vue.js?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Не очень понятно из вопроса. Вы хотите реализацию метода close?
    new Vue({
    el: '#app',
    data: {
    open1: false,
    open2: false
    },
    methods: {
      close: function() {
        this.open1 = false;
        this.open2 = false;
      }
    }
    })
    Ответ написан
  • Как удалить неиспользуемый CSS, чтобы уменьшить CSS-файлы?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Нельзя автоматически делать, т.к. вы не сможете анализируя только html код, удалить неиспользуемые классы, т.к. вероятно, эти классы будут добавляться через js, или использоваться на других страницах. Так можно лишнее удалить.
    Нужно вручную, при помощи инструментов. В хроме в devtools есть крутой инструмент code coverage, заходите на страницу, жмете запись, и он показывает, какие строки в css/js были выполнены (использованы в случае css). Заходите в предлагаемые файлы, и там каждый неиспользуемый на данной странице css блок, будет выделен красным цветом, читаете его и смотрите, точно ли вы не где не могли его использовать.
    Подробнее тут
    https://developers.google.com/web/updates/2017/04/...
    https://medium.com/devschacht/using-the-chrome-dev...
    Ответ написан
    1 комментарий
  • Как radio переключить цвета?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    1) Не используйте такие id, как 1, 2, 3, в html как в языках программирования, есть правило именования блоков (значение id'ов), оно не должно начинаться с цифры.
    2) Вы показали нужный элемент, а теперь остальные нужно спрятать. Вы конечно это пытаетесь сделать, но довольно странным способом, сравнивая стили. Стили могут поменяться, строка может иметь пробелы. Если бы вы сравнивали не точно, вот так
    $('[style*="display: block"]').css("display", "none")
    все бы работало. Но этот код тоже некрасивый, т.к. довольно ресурсоемкий.
    Вот более менее нормальный способ.
    jsfiddle.net/Vlad_IT/no8uecar/4
    Ответ написан
  • Как передать name и из JSON в JS объект?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Не знаю, в какой такой объект, но в массив легко.
    let str = `[
      { "name": "foo",
        "status": "success" }, {
        "name": "bar",
        "status": "success"}, {
        "name": "biz",
        "status": "success"
      }
    ]`;
    let obj = JSON.parse(str);
    let list = obj.map(x => x.name);
    Ответ написан
    4 комментария
  • Как динамично изменить название переменной?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    По индексу
    CKEDITOR.instances['editor' + btnId'].getData();
    Ответ написан
    Комментировать
  • Как можно вывести актуальный курс валют на vue?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    В mounted определяем обработку события getrates, и из вне ее дергаем, т.к. также определяем функцию CBR_XML_Daily_Ru, в ней дергаем событие getrates. Можно создать глобальный EventBus, а можно использовать текущего экземпляра компонента.
    Пример
    Ответ написан
    5 комментариев
  • Как разделить имена запятыми в AngularJS?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Можно просто ставить каждый раз в конце запятую, за исключением тех случаев, когда $last === true (т.е. это последний элемент цикла).
    Ответ написан
    3 комментария
  • Почему не срабатывает кнопка закрыть окно?

    Vlad_IT
    @Vlad_IT Куратор тега HTML
    Front-end разработчик
    Ну так close добавляется только при открытии формы, а слушаете клик вы только для элементов close, которые уже есть на странице. Используйте вот такую конструкцию, так будут слушаться все close внутри #notification, которые были даже добавлены позже.
    $(function(){
     $('#notification').on('click', '.close', function(){
        $(".success").hide(200);// время закрытия 0,2 секунды. Можно изменить    
     });
    });

    ну, или внутри вашего условия слушайте click, а по клику удаляйте "слушание".
    Ответ написан
    6 комментариев
  • Зачем lightbox и fancybox использует ссылку?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    В ссылке содержится полноразмерная картинка, а в img для превьюшки. И допустим, у вас галерея из 4к картинок, и в ней 10 картинок, вот и представьте, что если писать их просто в img, то при заходе на страницу, браузер начнет качать их всех. Поэтому и нужно для предпросмотра показывать небольшие картинки, а при клике показывать полный размер.
    Ответ написан
    Комментировать
  • Какой скрипт блокирует input?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Блокирует мне кажется, jquery.maskedinput. Во время выполнения события keydown в этом поле, вызывается функция w в jquery.maskedinput, но вызывается она для блока с контактами <div class="phone pull-right hidden-xs"></div>
    это видимо потому, что вы выше пишите
    $(".phone").mask("+7(999)999-9999");
    т.е. ставите маску на все элементы с классом .phone, а у вас этот класс на поля ввода телефона, а также в том блоке, что я описал выше.
    Попробуйте исправить этот конфликт, например убрав у этого дива класс phone, или же поменяйте для полей форм.
    Ответ написан
    2 комментария
  • Изменение текста при скролле, jquery, как сделать?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Вот так попробуйте https://codepen.io/anon/pen/LMqJjJ
    Ответ написан
    Комментировать
  • Как отредактировать js скрипт?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    <span class="hidden-link" data-link="http://goo.gl">внешняя ссылка</span>
    <script>$('.hidden-link').click(function(){window.location.href = $(this).data('link'); return false;});</script>
    Ответ написан
    4 комментария
  • Как правильно написать условие if else?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Используйте fs.existsSync() Получится как-то так

    var fs = require('fs');
    
    if (fs.existsSync('./folder')) {
       // выполнить что-то
    } else {
       // выполнить что-то другое
    }
    Ответ написан
    1 комментарий
  • Как передать id и name button-а из html в js объект?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    1) У вас неправильное значение у id, оно не должно начинаться с цифры или других символов. Лучше допишите but1, but2 и.т.д.
    2) Обращаться к элементам DOM можно по селекторам, определите общий селектор к этим элементам или к родителю, и вызовете document.querySelectorAll с данным селектором, этот метод вернет список элементов, в данном случае кнопки.

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