В продвинутом курсе надо будет верстать макет пинк. Сначала как я понял надо будет делать мобильную версию. Ее ведь надо верстать как обычный макет, а потом уже прописывать в самом конце @медиа для планшета и по возрастанию?

Анончики, по поводу вырезания.
Вот в туториале советуют брать интересующее изображение, дублировать, делать трим, обрезать прозрачные писсеи и затем экспортировать для веб.

А на ютубчике видел, как чуваки просто выбирают "конверт в смарт-объект" и после этого экпортировать. В чём разница?

>>463568
Всегда смарт-объектом делал, брат жив.

Анон, который сервак искал,
На правах нюфага спрашиваю - а чем плоха тема - на питоне поднимаешь сервак:

from http.server import HTTPServer, CGIHTTPRequestHandler
server_address = ("айпишник", 80)
httpd = HTTPServer(server_address, CGIHTTPRequestHandler)
httpd.serve_forever()

И собственно всё. Или тебе всякие бд нужны?

>>463570
Не знаком с питоном совсем. Решение, вроде, неплохое, но я зря чтоли в апаче разбирался?

>>463572
Ну да.
А ты на винде поднимаешь?

>>463577
В данный момент да, но вообще бывает и под прыщами работаю (когда на рельсах надо писать).

К слову о винде и линупсе.
Под чем лучше верстать/фронтэндить? На винде фотошоп работает без мокрых писек, интерфейс в десятке приятный на глаз, но вот когда нужно работать с консолью, начинаются костыли и попаболь.
А в линуксе православная консоль, работать с которой одно удовольствие, но опять же с фотошопом надо пердолиться.
Кто на чем сидит, котаны?

>>463647
Cмотри, а если два харда, один системный, другой помойка - можно же на помойку поставить линух?

Бля, пока писал, вспомнил, помойку форматить же надо будет, да?

>>463658
Можно отрезать от помойки кусок и поставить туда линукс.

>>463658
Уже ответили, но да, от помойки отрезаешь кусок через gparted, размечаешь ручками раздели и все, ставишь линукс. Вот как раз хорошая статься в закладках висит: http://help.ubuntu.ru/manual/%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B0_%D0%B4%D0%B8%D1%81%D0%BA%D0%B0

>>463647
И че, каждый раз как мне нужно собирать через gulp, бутиться в линупс? Я вообще комплуктер не люблю перезагружать, когда много процессов висит, потом все разворачивать снова лень.

>>463660
>>463664
Бля, точняк, спасиб

>>463650
Короче переписал разметку с нуля и проблема ушла (хотя я ничего и не менял, разве что имена классов поправил).
Но мне чисто для себя интересно - что это за хуйня была?

>>463672

>>463669
Gulp и под шиндовс норм работает.

>>463672
Попобава.

>>463678
Ну ладно, пожалуй останусь на шинде. Кмдер же нормальная консоль?

>>463679
Нихуя не смешно. Я чувствую, что что-то пропустил в теории, и даже не знаю, что.

>>463646
>Под чем лучше верстать/фронтэндить?

Под маком, очевидно же.

>>463694
Где бы еще 100к на него найти.

>>463681
Наверное лучший эмуль консоли для окон

>>463712
Заработать

>>463646
Ставишь в винде git, работаешь в git console.
Сам так делаю.

>>463692
А мы тебе гадалки, по скриншоту решать где твое говно разваливается?

>>463692
Ну ладно, это скорее всего маргин списка.

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

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

>>463944
А через wine не пробовал?

>>463952
пробовал неоднократно, неоднократно соснул.

>>463958
А какие именно косяки в работе фш?

>>463965
ну например, когда пытаешься вырезать что-нибудь через crop tool, появляется маленькое окошко с циферками W и H, параметрами той области, которую ты собираешься вырезать. так эти циферки нихуя не подгружаются, когда ты водишь мышью и эта область меняется. еще бывает по мелочи, может отвалиться какая-нибудь хуйня и перестать работать. наверняка есть еще что-то. в общем, если надо было бы юзать фотошоп как основной инструмент, а не как приблуду для нарезки макетов, наверное было бы туговато. фотошоп у меня конечно же паленый, но в той же виртуалке например такого говна не было. хотя хуй знает, может, с ноутом как-то связано, тоже хуйня та еще.

>>463944
На моём ноуте под вайном и pol запускается только CS2, а 90% макетов, которые я получаю по на фрилансе, не открываются в нём. Так что не вижу ничего зазорного в дуалбуте, тем более для вёрстки по удобству системы в принципе сравнимы.
Убунта нужна для более сложной разработки, чем psd-to-html+js.

>>464064
Сложно во фриланс вкатиться с нуля?

>>464064
>Убунта нужна для более сложной разработки

например?

>>464087
В прошлом треде писал, для рельс, например

>>463403
Сам ты ебанутый.

>>464075
Я года пол учился перед своим первым заказом, и выполнил его очень хуёво. Сейчас примерно год опыта, можно жить одним фрилансом, но не оче бохато.

>>464183
Как вы заказы набираете, если на верстку предложения редки и под каждым толпень в рот мне ноги спецов и студий набегает с отпалированными портфолио?

>>464183
Верстаешь или чего покруче делаешь ?

>>464191
Верстаю, если больше ничего нет. Предпочитаю клиентский джаваскрипт, но фреймворками не владею, поэтому выполняю узкий круг задач с jquery и ajax.

>>464190
>>464236

>>464163
А если серьезно? Я почему спрашиваю - понимаю, что для работы во фрилансе, лучше сначала поработать в офисе. Но я на четвертом курсе, надо сдавать долги и писать диплом. Город небольшой, поэтому вакансий фронт-ендеров (даже не верстальщиков, их вообще нет), очень мало, а те что есть не предполагают гибкого графика и неполного рабочего дня.
Мне бы хотя бы 5к рублей в месяц иметь дополнительно, чтобы к концу обучения иметь какой-то запас, чтобы снять хату и так далее.
Можно ли на fl.ru, например, работать за еду, пусть даже это будет правка формочек?

Всем привет. Оцените мой макет. Сильно плохо сверстал?
http://codepen.io/anon/pen/EPGMKw?editors=1100

P.S. Не обращайте внимание на картинки, это просто рандомные фотки с инета под размер оригинальных.

P.S.S. Так же подскажите, как сделать широкие картинки на всю ширину, а не под размер контейнера. Макет называется casablanca.

>>464536
А теперь убери из верстки весь каскад и поименуй по БЭМу. А потом переведи в SASS, вычисти повторный код и сделай вложенные правила, где уместно.

Алсо, нахуя писать все моднявным, очевидно несистемным шрифтом и при этом не подключать его?

>>464570
Верстал этот макет после 4 макетов по базовому, так что пока что не приступал к просмотру продвинутого интенсива. Вот решил узнать мнение, готов ли я уже к продвинутому.

Насчет шрифтов, не знаю почему они на кодепене не подключились. У меня они работают, но на сайте нет.

Так я готов к продвинутому или нет?

>>464574
При определенный условиях он схлопывается с маргином родителя: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing

>>464576
Спасибо.
Алсо, я задал флоат и норм стало.

>>464575
Может потому что себе на комп ты их поставил, а про @font-face забыл?

Я хз что за интенсивы вообще, но правила вида .our-portfolio .filter a это точно хуйня полная.

Ананасы, закатился пару месяцев назад во фронтенд. В общем положняк такой: ваша йоба-верстка нахуй никому не нужна. Сейчас конечно могут набежать фронтендеры 5+ лет опыта и обоссать меня, но такая ситуация не только у меня, а еще у пары знакомых. Так вот, уметь нужно одновременно все на уровне обезьяны, желательно делать это быстро. Хуяришь сайты на бутстрапе параллельно допиливая "дизайнерские задумки", которые разбиваются о гридовскую сетку, правки, правки, правки, макета из корела, тормозящие слайдеры на джиквери, вот это вот все. Вам конечно может и повезет и вы попадете в нормальную студию, но зачем нормальной студии даун без опыта. Так что поковыряйте перед устройством бутстрап, возможно придется чистить вилкой чужую верстку, а лазить каждый раз в документацию не комильфо и крайне желательны хотя бы в общих чертах понимать пыху.

