Ответы пользователя по тегу Веб-разработка
  • Как в нерабочее время показать надпись, что мы не работаем и запретить отправку заказа (input type=submit)?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    // Дата сейчас
    const dateNow = Date.now();
    
    // Дата конца работы
    const dateEndWork = new Date('2021-11-11T08:31:15.400Z').getTime();
    
    // Сравнить
    if (dateNow > dateEndWork) {
    alert('Уже не работаем');
    }


    Не забыть сделать проверку у бекенда, т.к. с фронта можно и без вашего условия легко отправить запрос.
    Ответ написан
    Комментировать
  • Пример поворота 3D-изображения при прокрутке. Как реализован поворот изображения и какая используется технология?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Все эти фичи - это набор видео роликов. Нужно быть умалишенным, что бы делать всё это через картинки))

    Вот собсна парочка видосов из вашего примера:
    https://www.mercurymarine.com/static/img/stingray/...
    https://www.mercurymarine.com/static/img/stingray/...
    https://www.mercurymarine.com/static/img/stingray/...
    https://www.mercurymarine.com/static/img/stingray/...

    Суть достаточно простая, видео ролику можно задавать время кадра, т.е. перематывать(вот эт я капитан).
    От чего, мы можем благодаря html5 video api програмно указывать время, т.е. перематывать ролик программно. В данный момент, перемотка происходит на основе позиции скроллбара.
    Ответ написан
    2 комментария
  • Мне нужен сервис где бы я мог легко сохранять свои участки кода, для дальнейшего использования при надобности?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Использовать сниппеты в своём редакторе
    Ответ написан
    Комментировать
  • Какова практика создания мультидоменных сайтов?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Есть у меня 1 проект, написан на nuxt. У нас для каждого города свой поддомен по типу msk.mysite.ru и т.п.
    Отличия лишь 2, это цены и страница с контактами. Для НН она одна, для остальных доменов другая. Домены реализованы через nginx. Но, т.к. у нас по итогу, на серваке фронт и бек лежат вместе, то поддомен у обоих одинаковый. А значит запрос автоматом запросит нужные данные.

    Если у вас именно разные сборки для разных доменов. То делаете множество билдов для разных доменов. А nginx будет брать нужную и отображать.

    Делать разные сайты очень глупо. В случае, если домен у api один, а фронт живёт сам по себе на другом, достаточно просто посылать заголовок с городом бекенду, который сам должен рулить нужными данными.

    Есть в практике другие сайты, мультиязычные. Использовали i18n для превода интерфейса. Перевод хранится в json файлах, для нужной локали загружается нужный json. Так же, бекенду передаётся в заголовке с запросом текущая локаль, для того, что бы бекенд отдавал контент с нужным переводом.

    Всё просто.
    Ответ написан
    2 комментария
  • Как правильно разделить клиентскую и серверную часть?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    2 репозитория. Не зачем каждой стороне таскать за собой лишний груз.
    При выкатке на сервак можно хранить как раз в 2х папках, client и server.
    Ответ написан
    Комментировать
  • Какой язык подходит для крупных веб-проектов?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Да любой подойдёт, лишь бы умели на нём писать. Да и к тому же, супер пупер проекты не пишутся на 1м языке.
    Ответ написан
    Комментировать
  • Стоит ли натягивать Landing Page на Wordpress?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Сажайте смело и не парьтесь. ВП не такой и громоздкий и отлично решает свои задачи.
    Громоздким он станет, когда обрастёт огромным кол-вом плагинов.
    Ответ написан
    1 комментарий
  • Как определить тему ОС или браузера и отдать стиль сайта в соответствии с темой?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Определяйте по заголовкам и всё. В заголовках передаётся очень много данных о клиенте
    Ответ написан
    Комментировать
  • Как строить веб-приложение?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    - возможно отказаться от jquery, ищет альтернативу для селеторов
    - это на самом деле очень плохой подход в целом. Т.к. изменение вёрстки всегда будет влечь за собой и смену этих селекторов. В SPA это решается очень просто и никакие селекторы в привычном виде будут не нужны, лишь в определённых моментах. Vue даст для этого отличные абстракции для работы с DOM, в разы удобнее чем по старинке.

    возможно отказаться от xslt
    - это нужно сделать в сторону хотя бы привычного и простого, а так же мною и наверняка большинству любимого REST API.

    написать обертку над handlebars
    - Vue это тот же handlebars, но на стероидах. По сути, ваша же обёртка. Vue шаблоны как раз и вдохновлены работой handlebars.

    объясняет это все тем, что не хочет зависеть от фраемворков
    - это очень глупый тезис. Всё, что не пишется, пишется с использованием готовых решений. PHP как и js написаны на сях, и чё?
    С 0 пишут лишь те, у кого очень много денег, большие ресурсы, кто пишет своё ПО, где есть смысл не зависеть от сторонних решений. Но и даже такие компании используют SPA фреймворки. Это всё равно, что копать палкой, которую вы отломали от дерева, заточили об камень и копаете ей огород, когда вам говорят, вот тебе бесплатно лопата или трактор и вот тебе сообщество с кучей готовых решений. Фреймворки же во многом имеют функционал, который так или иначе постоянно, всеми используется в повседневной жизни. Так даже бизнес не работает. Всегда есть подрядчики, которые выполняют ваши заказы на получение нужных вам деталей и т.п.

    все на Nuxt + Vue, думаю получиться быстро
    - вы далеко то не прыгайте. А деплоить кто всё это будет? А кто будет настраивать vps? Он??? А если у вас SSR будет, кто будет писать настройки nginx для работы ноды? А проксирование запросов? Вы не обольщайтесь красивыми словами про SPA если не умеете их готовить. Новичку тут будет очень сложно. Если вы всего этого не умеете, не знаете, не можете, я могу понять ваше бекендера. Зачем ему этот гемор!

    Или подскажите как его переубедить
    - упёртого переубедить сложно, особенно, если я его лично то не знаю. Не всегда просто найти подход в таком положении вещей. Есть разрабы, которые застряли в 90х и им там хорошо.

    Убеждать как крута вон та свестелка или перделка глупо, убедите его в том, что он потеряет, если не воспользуется вашим подходом. Деньги, время, поддержка(спецов много, найти кого-то в будущем не составит проблем) и т.п.
    Хватит ли у вас яиц на это, тут сложно сказать, раз вы пришли с этим вопросом сюда!

    Может быть он и прав
    в целом, на мой взгляд, он не прав. SPA не панацея, использовать его всегда не нужно. Но судя по его древнему стеку, то тут SPA так и напрашивается. Но, опять же, кто платит, тот и девушку танцует. Если вы не сможете его убедить, лучше бросить этого заказчика и не парить себе мозги.
    Ответ написан
    4 комментария
  • Как разместить визуально элемента выше чем он в коде страницы?

    bootd
    @bootd Куратор тега HTML
    Гугли и ты откроешь врата знаний!
    отрицательный margin
    Ответ написан
    Комментировать
  • Как найти какой элемент дает бесконечную загрузку страницы?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Как вычислить?
    вкладка network, смотрим там на запросы, ищем те, что в ожидании. Так и поймёте. И заодно увидите размеры этих запросов, может картинки огромные, может шрифты, может скрипты, стили, или с чужих сайтов что-то грузится. Причин масса. Изучайте network
    Ответ написан
    Комментировать
  • Как увеличить время на таймере обратного отсчёта на сайте?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Ответ написан
    Комментировать
  • Когда SPA, а когда MPA?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Гуглил, читал, почти в каждой статье все упирается в SEO.
    это вообще тут не причём, юзаем SSR и всё.

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

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

    Выбором может быть просто любовь команды разрабов к тому или иному фреймворку/стеку. На мой взгляд, это тоже нормально. Пишут люди на React или бек на php yii2, с чего они должны взять и перейти на другой стек, когда пришёл новый заказ? Им удобно, им нравятся эти инструменты, процессы налажены, код стайл сформирован, готовые для их работы модули или сниппеты уже написаны, профит. Это единство кодовой базы, что позволит достаточно быстро перейти с одного проекта на другой, ведь везде будет одинаковый стек.

    Если это просто фриланс сайт на 1 раз, сверстал, натянул на вп(любую другую похожую CMS) и отдал(и т.п.), то тогда не нужны никакие SPA.
    А если у вас команда разработчиков, то на мой взгляд SPA подойдёт куда лучше.

    P.S. В нашей компании, мы 2.5 года назад полностью перешли на vue(nuxt.js) и не пожалели, выросло кпд и переход с одного проекта на другой стал гораздо проще. А старт новых проектов был отлажен, путём написания уже готовых модулей, которые были выделены в процессе написания прошлых проектов. Что позволило в конечном итоге снизить стоимость(пускай и не так много), но снизить время на написание одних и тех же модулей.
    Ответ написан
    Комментировать
  • Что думаете на счет no-code платформ?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    те же самые автоматизации, да и целые сервисы делают
    ну так а кто же написал это? Без кода и прогеров тут не обошлось

    например за 6 недель в Бостоне ребята подняли сервис для аренды жилья
    ну так если их было 2е, молодцы. Значит работали день и ночь. Если команда из 5-10 человек, ничего удивительного.
    А так же, а из чего этот сайт состоит? Каталог с квартирами и телефоном собственника? Много ума что ли нужно?
    Взять водпресс, взять готовый шаблон с каталогом, раз раз и всё.
    Взять какой нибудь yii2, laravel, symfony для бека. vue, react, angular для фронта, взять готовую библиотеку компонентов, нарисовать дизайн и вперёд. 2 чела на фронт, 2 на бек, 1 дизайнер - 6 недель, проект готов. Хоть магазин, хоть каталог, хоть для кота.

    а просто подпиливать инструменты под нужды клиента.
    ну есть вон CMS. Инструмент с возможностью допиливания под клиента.

    Сам постоянно писал код, с полного нуля
    т.е. вы не понимали почему писали код с нуля что бы ответить на этот вопрос? Может потому что под задачи проекта не подходили какие либо инструменты? Или наоборот, вы почему-то не стали их использовать.

    Я не совсем понимаю суть вопроса. Уделять время чему именно? Я не понял...
    Наверное вся разработка так или иначе состоит из уже готовых вещей. Чаще всего сайты - это набор из готовых инструментов. CMS, js библиотеки, готовые компоненты/плагины под эти же самые библиотеки, css фреймворки.

    Да, многие вещи сейчас можно делать путём конструкторов сайтов, сделать быренько лендос, пфф, делов то. А сделать в таком конструкторе интернет магазин уровня али, ибея, амазона..... Ага, щас... Пишем сами.
    Многие задачи такими "автоматизированными сервисами" можно покрыть с лёгкостью, для этого они и есть. А что-то реально сложное и большое, конечно нет.
    Ответ написан
    3 комментария
  • Что делает frontend разработчик кроме создание внешнего вида сайта?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Внешним видом как правило занимается верстальщик, frontend разработчик делает свистоперделки. Клики, вывод, обработка данных.
    Разрабатывать мобильные приложения не входит как таковое в обязанности frontend разработчика, но написать приложение на веб технологиях, как по мне, так тоже может входит в эти обязанности, но не все обязаны знать как, т.к. помимо js есть другие вещи, знание платформы, для которой пишешь, знать её api и т.п., но выучить не будет лишним.

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

    Игры в браузере тоже работа frontend разработчика, а с чего нет? В браузере? В браузере. На js? На js.
    Ответ написан
    Комментировать
  • Можно ли из Сео оптимизатора вырасти в веб разработчика?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Да какая разница, кем вы были или на данный момент являетесь. Переквалифицироваться может любой.
    У вас так вообще допинг. Вы работаете сеошником, вы знаете сайты, лазиете в код, что-то даже правите. У вас уже есть понимание платформы. Пока работаете, учите, делайте что-то на фрилансе.

    Заведите свой гит, делайте там свои проекты, читайте книжки, смотрите уроки на youtube, как поймёте, что готовы, не спешите, вы не готовы!!! Сделайте с 0 свой проект для кота сами, без кого либо. С 0 сверстайте, навешайте jquery плагинчиков, натяните на wp, выложите на хостинг, разместите проект в гите и потом можно идти на позицию джуна. Вопрос лишь какого, js джуна или php джуна. Лучше выберите что-то одно.
    Ответ написан
    Комментировать
  • Какие технологии использовать для реалтайма?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Какие технологии использовать для реалтайма?
    nodejs + socket.io хороший выбор, но сокеты и на php написать можно))) Зачем тут нода, раз весь бекенд на php? Поднял свой сокет сервер на php и всё, общайся с фронтом, обновляй и принимай данные.

    Если всё же добавить ноду, то:
    но как посылать данные из PHP в ноду?

    Точно так же, как и все запросы, слать данные на определённый адрес.

    Сделаете у ноды апишку с нужным адресом и пускай php шлёт на этот адрес данные, вроде де же всё просто, не?
    Типа localhost:3000/api/data - на такой адрес php будет слать данные в ноду, а нода уже всё обработает и что-то сделает
    Ответ написан
    2 комментария
  • Нужно ли делать блокировку юзера при входе с неверными данными?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Банить решать вам, но блокировать на пол минуты нужно.
    Ответ написан
    Комментировать
  • Сайт грузит оперативку или процессор, почему?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    У меня моментально загрузился, 2 минуты смотрел в диспетчер задач, но не увидел там каких либо аномалий!
    Вкладка с вашим сайтом занимает у меня 4-5% проца и около 150-160мб памяти. Что-то вы придумываете)). В фоне на сайте постоянно работают карта яндекса и его вебвизор, которые постоянно шлют запросы к своим серверам, что нормально, больше ничего такого я не заметил.
    Ответ написан
  • Обработка формы как в примере?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Форма отправляется через ajax. Расширение в url не показываются по разным причинам, либо бекенд так настроен, либо сервер так настроен
    Ответ написан
    Комментировать