• Какие книги читать, чтобы получить знания по типографике?

    Типографика. Руководство по оформлению. Эмиль Рудер
    Живая типографика. Александра Королькова
    Новая типографика. Руководство для современного дизайнера. Ян Чихольд
    О шрифте. Эрик Шпикерман
    Основы стиля в типографике. Роберт Брингхерст
    Ответ написан
  • Как компилировать Pug в статичный HTML с помощью Brunch?

    @ZaxapKramer Автор вопроса
    Больной верстальщик
    В итоге использовал pug-brunch-static.

    А по поводу pugjs-brunch:
    Я считал, что
    здесь
    Static: Plain HTML files from pug templates in the assets directory
    говорилось о возможности компиляции *.pug-шаблонов в статичные html-файлы... но, видимо, не так понял их английский или, все же, не смог настроить.
    Ответ написан
  • Обучение WordPress для разработчика?

    VasyaPertrov
    @VasyaPertrov
    Изготовление и безопастность сайтов. WP и др.
    1) Архитектура БД

    https://codex.wordpress.org/Database%20Description

    2) Архитектура движка (как ходит запрос, что как между собой взаимодействует, где ядро, где модули, виджеты, какие части обновляются, какие нет)

    Цикл WordPress - основа основ
    https://codex.wordpress.org/Function_Reference
    https://codex.wordpress.org/ru:API_WordPress

    3) Как работает система плагинов, как разработать собственный плагин

    Написание плагина

    4) Как создать шаблон, т.е. натянуть свою верстку если она есть готовая или как создать свою тему

    Терминология! Тема и шаблоны - разные вещи!
    Создание тем
    Иерархия шаблонов
    Дочерние темы

    Приветствуются ссылки на актуальный youtube-каналы.

    wordpress.tv А никакие не "уроки", слепленные дилетантами.
    https://ru.wordpress.org/support/ - официальный русскоязычный форум.
    Ответ написан
  • Чем вы обосновываете ваш выбор в пользу Ruby или PHP?

    Lilion
    @Lilion
    HTML5+CSS3+JS - то с чего стоит начинать.
    PHP и Ruby языки очень простые для освоения, но я не понимаю что вы с ними будите делать, так как Drupal это CMS уже готовый, а для Ruby нужно учить сперва сам язык, а потом фреймворк к нему.
    Не думаю что CMS с кучей хаков и большим объемом кода вообще хороший учитель.
    Если учить PHP то сперва как самостоятельный язык, а потом как веб, так же и Руби. А только потом приступать к фреймворкам и ЦМС. Оба языка хорошие. Нету смысла переходить с одного на другой.
    >как вы видите ваш идеальный Roadmap for web development from scratch for freelance?
    Выучить что то одно, а там картина мира измениться радикально. :/
    Ответ написан
  • Где найти человека способного быстро и качественно научить основам JS за деньги?

    zoonman
    @zoonman
    CEO @ LinuxQuestions.ru
    Чувак, идешь сначала сюда https://learn.javascript.ru/
    Пока Илья с товарищами по команде тебе надоедают, учишь английский.
    Потом переключаешься на бритоголового https://egghead.io/
    Потом, если покажется мало, начнешь курить спеки. К этому времени уже освоишь гугл и сможешь сам их найти.

    Лучшие практики SPA

    1. KISS - использовать только то, что действительно нужно. Например вам не нужен Javascript, если нужно просто сделать выпадающее меню. Достаточно просто CSS. Тоже самое применяется и к JS, вам не нужен Angular, если есть просто форма обратной связи. Такая задача решается на vanillajs.
    2. Использование фреймворков, например bootstrap, foundation и т.д. Обычно из них берется типография и сетки. Иногда формы. Я обычно беру bootstrap-stylus и собираю из него.
    3. Critical rendering path - минимальный набор CSS, который требуется для отображения первого экрана страницы, который потом будет встроен внутрь html-файла. Пример.
    4. Применение систем сборки, например gulp. Основной смысл заключается в том, что сначала вы дробите SPA на множество мелких компонентов/модулей/блоков. Затем унифицируете их. В итоге получается набор небольших файлов. Затем из этого набора собирается два больших файла (css, js) и они прогоняются через оптимизатор и минификатор.
    5. Использование CDN. CDN позволяет ускорить загрузку для часто-посещаемых и популярных страниц за счет уменьшения времени доставки контента. Особенно актуально для SPA, поскольку они представляют собой статический контент, который можно кэшировать без последствий.
    Системы сборки

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

    Модули AMD, CJS, UMD

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

    Сборка и подключение css

    Здесь и так ясно, что нужно сначала освоить сборщики. postcss - это когда обычный css скармливается фильтру, который разбирает его, добавляет префиксы к свойствам, оптимизирует наименования цветов и т.д. Убирает дублирующие свойства.

    В целом очень толково про оптимизацию расписано здесь https://developers.google.com/web/?hl=ru
    Ответ написан