Ответы пользователя по тегу Фронтенд
  • Как сверстать такой блок?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Кто сетку рисовал?
    Если она нарисована правильно, то все стандартно. только фоновая картинка по правому краю.
    Если
    Получается одна часть по сетке, а другая то есть правая не по сетке.

    то видимо не верно сетка нарисована, тогда это обычный контейнер, как у того же bootstrap, отступы и размеры которого завязаны через медиазапросы на размер экрана. Только у bs отступы слева и справа, а у вас только слева. Но тогда на рисунке сетка не верно нарисована.
    Повторюсь нарисована обычная сетка, ничего необычного.
    Ответ написан
  • Отслеживание выделения текста в vue js?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Vue тут не при чем, тут вопрос к js и он уже поднимался: Событие выделения текста в div с contenteditable?
    Ответ написан
  • Задачи frontend разработчика?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Но я просто из интереса смотрел.

    Я проходил мимо курсов вождения и заглядывал в окно, дайте мне права

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

    Тогда зачем?

    да и было это на yii2

    а что не так с yii2?

    Если есть желание, напишите краткий план, что нужно, а на что можно не тратить время,

    Вы вначале определитесь кем хотите быть, потом загуглите, таких списков просто тьма в интернете.
    Ответ написан
    Комментировать
  • Нормально ли использовать webpack и gulp?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    webpack в первую очередь для js, в то время как сбор и манипуляции с css, less и т.д. Проще в делать с gulp. Так чо вполне возможно, что где-то удобно использовать оба, где-то только один, где-то только второй.
    Возможно если есть черный пояс по webpack, можно использовать только его везде, но у меня ощущение что все что не про js в нем через жо.у (через 45 плагинов). Так что юзаю gulp + webpack.
    Ответ написан
    2 комментария
  • Как правильно добавлять в карусель через админку wordpress слайды?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    У Вас есть готовый front, задача cms его воссоздать, ей все равно как осуществляется навигация, она просто генерит html и подключает js, который у Вас уже есть. Сами слайды при этом выводятся в цикле. Данные берутся из базы.
    Ответ написан
    Комментировать
  • Как бэкендеру взаимодействовать с фронтером?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Во-первых, я на win, фронтер на mac

    а сервер на linux и что?

    Во-вторых, фронтер что-то там верстает, шлет мне, я переделываю его html'ки для вывода каких-то данных, списков и т.д.. А дальше я заливаю на тестовый сервер для предпросмотра получившегося менеджерами.
    Но фронтеру приходится вносить правки (разумеется) и мне он шлет снова эти html и мне снова приходится ковырять их и прописывать тот же код в них по новой.

    github или gitlab Вам в помощь

    и мне снова приходится ковырять их и прописывать тот же код в них по новой

    1. нормальные IDE могут сравнивать файлы между собой или даже с содержимым буфера обмена.
    2. если без git то видимо после вставки php в присылаемый шаблон, Вы ему (верстальщику) шлете обратно уже результат Вашей работы, что бы он вносил правки уже туда.
    Ответ написан
    Комментировать
  • Какой js плагин использовать для этого слайдера?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    любой, который поддерживает возможность показа больше 1 слайда, например:
    kenwheeler.github.io/slick
    https://owlcarousel2.github.io/OwlCarousel2/
    Ответ написан
  • Как сделать ширину верхнего блока в зависимости от контента?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Добавить ему
    display: inline;
    Ответ написан
    Комментировать
  • Возможно ли создать сайт " поиск авиабилетов " на Vue или ...?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    возможно ли создать сайт авиабилетов на Vue

    vue - это один из инструментов в этой задаче. Тут вероятно понадобится api на backend на каком-нибудь yii2(3) или laravel. Понадобятся уверенные знания html, css, js, npm, webpack, composer.
    А vue будет решать лишь часть задач.

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

    В случае с авиабилетами прийдется видимо еще ознакомится с api сервисов, которые дают данные. Понять что такое json и/или xml. Вероятно не обойдется без ajax.
    Я бы сказал, что это самый плохой вариант для изучения чего-то. Так как он весьма не прост и требует опыта и стека достаточно серьезного. Тренироваться лучше на "кошках" ))))
    Ответ написан
    Комментировать
  • Каким образом лучше всего сделать динамическую карту?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Думаю это явно svg или canvas. Я бы взял любую библиотеку для morth-инга svg (анимация трансформации path) и хранил эти path в json подставляя при перемещении ползунка.
    Библиотек таких валом:
    https://yandex.ru/search/?text=svg%20morph&clid=22...
    Если только под эту задачу, я бы выбрал:
    alexk111.github.io/SVG-Morpheus
    она маленькая и простая для освоения. d3js - как предложил Stalker_RED тоже подойдет, но это слишком тяжелое и сложное решение для данной задачи (500kb против 22kb). Есть смысл если кроме этого будут использованы и другие ее возможности.
    Ответ написан
    Комментировать
  • Существует ли сборник типчных задач для front-end разработки?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Я думаю, что всегда можно выделить пару десятков задач, которые любой фронтендер решает изо дня в день

    Конечно можно, их давно выделили (tab-ы, navbar, modal, сетка и т.д.), поэтому появились css framework-и, которые по сути и есть сборники таких задач, при чем с решениями. Окрываете и разбираетесь как там что реализовано.
    Ответ написан
    1 комментарий
  • Как правильней сверстать такую фигуру?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    1 большая картинка
    или
    2 карnинки одинаковой высоты, растянутые на фоне на 100vh
    Ответ написан
    Комментировать
  • Как правильно организовать фильтры на сайте?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    В wp вы замахаетесь это делать. Надо делать cms отдельно под этот проект или взять готовую cms, для турагентств. Не пытайтесь из табуретки сделать светильник. Ни в коем случае не хочу обидеть wp, он просто не подходит для этой задачи совершенно.
    Ответ написан
    4 комментария
  • Хороший пошаговый туториал объясняющий современный фронтенд?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Но в нем не раcсказывается зачем нужны task runners, package manager, module loader/bundler

    А еще в нем не рассказывается, что 2+2=4, что такое html и т.д. Это Вас не смущает? В чем проблема зайти на страницу какого-нибудь gulp и почитать зачем он нужен? Смысл автору копипастить? Или Вы ищите статью содержащую все? Так поисковые системы таковыми являются.
    Ответ написан
    Комментировать
  • Что такое безсерверная обработка данных?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    безсерверная обработка данных - это плохой термин, возможно плох в переводе на русский. Суть в том, что вы не занимаетесь серверной разработкой, а юзаете разные api. так что сервер тут есть в любом случае, просто Вы не заморачиваетесь его обслуживанием и вообще не имеете е нему доступ, кроме как по api.
    Например, сохранение картинки, классически Вы пишите скрипт на сервере, а в разрезе "бессерверной обработки данных" Вы кидаете post запрос с токеном, на какой-то облачный сервис и получаете в ответ ссылку на фото. Вы понятия не имеете как она там сохранилась и т.д.
    Подробнее тут: https://habrahabr.ru/company/it-grad/blog/309026/
    Ответ написан
    Комментировать
  • Каков уровень разработчика по данному тесту?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Есть вопросы сложные для начинающего. Так что я бы сказал, что при 80-90% правильных ответов, можно было бы утверждать, что человек уверенный middle. А вот провести конкретный раздел сложно, так как надо смотреть ответы на какие именно вопросы не верные. Например "What do you think of AMD vs CommonJS?" - вряд ли джун имеет понятие о смысле вопроса в принципе.
    Мне кажется там явно не хватает вопросов по git, canvas и сборщикам типа gulp.
    Но вообще тесты это очень относительная вещь. Очень приблизительно все покажет. Ибо важна же еще и скорость разработки, а не только теоретические знания.
    Ответ написан
    1 комментарий
  • В каких форматах видео на сайте работает в Safari?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    https://developer.mozilla.org/ru/docs/Web/HTML/Под...
    цитата:
    The MP4 container format with the H.264 video codec and the AAC audio codec is natively supported by desktop/mobile Internet Explorer, Safari and Chrome, but Chromium and Opera do not support the format. IE and Chrome also support the MP3 audio codec in the MP4 container, but Safari does not.

    Так что скорее всего дело в кодеке. mp4 - это контейнер, смотрите, что там реально внутри, для сайта там желательно иметь именно H.264 + AAC, а у Вас там видимо что-то принципиально другое
    Ответ написан
    3 комментария
  • Какой ноутбук выбрать с бюджетом ~1000$?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Выбираю из 2ух брендов — Asus и DELL

    я бы оставил только dell, так как asus это тот же acer только в профиль

    ну и HDD (Как минимум возможность его доустановить в дальнейшем)

    Практически на любой ноут где есть cd можно поставить, вместо него ssd ( https://rozetka.com.ua/grand_x_adapter_hdd_2_5_hdc... ). Для этого продаются специальные адаптеры, так что я бы брал ноут с hdd - так как дешевле и так как в характеристиках ноута не пишут, что именно за ssd там стоит, обычно что-то самое дешевое. Поэтому берем ноут с hdd, потом выкидываем cd и ставим туда ssd приемлемого качества и объема.

    Не понимаю, нужно мне видео, или внутренней Intel graphics хватит.

    Смотря для чего Вам ноут? Если ответ не очевиден, я бы на всякий случай брал с дискретной видеокартой.

    П.С. Для работы с win10 надо иметь ssd ибо постоянно грузит hdd по полной.
    Сложно советовать ноутбук не понимая ка он будет использоваться. Но если взять усредненно, как бы "готов на все", то могу порекомендовать
    https://www.dns-shop.ru/product/52e769e8f9983330/1... добавите туда ssd и будет отлично.
    Если планируете играть - https://www.dns-shop.ru/product/47bfa3b1dd203330/1... ибо GeForce GTX 1050 Ti дает солидное преимущество по сравнению с Radeon R5хх
    Ответ написан
    Комментировать
  • Почему структура сайта у всех разная?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    А почему вся бытовая техника имеет разные формы? Неужели не проще сделать стандарт, например ящик 2м х 2м х 2м?
    Как-то так Ваш вопрос звучит.
    Сайт можно реализовать тысячами способов. Любая структура папок имеет за собой какой-то смысл. Зачем ограничивать разработчика структурой? Смысл?
    Представьте что у Вас в винде 4 папки и создавать новые нельзя. Удобно будет работать?
    Ответ написан
    Комментировать
  • Легко изменяемые цены без cms на сайте, возможно?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Хранить цены в массиве
    Хранить в текстовом файл
    Хранить в csv
    А далее или формировать html с помощью php подставляя цены или отдельно сделать php файл к которому посылать ajax запрос, получать json c ценами и расставлять, например цепляясь за data атрибут в котором хранить id товара
    Ответ написан
    Комментировать