• Достаточно ли созрел Vue?

    landen13
    @landen13
    frontend-developer
    Ничто не мешает сделать Vue обертку над jQuery планином. В официальной документации есть пример с select2.

    Таблицы с сортировкой делаются очень просто, есть куча примеров.
    Есть отличный кастомный селект - vue-multiselect.
    С этим не сталкивался, но думаю нагуглить не составит труда.

    Насчет созрел или нет: ДА, СОЗРЕЛ. Уже вышла версия 2.3, официальные плагины vue-router и vuex также стабильны, есть отличная документация и туториалы. Может конечно возникнуть проблема с поиском каких-либо конкретных компонентов, и к этому нужно быть готовым. Со временем их кол-во и качество будет расти.
    Ответ написан
    Комментировать
  • Вопрос верстальщикам. Как вы так быстро верстаете и не умираете от скуки?

    @elov4anin
    Frontend developer
    1 Ипользуете БЕМ блоки - заметно ускорят верстку, благодаре реиспользуемости.
    2 Разберитесь с перепроцессорами CSS - less, sass, stylus. Я остановился на пока на стайлус. Миксины, работа с переменными и цветами. чем то напомнит программирование и так же поможет в скорости верстки и поддержке проектов.
    3. Освойте emmet или pug(jade). Тут дело вкуса, тоже ускорят процесс верстки.
    4. Используйет технику помидоро - поработали 20-30 минут - перерыв 5-10. Так раза 2 а потом можно и большой. Но это не каждому заходит, но помогает сконцетрироваться на задаче.
    5. Сброщики проектов gulp/grunt/webpack - автоматизируют рутину. Тут нет предела для творчества
    6. Изучите JS, - будет не скучно))))
    Ответ написан
    1 комментарий
  • Какой выбрать nodejs Framework?

    @YAZART
    Так это же только обертка графическая, что там красть то? как вы запрашиваете данные? Ну так это можно и так посмотреть куда приложение обращается формат запроса/ответа и взять все данные, electron/nwjs/(любой толстый клиент или браузер) неважно. Какой нибудь fiddler покажет все.
    а в коде подключение к бд и всё, плакал мой проект, который снесет первоклашка.

    ну так не подключайтесь на прямую к бд а все делайте через API своего сервера.
    Ответ написан
    Комментировать
  • Что выбрать, слайдер на чистом CSS или с использованием JS?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Что выбрать, слайдер на чистом CSS или с использованием JS?

    Ответьте на следующие вопросы и ответ придет сам собой:
    • Можете ли вы в слайдере на чистом CSS сделать поддержку touch-устройств (свайпы)?
    • Можете ли вы в слайдере на чистом CSS сделать поддержку клавиатуры (фокус на весь слайдер и переключение слайдов стрелками)?
    • Можете ли вы в слайдере на чистом CSS адекватно останавливать его на hover, чтобы юзер мог прочитать написанное на слайде?
    • Можете ли вы в слайдере на чистом CSS легко добавить или убрать слайд, не сломав все остальное?


    P.S.: Как человек, создающий всякое на чистом (и не очень) CSS, понимаю ваше стремление, но продукт делается в первую очередь для пользователей.
    Ответ написан
    Комментировать
  • Когда стоит использовать js фреймворки?

    dom1n1k
    @dom1n1k
    Когда между элементами интерфейса много сложных взаимосвязей.
    Если веб-интерфейс можно разделить на простые слабосвязанные кирпичи по типу "нажал кнопку - панелька развернулась, нажал ещё раз - свернулась, и ей чихать, что творится во всех прочих элементах" - фреймворк не нужен.
    Если же между ними есть связи в духе "если я нажал эту кнопку, то нужно посмотреть состояние того чекбокса и если он true, то сделать A и B, если false, то X, Y и Z, а потом ещё в соседнем списке что-то отфильтровать и по результатам, возможно, некоторые элементы задизейблить" - никуда не денешься. С ростом количества таких связей объем кода и всяческих проверок растёт экспоненциально, всё запутывается в гордиев узел.
    Ответ написан
    Комментировать
  • Как влиться в тренд нынешней веб-разработки?

    @SuperOleg39ru
    Front-end разработчик
    Добрый день!

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

    flexbox, grid layout
    - это css из современных стандартов. Что бы знать, когда применять - вы должны знать версии старых браузеров, которые необходимо поддерживать на вашем проекте, и соответствующую поддержку этих стилей. Например, формировать элементы на flexbox на порядок удобнее, чем на float, но в IE9 вы уже использовать flexbox не можете.
    Немного о новинках в css тут.
    Поддержка браузерами тут.

    gulp, webpack и пр.
    - это инструменты, которые созданы для облегчения рутинных задач.
    Для верстки очень удобно использовать gulp - вы описываете задачи, такие как создание локального сервера, мгновенная перезагрузка страницы при изменениях, минификация ваших файлов, и прочее.
    Посмотрите отличный скринкаст от Ильи Кантора!

    препроцессоры
    - представьте, что вам чего-либо не хватает в html и css.
    Например, вы хотите разбивать большие html файлы на множество мелких, или вам нужно вставить в html динамическое содержание - для этого созданы html шаблонизаторы. Вы используете в работе синтаксис конкретного шаблонизатора, затем тот же gulp автоматически собирает эти файлы в обычный html, который понимает браузер.
    Аналогичная ситуация с css, препроцессоры позволяют разбивать файлы на мелкие, и собирать в один, доступны переменные и функции, и многое другое.
    Популярный шаблонизатор Pug
    Один из css-препроцессоров Stylus

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

    Ну и конечно статьи и подкасты:
    https://habrahabr.ru/
    jsraccoon.ru

    https://soundcloud.com/web-standards
    https://radiojs.ru/

    Конкретные статьи и ресурсы для новичка:

    frontender.info/a-baseline-for-front-end-developers
    frontender.info/a-guide-to-flexbox
    css-live.ru/articles-css/pravilnye-kontrolnye-toch...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://habrahabr.ru/company/zfort/blog/321214/
    https://frontendmasters.gitbooks.io/front-end-hand...

    Дерзайте!
    Ответ написан
    6 комментариев
  • Что учить Angular или React новичку?

    dmitry_pavlov
    @dmitry_pavlov
    World-class .NET freelance contractor (remotely)
    Лучше Angular - помимо того, что будете знать популярный и востребованный JS фреймворк, так еще и освоите концепт model–view–controller (MVC), что в наши дни весьма полезно.

    React - запутает мозги только с непривычки. Это механизм подключения чего приспичило куда попало. Потом разберетесь по ходу дела, когда понадобится.

    P.S. А вообще - для практики и освоения концепции DOM - не лишним будет уверенно освоить jQuery для начала. Еще до тотальной очередной повсеместной реинкарнации MVC, жили и не тужили с JS и jQuery и в ус не дули. Если не уметь поддерживать разработку в этих рамках, то и фреймворки не спасут - будет ад и содом в коде.
    Ответ написан
    Комментировать
  • Какие есть интересные сайты со статьями на тему Frontend?

    @DmitrySkripkin
    Вот то, что читает наша команда:

    frontender.info — краудсорс-перевод полезных западных материалов.
    https://vk.com/webstandards_ru — крупное русско-язычное VK-сообщество с чатом, новостями и конференциями.
    https://radiojs.ru/ — подкаст о веб-разработке.
    frontflip.me — ещё один подкаст о веб-разработке.
    https://css-tricks.com/ — полезный ресурс со статьями и полезными решениями по вёрстке и коду.
    https://codyhouse.co/ — набор сниппетов.
    https://twitter.com/dan_abramov— твиттер русскоязычного разработчика React в команде Facebook.
    https://twitter.com/addyosmani — твиттер разработчика в Evil Martians и автора PostCSS. 18+.
    https://twitter.com/addyosmani — твиттер участника команды Google Chrome, создающего Developers Tools.
    https://twitter.com/paul_irish — твиттер ещё одного участника команды Google Chrome, создающего Developers Tools.
    https://github.com/talgautb/frontenders — небольшой список фронтенд-разработчиков, за которыми стоит следить.
    www.2ality.com — Блог о JS.

    Я вам скопипастил раздел из вот этой публикации в помощь коллегам: https://livetyping.com/ru/blog/front-end-dev-requi...
    Ответ написан
    1 комментарий
  • Что учить Angular или React новичку?

    Имейте в виду, что все мнения вида "Технология X лучше технологии Y" почти всегда не более чем отражение религии высказывающегося. В т.ч. моё :)
    Лучше Ангуляр 2, чем Реакт.
    Ангуляр 1 мёртв.
    Vue2 вроде растёт со страшной силой, не исключено, что он - самый лучший.
    Ответ написан
    Комментировать
  • Биржа upwork как источник заказов для IT компании?

    @polifill
    Не с той стороны заходите.

    Самая большая проблема - ВЗЯТЬ нормальный заказ на бирже UpWork.
    Ну а вам как бизнесмену - брать такие заказы РЕГУЛЯРНО, чтобы обеспечивать свой штат постоянной загрузкой по работе.

    Все остальные озвучанные вами проблемы - полнейшая ерунда и вообще не являются проблемой на фоне той проблемы, что действительно вам будет трудно решить для того чтобы начать свою деятельность на Upwork - РЕГУЛЯРНО БРАТЬ ХОРОШИЕ ЗАКАЗЫ.

    Неплохие специалисты на Upwork годами работают - и предел их мечтаний "взять заказ на 500 долларов", а вы сходу на постоянные заказы по $3000 рот раззеваете....

    Не хотите, чтобы ваши конечные исполнители видели ваши заказы и заказчиков - работайте с исполнителями мимо Upwork, а через Upwork только с заказчиками работайте, - в чем проблема-то????

    От того, что ваши работники узнают, что вы берете заказы через Upwork - ничего принципиально не изменится.

    1. Одиночному специалиста не так просто брать крупные заказы.
    2. Чтобы раскрутиться на Upwork - нужно время, и довольно долго новичок получает не особо интересные и не особо денежные предложения.
    3. Если вы обеспечиваете сотрудников постоянным потоком работ - они не будут искать доп. заработок на сайтах типа Upwork.
    4. Не всем нужен этот гемморой с прямым заказчиком. Подавляющее большинство людей в мире работает в каких-либо фирмах и получает работу через начальника, а то и через большую цепочку начальников... Многим людям так намного комфортнее.

    Проблема у вас будет только в одном случае - если вы будете откусывать ЗДОРОВЕННЫЙ процент, при этом никакой СВОЙ ВКЛАД НЕ ДОБАВЛЯЯ.

    Но в наше время, когда о Upwork знают почти все - никак вы эту проблему не устраните.

    Только внося свой дополнительный вклад (например, прекрасным знанием английского языка, постоянным вниканием в глубину проектов и тем, что будете крайне внимательно относится к своей репутации на Upwork и будете работать над репутацией долгие месяцы) вы будете застрахованы, что работать через вас будет выгоднее, чем напрямую.
    Ответ написан
    8 комментариев
  • Как изменить цвет текста HTML документа в PhpStorm?

    @stoxx2011
    Поздно конечно, но может понадобится кому:
    Settings -> Editor -> Color & Fonts -> XML (Да-да, именно он) -> Tag data
    Ответ написан
    2 комментария
  • Как сделать такую анимацию?

    HamSter007
    @HamSter007
    HTML/CSS верстальщик
    greensock в помощь!

    пример*
    Ответ написан
    Комментировать
  • Какая оптимальная максимальная ширина контента для адаптивного сайта?

    pozZzitiv
    @pozZzitiv Автор вопроса
    Дизайнер и перфекционист
    Я считаю оптимальными размеры в районе от 1440 до 1600рх при условии наличия сайдбаров или иных колонок (если колонка всего одна, то не должна быть широкой иначе текст читать будет невозможно). Статистика популярных разрешений это подтверждает
    f0e4a184338d43debec2ed2980c9e651.png
    За примерами далеко ходить не надо: Тостер имеет ширину контента 1440рх и это удобно. Контент занимает большую часть экрана и навигация осуществляется посредством сайдбаров. Причём, сделать в подобном ключе можно не только информационный сервис или новостной сайт, но и коммерческий сайт или магазин.
    Ответ написан
    Комментировать
  • Какой мощный компрессор для уменьшения размера изображений Вы используете?

    Serj-One
    @Serj-One
    i'm sexy and i know it
    Tinypng
    Kraken
    2 лучших, все остальные по качеству далеки от них безумно.
    У обоих сервисов имеются плагины для gulp.
    Как полностью локальный вариант - gulp-image-optimization
    Ответ написан
    Комментировать
  • Как убрать стремный курсор в PhpStorm?

    JhaoDa
    @JhaoDa
    LaravelRUS Team
    Может вы просто Ins нажали?
    Если нет, то Editor → Genereal → Appearance, Use block caret.
    Ответ написан
    3 комментария
  • Как сделать живую перезагрузку веб страницы PhpStorm?

    DevMan
    @DevMan
    пользуюсь livereload поскольку оно не привязано ни к ОС, ни к редактору.
    Ответ написан
    2 комментария
  • Какой редактор выбрать Sublime, Brackets, Atom?

    Xserber
    @Xserber
    Full-stack developer. React.js, AngularJS + NodeJS
    Раньше работал на Sublime , сейчас перешёл на Atom.
    1. Sublime выигрывает в производительности безусловно, но если верстать не порталы или интернет магазины с большой кучей каталогов, разницы малозаметно в этом.
    2. Настройки удобнее в Atom ИМХО. Не сидишь в коде и не прописываешь нужное значение для темы и тому подобное (Sublime). При желании можно и ATOM даёт такую возможность, так же полностью переписать дизайн самостоятельно.
    3.Пакеты популярные в sublime text'e тоже присутствуют в ATOM.
    4. Не надо самого начала paсkage control уставнавливать в начале.
    5. Поддержка синтаксиса в ATOM храмает, даже с дополнительными пакетами.(но это наживное)

    Какой удобней тем и пользуйтесь, рано или поздно к IDE придут большинство. Переход из Sublime text в ATOM или наоборот не составляет труда. Горячие клавиши одинаковые, миксины переписать.

    P.S. Давно слышал что ATOM хотел синхронизацию ввести пакетов, чтобы заново не устанавливать на новом рабочем месте. Может уже присутствует и это большой плюс
    Ответ написан
    Комментировать
  • Parse.com объявил о закрытии. Какие альтернативы?

    tikhonov666
    @tikhonov666
    iOS, Swift, Objective-C
    Думаю это один из самых больших списков Parse alternatives

    • Data Storage
    • Push Notifications
    • Usage Analytics
    • Dashboard
    • Social Integration
    • User Administration
    • Cloud Code Integration
    • Multiple Mobile Platform SDKs
    • Background Jobs
    • Crash Report

    Ответ написан
    Комментировать