Ответы пользователя по тегу Веб-разработка
  • Как отслеживать жесты на сайте?

    Kozack
    @Kozack
    Thinking about a11y
    Вполне можно. для этого есть API. На низком уровне, вы отслеживаете координаты начала касания, количество точек касания, координаты при перемещении пальца и координаты конца касания. А далее можете делать с этим что хотите.
    Ответ написан
    1 комментарий
  • Как работать с библиотеками если нужно внести изменения?

    Kozack
    @Kozack
    Thinking about a11y
    Если нет API, то делаете форк. Устанавливаете в проект свой форк. И пользуетесь. Ваша копия развивается не зависимо, npm будет подтягивать все ваши обновления.
    А потом можно будет смержить изменения из оригинальной библиотеке в вашу
    Ответ написан
    3 комментария
  • Как убрать сайт из поиска Google/yandex?

    Kozack
    @Kozack
    Thinking about a11y
    https://www.business2community.com/seo/how-to-prev...
    Установить правила для ботов и запретить индексировать страницы. + На сервере не отдавать страницу, если её запрашивает Бот
    Ответ написан
    1 комментарий
  • Как идентифицировать мобильный браузер Safari?

    Kozack
    @Kozack Куратор тега JavaScript
    Thinking about a11y
    if
      UA contain "safari"
      and
      UA not contain "Chrome"
    then
      // this is Safari
    Ответ написан
    Комментировать
  • Чем список возможных значений отличается от раскрывающегося списка?

    Kozack
    @Kozack Куратор тега HTML
    Thinking about a11y
    Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором


    Тег <datalist> Создает список вариантов, которые можно выбирать при наборе в текстовом поле.


    Другими словами <select> — это элемент интерфейса который использует набор данных.
    А <datalist> только описывает набор данных который может быть использовать в одном или в нескольких других элементах интерфейса
    Ответ написан
    Комментировать
  • Где можно найти звуковые эффекты для сайта?

    Kozack
    @Kozack
    Thinking about a11y
    https://www.tonedock.com/samplepacks/6
    https://www.soundsnap.com/tags/ui

    Но, только ж вы учитывайте, что все ваши аудио, должны загрузится прежде чем смогут воспроизвестись. А в случае с мобильным интернетом это может стать очень плохим UI решением.
    Ответ написан
  • Как эффективно познакомить новичка с проектом?

    Kozack
    @Kozack
    Thinking about a11y
    Вот по моему давать новичку задачи в разных частях всей экосистемы ужасная идея.
    Закрепите его за одной фичей/модулем/классом/компонентом во всей вашей экосистеме. Пусть выполняет узкоспециализированные задачи и занимается исключительно этим. Познее список его обязанностей можно плавно расширять на фичи/модули/классы/компоненты, которые непосредственно связаны с тем, с чем он уже знаком.

    Возможно зона его ответственности никогда не покроет весь проект, но это и не нужно.
    Ответ написан
    1 комментарий
  • Как подготовиться к собеседованию на Front-end разработчика???

    Kozack
    @Kozack
    Thinking about a11y
    Хватит ли знаний HTML, CSS, JavaScript, Git, SaSS, ReactJS (основы) для того чтобы попасть на работу в IT компанию

    Просто напишите в резюме чем владеете и на каком уровне. И ищите компанию которая готова взять вас с вашим уровнем. Есть полным полно компаний, готовых взять совсем зеленых разработчиков, за очень дешево. Просто ищите.
    Ответ написан
  • Какую cms для сайта лучше выбрать?

    Kozack
    @Kozack
    Thinking about a11y
    Изучите wordpress.com
    Если это примерно то что вы хотите, но возможностей вам мало — изучите их платный тариф, или поднимите свой сайт на wordpress
    Ответ написан
  • Лучший фреймворк для автопортала?

    Kozack
    @Kozack
    Thinking about a11y
    На самом деле фреймворк — любой. Только бы вы умели с ним работать. А дальше всё зависит от вас — как вы реализуете архитектуру, насколько она будет масштабируемая, на каком железе будет работать.
    Ответ написан
    Комментировать
  • Есть ли необходимость в MVC/MVP для маленького сайта?

    Kozack
    @Kozack
    Thinking about a11y
    Когда нужно начинать смотреть в сторону указанных паттернов?

    Когда вы как разработчик чувствуете в этом необходимость.
    Ответ написан
    Комментировать
  • Хочу заниматься веб-разработкой, с чего начать?

    Kozack
    @Kozack
    Thinking about a11y
    Что для этого нужно диктуют работодатели. Определите примерную ЗП которую хотите. Посмотрите список вакансий предлагающую её. Просмотрите их требования.

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

    Кто-то выполняет разработку сайтов под ключ на WordPress. Тут вам нужно помимо помимо знаний html, css понимать как работает ВП: Какой html он генерирует при выводе меню, в каком виде он создаёт виджеты, какие теги он генерирует сам, а какие должны прописать вы. И т. д.

    У кого-то может быть один крупный корпоративный сайт. Тут вам пригодятся другие навыки.

    для этой сферы необходимо: html, css, botstrap. flexbox, grid, sass,javascript, jQuery, ES6, React.js, git

    Еееее ... нет.
    • html, css — Основные технологии для верстки.
    • flexbox, grid — отдельные свойства стилей. Должны изучаться вместе со всем остальным css.
    • javascript — Будет большим плюсом для верстки.
    • ES6 — Спецификация javascript. Должна изучаться вместе со всем остальным javascript. Это если вы хотите более серьёзно расти в этом направлении.
    • git — Будет полезен лично вам и не плохим плюсом в резюме при работе над большими проектами. При конвеерной верстке лендингов этого от вас навряд кто-то будет требовать.
    • botstrap — Набор готовых стилей. Требуется не всегда и не везде.
    • jQuery — Абстракция над скриптами. Требуется не всегда и не везде.
    • sass — Препроцессор. Альтернатива css. Требуется не всегда и не везде.
    • React.js — javascript Фреймворк. Требуется не всегда и не везде.


    Стоит ли задумываться о платных курсах

    Если видите, что того что есть в интернете вам не хватает — да. Если понимаете что без наставника у которого можна переспросить или попросить объяснить какой-то момент вы не справляетесь — да.

    За сколько я могу освоить эту отрасль для того, чтобы найти работу и развиваться дальше?

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

    задумалась о фрилансе

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

    или дистанционной работе, это реально, или лучше сперва работать на компанию

    Всё зависит от специфики компании. Как вам будет удобнее. Но если хотите развивать навыки коммуникации я бы не брал удалёнку.

    UPD.
    По личному опыту добавлю, что обучение само по себе это хорошо. Но не очень полезно. Но вот обучение в рамках решения каких-то задач — куда лучше.
    Это как с советами — он должен быть к месту. Если я просто расскажу вам что есть метод Element.scrollIntoViewIfNeeded() то скорее всего вы забудете о нем через пару дней. Но вот изучив его пытаясь найти решение какой-то проблемы — запомните о нем надолго.

    Так, что лучше всего найти какую-то работу и развиваться в рамках поставленных задач. Когда поймёте, что перестали расти — меняйте работу. У вас уже будет какой-то опыт и портфолио.

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

    Kozack
    @Kozack
    Thinking about a11y
    1. Выполнять проверку картинки на клиенте. Чтобы предотвратить заведомо некорректные запросы.
    2. Отправляем картинку на сервер. Сохранить её в временный каталог. Проверить размеры.
    3. Если размеры ок — перемещаем в постоянный каталог. Создаём запись в БД. Возвращаем на клиент ответ 200.
    4. Иначе, удаляем временный файл и возвращаем на клиент ошибку.
    5. На клиенте отображаем результат.
    Ответ написан
    Комментировать
  • На чем верстать сайты?

    Kozack
    @Kozack
    Thinking about a11y
    Veritas23, Со всей ответственностью заявляю — WordPress не медленный. Но в кривых руках и голый html будет работать через жопу.

    Если вы имели в виду именно верстку — HTML. Других вариантов тут нет.

    Если вы имели в виду "создание сайта" — юзайте WP (если конечно с ним знакомы). Иначе — любой стек технологий. В вашем случае абсолютно не важно что вы выберете. Просто используйте что нравится.
    Ответ написан
    1 комментарий
  • Как сделать разное количество контента в адаптиве?

    Kozack
    @Kozack
    Thinking about a11y
    Как и написали вам в комментариях: адаптивный дизайн, подразумевает изменение способа отображения контента, чтобы он был удобно доступен на разных форм факторах. Но не подразумевает изменение самого контента.

    И если вам попадётся такой заказ — убеждайте дизайнера что он не прав.

    Тем не менее, ситуации бывают всякие, и ваш случай не совсем типичный. Я быреализовал следующим образом:
    1. Обратится к серверу, загрузить информацию для сколько то карточек, скажем для 10.
    2. Посмотреть на ширину экран.
    3. Вывести 2 или 3 карточки в зивисимости от формфактора. Остальное оставить в памяти.
    4. По клику на "загрузить еще" достаём ещё 2-3 карточки из памяти и отображаем.
    5. Если карточки в памяти кончаются — сделать запрос на сервер и загрузить ещё 10.
    Ответ написан
  • Как правильно сделать корзину на сайте?

    Kozack
    @Kozack
    Thinking about a11y
    Массив объектов. ИД товара, количество. По желанию можно добавлять доп инфу, типа названия, картинки, чтобы не грузить с сервера лишний раз
    Ответ написан
    Комментировать
  • Можно ли задать высоту для бордера?

    Kozack
    @Kozack Куратор тега CSS
    Thinking about a11y
    Эм, так а в чем вопрос?
    Используйте тот же border-left-width: 10px или border-left: 10px solid #000
    Ответ написан
    5 комментариев