Ответы пользователя по тегу HTML
  • Как резиново сверстать этот макет?

    yurakostin
    @yurakostin
    Front-end developer
    Посмотрите, возможно, что вам очень зайдёт вот это видео. И другие, которые есть в описании.
    Ответ написан
    Комментировать
  • Как сбежать с фриланса?

    yurakostin
    @yurakostin
    Front-end developer
    Английский учить стоит однозначно.

    И если вам понравилось на upwork и с удалёнки в целом можно не съезжать, то возможно, что именно английский вам и стоит сейчас прокачивать в первую очередь.
    А там уже вся зарубежная(а значит более актуальная) информация будет более доступной для понимания.

    Ну или же искать компанию, которая готова взять вас с горящими глазами на обучение на не очень большую зп. И фигачить на работе(по рабочим задачам) и дома - учить js, фреймворки, сопутствующие API и библиотеки, а также, разумеется алгоритмы и структуры данных и паттерны и так далее, и тому подобное, словом, расширять кругозор себя как разработчика.
    Ответ написан
  • Есть ли смысл использовать формы?

    yurakostin
    @yurakostin
    Front-end developer
    Код должен быть семантичным. Это на тему того, что если элемент должен представлять элемент формы, то нужно верстать элемент формы, а не то, что вам кажется более подходящим для этого случая.

    И вообще Вадима Макеева на вас нет.
    "Доступность или смерть(жизнь?)". Вы должны учитывать ситуации, когда js действительно отключён. Это довольно сложно бывает сделать в связи с тем, что торопит бизнес, в связи с тем, что не всё зависит от вас.

    Прогрессивное улучшение, постепенная деградация применимы, я думаю, и в этом случае.
    Представьте, что у вас есть форма.

    При включённом js вы валидируете данные на клиенте, чтобы не делать лишних запросов.
    При валидных данных вы отправляете ajax запрос чтобы не перезагружать страницу и сразу показывать пользователю результат.
    При этом вы также валидируете данные на сервере.

    При выключенном js данные валидируются только сервером и результат отдаётся путём перехода на другую(или эту же) страницу.

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

    Возможно это звучит слишком олдскульно - "js только для улучшения", но нет, история не об этом.
    История о том, что для каждого конкретного случая всё может быть по-разному, но при этом всегда должен сохраняться здравый смысл у разработчика.

    Форма это форма. Если вам нужно значения двух инпутов отправлять с помощью js, то не нужно верстать два поля, кнопку submit и вешать обработчик click на кнопку. У всех элементов есть своё назначение. Оборачиваете, как и надо, ваши инпуты и кнопку в form и вешаете обработчик на событие submit. Всё. Никаких проблем. Js у вас или нет - всё будет работать.

    Снова много букв в моём ответе. Пардоньте..
    Ответ написан
    2 комментария
  • Какой вариант добавление файла лучше стилизация формы или createElement?

    yurakostin
    @yurakostin
    Front-end developer
    Если у вас нет никаких специфических требований, то делайте самый простой и понятный вариант.
    Изменятся требование - измените реализацию.
    Ответ написан
    Комментировать
  • Как лучше и правильнее сделать калькулятор на JQuery?

    yurakostin
    @yurakostin
    Front-end developer
    Правильнее будет сделать на javascript. Вы ведь не планируете поддерживать совсем старые браузеры?

    Сделать можно по-разному.
    Лучше, конечно, сделать хорошо, чем писать спагетти-код.

    Можно вообще сделать весь интерфейс через js.
    Данные получить js запросом на сервер.
    И на их основе всё отрисовать. Тогда не нужно будет хранить-читать ничего в DOM-е.

    У вас тут есть:
    1. Отображение машины (и какое-то не совсем понятное меню).
    2. Табы (или что это?)
    3. Таблица.

    Вы не объяснили нам как это приложение должно работать.
    Что происходит при клике на другие табы?
    Очень мало информации.
    Как только вы сможете описать полностью схему работы, вы наверняка начнёте понимать как это всё должно быть написано, ну или мы вам сможем объяснить.
    Ответ написан
  • Как вынести построение DOM в отдельную функцию с настраиваемыми options?

    yurakostin
    @yurakostin
    Front-end developer
    1. Вынесите в отдельную функцию рендер одного item-а. Лучше если функция будет получать данные в качестве аргумента, а на выходе отдавать HTMLElement - в вашем случае со всеми детьми.
    2. Лучше создавайте ноды, вместо работы со строками, или используйте тогда уж js string template.
    3. Достаточно проверять items.length
    4. Постарайтесь постепенно отказаться от jquery, если, конечно, не поддерживаете какое-нибудь старьё. items.forEach вам вполне подойдёт. И можно будет вообще отказаться от проверки items.length, только сохраняйте в items пустой массив, если данные не пришли
    5. Если я не ошибаюсь, то теперь, когда функция возвращает вам элемент вашего списка, вы уже дальше сами можете определить, как его использовать: полностью заменять содержимое, или добавлять. И значит вам не нужны никакие options.

    Мне если честно не до конца понятна концепция $('.container').html(html); и $(html).appendTo('.container');, а вникать мне не хочется. Что у вас тут происходит? То есть, почему разная логика в разных случаях?
    Ответ написан
    4 комментария
  • Как спрятать DIV при скролле?

    yurakostin
    @yurakostin
    Front-end developer
    Сэр, а вы знаете, что грамотно поставленный вопрос содержит ответ?
    Вот ответ вашими словами "после opacity:0 сделать display:none"

    И господи боже, сколько можно писать на jquery?
    Ответ написан
    Комментировать
  • Что рендерится быстрее?

    yurakostin
    @yurakostin
    Front-end developer
    Обычно ваш компонент состоит из одного или набора тегов.
    Если возвращается один тег, то тут проблем вроде бы нет(поправьте меня, если я не прав).
    Если набор тегов, то вам наверняка нужна обёртка для них, а значит на выходе будет снова один тег.

    Зачем вам в таком случае div>div>p?
    Ответ написан
  • Как "запихнуть" iframe в div?

    yurakostin
    @yurakostin
    Front-end developer
    Сэр, а вы вообще пробовали это делать, или только хотели?

    У вас есть отладчик, где можно посмотреть как реализована вставка игр в div-ы через iframe-ы
    Ответ написан
    Комментировать
  • Где найти интерактивное изучение js?

    yurakostin
    @yurakostin
    Front-end developer
    Самый крутой интерактив это садиться и программировать.
    Всегда рекомендую, в качестве учебника для начала, прекрасный ресурс Ильи Кантора.
    https://learn.javascript.ru/
    Следуйте по урокам, выполняя все задачи, не переходите на следующий, пока не поймёте текущий. Если не получается решить задачу - посмотрите решение, но обязательно осознайте, почему работает так, а не иначе. Это может отнять время, но если js - технология, которая в будущем вам пригодится, то это время будет потрачено с пользой.

    Появился у вас вопрос, появилась идея что-то реализовать, пусть даже простое -
    откройте консольку и проверьте/создайте файлик и реализуйте, что вам взбрело в голову.

    Удачи.
    Ответ написан
    2 комментария
  • Как прижать футер к низу страницы?

    yurakostin
    @yurakostin
    Front-end developer
    Ответ написан
    Комментировать
  • Из повара в программисты, возможно ли такое? Где пройти курсы в Питере и надо ли?

    yurakostin
    @yurakostin
    Front-end developer
    Я вот по образованию повар/официант, технолог ПОП.
    Но затянула меня веб разработка.
    За год я научился базовым вещам и нашёл работу за вполне достаточную на тот момент сумму.

    По Java - да - head first. Плюс у них же очень хорошая книжка по паттернам с примерами на джаве. Мне понравилось.
    Я, к сожалению пока что, с java знаком очень слабо, однако общие принципы всегда одинаковые.
    Точите базовые вещи, а после и более сложные, изучайте, тем более, если вас это манит, то обучение всегда проходит интенсивнее и с большей пользой.

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

    Удачи.

    PS. Курсы не панацея. Они разве что могут вас мотивировать тем, что вы заплатили деньги.
    Источником обучения должно быть ваше желание. Если оно есть, то вы и без курсов сможете развиваться. Однако у хороших курсах плюс в том, что информацию могут разжевать, если вы что-то не понимаете. Но я в основном учился по книжкам и получал советы на работе и т д. Хотя и на курсы ходил.
    Ответ написан
    4 комментария