>>464728
Спасибо, и так знаем что гавноконторам надо человекаоркестра за еду.

>>464728
>Хуяришь сайты на бутстрапе
>правки, макета из корела,
>тормозящие слайдеры на джиквери
>называет себя фронтендером
лол

>>464746
Вот и первый сеньор, как по заказу. По делу то есть что сказать или ты из б с гринтекстом прибежал?

>>464728
обосрался с этого дауненка-"фронтендера". хотя в чем-то он прав, иногда юзаю бутстрап-скрипты, потому что проще и быстрее взять готовый дропдаун, чем писать его самому. но стили его не юзаю, они пиздец вообще. то же самое со слайдерами-хуяйдерами. проще взять фотораму и чуть подредактировать стили, чем заново костылить. и так, по сути, везде. нет смысла писать костыли и велосипеды, если есть уже готовые решения (если только они не написаны как говнецо).

а верстка на фронте нужна, без нее просто соснешь. так-то, что даже начинающий фронт как минимум обязан знать html, css, js, svg, photoshop и jquery с аяксом хотя бы + разбираться в браузерах и том, как они рендерят. это основа. если говоришь, что верстка не нужна, ты хуй простой, а не фронт. дальше уже опционально, но часто нужно всякие ангуляры и прочее говно, php на уровне понимания, что происходит в этом блядском говне, движки всякие можно просматривать, wordpress тот же выучить можно, это несложная хуета. ну и так далее.

мимо фронтенд 2 года стажа

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

>>464728
>уметь нужно одновременно все на уровне обезьяны, желательно делать это быстро

брейкин ньюс блять.

>>464776
Чувак, это зависит от того как ты еще к своему занятию относишься. Раз ты считаешь что нормально делать нахуй не всралось, то тебе явно не интересно то чем ты занимаешься, тогда какого хрена ты вообще этим занимаешься, а? Плох тот спец, который не любит свою работу и не стремится делать ее как можно лучше. Олсо в долгосрочной перспективе человек который охуенно знает свое дело потеснит вот такую макаку, которую ты описал, хотя получить бабло тут и сейчас ему будет сложнее, не спорю

подскажите что выбрать? Лесс или Сасс? Что сейчас используют чаще?

>>464875
Сверстай на less, sass, stylus по одному простенькому макету и поймешь, что тебе больше нравится + будешь знать базовый синтаксис каждого и потом не будет особых проблемм с переходом с одного на другой.
А так sass несколько чаще юзают

>>464773
По делу уже этот >>464774 сказал.
От себя добавлю что если хочешь быть хорошим спецом то должен разбираться во всем досконально, более того, хотеть это делать. Только такие зарабатывают реальные деньги востребованы в нормальных конторах, где джуну фронту платят от 500 баксов и, что куда важнее, имеют реальные перспективы.

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

Потому что там требуется верстка, когда можешь запилить вообще все что накалякал дизайнерв разумных пределах офкорс и джс, когда можешь любой клиентский скрипт реализовать/улучшить сам, а не подключать говнобиблиотеки с говноплагинами, которые весят больше, чем весь твой говеный сайт вместе с графикой.
Да там дохуя чего требуется на самом деле, немного лень щас перечислять.
Так что ты антоша не фронтендер нихуя. Ты возможно верстальщик, а если и верстку плохо знаешь, тогда бутстрапер/интегратор.

БЛЯТЬ, ЕБУЧИХ ФРОНТЕНДЕРОВ РАЗВЕЛОСЬ, КАК СОБАК НЕРЕЗАНЫХ

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

уж кому-кому, а каждому в этом треде придется въебывать, как в аду, чтобы дорваться до каких-то высот на этом поприще.

>>464872
>>464879
> если хочешь быть хорошим спецом то должен разбираться во всем досконально
> человек который охуенно знает свое дело потеснит вот такую макаку
Эх сейчас бы прописные истины послушать, а то ведь никто не понимает этого. Я написал то, с чем могут столкнуться здешние аноны, потому что с этим столкнулся я и еще пару человек из окружения. Что перед устройством лучше не в верстку углубляться, а пройтись везде по верхам, что на начальном этапе будет полезнее. А вы сразу начали кукарекать про мои скиллы( к слову я о них вообще не писал, речь шла только о том что они не всрались на данном этапе ), что нужно учить, чтоб потом пойти на повышение(ДАЛАДНА). Только вот я написал, что может помочь анону на старте, дальше то он сам разберется. А вы мало того что жопой читаете, так еще и кукарекать прибежали, непонятно на чем основываясь делать выводы обо мне вместо того, чтоб дополнить списочек того, что может на старте помочь. Тащемта вся суть мамкиных хтмл сеньоров.

>>464913
>списочек того, что может на старте помочь

http://www.nicothin.ru/page/chto-izuchat-html-verstalshhiku

такой канает?

>>464913
Ты прям типа истину открыл что ли? Почитай шапку - про "немного разбираться в бэке" там есть. Про фреймворки там есть. Про знание css-фреймворков в интенсиве тоже рассказывается.
Про то, что надо знать для устройства на какую-нибудь вакансию есть (не поверишь) в описании вакансии. И еще ты можешь уточнить на собеседовании с чем и над чем ты будешь работать. То, что ты рассказал, что в гавноконторках всем на все плевать и лишь бы было хуяк-хуяк и в продакшен - тоже не секрет, и про то, что нужен им макак-всеводном-какнибудь-лишьбыбыстрее тоже.
Полезной инфы - 0. Че бугуртишь?

>>464918
Точно, еще и это выкладывали уже.

>>464913
У нас разные направления движения.
Ты даешь анону советы ориентированные на вхождение в низкопробную студию, скорее всего работающую на мелких отечественных заказчиков.
Я даю советы новичку, который ориентируется на вхождение в хорошую веб-контору, где есть карьерный рост, приятные зарплаты, большой светлый офис, печенки и прочие ништяки.
Вот и все дела.
Когда я шел на свое первое собеседование в такую контору, охуел с их офиса и общего уровня. Зато они меня ебанных 1.5 часа собеседовали по технической части, примерно час это была беседа с техдиром по части верстки, во время которой я выложил вообще все, что узнал за 4 месяца учебы, и этого было не то чтобы мало, но... ну скажем так, после собеседования я понял что мне есть куда расти.
А теперь скажи пожалуйста, сможет ли пройти такое собеседование человек, не углубляющийся в верстку, знающий только бутстрап и джиквери на уровне внедрения плагинов? Сомневаюсь.

Интенсив базовый сначала посмотреть весь и затем уже верстать или после каждого урока понемногу верстать?

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

>>464927
ты бы поподробнее про вопросы рассказал, было бы заебись. Типо про какие темы и кароч подробнее. С нас нефть

Что это за ебала 100vw первый раз вижу, юзается в transform: translateX(100vw);

>>465130
сам нашел бля https://css-tricks.com/viewport-sized-typography/

>>464909
> уж кому-кому, а каждому в этом треде придется въебывать, как в аду, чтобы дорваться до каких-то высот на этом поприще.
Можно подумать, сейчас в ИТ есть какое-то поприще, в котором не нужно въебывать.

>>465012
Там в конце каждого видео говорят что надо делать.

>>465190
hr из ит компании
лол

>>464462
Надо или уметь делать что-то востребованное, или уметь продавать себя

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

>>465428
говорится (сначала рекомендуют юзать препрос, а потом показывают grunt/gulp)

>>465433
боже, какая же сложная хуита. Еще бы сложнее придумали эти установки

>>465456
Установить препросс сложна?
Ну, чувак, походу эт, лучше тебе забить на это дело

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

>>465457
сасс я поставил через руби. https://www.youtube.com/watch?v=gjCXVPvh-00&list=PL5FCJIdFxiLlQOinyTqiFG14MgvRMOC_O&index=1 по этому примеру. Вся моя проблема начинается с 4:15. Не хочет переходить в папку с проектом. Уже полтора часа ебусь сижу.

