Ищу наставника

[psywalker]

Кто готов на шару взять к себе дотошного, ответственного, обязательного и доброго чувака в ученики (меня), чтобы научить БЭМ, консоли, npm, Jade, Stylus, гитхабу, Grunt и и т.д.?

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

Если всё же проявите милосердие, то пишите мне на почту: psywalker09@gmail.com, либо в скайп: walker1071

[lexxcode]

Просто нужно было не выходить из чата... Спрашивал бы - тебе помогли

[psywalker]

Только что, alexriz сказал:

Просто нужно было не выходить из чата... Спрашивал бы - тебе помогли

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

[andrey7287]

1 час назад, psywalker сказал:

БЭМ, консоли, npm, Jade, Stylus, гитхабу, Grunt и и т.д.?

Это всё за пару дней можно изучить как минимум до уровня когда можно уже пользоваться заглядывая в документацию. 

ЗЫ Зачем нужен Jade  и почему не scss?

[wwt]

psywalker не существует людей которые знают всё, стремиться к знаниям всегда почетно. Если ты не уверен в себе и знаешь свои минусы уже значит что ты способен на многое =) Все эти нпмы, джейды и прочие гранты всего лишь приложения, научиться ими пользоваться всего лишь вопрос желания. Консоль это уже система которую нужно понимать, не нужно знать всех команд всегда есть хелпы и гугл. Начни и тебе не нужен будет наставник в том виде в котором ты его ищешь =)

[by chris]

40 минут назад, andrey7287 сказал:

ЗЫ Зачем нужен Jade

Jade + БЭМ + sass (в моем случае) + gulp не могу нарадоваться. Мне в канторе дают новый проект в разработку, я клонирую  шаблон с битбакета и 70% блоков уже подготовлены, остается только менять у них модификаторы чтобы привести к виду. Когда проект окончен, следовательно пуш в удаленный репозиторий новых шаблонизированных блоков. Таким образом работа происходит итеративно день за днем.

Имхо, ребята, если человек решил найти себе наставника не особо политкорректно его отговаривать:)

[Николя223]

8 часов назад, psywalker сказал:

Jade, Stylus

Это просто) ты только начни. git даже в чем то сложнее будет) конфликты разбирать целая история

может лучше не грунт а Gulp?  с грунтом не работал, но с гульпом сборка Stylus+ungular - красота 

по БЭМ, тебе нужен просто большой пример и все понятно будет

6 часов назад, wwt сказал:

не существует людей которые знают всё

бгг приехали)) Макс на второй почетный круг пошел)))))))))))))

[wwt]

3 часа назад, Николя223 сказал:

бгг приехали)) Макс на второй почетный круг пошел)))))))))))))

ну там в конце стоит и т.д. =)

[andrey7287]

9 часов назад, by chris сказал:

Jade + БЭМ + sass (в моем случае) + gulp не могу нарадоваться. Мне в канторе дают новый проект в разработку, я клонирую  шаблон с битбакета и 70% блоков уже подготовлены, остается только менять у них модификаторы чтобы привести к виду. Когда проект окончен, следовательно пуш в удаленный репозиторий новых шаблонизированных блоков. Таким образом работа происходит итеративно день за днем.

Имхо, ребята, если человек решил найти себе наставника не особо политкорректно его отговаривать:)

Примерно этим же занимаюсь, Emmet`а с головой хватает. Но если вам удобно, пожалуйста -)

[by chris]

11 минуту назад, andrey7287 сказал:

 Emmet`а с головой хватает.

То же так думал, пока не стал использовать Jade. Отличие в том, что emmet позволяет писать разметку быстро с нуля. А на Jade мы эту разметку с нуля каждый раз не пишем. Так как jade поддерживает emmet, то можно писать эту же разметку еще быстрее.

 

5 часов назад, Николя223 сказал:

ungular

первый?

[andrey7287]

В 03.09.2016 в 10:29, by chris сказал:

А на Jade мы эту разметку с нуля каждый раз не пишем.

Что значит не пишем, у вас одна и та же разметка под все сайты ? 

[by chris]

