• Как сделать, чтобы текст менялся при нажатии на кнопку?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Код какой-то странный. Вы в нем просто по клику пишите элементу #N класс active. т.е. у вас N спрятанных элементов, и по клику последовательно вы их показываете? Не очень понятно. Вашу задачу решит такой код
    var a = 1;
    $('#button').on('click', function() {
       $('#block').html(a++);
    });

    Тут получается элементу #block будет присваиваться циферка, которая будет расти по каждому клику.
    Ответ написан
  • Как отобрать элемент по переменной в jQuery?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Не понятно, что вам нужно. Вам нужно обратиться к объекту по классу из переменной?
    $('.' + className)
    или нужно изменить класс элемента на класс из переменной?
    $(elem).addClass(className)
    Ответ написан
    1 комментарий
  • Как вывести массив в google charts?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Непонятно, зачем вы из массива делаете JSON, и передаете в либу. Просто передавайте ваш массив в google.visualization.arrayToDataTable, а то, что она вернет, передавайте в draw. Еще колонка Expenses должна быть числовой а не строковой.
    Работающий код
    arr =[];
    arr.push(['Days', 'Sales', 'Expenses']);
    arr.push(["12.07.2018", 1, 15000]);
    arr.push(["13.07.2018", 1, 12000]);
    arr.push(["14.07.2018", 1, 18000]);
    arr.push(["15.07.2018", 1, 6000]);
    
    google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(drawChart);
    
    function drawChart() {
      var data = google.visualization.arrayToDataTable(arr);
    
      var options = {
        title: 'Даты и заказы',
        hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
        vAxis: {minValue: 0}
      };
    
      var chart = new google.visualization.AreaChart(document.getElementById('graph_1'));
      chart.draw(data, options);
    }

    https://jsfiddle.net/L4npofur/
    Ответ написан
    Комментировать
  • Метод unshift выдает число?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Он возвращает новую длину массива
    Ответ написан
    Комментировать
  • Как начать получать пассивный доход от Java?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    1. Сделать мобильное приложение под андроид.
    2. Сделать веб-приложение - какой-нибудь инструмент с платной подпиской (и с бесплатной ограниченной или с рекламой).
    3. Заработать на работе денег, вложить в банк или купить облигации.
    Ответ написан
    Комментировать
  • Взять двухъядерный ноутбук с i3-6006U или четырехъядерный Pentium N4200?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    На одно ядро, i3 лучше cpuboss.com/cpus/Intel-N4200-vs-Intel-Core-i3-6100U
    Но и вы переплачиваете не только за проц, но и еще за DDR4. Хотя видюха у варианта с i3 послабее, чем у второго варианта.
    Ответ написан
    4 комментария
  • Что значат последние 3 цифры в дате формата ISO?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Миллисекунды
    UPD: Вот тут смотрите https://ru.wikipedia.org/wiki/ISO_8601 последняя строка
    YYYY-MM-DDThh:mm:ss[.sss] - с точкой
    Ответ написан
    Комментировать
  • Какие книги must-have для верстальщика-профессионала по Вашему мнению?

    Vlad_IT
    @Vlad_IT Куратор тега Вёрстка
    Front-end разработчик
    Можете в свободное время пролистать большую книгу css. Там практика особо не нужна (если уже верстаете, сможете все в голове представить), но и подробно читать не нужно, т.к. много базовых вещей, но и могут появиться такие вещи, которые вы не знаете.
    Еще у популярной в кругах верстальщиках чувихи Лия Веру есть полезная книженция https://www.amazon.com/gp/product/1449372635/ref=a... (многое из которой есть в ее блоге lea.verou.me )
    В верстке вряд-ли есть какие-то уникальные книги, т.к. тема не особо сложная, проникаться в глубь не получится. Мне кажется, будет полезнее проникаться вширь, изучить например JS, для верстки будет очень полезно с webgl, чтобы делать крутые анимации.
    Ответ написан
    1 комментарий
  • Как набираться опыта и формировать портфолио?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Итак, я учусь на geekbrains веб-разработке.

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

    Пока не будете читать, так и будете практиковать визуальные эффекты на jQuery. Нужна база. В начале 25% теории 75% практики. Читайте https://css-tricks.com , большую книгу css (она немного устарела, гриды не рассматривают, но основная база очень полезная), смотрите Юрия Артюха (если хотите делать крутые анимации), лазьте по https://www.awwwards.com/ и разбирайтесь, как люди так делают. А также практикуйтесь, сделайте себе сайт, сайт другу, сайт девушке - всем.

    UPD: В чем сложно придумать себе близкую к боевому задачу? Боевую задачу вам вряд-ли кто-то даст, т.к. без опыта боевых задач, вы сделаете не боевое решение. Вот там "боевые" задачи.
    1) Сделайте калькулятор произведения матриц - разминочка.
    2) Сделайте игру арканоид, хоть на дивах (а раньше, когда мы учили программирование, новичков привлекала разработка игр, а сейчас почему-то сайты. Раньше было романтичнее как-то).
    3) Сделайте приложение учета личных финансов, в котором есть такие функции
    - личный счет
    - форма добавления денег в личный счет с комментарием и выбором группы доходов (долг, зп, заказ, подарок и.т.д.).
    - форма снятия денег с личного счета с комментарием и выбором группы расхода (вернул долг, купил домой что-то, купил технику, еду, потратил на женщину и.т.д.)
    - Вывод списка доходов и расходов с фильтром, сортировкой и категориями.
    - создание расписания автоматического пополнения (зп) или снятия (аренда, абонентская плата) средств с личного счета.
    - создание простого графика расходов и доходов. Я бы сюда добавил еще прогнозирование доходов и расходов хотя бы через линейную регрессию (да, я люблю машинное обучение),
    - добавление нескольких счетов
    Эта задача норм, и типа боевая, и для себя пригодится, и на гитхаб можно выложить - красота.
    Ответ написан
    14 комментариев
  • Как выровнять чекбоксы?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    А если обернуть чекбокс и текст в один label, и поставить ему
    display: inline-block;
    Ну и дополнительно можно задать минимальную ширину
    min-width: 200px;
    UPD: А, еще проще. Есть же свойство column-width, задаете его равным ширине блока поделенной на количество колонок. https://jsfiddle.net/9pq7Lut2/
    Но смотрите, чтобы строка была блочным элементом, как в моем примере. Вместо label лучше поставить div
    Ответ написан
    6 комментариев
  • Как получить id элемента и удалить строку благодаря этому?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Я полагаю
    $(this).closest('tr').remove()
    Ответ написан
    1 комментарий
  • Как при клике на элементе получить его id?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    эмм. Вы уже сделали больше половины дела. В обработчике this.id
    Ответ написан
    3 комментария
  • Работа в Figma .Язык интерфейса?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Лучше вбейте в переводчике, и узнайте перевод нужных пунктов. Будет сложно, если вы привыкните к русскому интерфейсу, потом читать статьи и новости по фигме, где весь интерфейс на английском.
    Да и к тому же, она очень быстро развивается, вряд-ли вы найдете актуальный руссификатор.
    Ответ написан
    1 комментарий
  • Как изменят высоту элемента от input type=range?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Вешать на onchange и делать проверку через if-else
    Ответ написан
    Комментировать
  • Как анимировать галочку в выпадающем списке?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Добавляете стрелку
    <div class="question_list">
            <ul id="list">
              <h2 class="question_title">
                Ответы на часто задаваемые вопросы
              </h2>
                <li class="question_question">"Как понять, когда зуб надо уже удалять, и когда еще можно лечить?"
                     <span class="arrow"></span>
                    <ul>
                        <li class="question_answer">Такое серьезное хирургическое вмешательство, как удаление зуба, происходит только в крайних случаях. Существуют абсолютные показания к удалению – так называемые “три О”. Первое – это острый периодонтит. Второе – отломанная коронковая часть зуба. И третье – остомиелит челюсти. Также зубы удаляют в том случае, если они неправильно ил слишком поздно прорезались и травмируют ротовую полость.</li>
                    </ul>
                </li>
                <li class="question_question">"Можно ли вылечить кисту в корне зуба?"
                    <span class="arrow"></span>
                    <ul>
                        <li class="question_answer">Да, зубы под наркозом лечат. Можно. Раньше зубы с большими изменениями в костной ткани однозначно были обречены на удаление. Имеются в виду такие изменения в области верхушек корней, как кисты и гранулемы. В наши дни качественная стоматология справляется с лечением и сохранением таких зубов.</li>
                    </ul>
                </li>
                <li class="question_question">"Обязательно ли пользоваться нитью для чистки зубов?"
                     <span class="arrow"></span>
                    <ul>
                        <li class="question_answer">При чистке зубной нитью вы удаляете зубной налет и частички пищи в таких участках полости рта, куда зубной щетке не добраться между зубами и под пришеечной частью десны и между зубами. Да, пользоваться зубной нитью обязательно, и рекомендуется делать это каждый день. Иначе скопления зубного налета могут вызвать кариес, болезнь десен.</li>
                    </ul>
                </li>
                <li class="question_question">"Что делать, если произошла травма зуба?"
                    <span class="arrow"></span>
                    <ul>
                        <li class="question_answer">Видов травм бывает много, даже в случае сломанного зуба встает вопрос, какая часть была сломана: коронковая часть или корень. Мог произойти не перелом, а подвывих. Или, может быть, вас беспокоит подвижность зуба (он шатается). В любом случае надо прийти на прием к лучшим стоматологам нашей клиники. Мы сделаем все, чтобы сохранить корень и зуб в целом. Если поврежденную часть нельзя восстановить, мы окажем хирургическую помощь.</li>
                    </ul>
                </li>
            </ul>
          </div>

    в js пишите
    $(document).ready(function () {
        $('#list > li').click(function (event) {
            $(this).find('.arrow').toggleClass('active');
            $(this).children("ul").slideToggle();
            event.stopPropagation();
        });
    });

    В стилях
    .arrow {
    transition: transform 1s;
    }
    .arrow.active {
    transform: rotate(90deg);
    }
    Ответ написан
    5 комментариев
  • Лагает ноутбук, диск загружен на 100% 0 Мб/с?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Десятая винда всегда виснет на жестких дисках. Тут 3 варианта
    1) Отключить SuperFetch в службах.
    2) Купить SSD, на али и таобао копейки стоят, хватит и 64 гб.
    3) Поставить семерку.
    Ответ написан
    2 комментария
  • Как лучше рендерить клеточный автомат?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    С нормальной частотой или скоростью? Если матрица не изменилась, то зачем ее перерисовывать?
    Предлагаю использовать canvas, легко сможете рисовать очень большие матрицы.
    Ответ написан
    1 комментарий
  • Как показать / убрать блок по клику на его родителя?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Если вам нужен клик только по родителю (не по ребенку), то у события есть свойство target - тот элемент, на который кликнули
    https://jsfiddle.net/touhpkw1/
    Ответ написан
    3 комментария
  • Почему не применяется hover эффект на кнопках?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Ну например, для кнопки "Бесплатный замер" фон задан backgroud-image (градиентом),у него приоритет отображения выше, чем у цвета.
    Ответ написан
    1 комментарий
  • Вывод блока в зависимости от поддомена?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Ну, по хорошему, это делается на стороне сервера.
    А по плохому - берете строку ссылки window.location.host делите ее по точке, и берете первый элемент
    var subdomain = window.location.host.split()[0];
    if(subdomain === 'subdomain1') {
    //показываем один блок
    } else if(subdomain  === 'subdomain2') {
    // показываем второй блок
    }

    только учитывайте, что если зайти с основного домена, его имя и будет возвращено. Можно сделать проверку, на количество компонентов
    if(window.location.host.split().length === 3) {
    // домен состоит из трех компонент sub.domain.ru
    }
    Ответ написан
    1 комментарий