>>465433
>>465456

БЛядь, какие препросы/гальпы/гранты. Нахуя?

Поставь брекетс и там расширение САСС Автокомпиллер, которое компилирует при сейве, и так с любым препроцессором

>>465463
Лол, ну да, гранты/галпы нинужны)

>>465461
Не еби мозг

>>465460
Усердней старайся

>>465463
>Поставь брекетс и там расширение САСС Автокомпиллер, которое компилирует при сейве, и так с любым препроцессором
Че серьезно? Круто, мне как раз брекетс по интерфейсу сильно больше сублайма понравился, но как-то все на сублайме сижу, он вроде как популярней и быстрый как понос.
Задумаюсь о перекате.

на сайте сасс есть коала, установи и радуйся

>>465466

>>Лол, ну да, гранты/галпы нинужны)

Я имел ввиду, конкретно для его случая

>>465478
Тогда ок

>>465478
>>465481
>>465473
установил коала и наконец-то все заработало. Спасибо за помощь всем

>>465460

лол. ну, верстка - это еще и нормальное хобби, как по мне.

>>465460
Так верстка это в любом случае только первый шаг. Без скиллов в JS или в дизайне верстальщики нахуй не нужны.

Анончики, помогите разобраться. Есть шаблон корпорэт блю. Из туториала на хабре. Там есть хитрая хуйня пикрелейтед. Фоновая текстурка. В макете она обозначена как обычный эффект, то есть это и не картинка и не текстура. Я слайсером порэзал кусок так, чтобы попиксельно повторялось, ну чтобы кубики (мелкие частицы) в конце совпадали с кубиками в начале следующей части.

Вроде легло нормально, если смотреть невооруженным глазом. Но если в бронзере сделать увеличение 300%, то видны стыки. Это ничего страшного или где? Или как вообще по-правильному именно не текстуры или картики а именно тупо эффекты верстать?

>>465605
Ты норм делаешь. Попробуй может в середине этой полосы кусок нарыть. Должно получиться. Хотя и так наверное сойдет, если только при сильном приближении косяк.

>>465605
как вариант можно градиентом сделать

>>465615
Хотя посмотри еще свойства эффекта, может там есть готовая текстура. Сам завтра могу макет еще поглядеть когда за комп сяду (сейчас на планшете)

Разве БЭМ еще актуален? Посмотрел код рандомных сайтов и бэмом там даже не пахнет

>>465615
Сделал один большой шматок на всю длину, теперь остался горизонтальный стык

>>465626
В пикрелейтеде свойства эффекта.

В общем, насколько понимаю, текстура растровая, пытался сделать минимальный шмат 4х4 пикселя, но там даже на ста процентах рябь была.


Кстати, анончики, а напомните, как называется фигня, когда при увеличении масштаба изображение увеличивается, но разрешение остаётся прежним и элементы просто "прижимаются" друг к другу, и не приходится экран прокручивать. Это max-width за это отвечает?

>>465641
Ты еще код двачей бы посмотрел. Грамотных спецов мало, а долбоебов много, что тут удивительного?

>>465580
> или в дизайне
Охуеть блядь, может фронедер вообще всю хуйню должен делать еще и сервер настраивать, пошел нахуй.

>>465674
>или
Значение знаешь?

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

>>465676
>>465675
Вот из за таких уебков рынок и проебан.

>>465672
Нужны как компилятор, минификатор, автопрефиксер, рефрешер на том этапе, когда еще в гранте/галпе не разобрался

>>465677
Ну это аутизм так-то. Веб-Вёрстка - это не такое обширнейшее поле деятельностьи, чтобы целиком и полностью только на нём концентрироваться.

>>465671
Так как по бэм блоки независимы то надо для каждого бэмовского блока делать свой файл, в котором будут стили только этого блока и его элементов. Даже для вложенных блоков тоже нужен будет отдельный файл. Так при разрастании проекта будет лучше удерживаться структура.

>>465671
Отдельный файл он имел ввиду только для базовой типографики (стилизация тупо по тегам). Потом ты для каждого блока при необходимости переопределишь

>>465685
Ага, понял, спасибо, это ответ на мой первый вопрос из >>465686

>>465679
> когда еще в гранте/галпе не разобрался
А это зачем?

>>465686
Еще раз перечетай статьи и доки. + завтра сяду за комп откопаю еще видос для нюфажиков от яндекса еще его кину (хотя уже кидал раньше)

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

>>465688
Автоматизация рутинных процессов и всякие плюшки - 10 урок продвинутого. Да и как бэ стандарт отрасли. Почитай вакансии частенько попадается

>>465677
Хуй знает что там у тебя проебано. Рынок айти огромен, интернационален и будет расти еще много лет. А если ты не устраивает, что за скиллы уровня пятого класса не дают сходу 100к зп, то предлагаю тебе вспомнить, что конкуренция и есть основа рынка, блять.

>>465694
> не дают сходу 100к
По ебалу разве что дают, а когда впердолишь сотки фреймворков и жс берут как верстальщика и платят 15к.

>>465696
Глаза разуй: http://hh.ru/search/vacancy?text=Frontend&enable_snippets=true&clusters=true&area=1&only_with_salary=true&from=cluster_compensation

>>465697
>везде Node.js, Angular.js

>>465697
Там иногда пишут высшее образование, где этому вообще учат?

>>465699
А нахуя фронту нода, стесняюсь спросить?

>>465701
Этому - нигде, но сойдет любое техническое я думаю

>>465705
Нахуя оно нужно тогда, они охуели?

>>465703
> А нахуя
Добро пожаловать.

>>465705
Ну в рамках разумного. Обычно на кафедрах изучают какуюнибудь срань, кучу математики, алгоритмы и структуры данных, базы данных, и например с++. Короче типа инженер там или прикладной математик или еще какой хуй

>>465703
А модули ставить и скрипты писать на чем будешь, котик?

>>465706
Хз, я вот сижу с образованием курю фронтенд потому что это болееменее то, что мне по душе. Знаю нескольких человек с потока которые вообще не по специальности работают, а некоторые на заводах (причем краснодипломщики) какуюто срань на отмерших делфях, либо на си шарпе ваяют. Но меня такое не проперло дело.

Кстати максимум что нам рассказали в универе по верстке были основы html и блядь таблицами верстали. Все. Да даже курсы на кодкедеми информативнее будут. Ппц

>>465710
Чтобы ставить модули не надо пиздец как разбираться в ноде

>>465711

Ты что из Днепра?

>>465692
Да, ИТ-образование в Рашке говно ужасное. Средний выпусник ПМИ умеет программировать на паскале как бог, по верхам знает С++ или шарп, имеет представление о БД. Если он ничем не занимался во время учебы самостоятельно, то хуй он куда устроится.
С другой стороны, действительно увлеченные люди без труда самостоятельно учат джаву/сисярп и устраиваются еще курсе на третьем.
У самого много знакомых просто так делали.

>>465719
Это сюда >>465713

>>465697
В очередной раз прихуел с ваших Московских зарплат.
У нас в милионнике за всю эту хуйню платят в диапазоне 25-40 уже опытному (хотя бы год) спецу.

>>465719
>>465713
Нахуя они требуют вышку? Я дрочил ангуляры и верстку, чтобы потом диплом просили?

>>465723
Да не требует никто, чего ты.

>>465723
Забей, если норм шаришь возьмут и так. Вышка максимум сыграет роль если вы будете с каким-нибудь телом одинаково шарить и тогда возьмут скорее того кто с вышкой. И то не факт

>>465697
http://perm.hh.ru/search/vacancy?text=php&only_with_salary=true&area=1&enable_snippets=true&clusters=true&salary=
Говорила мне мамка пхп учить....

>>465728
Так там такие же зарплаты, к чему ты?

>>465728
Ну пхпист тоже как бэ основы верстки знать должон. Так что не проебался ты точно

>>465729
Количество вакансий сравни.

> Пользовательский интерфейс
Что это за хуйня, поясните неофиту? Гуглится какие-то графики с колонками, нихуя не понятно.