1 час назад, andrey7287 сказал:

Что значит не пишем, у вас одна и та же разметка под все сайты ?

Не совсем. Есть такие блоки которые на сайте присутствуют всегда, только в другой визуализации. Лучший пример главное меню. На jade написан миксин который принимает объект. Ключ название ссылки, значение - атрибут href, и еще ключ - класс модификатор меню. И таких блоков множество, если задуматься и абстрагировать блок для всех сайтов, то это избавляет от повторной писанины кода. Разметка не всегда совпадает, но 50% кода уже готово.

[Николя223]

В 03.09.2016 в 13:29, by chris сказал:

первый

наверно) я их разбираю по мере необходимости

4 часа назад, by chris сказал:

Лучший пример главное меню

лучше приведите пример плиз)  выглядит интересно

спутал Jade с Blade )) поназывают...

[Igor Schnaider]

45 минут назад, Николя223 сказал:

выглядит интересно

Предположу, что это что-то из разряда того, как Яндекс создал коллекцию разных компонент.
https://github.com/bem/bem-components/blob/v3/common.blocks/menu/menu.en.md

[by chris]

6 часов назад, Igor Schnaider сказал:

Предположу, что это что-то из разряда того,

Ага, что-то похожее, только более узкоспециализированное)

@Николя223, np

Вот миксин меню с рекурсией для вложенных. Писал давно, но код пока не подводил)

//- MenuList

- var i = 0

mixin menuList(items, cls)
  - var cls = cls.class;

  ul(class= cls + '__ul')
    each item, index in items
      if item.sub !== undefined
        li(class= cls + '__list')
          a(class= cls + '__link', href= item.href)= item.title
          +menuListSub(item.sub, cls)
      else
        li(class= cls + '__list')
          a(class= cls + '__link', href= item.href)= item.title

mixin menuListSub(sub, cls)
  - var ink = ++i

  ul(class= cls + '__sub-' + ink)
    - var items = sub

    - for (var item in items)
      if items[item].sub !== undefined
        li(class= cls + '__list ' + cls + '__list--sub-' + ink)
          a(class= cls + '__link ' + cls + '__link--sub-' + ink, href= items[item].href)= items[item].title
          +menuListSub(items[item].sub, cls)
      else
          li(class= cls + '__list ' + cls + '__list--sub-' + ink)
            a(class= cls + '__link ' + cls + '__link--sub-' + ink, href= items[item].href)= items[item].title

Вот блок самого меню, он то же в миксине для передачи параметров.

mixin mainmenu(params)
  - var bclass = params.bclass || 'mainmenu'
  - var mclass = !params.mclass ? '' : bclass + params.mclass
  div(class= bclass + ' ' + mclass)
    nav(class= bclass + '__nav ')
      +menuList(
      {
        '1': {
          'title': 'Главная',
          'href': 'index.html',
        },
        '3': {
          'title': 'Каталог',
          'href': 'catalog.html'
        },
        '4': {
          'title': 'О нас',
          'href': 'o-nas.html'
        },
        '5': {
          'title': 'Оплата и доставка',
          'href': 'oplata-and-dostavka.html'
        },
        '6': {
          'title': 'Блог',
          'href': 'blog.html'
        },
        '7': {
          'title': 'Контакты',
          'href': 'contacts.html'
        }
      },
      {
        'class': bclass
      })

А вот так миксин инклюдится на нужных страницах

include ../mainmenu/mainmenu
+mainmenu({
'bclass': 'mainmenu', // класс блока
'mclass': '--top' // класс модификатора
})

Думаю показывать sass файл не стоит, так как там и так все понятно)

Кстати, можно забыть про название jade, давно переименовали технологию в pug. Вот и срок домена jade-lang.com подошел к концу, теперь дока тут - https://pugjs.org/. Жаль только песочницы пока нет.

Edited September 6, 2016 by by chris
upd

[psywalker]

Ребята, спасибо всем за отклики, но, кажется, мы уже зашли далеко в плане флуда. Давайте закругляться всё же. Здесь завязалась интересная беседа, поэтому можно продолжить её в соответствующем разделе.