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

    neuotq
    @neuotq
    Прокрастинация
    0. Tailwind CSS хоть и предлагает определенный UI прям в ваниле из коробки, но не навязывает его. Те формально мы можете верстать любой дизайн, легче конечно чтобы ложился на сетку по умолчанию, но и это не проблема.
    1. Изучите инструмент Figma, начать там просто есть много видео/блогов на эту тему.
    2.а Найдите разные готовые ui библиотеки или даже целые готовые дизайны и начинайте верстать.
    2.б Если прям хочется UI элементы взгляните на этот https://www.figma.com/community/file/7688090277999... , но помните не ограничиваете себя им, спокойно используйте и его и рисуйте своё. Просто изучите стандартную сетку/падинги/марлджины и тп чтобы потом меньше тюнить сам Tauilwind нужно было, хотя это тоже полезный навык.
    Ответ написан
  • Почему анимации работают неправильно?

    neuotq
    @neuotq
    Прокрастинация
    WOW.js - после инициализации ищет элементы на страницы с классом 'wow' и применяет к ним анимацию появления. По умолчанию все с wow скрыты. А с помощью классов из animate.css вы сможете дополнительно указать тип анимации при появлении элемента.
    Те в самом теле html файла, добавить элемент:
    <div class="wow" >
    Привет
    </div>

    После этого он будет не видим, пока пользователь не доскроллит до него.
    Ответ написан
  • Граница между front-end и back-end?

    neuotq
    @neuotq
    Прокрастинация
    Чтобы там не говорили, бэкэнд может оставаться полностью черным ящиком только для верстальщика, ито с оговорками.
    Фроентэнд разработчик, даже с джун уровня, уже активно работает с получением отправкой данных, интерактивными интерфейсами и тп. Понимать как и почему некоторые штуки там работают нужно. Хорошо даже уметь быстро что-то простое сделать. Я не говорю становится фулстеком в полном смысле этого слова, НО. По хорошему: фронтендер мидл и выше уровня можно с натяжкой назвать фулстеком, просто с большим перекосом на фронт часть.
    Просто даже серверлесс направление, заставляет в той или иной степени понимать процессы происходящие на той стороне.
    Ну и в любом случае, в случае активной практики и развития, вы сами столкнётесь с тем, что иногда нужно даже лезть и писать какие-либо свои простые скрипты.
    Отмечу отдельно, это не значит что нужно с головой падать, пытаться стать фулстеком. знать всё и тп. Нет, я имею ввиду что понимание работы бекенда, а значит и умение делать некоторые вещи, должны будут и прийдут при активной работе и роста вас как специалиста.
    Это же касается тех же софт скилз и менеджерских умений.
    Ответ написан
    1 комментарий
  • Как нужно искать open source проекты для дальнейшего участия в них?

    neuotq
    @neuotq
    Прокрастинация
    Лично я советую два источника:
    https://www.codetriage.com/ - специальный сервис который позволяет удобно структурировать опенсурс проекты по issue и языкам, и выбрать для начала работы.
    https://cultofmartians.com/ - интересный проект, приглашение к участию от одной из самых крутых команд в рунете. Ставят задачи, потом есть шанс и подружится с ними ближе.
    Ответ написан
    Комментировать
  • Что выложить на Github junior frontender?

    neuotq
    @neuotq
    Прокрастинация
    github это круто, но смотреть/изучать его никто не будет. Поэтому не важно что туда выкладывать, просто покажи что умеешь им пользоваться, знаешь имеешь понятие о git в целом.
    А так лучше показывай готовый живые сайты или собранные тобой клевые штуки на https://codepen.io/ .
    ну а в целом, главное для джуна это умение и ЖЕЛАНИЕ учиться. Именно эти параметры важны человеку который тебе будет курировать или вести после найма.
    Ответ написан
    1 комментарий
  • Какой плагин либо препроцессор html использовать для сборки верстки из блоков?

    neuotq
    @neuotq
    Прокрастинация
    В самом простом случае тебе нужен nunjucks.
    А так можешь использовать сборку типа blendid, там уже есть nunjucks, есть browsersync так что можно быстро и удобно верстать.
    У blendid только в Винде небольшой баг(хотя это не у него, а у gulp/yarn), поэтому в package.json можно добавить:
    ,
       "scripts": {
        "start": "yarn run blendid",
        "build": "./node_modules/.bin/blendid -- build"
      }

    Ну и тогда yarn start запустит сервер разработки(browsersync), а yarn run build соберет проект.
    Ну и да для всей движухи нужно установить ноду и сам yarn
    Ответ написан
    3 комментария
  • Кто какой шаблонизатор использует для верстки?

    neuotq
    @neuotq
    Прокрастинация
    Если нужно просто сверстать, без всякой возни с бекэндом и прочим, то один из самых легких путей использовать использовать Blendid.
    Там из коробки будет готовый и удобный минимум инструментов чтобы на выходе вышел полноценный статический сайт.
    Если разрабатываешь на windows, там есть небольшой баг(на самом деле не у него, а скорее yarn и или gulp) и запускать нужно будет напрямую бинарник blendid: "C:\blahblah\node_modules\.bin\blendid ну и соотвественно с коммандами: "C:\blahblah\node_modules\.bin\blendid init или "C:\blahblah\node_modules\.bin\blendid build.
    В качестве непосредственного шаблонизатора использует nunjucks, browsersync присутствует и работает как надо.
    Короче говоря штука удобная, если нужно просто поверстать.
    Ответ написан
    Комментировать