>>465734
Чот проиграл

>>465735
В требованиях про жс пишут часто, яннп.

Какой наиболее годный стиль вёрстки? Флэксбокс? Чем рекомендуется верстать-им?

Верстаны, помогите дауну. Решил попердолиться с флексами, попутно упоровшись бэмом.
В общем, изначально я вспомнил лекцию интенсива, где лектор сказал, что не нужно становиться упоротым рабом методологии, и каскад вполне себе допустим. Сделал вот так: http://codepen.io/anon/pen/rxPwop

Потом я упоролся БЭМом и сделал вот так:
http://codepen.io/anon/pen/pgGwBw
Результат один, кода больше.

Как правильнее?

>>465878
Вообще мой тупой мозг мыслил так:
навигейшен - вложенный блок (его можно будет засунуть, например, в футер, если заказчик захочет, а хули). Внутри него все эти кнопочки-ссылочки: элементы, которые оттуда никуда не перенесутся. Так что их можно стилизовать с привязкой к блоку.

Ребятки, ебаните кто-нибудь кулл стори для мотивашки, пожалуйста.

>>465858
бамп вопросу

>>465888
Ты понимаешь, что результат отсроченный, и имеет лишь некую вероятность успеха? Этим обуславливается твоё нежелание что то делать. Работай, а не фантазируй о успехе. Или не работай, а иди нахуй тада.

>>465888
Выучил верстку за две недели, стал фриленсером 150к/неделя, переехал в Тайланд.

>>465878

лол, а ты нахуя в своем бэме сделал одинаковые правила для main-navigation__menu-item и main-navigation__user-block? второе это же по сути такой же меню-айтем, как и остальные ссылки, т. е. его можно стилизовать вместе со всеми, а если нужно будет к нему что-то особенное добавить, прикрутить модификатор main-navigation__menu-item--user-block например.

вот кстати любопытная презентация по поводу такой хуйни в бэм, как спайсы соли миксы. когда я увидел, что эти хуи мешают в частности, такие вещи как "блок и элемент другого блока", сразу понял, что это чревато превращение бэма в такую же блядскую санта-барбару, как и каскад в 4 уровня. в общем, не стоило ребятам вскрывать эту тему.

https://events.yandex.ru/lib/talks/327/
http://www.slideshare.net/yandex/ss-14895358

