Ответы пользователя по тегу CSS
  • Как организован workflow фронтенд разработчика?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Вы очень часто должны будете вписываться в архитектуру заказчика/работодателя, вы строго говоря и не должны решать архитектурные вопросы проекта.
    Какая файловая структура должна быть, по какой методологии верстать, как это все использовать в связки с препроцессорами и шаблонизаторами

    вот это все от проекта к проекту отличается, если вы даже код фронтенда не пишите, то Вы ничего не решаете).
    Но у вас должен быть какой-то дефолт. Например, bem/bem-like, scss, autoprefixer, какой-то дефолт адаптивности. Если вам дают набор psd, то логично разделяете файлы по этой структуре, чтобы фронтендер все оперативно внедрил.
    Где можно посмотреть на уже готовые проекты, вернее на файловую структуру?

    весь гитхаб завален фронтендом
    можешь на лофтблог посмотреть

    не рекомендую
    Приходите бесплатно поработать, я Вам выдам нетривиальный шаблон, а Вы попробуйте его сдать как заказчику, в качестве эксперимента.
    Ответ написан
  • Что должен знать и уметь front-end разработчик?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Какие требования выдвигают к front-end'ерам?

    1. Общие навыки программирования
    2. Не заниматься дизайном
    3. Остальное гуглится
    Ответ написан
  • Правильно ли я расставляю приоритеты в развитии?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Вёрстку хочу повысить на уровень выше, кодинг изучать(что именно писал выше), английский на UpWork'e must have, но выкручиваюсь как могу.

    Интересно, что значит верстку на уровень выше (не считая инструментов) ?
    Выберите текущий приоритет в использовании времени обучения: интерфейсы или программирование.
    При выборе программирования, надо четко осознавать, что будете конкурировать с людьми с профильным образованием, и вообще без базы сложно (судя по посту, ее нет). Поэтому надо изучить основы CS: базовые алгоритмы, структуры данных, основы ЯП и тп.
    После этого язык javascript и native JS. Потом немного об архитектуре (модульность, паттерны). После этого берите фреймворки.
    какой проект можно сделать, что бы повысить и верстку и кодинг?

    Любой известный сервис берите и делайте копию клиента. Но в этом мало смысла без прохождения этапов (выше).
    Ответ написан
    Комментировать
  • Как быстро верстать (нужен совет как быть дальше)?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Есть вариант отложить верстку в сторону и заняться программированием.
    Ответ написан
  • Как организовать план дальнейшего развития front-end разработчика?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Несмотря на подробное описание, текст не описывает опыт (возможно, работодателям тоже). Я думаю дело не в том, что вам необходимо срочно осваивать что-то новое и якобы более востребованное, а в том что имеется сочетание непрофильного образования и недостатка проектов в портфолио/опыте.
    Откуда например такие точные оценки:
    angular (процентов на 80), backbone (~80), react (~70)

    80% - это как? за этим может крыться отсутствие участия в разработке больших проектов на данных фреймворках.
    Может кто-то мне подскажет, что сейчас действительно востребовано на рынке

    в целом angular2/1, react - достаточно в тренде, в вашем случае может не хватать базы, может быть стоит заняться native/HTMl5 api

    P.S. отвечаю в скайпе на вопросы (вечером),контакты в профиле
    Ответ написан
    Комментировать
  • Какие инструменты сейчас в арсенале у верстальщика/front-end разработчика?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Конфиг gulp/grunt/webpack прописываете самостоятельно, т.к. это зависит от потребностей проекта. Можете, конечно. найти какой-нибудь yo генератор, он вам сгенерирует шаблон ( например).
    Нет такого инструмента что в пакет-листе прописал, оно автоматом и в грант ушло и к странице подцепилось?

    ну кто знает, что вам нужно упаковывать и как
    Из стандартного набора могут быть sass/less, postcss, concat, uglify, imagemin и тп
    Ответ написан
    Комментировать
  • Какие технологии и трюки использовались для создания фронтенда главной страницы pochta.ru?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Это модное сочетание React, jQuery и jQuery-плагинов.
    Ответ написан
    Комментировать
  • Почему нельзя сделать удобно?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Почему нельзя сделать такую штуку, что прилюбом уменьшении/увеличении окна браузера элементы на сайте в зависимости от этого пропорционально увеличивались бы или уменьшались.

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

    @Elizavetta
    Matroid: gamedev/js-разработка
    Если говорить про сайты, от верстальщиков также ждут умение применять CSS-анимации и SVG.
    Ответ написан
    Комментировать
  • Существует ли краткое древовидное руководство по вёрстке?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Вам не нужно ничего учить и собирать шпаргалки. Загрузите себя задачами, основные моменты быстро отложатся в памяти: позиционирование, центрирование и тп, остальное и в принципе запоминать не стоит, в процессе работы все равно будет много гугла.
    Для оценки трудозатрат на макет гораздо важнее требования адаптивности, число платформ, интерактив (CSS-анимации, svg ). Расположение элементов не является основной работой.
    Ответ написан
    Комментировать
  • Стоит ли уходить с фрилансорской конторки?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Насколько Вы описали, данная "работа" не требует присутствия, а первые проекты все равно придется делать бесплатно, для портфолио. Посмотрите, какой от них пойдет фидбек, по мере выполнения задач, также по мере приобретения опыта ищите проекты удаленно.
    Ответ написан
    Комментировать
  • Верстка -> Frontend -> Full Stack developer - какой оптимальный путь развития?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Вам нужен ментор, можете мне написать.
    Хочу развиваться в торону бекенда, но хочу Backbone/Angular/React ? Тут надо, конечно, определиться, и насчет ваших представлений о том, чем занимается fullstack.
    P.S. Спрос на фуллстек резко возрастает, когда кризис, и надо очень жестко экономить на зарплатах)
    Ответ написан
  • Какие инструменты для верстки адаптивного дизайна вы используете, и почему? Направите в нужную сторону?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Никакой разницы нет, вы можете использовать, что угодно, например
    1. набор своих гридов
    3. выбирать под каждый проект нужную порцию бутстрапа
    4. susy
    5. grid960
    Возможна ли верстать практически pixelperfect ? Например использовать 24 колонки

    Bootstrap никак не мешает pixel-perfect'у, правда целесообразность его при этом снижается
    Ответ написан
    5 комментариев
  • Под какие версии браузеров стоит ориентироваться при верстке на 2015 год?

    @Elizavetta
    Matroid: gamedev/js-разработка
    В 2015 еще нужно сверять версии, в 2016 можно готовиться к evergreen, в основном потребуется только поддержка основных платформ последних версий.
    Что такое evergreen браузеры
    Ответ написан
    3 комментария
  • Несколько вопросов по работе, что посоветуете?

    @Elizavetta
    Matroid: gamedev/js-разработка
    1. Вы не занимались фронтендом 5 лет, занимали сео/маркетингом. Да, это может показаться странным, что с ИТ-специальностью сразу не программировали, но всякое бывает
    2. К своим проектам работодатели относятся адекватно только к тем, которые денег не приносят. Например, набор маленьких бесполезных приложений в Google Play, без аудитории - отлично. Вы можете выложить шаблон как демку.
    3. можете писать, что знаете
    4. Освойте 2 технологии, работа с релокейтом часто в смежных областях.
    5. возвращайтесь к проверкам понимания периодически, либо изучайте непосредственно решения, с которыми работаете. не нужно специально читать код библиотек, которые к вашим проектам не относятся
    Ответ написан
    Комментировать
  • Используете ли вы PSD макеты в верстке?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Если вы работаете в качестве верстальщика, то ваша работа и есть преобразование макета в psd в код.
    Если верстальщик на проекте отсутствует, фронтендер может попросить/потребовать нарезать макеты, зависит от процесса.
    2. Сгенерированный CSS редко подойдет, так как в реальном проекте вам надо придерживаться своих css-гайдов, а также избегать избыточного css/
    3. Макеты делают в ps или sketch.
    Ответ написан
    Комментировать
  • На что нужно обратить внимание верстальщику?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Я тут уже не раз это писала, но определитесь для начала, хотите ли программировать.
    Если жестко решили на уровне интерфейсов оставаться, то да, все выше написали, - отказаться от бутсрапа, препроцессоры, шаблонизаторы, css-методологии, и без программирования где-то здесь потолок. Тогда может быть стоит проектированием интерфейсов заняться далее.
    Если решили программировать, не думайте что сможете, изучив основы Angular, быть вполне себе фронтендером, тогда классическим образом рекомендую алгоритмы, язык JS, native и тд
    Ответ написан
  • Стоит ли front-end разработчику владеть веб дизайном?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Если крепко встали на путь фриланса, возможно, стоит освоить.
    Но это также приведет к тому, что устроиться на отдельные позиции фронтенд, либо дизайн будет на порядок сложнее. Совмещение актуально только в фрилансе, в профильных компаниях же вы будете выглядеть человеком, который тратит половину рабочего времени на непрофильные навыки, не следит за актуальными технологиями, либо с пробелами в дизайне, без достаточного портфолио.
    Ответ написан
    Комментировать
  • Какой порядок технологий правильный?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Вот эта цепочка

    html-css-jade-stylus-emmet-js-git-gulp-bower-ruby/python/php
    - что-то в ней не то, человек переходит на бэкенд, а где он научился программировать, не ясно ...

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

    1. учитесь программировать на любом языке (C/C++ ок), устраняете базовые пробелы в математике/CS, если есть,
    изучаете алгоритмы/структуры данных. Полгода раз в неделю можно писать контесты codeforces.com, там кстати Javascript поддерживается, можно прямо на JS писать, можно языки чередовать
    Подняв навык кодинга и решения задач, выбираете специализацию, в данном случае JS
    2. Изучаете язык Javascript, его особенности, тонкости, и нативный Javascript, в том числе среду исполнения-браузеры, можно по javascript.ru
    3. Изучаете лэйауты и CSS на уровне понимания как оно работает, но не более, разбираетесь в структурировании, модульности, методологии CSS, можно BEM и тп
    4. изучаете возможности HTML5, спецификации последние обновления, пишете какое-нибудь HTML5-приложение на native JS
    5. где-то в промежутке инструменты разработки, билда
    6. jQuery на уровне понимания, как все работает
    7. переходите собственно к современным фреймворкам, специализируетесь на чем-то
    Ответ написан
    Комментировать
  • Из верстальщика во фронт-ендера, какие технологии изучать в дальнейшем?

    @Elizavetta
    Matroid: gamedev/js-разработка
    План действий сильно зависит от текущих навыков программирования (любых, не js)

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