>>465878
Ты забыл ul сделать внутри nav :(
Не надо так...

Так, я там кому-то обещал скинуть про БЭМ для ньюфань. Вот кидаю (хотя уже раньше было)
https://ru.bem.info/forum/-661/

Хлопцы, держите сайтец \(^-^)/
http://www.flatvsrealism.com/

>>466008
Сам делал?

>>466011
лол, эт для вдохновения. Видишь, там справа награды всякие.

>>466008
не открывайте это говно.
чтобы все не повисло нахуй, его наверное надо на ядерном реакторе запускать.

>>466024
ну у меня ноут 2.1 ггц 2 гб оперативы
чуток подождал чтобы прогрузилось и норм. Правда на битве лагало чутка

>>466025
У меня конфиг в четыре раза круче, лагало почти все время, грузилось секунд 10, да еще и скролл по мышке отвалился, прищось скроллбаром пользоваться.
Короче, хуево сделали.

https://vk.com/forwebdev?w=wall-66170841_36459

Питер, иди на работу.

>>466147
http://g.zeos.in/?q=What's%20the%20difference%20between%20%3Cb%3E%20and%20%3Cstrong%3E%2C%20%3Ci%3E%20and%20%3Cem%3E%3F

>>466232

гамбургер.

>>466232
держи, от Громова штуку
http://codepen.io/nicothin/pen/dPqdyd

А как наблюдать к чему приводят изменения в коде в прямом эфире?

>>466322
F12

>>466322
LiveReload для гранта или галпа. Загугли скринкасты Кантора на тытубе по галпу.

>>465990
Я специально, для примера.
>>465944
Спасибо. Если честно, я об этом даже не подумал, т.к. дебил и ньюфаг.

За какой срок надо сверстать пинк и седону в продвинутом? И верстать его надо после просмотра всех уроков или нет?

>>466322
пока не разобрался с грант/галп можешь юзать что-то типа препросс, коала или еще че

>>466420
в конце каждого видео говорят дз. Вот его потихонечку и делаешь. Продвинутый, на котором верстают 1 макет идет месяц примерно. Если же ты уделяешь время нормально то успеешь после прохождения скажем за 2-3 недели продвинутого и второй макет сверстать.

>>466425
коала юзай

>>466498
Можно разделять, можно не разделять (в том числе и тот кто про фотошоп рассказывает потом в продвинутом так скажет)
Я бы посоветовал не париться и все складывать в папку img

>>466502
Спасибо, буду знать.

>>466024
У меня на ведре он даже открываться не стал, лол.

Какие же, все-таки, флексы охуенные, в 20 строчек разметил то, что на флоатах-инлайнблоках заняло бы у меня раза в 3 больше времени.

Короче, два стула появилось. Взяли на стажировку помощником дизайнера из-за моего знания верстки, при этом фотошоп нихуя толком не знаю, рисовать со школы не умею. Вот думаю нахуй все это и дрочить дальше js, пока не найду вакансию чисто версталы, джуна фронтендера, или месяц 5 дневки за 8к, зато с опытом КОММЕРЧЕСКОЙ разработки? И вообще как это, помогать дизайнеру, охуительные шрифты ему скидывать штоле, лол?

>>466573
Какой же ты ебан, будучи верстальщиком устроился на должность дизайнера и не знаешь что делать, вот это пушка.

>>466576
Ебло, я на должности стажера, был в конторе только на собеседовании. Потом уже позвонили и пригласили. Я не знаю чем должен там заниматься, да. Откуда мне знать. Или помощь в РАЗРАБОТКЕ КОНЦЕПЦИИ ДИЗАЙНА, дохуя информативно?Может раз ты такой умный, просветишь меня?

>>466577
Нахуя ты шел на должность дизайнера, если ты НЕ дизайнер, а верстальщик?

>>466581
Потому что ололо стажировка, мол всему научим. А в моей мухосрани раз в год студии стажеров берут.

>>466582
ты случайно не с миллионника?


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

>>466577
Чувак, надо спрашивать на собеседовании, а не на дваче, что будет входить в сферу твоих обязанностей.

Ну и наверное, я бы все-таки поработал, js можно подтягивать и повыходным, да и по вечерам, если совсем уж уставать не будешь

>>466582
Какой город? Тоже хочу

>>463552 (OP)
Аноны, планирую изучать html, css и js как заготовку для нормального перехода в asp.net
Как там с фрилансом дела обстоят? Трудно найти заказ?

>>466577

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

будут у вас короче одни мозги на двоих, ты будешь одним полушарием, а он другим.

>>466760
Шрифт Roboto, начертание Thin. Перейди в Robot и там скачай.

>>466765
Благодарю!

>>466804
два псевдоэлемента

>>466804
это просто сдвинутые тени у одного кружка

>>466823
это ссылки

>>466832
Это before, ему бордер-радиус 50%, а как тени так сдвинуть?

>>466832
> это ссылки
Но ссылка она куда-то ведет, а это как кнопки управления содержимым на странице.

http://codepen.io/anon/pen/MKLMme?editors=1100


Помогите с проблемой. Не понимаю почему не появляется картинка в before. Что я делаю не так?

>>466908
сам решил проблему. Забыл ширину с высотой поставить. Во дурак

>>466939
1. Выложи свой сраный код на кодпен
2. Убери каскад, сука, не беси меня

>>466942

А чо не так с каскадом? В css-модулях же можно юзать, и не будет с пространством имен никаких проблем, да и путаницы за счет больших файлов - тоже.

>>466954
Поясняю на примере правила ".lbl label". Во-первых оно будет срабатывать для каждого тега лейбл. Во-вторых после срабатывания браузер каждый раз должен будет проверять все дерево аж до тега html в поисках класса lbl. И вот нахуя это нужно, если можно просто написать .label-group__label и проверка пройдет супербыстро?

>>466942
Оказалось я не обновлял винду с 13года и у меня 8ие, сейчас обновлюсь и потом опять гляну.
>>466959
Лбл там нахуй не нужен, я просто тестил и пробовал оборачивать оп разному.
> просто написать .label-group__label
А перед этим просто бэм выучить, я же нгеофит.

>>466966
Тебе из БЭМа надо выучить только основные принципы и соглашение об именовании. Это первые две страницы: https://ru.bem.info/method/

Я хз почему все считают, что БЭМ это охуеть как сложно и непонятно — тебя же никто не просит ебаться с bem-json, местной системой именования файлов и прочим дрочевом. Это может понадобиться только если ты второй Яндекс писать собрался.

>>466972
Объясни пожалуйста, меню, логотип - это отдельные блоки всегда? А какой-то контентный блок в main'е - это элемент? А если у нас слайдер - это отдельный блок или элемент того блока, в котором он находится?
У меня такого рода сложности с БЭМом.

>>466973
Все, что ты перечислил это отдельные блоки. Элемент это то, что логически не может жить вне своего блока. Например, слайдер может жить на другой странице или внутри другого элемента.

Пара замечаний:
1. Блоки можно помещать внутрь других блоков. И у них будет разный namespace и это нормально.
2. В именовании не нужно соблюдать иерархию, то есть element2, вложенный в element1, не обязательно называть block__element1-element2, а писать block__element1__element2 вообще запрещено.

Вообще, советую открыть yandex.ru в инспекторе и посмотреть что там как названо. Мне помогло.

>>466978
Хорошо, спасибо.

>>466976

ебать ты баран. в базовом и флексбокс не показали, и хуле? это значит, что все всю жизнь флоатами будут верстать?

>>466976
Ох блядь и логика, сука женская бы обзавидовалась.
Продолжаяя ее можно прийти к просто охуенным выводам, вон чувак один про флексы уже написал, но это цветочки. Продолжая твои мысли:
-препроцессоры для аутистов, ими никто не пользуется, если бы действительно были охуенные про них бы рассказали в базовом
-медиавыражения и адаптивность для аутистов, ими никто не пользуется, если бы то....
-галп для аутистов,...... ну ты понял, да?

Палю годноту.
https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout

http://codepen.io/anon/pen/NxJKgB

Аноны, понимаю что я использую БЭМ скорее всего очень ужасно, но нужна ваша помощь в одном вопросе, который не дает мне покоя. Вот сижу верстаю макет, и не могу решить правильно ли я поставил контейнер? Имею в виду это не считается за ошибку, что он у меня один на весь макет. В седоне вроде я делал так же, но не могу найти свой макет на ноуте, чтобы проверить, так что надежда на вас. Повторюсь, меня интересует контейнер. Подскажите в этом вопросе.

>>467017
>.info .info__block .info__title
Бляяяяяяяять

>>467021
я тоже заметил это, когда только сделал. Не знаю почему он сделал именно так, но макет еще не сделан до конца, остался слайдер. Как слайдер доделаю, буду просматривать, что еще sass там сделал.

>>467017
Все ок с контейнером. В чем проблема-то?

>>467017
Нет бы сразу скинуть то место, которое тебя интересует. У меня глаза вытекают от этой разметки без логических отступов.
Судя по всему, твой контейнер - это обертка-центровщик с тенью. Обычно его называют "враппером" и довольно часто используют.

>>465605
Такая хуйня бывает, когда ресайзишь после обрезки - ближние к краю пиксели становятся прозрачными. Сначала ресайз, потом кроп. Ну или копайся в настройках.

>>465902
Лох, я за неделю с листовок у ашана до 200к поднялся, нихуя не учил, нихуя не делаю - просто иногда пизжу с клиентом по скайпу о том, что работа идет, но нужно чуток добавить к бюджету, чтобы за новыми трендами угнаться. Потом беру деньги и иду бухать в стрипбар.

>>466125
Единственная адекватная паста. Но ньюфаги все равно не поверят - "Тут же хуйня учить, через месяц уже 50 буду поднимать, еще через полгода 150, а потом в силиконовую долину перееду".

>>466959
>после срабатывания браузер каждый раз должен будет проверять все дерево аж до тега html в поисках класса lbl

Не понял. Посяните тупому, плз.

>>467122
Браузер нашел элемент label, но он знает нужно применить к нему правило или нет — ему нужно понять, есть ли среди родителей класс lbl. Поскольку глубина вложенности не указана, он будет искать его, поднимаясь по DOM-дереву все выше, пока не найдет или не достигнет элемента html.

>>467123
Я думал, он ищет слева направа. То есть сначала нашел .lbl, потом label. А как глубина вложенности указывается?

>>467124
Нет, это было бы очень неэффективно. Именно поэтому не существует селектора, который бы фильтровал по дочерним элементам. Глубина вложенности задается символом: >

Обзорная статья на тему: http://frontender.info/writing-efficient-css-selectors/

>>467126
Спасибо.

>>466959

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

>>467143
Что ты подразумеваешь под CSS-модулем, как ты собираешься задавать область видимости и тебе здесь поможет вебпак?

>>467143
>Проигрываю с начавшегося здесь бэм-дрочерства.

а я проигрываю с питухов, которые 3 дня назад осилили какую-то приблуду типа вебпака и бегут сюда ЛАЛ 2016 НА ДВОРЕ НАДО ЮЗАТЬ ВЕБПАК Я ВОТ ЮЗАЮ ВЕБПАК А ВЫ РЕБЯТА ЛОХИ Я ЮЗАЮ ВЕБПАК СЛЫШАЛИ ВЕБПАК

>>467173

import styles form './someFile.css';

за ключ все это ставит css loader при сборке.

>>467248

Ну примерно полгода как осилил, запустил в продакшен аппу с es6 и css-модулями для компонентов. Не очень плотно слежу за тредом, но форс бэма тут начался явно позже. Раньше кто-то изредка упоминал - мол, можно по бэму, а можно и еще как-нибудь. А щас прям пиздец, бэм или кипячение. Ничего не имею против, но нэйминг-конвенции для css в своем техническом аспекте устарели с апреля 2015 года.

>>467173

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

Сеньоры, начитался я значит про вашу резину-хуину и высрал вот это)
http://c12266.shared.hc.ru/xxx/index.html
При резиновой верстке должно получаться что-то в этом духе?

>>467345
Как правило резина идёт от 1350+ до 1024, а потом идёт адаптив.

>>467357
Не, я понимаю что надо адаптив пилить, просто решил сделать это говно чисто резиновое, попрактиковаться что-ли в %

>>467329
>>467341
А как предлагается управлять сложными состояниями используя эту систему? Допустим, я использую Реакт, и у меня есть компонент Menu и в нем есть элемент item со состояниями isSelected (bool) и theme (string). Сейчас я использую функцию, которая из имени компонента и нужных пропсов генерирует мне класс 'menu__item menu__item_is-selected_true menu__item_theme_rainy-day'. Пропсы обновляются — класс автоматом пересчитывается. Выглядит это примерно так: <div className={getBemClass('item', ['isSelected', 'theme'])}>...</div>

Я бегло глянул эти модули, там предлагается писать код вида <div styleName='item'></div>. Окей, а что делать, если класс зависит от состояния компонента? Ифы хуярить каждый раз? А если состояний много?

>>467391
Обосрался с примером немного, isSelected у item, конечно, будет свой и вообще это будет отдельный компонент, но суть, я думаю, ясна.

>>467391

Я тоже использую Реакт. Не вижу, в чем проблема с css-модулями в твоем кейсе. Не путаешь с инлайн-стилями?

css-модуль - это просто изолированное место, где ты можешь писать css-правила, и позже подключаешь их к своему react-компоненту через синтаксис es6 import. Поскольку лоадер оставит их за ключом, они не попадут в пространство глобального нэйминга css, и ты можешь не писать больше свои длинные бэм-классы, если конечно это не требуется в целях межкомандной коммуникации. Стили компонента не сломаются, где бы он ни оказался.

Функция в рендере ради обсчета css-классов - ну, я бы не сказал что это оптимально, но я не видел кода аппы в целом. Если кейс в том, чтобы генерить зависящие от props классы и все - можно делать внутри {}, складывая строки через + типа "item_name_"+this.props.counter. Если там что-то более сложное, и рендерите вы stateless через => - ну, наверное есть причина вставить функцию. Однако, повторюсь, к css-модулям это никакого отношения не имеет.

>>467401
Ты можешь привести аналогичный пример, где компоненту нужно отрендерить див, меняя классы в зависимости от пропсов? По-моему это очень частый кейс.

>>467403


render(){
return(
<div className={"yolo_swag-"+this.props.data.swag}>
</div>
)
}

>>467404
Ну, лол, это-то понятно. А с использованием css-модулей? Там же добавляется суффикс к классу для сохранения неймспейса.

Да нет никакого БЭМ-дроча, просто тут люди интенсивы проходят и там по БЭМу предлагают делать верстку. Все.
Рассказали бы там про вэбпак, реакт, ангуляр, метеор или еще какую-нибудь хрень - обсуждали бы в процессе изучения материала и их точно так же.
хотя вряд ли - для этого есть javascript-тред в програмаче[/spoliler]

>>467405

const className = styles[this.props.someSwagClass];

>>467414

Не знаю, вполне ли я уложился в твой сложный кейс, но в теории там можно точно так же складывать выплевываемые лоадером строки. Styles поставит ключи.

Анончики, что бы вы выбрали, работать в студии, где постоянно много работы и челленджей, но з/п меньше или работать в компании, в качестве штатного сотрудника с более высокой зарплатой, но соответственно работа будет вестись только над их проектами?

>>467417
Спасибо, покопаю эту тему.

>>467433
Только второе. Пробовал оба варианта. Заказная разработка это унылые типовые решения, срачи с клиентом и прочее разгребание говна лопатой. Настоятельно не рекомендую.

Аноны, дайте сайт в котором люди кидают свой пример анимации и код на ксс, джс и т.п.. Помню тут бывает кидает кто-то из анонов, но все время проебываю тред.

Помню там был пример анимации для меню. Типа красивое появление полоски под словами и так далее.

>>467442
на кодепен.io не судьба погуглить?

>>467443
при чем тут твой кодепен? Там не песочница, а конкретно сайт. Где есть форум и т.п..

>>467445
Это не только песочница, но и библиотека готовых решений.

>>467446
мне нужен именно тот сайт. Это был точно не кодепен.

>>467447
css-tricks.com ?

>>467448
>css-tricks.com
неа. Кажись проебали годноту. Странно что не кинули тот сайт который я ищу в шапку.

>>467450
codrops

>>467453
это именно он! Благодарю, добрый анон!

>>467441
Ну у нас в студии есть целый штат проект-менеджеров. Извини, но у тебя совсем какой-то треш был видимо. Другое дело, что работой грузят без конца, это да.

>>467586
Где-то я уже такую штуку видел.
А вообще лучше в js-тред напиши

>>467586
Лей в песочницу.

Как вы искали работу в дс?
Я могу не только в верстку, препроцессоры и т.д, но еще и в простенькие скриптики на жс и жк, в сборщики и гитхаб. То есть не ноль далеко.
На хх большинство воротят нос.
Мейби убрать нахуй что я junuior? И пытаться закосить под миддла?

>>467635

напиши что бэм знаешь, от звонков отбоя не будет, базарю

>>467635
Простенькие скриптики на джс это какие?
В резюме написал что ты джун фронтенд?

>>467643
>Простенькие скриптики на джс это какие?
Уровня клацни на этот блок, блок меняет свойство. Какая-нибудь валидация еще. Аякс-хуякс. Плюс могу подрубить какие-нибудь карусели на жк, что в общем не сложно, понятно.
>В резюме написал что ты джун фронтенд?
Да.

>>467652
>Да.
Может в этом и дело. По навыкам ты еще не джун. Просто продвинутый верстальщик с претензией на джуна.
Большинство тестовых на джуна фронтенда предусматривали, что кандидат может написать простенькое приложение с фильтрацией данных, приемом и выводом информации, сохранением данных пользователя и т.д.
То есть грубо говоря, нужно уметь написать хотя бы одно SPA с простеньким функционалом типа продвинутого todoapp.

>>467655
В общем я смогу в средненький todo. Конечно не весь функционал что ты написал, но все же.
Фильтрация сложновато, но я уже реализовывал подобное.
Но прикол в том, что я больше писал именно на вакансии верстальщика.
Всем нужен чистый верстальщик с опытом 5 лет.
Но как они собираются их искать? Ведь все перекатываются во фронт.
Может джун фронтендер воспринимается ими как джун верстальщик и ясно, такое нахуй не надо никому.

>>467655
Интересно, а до junior есть какая-нибудь позиция???
Ну вот просто сам факт, например ты без образования, да даже ладно, возьмем с образованием техническим либо выпускника, либо студента последних курсов. Как правило нихрена это в универе не преподают. Как человек может тогда вкатиться на junior позицию (если она предполагается как минимальная)? Ну типа есть junior, middle, senior. Так вот, есть что-то до джуна?

>>467662
Ну тогда хуй знает. Путаница сильная вокруг. Одни говорят что джун фронтенд и верстальщик - одно и то же. Другие, что это все такие разные вещи.
Портфолие свое еще подлатай, возможно в нем дело, ну и резюмешку пересмотри. А может просто не повезло. Щас в парахе кризис, санкции и вся хуйня. Никто толком не расширяется. А на готовые проекты джуны особо не нужны. Там надо быстро и заебись, то есть мидл+.
Те кто собираются расширяться и смотрят в будущее, те таки да - берут джунов.

>>467662
Не все, есть так и остаются верстаками. Вон был видос от типочка из Яндекса. Но верстала все-равно должен уметь в js. И рамки из года в год между ним и фронтом стираются. А в снг это так вообще не удивительно ибо тут пытаются стереть рамки еще и между фронтом и бэком.

>>467663
https://moikrug.ru/vacancies?divisions[]=frontend

>>467663
>Интересно, а до junior есть какая-нибудь позиция???
Этих позиций тысячи.
Зайди на любую российскую фриланс-биржу. Там по 50 откликов за лэндинг паге, стоимостью 300 рублей.
>>467665
Да у меня портфолио вообще минимализм.
Там ссылка на актуальную работу, с анимациями, транзишенами, бутстрапом и жс-ом и ссыль на профиль гитхаба с ~10 работами и всякими несерьезными игрушками.
>>467669
Угу. Хуево, конечно.
Это сразу заставляет задуматься о схлопывании веба в Россиюшке.

Аноны, шо сейчас с вакансиями у верстал?
Правда ли вы первые заказы бесплатно делаете?
Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Сколько зарабатываете и работаете в день/месяц? Люди с зарплатой большей, чем 20000$ в секунду могут не отвечать
Сколько обучались верстать, чтобы наконец получить деньги за заказ на фрилансе?

>>467663
Точно не скажу, но у всяких там джавистов вроде есть позиция trainee. То есть стажер.
В вебе и конкретно фронтенде верстальщик как раз энтри левелом и является.
С джуном заморочки потому что многие считают что джун фронтенд это мальчик прочитавший два учебника. Некоторым компаниям требуются и такие, не спорю.
Однако стандартный уровень, ящитаю - это все-таки наличие практики, то есть хотя бы одного приложения написанного самостоятельно.
Потому что одно дело - читнуть учебник и решить задачку, и совсем другое - когда сам все это делаешь.
Тогда постепенно понимаешь, что при разработке подводные камни есть вообще везде. Что сохранение данных имеет свои косяки, что код надо структурировать и разбивать на логические блоки, нужны модули, а следовательно - сборщики типа вебпака, что нужно следить за множеством функций/областями видимости/коллбеками . Что вот здесь можно проще, а вот здесь сложнее. Что блять фаерфокс, если ему передать функцию в addEventListener без аргументов не отловит объект event снаружи, а вебкитовские движки отловят и т.д. и т.п.
Куча вещей, которые кроме как на практике больше никак не разобрать.

>>467681
>Аноны, шо сейчас с вакансиями у верстал?
Выше почитай.
Без опыта сложно устроиться.
>Правда ли вы первые заказы бесплатно делаете?
Правда.
Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.
>Так ли обязательно надо знать JS и не слишком ли хуево изучать его первым языком?
Для версталы не обязательно его знать, для фронтеда обязательно.
Для первого языка нормально.
>Сколько обучались верстать
Сложно сказать. Я и сейчас не все умею. Те же флексбоксы. Но основы учатся за месяц максимум.
Ну а бабло у кого как. Через месяц-два что-нибудь мейби и найдешь. Не рассчитывай конечно на деньги, это будут скорее поощрения небольшие, уровня 500 рублей за три дня работы.

Требования:

Любить программировать
Уметь отличить плохой код от хорошего
HTML5, CSS, JavaScript на хорошем уровне
Иметь опыт работы на PHP достаточный для выполнения нашего тестового задания
Приветствуется:

Иметь опыт работы на PHP
Навыки работы с командной строкой *nix
Навыки работы с jQuery, Bootstrap, YII, Laravel или иным очищающим карму ширпотребом
Опыт разработки расширений под magento / wordpress / moodle / что-нибудь-накодированное-злыми-индусами (обязательно упомяните в резюме)
Навыки работы c MySQL / PostgreSQL (составление сложных запросов)
Понимание принципов ООП и знакомство с шаблонами проектирования
Понимание принципов работы протоколов OSI ISO
Опыт использования Git, участия в opensource проектах



Ебать требования. Словно ищут Цукенберга

>>467686
>Это даже не заказы, а просто сверстанные работы. Работаешь на себя и вкладываешь в портфолио.
Разве не за отзывы? Можно вообще любую работу вложить, если сам сделал?

>>467669
>пытаются стереть рамки еще и между фронтом и бэком

и веб-дизайном, ггг.

>>467688
Фриланс для опытных.
Не советую туда идти без опыта. Не получится дохуя бабла поиметь.
Если ты совсем школьник, то на мороженное себе заработаешь и заодно сделаешь портфолио какое-никакое.
Я бы посоветовал сосредоточиться на личном фане, верстать и кодить для себя и когда будешь в себе хоть немного уверен, пиздовать в студию.

Требования:
знание css3/html5
адаптивная верстка
адекватность в работе
будет плюсом умение работать c:
less, sass
Bootstrap
Условия:
работа в молодом дружном коллективе
заработная плата обсуждаема
график работы обсуждаем
Тип занятости

Полная занятость, полный день


А вот тут уже по скромнее ищут версталу. Может вкатиться аноны? З/п не указана правда, да и портфолио у них так себе сделано.

>>467693
Я почти школьник и в ближайшие 2 года мне надо освоить и подзаработать немного.
Но таки да, на мороженное, в месяц больше 6к не надо, это вообще возможно?

>>467697
Возможно.
Ты главное поменьше сиди на дваче и побольше учись.
Два года оптимальный срок, чтобы стать неплохим спецом и зарабатывать достойно.

>>467695
За то что отошлешь им резюме никто по пальцам не ударит.

>>467698
Я просто думаю вкатываться в джаву, либо сишарп
И параллельно обучаться верстке и английскому.
Тащемта да, ты прав, я сегодня все хочу выбрать, а завтра уже даже не зайду сюда.
И времени у меня немного поменьше (23 месяца, лел)

>>467704
Не распыляй внимание.
Можно повестить на дохуя технологий и типа сымитировать деятельность.
Ты молод и горяч, любой из этих двух вариантов(frontend/java,c#) у тебя получится, если только ты будешь работать каждодневно.

>>467709
Я знаю, уже было такое.
Вот реально, что выбрать? На джаве вакансий в офис больше, а фриланса нету почти.
А у сишарпа дохуя технологий, которые приходят и уходятэ

>>467710
Не знаю.
Посоветуйся в программаче.

>>467710
Джаву.

Мде, взлольнул над обсуждением ксс модулей, очередная оверхайпнутая хуйня, которое вообще в принципе невозможно юзать в сколь либо большом проекте.

>>467635
Боже, как я тебя понимаю.
Написал в резюме, что я front-end разработчик. Только потому, что мне сейчас в вёрстке часто приходится устанавливать самый разный js. В основном jquery, но уже не только. Да, глупо, но хотел выставить себя по-лучше.
Блин, смотрю, за день штук 20 просмотров и 4 предложения, круто. Да только все они что-то вроде: "нам нужен бла-бла-бла гуру js с опытом от 3-х лет (а ф написал, что у меня всего год опыта), чтобы возглавить отдел, лол."
Пиздос, почему я не добавил junior.
Теперь получается я засрал резюме, раз его уже посмотрела куча народа и все думают, что я одинокий team lead, который не может найти себе пристанище.

>>463552 (OP)
Аноны, студент может на этой вашей верстке поднимать хотя-бы по 8к в месяц?
Когда-то давно учил верстку в течении 2-х месяцев, не фрилансил, нужно было для своего проекта.
Сейчас если месяца 1.5 посижу, думаю, все вспомню.

>>467826
Я очень не хочу идти клеить и раздавать листовки, аноны, не для меня это.

>>467826
И поймешь что тебе еще учить и учить.

>>465457
ну хз, мне, например, было очень сложно впервые поставить gulp и stylus + jade просто потому, что инфы на русском мало, а та, что есть, не объясняет новичку о том, что это такое и как его ставить. пришлось самому копаться в доках ноды и нпм, чтобы вкурить, как все это ставить. так что я того анона понимаю, в первый все сложно.

или еще пример. на html-academy объясняют, как писать html и css, но не объясняют банальное создание html и css файла. как-то знакомый попросил ввести его в тему верстки.этот пидор, конечно, хотел научиться всему за пару недель и украсить сверху асинхронным js, не зная его нихуя. так вот он спрашивал меня о банальном создании файлов, в каком формате их создавать. и ответа на html-academy по этому вопросу нет.

>>465469
хуйня, не смог перекатиться, брекетс неудобныйпо крайней мере, был и тормознутый, саблайм пизже. а еще есть php-storm, это вообще pooshka.

>>467873
На базовом все разжевано и в рот положено, в том числе и показаны форматы файлов.

>>467684
блядь, точно, про файерфокс забыл, спасибо

>>467687
обосрался, человек-аркестр нахуй. но на деле не так уж и страшно, основы всяких вордпрессов и жикуери учатся за пару недель

>>467877
вот только за базовый интенсив надо платить, или сидеть на дваче и мониторить верстка-тред на предмет полезных торрент-файлов. а в свободном доступе ты этой инфы не найдешь, если не полезешь на торрент-сайты.

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

>>467891
>вот только за базовый интенсив надо платить, или сидеть на дваче и мониторить верстка-тред на предмет полезных торрент-файлов. а в свободном доступе ты этой инфы не найдешь, если не полезешь на торрент-сайты.

Проиграл в шепотину. Тебе так сложно скачать с торрентов? Давно там все лежит и легко ищется. На nnm-club по запросу "html academy" всё есть. Зайти на сайт и воспользоваться поиском в состоянии?

>мне, к примеру, неудобно смотреть видео-материалы, так как я куда быстрее читаю и понимаю написанное, чем видео-уроки.

Ой, да вы только посмотрите на него, ему неудобно! Ему бесплатно выложили базовый и продвинутый интенсивы да и ещё JS-интенсив, а ему неудобно. Вот это пушка. Неудобно — ищи всю нужную информацию сам.

>>467902
Чувак, как я понял он и так уже это знает, просто высказывает свое мнение по-поводу усвоения инфы, в том числе и исходя из того, что пытался кому-то помочь вкурить верстку.

>>467891
Вот с торрентами не понял. Религия чтоли на них сидеть не позволяет? Я лично интенсивы нашел раньше чем этот тред вообще. (Ну кроме js-интенсива)

>>467891
Ну и да, видеоматериалы хороши так сказать для овервью, а вот как повседневный справочник конечно юзать их неудобно, некоторые вещи проще в доках почитать, тут согласен с тобой.
Хотя вообще люди разные и каналы восприятия могут разниться.

>>467902
>Неудобно — ищи всю нужную информацию сам
что я всегда и делаю. благо, у меня есть друг-фронтенд, с которым я консультируюсь.

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

>Вот с торрентами не понял. Религия чтоли на них сидеть не позволяет? Я лично интенсивы нашел раньше чем этот тред вообще.
я и не стремился искать различные интенсивы, обучался в компании у другого верстака, потом уже сам обучался.

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

>>467916
>друг-фронтенд
Лучше бы у тебя был друг-мозг.

>>467917
петросян дохуя?

>>467873
Чему ж ты блять обучался, если не знаешь как создать html или css? Похоже что не верстке, и точно не логике.

>>467945
в глаза долбишься?
>как-то знакомый попросил ввести его в тему верстки.
>так вот он спрашивал меня о банальном создании файлов, в каком формате их создавать.

Я правильно понимаю, что в гитхаб.пэйджс можно опубликовать только один проект?

>>467991
неправильно.

>>467991
Неправильно.

поясните за сасс. Надо все свойства, которые у меня будут в макете указывать через $ или можно будет где-то записать к примеру margin: 20px, margin: 25px вместо $margin_one: ...., $margin_second: ....???

>>468112
Можешь вообще ни одного. Зачем хоть цсс в переменных писать.

>>467875
>php storm
Тогда уж web storm

>>468112
Посмотри еще раз ту часть где рассказывается про переменные в препроцессорах

Пацаны, я вам работу нашел
hh.ru/vacancy/15761023

>>468242
не профиль, это больше дизайнер веб мастер, от которого много хотят

>>468242
Прикольно нужен спец по СЕО, копирайтер, web-дизайнер, дизайнер печатных изданий, фотограф, верстальщик, веб-программист в одном лице

>>468153
ну хз, мне phpstorm поближе будет, и, если не ошибаюсь, он и помощнее

>>468349
Отбой, я сам разобрался.

Котоны, спиратил последний фотошоп, как там теперь элемент выбирать? Раньше просто кликал мув тулом и все, а теперь на клик мув-тулом не реагирует, а cntrl+click выделяет слой с этим элементом, а не сам элемент.

>>468576
Там в настройках где-то ставится, что именно выделять на ctrl + clk

>>468579
А все, нашел, там на верхней панели настройик инструмента надо было чекнуть "auto-select: layer"

>>468576
галочку наверху автовыбор слоя поставь ебана рот

Концентрация бесполезных рифлеманов просто зашкаливает. Такое впечатление, что донаторы до последнего верили, что рыбы заквиркуют раннюю версию джаггера так, что она будет имбовать.
Олсо, альттабнулся, чтобы написать этот пост прямо во время перестрелки на поларе.

>>468713
никак, покупай макбук

>>468713
Боже, какие убогие брови.

>>468713
скачай 5.1.7 версию блядь, если в ней все будет норм, значит и в последующих тоже все будет норм

>>468718
под 7 разве есть сафари?

Как правильно выранивать элементы в div`е по центру (вертикально/горизонтально)?

>>468722
> выравнивать
фикс

>>468723
Flexbox.

>>468720
есть, но он дико старый, как говно мамонта.

>>468722
когда вы блядь в гугл уже научитесь? https://learn.javascript.ru/css-center

>>468735
Не ругайся. Я же не спрашивал, КАК это сделать, интересует как это сделать ПРАВИЛЬНО.
Вот по твоей ссылке для вертикального выравнивания три способа - первый кривой, второй не всегда применим, в третьем подразумевается применение таблицы, что (вроде как) нарушает семантику документа.

>>468735
Половина этих способов — хуита для древних браузеров.

>>468722
https://css-tricks.com/centering-css-complete-guide/

>>468739
Кантор хуйни не посоветует)
Верстаешь блоки, им задаешь display: table-cell. в этом нет ничего страшного, ты же в html не прописываешь блядские tr td.

ну и по поводу семантики, вся суть в том, чтобы вставлять теги таблиц чисто для использования таблиц, а не для main и aside таблицами.

>>468741
ясен хуй, те же ie10< уже древние браузеры. их тоже приходится поддерживать, если потребуется, ведь это немалое количество пользователей. а те же флексбоксы, которые вы тут пиарить с какого-то хуя начали, еще не везде поддерживаются, приходится думать о поддержке тех же старых ie и сафари. и еще пару лет придется. а вообще, можно радоваться, так как старые браузеры потихоньку уходят, появляются новые стандарты, и скоро можно будет не использовать ту же jquery, заменив ее нативным js.

>>468746
Статистику юзанья в рунете ие знаешь? Рекомендую глянуть

>>468749
если не изменяет память, месяц назад было 0.5% у ie8, учитывая, что в стране ~145кк человек, то мы получаем ~725к человек. уберем половину, так как школьники и старики, получается 362.5к человек. весомое количество пользователей, тебе так не кажется, Peedor?

а caniuse показывает 1% использования. это еще больше.

не учи ученого, мудила. я сам еще год назад верстал под 8 ишака со всеми этими картиночными уголками и прочим говном.

>>468752
В рассее интернет еще не у всех есть. Пользователи на старых ослах нахуй не нужны, если ты не Яндекс или Вконтач. Поддерживать код дороже.

>>468752
Ну да, ты прав по цифре. За январь было 0.4%. Только смотреть все же надо на относительный (процентный показатель), а не абсолютный. И глядя на 0.4%, Карл, почему просто не подключить для них полифилл флексовый если уж прям так надо?

А кто из нас еще мудила большой вопрос исходя из твоей манеры вести диалог, мелкобуквенный.

>>468754
а потом к тебе подбегает ПМ и пиздит лопатой по голове, ибо проебались 1000-10000 пользователей, которые сидят на ie9. и ты будешь потом начальству объяснять, почему сайт не работает на ie и старых хромах-огнелисах. "кококо, зато флексбокс, смотрите, как вертикально выровнял".

>>468757
страница будет грузиться дольше. пошел на хуй.

>>468758
В моей компании требования принимаются все-таки до начала проекта. А про буйных ПМов рассказывать не надо, я сам буйный ПМ.

Помогите ньфагу. Начал смотреть базовый интенсив HTML academy и в конце первого занятия нужно зайти на сайт borodinski-barbershop. Ввожу я в cyberduck их сервер и логин с паролем, которые есть в видео, и в результате 530 Login authentication failed, неправильный логин.
Вопрос, нужно ли закидывать на их сервер макет или просто верстать себе в оффлайне ?

>>468746
>флексбоксы
>пиарить

распиарили блядь шо пиздец, ага

>>468781
хаха

>>468781
Лол

В препроцессорах файл grid.scss(less) отвечает, судя по названию, за сетку? Что в нем прописывать?
Шаг 2 из progressive enchancment (построение сетки)?
А потом блоки стилизовать только с помощью типографики и размеров, не касаясь их позиционирования?

>>468781
Ты же интенсив спиратил, сам подумай.

>>468894
ток без этих \t\ ессественно, хз че за хуйня

>>468894
Адреса правильно указал? Может надо '../fonts/'
И ещё, если делаешь шрифт отличный от regular. Например, как у тебя light:
@font-face
font-family 'Helvetica Condensed' - не указывай здесь light, это глупо
src url ...
font-weight 300 - а указывай здесь.
font-style normal

То есть, когда будешь указывать шрифт и вес, то у тебя будет находиться правильный.

>>468894
http://nicothin.ru/page/web-fonts

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

>>468869
Не спиратил, а решил ознакомиться. Просто на NNM в комментах :

есть доступ к бородинскому сайту. наверное вздёргнут за то что свои файлы там сохраняю?

Если ты один будешь там хранить файлы, то ничего не случится. И врядли кто-то что-то поймет)) Главное - они чистят все перед каждым новым интенсивом.