24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
Совсем уж ньюфажекам с вопросами "с чего начать?" сразу лезть в пасту в конце ОП-поста. Там все расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
Желающим что-то спросить у анона по части кода "как сделать/почему работает/почему не работает/etc" следует учесть пару советов. Если коротко то всегда лейте свой говнокод в песочницу, а в посте прилагайте дополнительные объяснения проблемы и скрины, еще лучше если перед этим вы подумайте своей головой. Те кто спамят очевидными вопросами в треде, не задумываясь толком, как правило, ничему научиться не способны. Без нормальных пояснений проблемы и залитого кода в песочнице вам никто не поможет, так что без нытья, вас предупредили.
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках: >Идите нахуй. или >Используйте блять codepen, cssdesk, jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css и ковырять его вилкой.
То же касается умников со скриншотами. Если запилили скрин и желаете получить внятный ответ – показывайте и код. В противном случае не жалуйтесь на реакцию. =====================
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
>>475601 Весьма неплохо, делал всякую йобу но в маленьких масштабах и не все наизусть знаю, в читщит если подглядывать то норм. фронт энд это вообще насколько перспективно и чего ждать?
>>475610 Ну как бы да, я вот смотрю тотально упарывают CMS-ы Bootstrap, как будто нельзя зделать ванильный код без хуевой тучи классов в каждом элементе. >>475614 Переходы, анимации, всплывающие менюшки, окошки, гармошки, транформации, слайдшоу, трахмерный куб из картинок,
>>475618 Неплохо, но к HTML5 это почти не имеет отношения. Да и словами "я выучил ECMAScript 5" после пары написанных слайдеров я бы не кидался. Напишешь свое приложение, тогда и приходи.
>>475652 Лол HTML5 это разметка в первую очередь, я ее знаю. Там есть и API для JS но это я знаю поверхностно. JS я только учу. >Почти не имеет отношения Лол, имеет. Тяжело представить с чем у тебя ассоциируется термин HTML5, наверное с WebGL, Video API, Audio API и Canvas, но это в большей степени относится к JS, а в коде HTML только размечается присутствие такого объекта и ссылка на него.
>>475704 >наверное с WebGL, Video API, Audio API и Canvas Совершенно верно. А еще с WebWorkers WebStorage geolocation новыми фишками типа FileReader, FormData Constraint validation и т.д. и т.п. Они составляют львиную долю обновлений. Разметка же конечно важна, но на ней HTML5 только начинается. Только я сразу уточню, что имею в виду требования на фронтендера. Верстальщику ессно хватит и разметки, а также умения применять новые теги, отличать секшн от артикла и т.д.
>>475718 Лол, выходит Я уже версальщик? Но API для джава скрипта же, WebWorkers это фишка сугубо в самом JS, часть стандарта ES5 и никак на разметке не замешана. HTML лиш небольшая часть этих обновлений, в большей степени поменялись интерпретаторы JS и сами браузеры. Просто мне кажется что все тобою названое это ECMAScript 5, и не относится к HTML5, наверно эти стандарты появились почти одновременно что сформировало такие ассоциации. На разметке HTML5 заканчивается. Мне кажется странным что эти API не находятся в спецификации ECMA, они таки в спецификации HTML5? Ну хотя это логично что в спецификации языка нет API, там только ванильный язык. Но то что он в стандарте разметки странно, для удобства зделали наверно, чтобы стандарт был, а не каждый производитель браузера делал свой.
>>475737 >На разметке HTML5 заканчивается. Взлольнул с тебя. Попробуй тест на апрворке пройти хтмл5, там буквально 2-3 вопроса из 45 про разметку. Тебе правильно анон выше говорит, хтмл5 это разные новые йоба фича, и в основном они связаны именно с жсом.
"HTML5 — это не продолжатель языка разметки гипертекста, а новая открытая платформа, предназначенная для создания веб-приложений использующих аудио, видео, графику, анимацию и многое другое."
>>475742 Если бы я делал стандар ХТМЛ я бы в него не включал ЖС-овские API, я больной? Вообще весь фрон-енд так связан что хуй пойми к чему эти API относятся, API один для всех браузеров должен быть, таки логично что его запихнули в HTML, вот тег video вот API к нему, но WebWorkers почему отнесли к HTML5? Ванильный язык в псевдомногопоточность не может?
>>475750 Ванила-то все может, а вот браузеры такой возможности им до недавнего времени не предоставляли. Приходилось изъебываться таймаутами в однопоточном режиме. JS тут вообще не при чем, поэтому надстройка браузерная стала относиться к html.
>>475770 аналогию придумал. Представить, что кабель интернета-это браузеры, а ноутбук js. Раньше был только один поток интернета(скрипта) через кабель, и что бы их стало 2 надо было на подключенном к кабелю ноутбуке раздавать вай-фай для другого ноутбука, чтоб они оба работали. Потом к кабелю прихуячили роутер и ноутбуки стали без проблем работать параллельно. Роутер-это WebWorker и прихуячили его к браузеру(кабелю) поэтому относится эта параша к html, ибо браузер начал реализовывать многопоточность однопоточных скриптов.
>>475773 Насколько я знаю то нет, там будет не равноценный тред а второстепенный или фоновый так сказать, у них там такая природа. То есть нельзя создать приложение которое распределено на 4 потока.
>>475780 Хуёво ты знаешь, там запускается полноценный отдельный тред, никак не зависящий от основного. И да, можно между тредами общаться и распределить вычисления. Так что ты опять обосрался.
>>475784 Это ты хуево знаешь, у воркера кастрированые возможности, что не делает его нормальным тредом. Они помогут там где надо паралельно обрабатывать какую-нибудь хуйню, чтобы основной процесс не остановился пока эта хрень обрабатывается.
>>475787 Лол блять, если у нету своего дома, это не значит, что он кастиророванный. Ты точно ебанашка, наслышался умных слов, но по делу нихуя не знаешь.
Аноны верстальщиком реально найти какую-либо работу? Или без JS хуй, чтото смотрел вакансии верстальщика там надо знать HtMl5 css3 js с фреймворками ну и немного php а зарплата как у бухгалтера.
>>476279 Верстала-это унтер джун фронтэндера. Берут сейчас в основном ток джунов FE, там основа это JS. А пыха(BE) только на уровне основ. Тебе хули в бекенде-то не сидится?
>>476307 >додрочить JS и потом начать бекенд. Можно совместить, ток востребовательность маленькая, но зато платят заебись на таких проектах как правило.
>>476318 На данном этапе я чувствую себя быдлом которое ни во что не может, надо упарывать английский еще чтобы не страдать при обновлении стандартов, вроде кае-как получается, но вроде и стою на месте, еще и с шиндовса на генту перекачиваюсь, там тоже проблемы.
>>476327 Если всё так сложно и плохо, то не пытайся браться за всё сразу и нестись голопом. Учи немного, но понимай всё и не иди дальше пока не понятно, сделай свой сайт портфолио или какой-нибудь ещё свой проект. Тут тебе насоветуют, будет учить три языка разом и на аглуляря приложухи пилить, ага.
Сразу извиняюсь за ебанутый вопрос. В общем как мне оживить и зациклить академевский ксс слайдер? Можно с помощью JS задавать интервал :checked радиобаттонам по очереди?
>>476669 Нет, ты уж извини, но долбоебы - это те, кто пытается прописать бэкграундом картинку тегу, который предназначен для непосредственной вставки картинок. Ты понимаешь вообще, что картинка в данном случае оформительская и она дабы не плодить лишние теги должна вставляться через псевдоэлемент?
>>476682 нет-нет, какая разница оформительская или нет, допустим что нет, и что? Смысл тут в том, что тег img не поддерживает привязку классом. Было бы разумно убрать эту хуйню и тогда, с точки зрения семантики можно было бы использовать изображение спрайта в теге, но увы. Посмтри еще раз на лаконичность и краткость этой строки, которая бы отображала правильное изображение, если бы не бордер.
Суть такова. Есть две submit-кнопки. Первая отправляет форму, вторая прикрепляет файл. Мне нужно через отдельный селектор добавить туда картинку(зелёную галочку), чтобы иметь возможность не отображать его по умолчанию, а показывать, только когда файл реально загружен. Пытаюсь сделать через псевдоэлемент, но нихуя не получается. Судя по всему, проёбываюсь с селектором, потому как через ховер картинка добавляется без проблем (закомментировал в коде). Помогите разобраться, что делаю не так.
Я тут решил попробовать сделать такую иконку псевдоэлементом, вместе с кругом целиком. Так вот, как это сделать, при условии, что иконка будет спрайтовой?
То есть, сам-то круг можно сделать псевдоэлементом, но в него же надо еще поместить и зацентровать иконку, которой нужно задать ширину и высоту для спрайта. Самый простой вариант - сделать картинку размером с круг, с иконкой по центру. Потом его поставить бэкграундом псевдокругу, и когда будет спрайт, все будет выглядеть как надо.
Собственно, такой вариант использован в примере. Картинка 80x80, псевдоэлемент тоже 80x80, иконка в центре картинки.
Но может есть еще варианты? Как в псевдоэлемент поместить еще один элемент с шириной и высотой и зацентровать его?
>>476825 ну в данном случае можно сделать круглый див и бордер ему задать. А вообще помещать что-либо в псевдоэлементы невозможно, они блять в вакууме виртуальные, если только наоборот поместить внутрь дива при помощи псевдо какой-либо элемент. И то, центровать его нормально хуй получится.
Это понятно, я как раз хотел найти вариант, чтобы не пихать пустые дивы в хтмл. Теоретически можно сам див через :before, а иконку через :after, но центровать все это говно вручную придется.
>>476846 невозможно поместить туда ОБЪЕКТ. Ты мне затираешь что можно иконки и текст, так вот они тело псевдоэлемента, а внутрь этого тела, ты нихуя не положишь!
>>476860 Если псевдо элемент фиксированной ширины абсолютно спозиционирован относительно относительного блока произвольной ширины, как будешь позиционировать?
>>476844 В данном случае лучше впихнуть дополнительный див, чем ебать себе мозги вложенными псевдоэлементами и прочей ересью. Код становится чересчур уж неочевидным. >>476870 Не уверен что понял тебя, да и не сильно вникал в вашу дискуссию, но если я определил вопрос правильно, то должно помочь например вот это: left: calc( 50% - el.width/2 )
>>476814 Во-первых ты таки проебался с селектором. last-child применяется только к тем кто имеет потомков, и он не отлавливает псевдоэлементы. Во-вторых инпутам нельзя задать псевдоэлементы. Зато можно обернуть их в див, и задать псевдоэлементы ему. https://jsfiddle.net/vwup0cfs/7/
>>476931 >>476934 Бля, точно. Сейчас перечитал тобою написанное и охуел слегка от масштаба и количества собственных проёбов. Вот что значит на полгода на верстку забить. Спасибо тебе огромное, очень помог!
>>477016 Стоит напомнить, что ни одна уважающая себя и более менее нормальная контора не будет нанимать человека оркестра. Ибо понятно, что нельзя и рыбку сьесть и нахуй сесть
>>477187 Возможно, но вложенные ПЭ, это был бы тот еще пиздец. ИМХО, в декоративных элементах, всяких переключалках и прочих перделках есть куча кейсов, когда дополнительные обертки просто необходимы. Та же 3D card с возможностью вращения, если я правильно припоминаю, по одной только разметке состоит из дива в диве, в кототором есть еще два дива, отражающие по одной из ее сторон. Притом каждая сторона в определенном положении скрывает другую через transfrom rotate.
Антуаны, как бы вы назвали классы которые представляют из себя вот такую форму по БЭМу, примерно. Синим название всего родительского класса. Назовите три другие класса, если форма на флексах.
Ребята, ретинизацию тоже надо учитывать при верстке всегда или только когда будет задание такое? Просто пиздец что-то голова кругом идет от той кучи ньюансов, что надо учитывать при вертске.
>>477286 навскидку - хуйнуть форму отдельным блоком form, внутри div.form__inputs + textarea.form__message. внутри form__inputs инпуты стилизовать либо через каскад, либо задать каждому form__input.
если форма не блок, что наверное более вероятно, тогда форму сделать элементом block__form, соответственно все остальное будет иметь префикс block - block__inputs, block__textarea и т. д.
Аноны. Заебал меня анальный зонд в виде вин 10, а на мак не хватает. Хочу накатить убунту. Под набрать скилл в терминале, да и unixподобных системах. Какие минусы для верстальщика (кроме очевидного PS). Все препроцы, редакторы, и т.д. работает?
Ищут человека рпкестра, а платить будут только как верстале. На собеседовании можно смело повышать ценник , если потребуются скилы пэхи например, не согласятся-нахуй посланы
>>477345 >услышали слово верстальщик и применяют ко всему, что касается вэба ну стремно наверное писать "фронтенд-девелопер", требовать при этом кучу всякой адской хуйни и платить за все это двадцатку.
Вопрос такой, наверное не первый, но в оп-посте ничего об этом не увидел. Можно ли вкатиться если я 26лвл хуйло, которое последний раз пять лет назад на делфи написало глючной блокнот? В том смысле, что смогу ли я хотя бы через год получать ЗП чуть выше средней по своей мухосрани, если буду реально задрачивать эту хуйню? Я просто не в теме и вообще не понимаю какой спрос на это всё. Я в отчаянии, помогите советом, плиз.
>>477388 Ну так пробуй, если хочешь. Или ты ждешь что мы тебя уверять будем, что ты потом работу найдешь? хах. А срок обучения только от тебя зависит, особенно если учитывать JS. А через год без JS точно ты нахуй никому не будешь нужен.
>>477396 Хорошо, спасибо, я если честно вообще думал, что меня сразу нахуй пошлют и говном польют. Я немного разобрался теперь. В принципе из вёрстки и в программирование будет в любом случае проще перекатиться, как я понял.
>>477421 На их сайте да, вообще есть редакторы с автодополнением + emmet (sublime text 3, atom, brackets например).
А вообще короче качаешь базовый интенсив из шапки (их курсы - часть этого интенсива). Далее смотришь видео урока, вникаешь, в конце говорят дз - выполняешь его, читаешь допы и проходишь курсы, которые соответствуют темам урока (либо названы в конце урока были). Все - переходишь к следующему.
>>477400 >В принципе из вёрстки и в программирование будет в любом случае проще перекатиться Лол, нет, это, можно сказать, вообще не связанные между собой вещи. Верстка это по сути просто раскидывание элементов по заданной сетке. То есть тебе не надо знать алгоритмы, язык и прочую хуйню. Все теги разучиваются легко в процессе верстки.
>>477496 >Тредам уже полтора года или чуть больше Ньюфаги-ньюфажики. Треду как минимум 3 года, может чуть меньше. Треды начал анон, который написал ориджинал-пасту. Интересно кстати, как изменилась отрасль за такой короткий срок - нет уже никаких студий в мухосрансках, да и больших городах я так понял их не так много стало, то есть выжили сильнейшие, которые уже полностью укомплектованы. Вкатиться стало ГОРАЗДО сложнее.
Вначале долго пытался сделать как можно больше универсальных блоков, которые я мог бы ре-использовать, но в конце всё скатилось в длиннющую лапшу классов. Если кому не лень гляньте классы, не сильно ли я обосрался.
да вы заебали блять. тут и миллионники мухосрансками считают, видимо не зная, что в рассиюшке есть "города" с населением в 30-50 000 рыл например, с двумя ржавыми заводами и кладбищем. там изначально никакими студиями не пахло.
и сразу фейл. модификатор блока, во-первых, был бы такой: big-block--left.
а во-вторых, это не модификатор, а типичный класс-хелпер с одним свойством, который ты лепишь дивам по всей странице. в бэме такое не любят, насколько я помню.
>>477630 Ссылочку/писечку? В продвинутов заебали рассказывать про все эти плюшки и даже не показывают, как их использовать на практике. Если бы я платил за него, то был бы очень возмущен.
>>477625 все основные свойства блока должны быть в классе блока, если блоков несколько, но один как-то отличается, его отличия добавляются классом-модификатором.
мне сложно понять, по какому принципу ты их называл, потому что сначала идет block-big, потом block-large (лол), потом middle, потом ни с хуя footer, в общем дико. не зря громов толковал, что надо не внешний вид в названии блока выносить, а то, что этот блок представляет собой вообще.
если тебе прямо пиздец нужен класс-хелпер, то теоретически ты можешь завести специальный блок под это дело с одним свойством, и добавлять этот блок, куда надо. это будет по сути тот же самый сраный хелпер, но в бэме это называется микс. но миксы для совсем нуба еще сильнее усложнят понимание всей этой бэмохуйни, и тот же громов говорит, что как бы вообще нехуй их юзать.
>>477636 Мне сейчас не хочется разбираться с JS и автоматизацией, буду это делать когда досмотрю до соответствующего курса в продвинутом. Мне надо просто получить код из готового svg для вставки его инлайн в хтмл, чтобы запилить его адаптивность. Можно это как-то организовать?
>>477544 Есть, просто у них сильное расслоение пошло. Опять же от города к городу разница огромная. В моем городе 300к есть две крупные фирмы международные можко сказать, и штуки 3-4 студии. А в соседнем нет нихуя вообще.
Хм, а что пинковского сложного логотипа нет в паке картинок? Есть только просто надпись PINK в svg-формате, а по частям он лежит в пнгшках, в макете это тоже отдельные картиночки, вроде как.
>>477670 Тебе самому этого не хватит, гугли разномастное говно в псд и верстай, штук десять для закрепления основ и нюансов. У них в макетах нет вообще ничего сложного, можно сказать.
Подскажите почему нтх не работает. Хочу каждому второму блоку сделать маргин, чтобы ссылки выровнялись, но он делает всем маргин. Уже все перепробовал.
Аноны, поздравьте что-ли. Приглашают на вакансию фронтендера, именно фронтендера. С зп в два раза больше чем сейчас, будет 60к после исп срока. Уже успешно собеседовался и выполнил тестовое задание, меня хотят брать. Сам удивляюсь своей удаче. Вроде всё круто, но все равно, что-то гложет. Не хочется уходить из старой ламповой компании, где я был версталой под Битрикс. Да, там ещё была удалёнка. Хз, почему так. Может потому что первый раз ухожу с работы, может потому что там норм люди работают, хоть и платят средне. Странно как-то.
p.s. Начинал, кстати с треда >>477570 Это было моё первое появление здесь
>>477816 Поздравляю, не мандражируй, менять коллектив и место всегда тяжело, поначалу стремно, но это пройдет. Алсо присоединяюсь к предыдущему вопросу. Какие требования/тестовое было?
>>477818 Дан массив значений, на его основе с помощью jquery надо построить сетку на странице. в зависимости от значения массива должен выводится либо определённый текст, либо само значение. Дальше был дан рисунок страницы. Там просто равномерно распределены блоки в контейнере по четыре в ряд, в каждом третьем - три блока, все по центру. Я постарался всё оформить как можно красивее. Использовал статью: https://habrahabr.ru/post/158235/ Hr сказала, что руководителю, что ему очень понравилось.
>>477822 Требования были охуительные в вакансии. Я даже удивился, что меня пригласили на собеседования. Как минимум я по стажу не подходил (там надо было от трёх лет). На собеседовании им понравились мои знания вёрстки, но не понравился js. В итоге они потом мне прислали тестовое.
>>477853 Меня больше гоняли, по базовым знаниям джаваскрипта, что такое замыкание, как работают событий и чем отличаются различные методы событий. По сути, Кантора, наверное, было бы достаточно. а по поводу фреймворков, я им честно сказал, что в основном работал с jquery, потому что другие в рабочем процессе мне были не нужны.
>>477816 Не густо ты за почти 2 года прокачался. Я всего 7 месяцев работаю, зп такая же, как у тебя будет. Переходи конечно, верстка это днище, тем более раз требования такие низкие на такую зп.
Ненавижу блядь фронтенд, но порой приходится. Решился наконец освоить бутстрап и не ебать себе голову, но когда вижу хуету на пикрил у меня голова болеть начинает. Нахуя так много всего? Вы ебанутые? Нахуя все усложнять?
>>478174 Можно но жквери для того чтобы оптимизировать процесс нужен, его надо применять на странице где он понадобился либо тотально либо совсем не применять, ну ради одной с половиной функции не надо подключать по-хорошему, хотя и такое наверняка практикуют.
Ананасы а схуяли пишут высшее образование для верстальщика? Они ебанутые? Часто вижу вакансии в духе НTML5 CSS3 JS Bootstrap jQuery Angular Photoshop и немножко PHP за такие деньги как 300 бачей, что это за конторки то? Бодишоперы какие?
>>478271 Wordpress забыл добавить, это не сложная штука? Звучит мокрописечно, это свободное ПО? Посмтотел зашел какой-то сайт блядь а-ля платный веб хостинг, нихуя не понял зачем это нужно.
Пиздец, я ебал это говно. Оно вроде как выглядит и несложно, но сука, я натягиваю верстку по видео, на аналогичный дизайн, а если дизайн будет другой, то я тут же сунса. это пиздец какой-то.
>>478286 >О веб-дневниках — Что же такое блоггинг и с чем его едят? >Что собой представляет WordPress? >Особенности WordPress >Перед установкой WordPress >Установкой на Хостинг >Настройка Боже что за васянство >2016 ебать. Эта хуерга вместо сервера стоять должна? >CSS: Устранение ошибок несовместимости с обозревателями >СCS: Устранение различных неполадок Спермореалии блядь. >Для WordPress создано немало модулей Ну охуеть теперь >Обновление WordPress >Общие проблемы установки Почему нельзя просто сделать бек-енд? Почему мир так жесток? >Проблема: Я не могу войти Идите нахуй, я в ДНО-тред.
>>478271 Ну тип если закончил вышку значит обладаешь полезными качествами, выкручиваться из жоопы там например, иногда даже сообразительность, способность заканчивать начатое и т.д.
Блять, как можно этим говном обоссаными пользоваться под названием Bootstrap?
По макету дизайнера имеем такую сетку:
Слева — боковая панель с фильтрами шириной 1/6 (2/12 по bootstrap или col--2) Справа — контент (товары) шириной 5/6 (10/12 или col--10). Все ок.
Но контент поделен на 5 колонок... И как быть, когда на мобильном у меня 3 товара влезают в один row, а на десктопе 5? Количество блоков col в row нельзя менять средствами HTML и CSS. Я так понимаю, эта сетка вообще не жизнеспособна и подходит только для каких-то простых страничек. Тут надо 90% фреймворка кастомизировать, как смысл его использовать в таком случае?
Посоны, что посоветуете? Может у меня глаза замылились и я не вижу очевидных решений этих проблем? Нужен трезвый взгляд со стороны.
Поясните за mobile first. То есть у меня в начале должна получиться узенькая страничка, отцентрованная по центру браузер(вьюпорта)? А потом я буду писать огромную тучу медазапросов, расширяя сайт, так?
>>478831 Ну вот хрень для телефонов, по курсу её нужно верстать первым, я делаю узкий лендос, на 320px, так?
И ещё, есть же два варианта написания медиазпросов - либо с <meta name="viewport" content="width=device-width, initial-scale=1.0"> в head, либо с @media screen and в медиазапросах, так?
Ребята, простите пожалуйста за скриншот, не очень хочется возиться с песочницами, да и тут вроде бы все понятно. Нужно сделать такой вот треугольник (и еще парочку только других выше). Я их сильно растянул через skewX, потому что верстаю адаптив+резина. Надо чтобы при растягивании они не оставались на месте. А растяжение в процентах задавать нельзя. И вот такая беда - эти тянущиеяся штуки продолжаются справа от вьюпорта, то есть появляется скролл вправо и там эти треугольники продолжаются. Пробовал задавать overflow:hidden у body, но половина контент куда-то теряется. Какой может быть выход из этого положения?
Блять, как же бесит верстка. Не вообще HTML/CSS, а именно верстка по макету из графического редактора, так как это нахуй не нужный этап в разработке сайта. Надо сразу пилить дизайн в браузере с помощью инструментов разработчика. Пожалуйста, есть Workspaces в Google Chrome: правишь в браузере и CSS сразу записывается на файловую систему. Поддерживаются Source Maps. Есть Browser-Sync и LiveReload. Не зря на святом Западе в вакансиях "web-designer" всегда присутствуют требования по HTML/CSS и JS. Ты сразу убиваешь двух зайцев: и дизайн разработал и сразу же его сверстал. Такой дизайнер не лепит сложнореализуемую хуйню. Открываю psd и вижу: — кучу вариаций кнопок и других элементов управления, которые сильно отличаются по форме, цвету, размерам. Мысль вертится в голове «где-то тут должна быть закономерность...». Какой нахуй button_size_large|medium|small, тут как минимум 20 вариантов большой кнопки. — разные по стилю, но одинаковые по уровню заголовки. Или один стиль для разных по уровню. Отсутствует внятная иерархия. — дохуя скрытых слоев, в которых скрыты всплывающие окна и состояния элементов с уебищными именами папок. Как в этом говне ориентироваться? — что дизайнер не учитывает таких ситуаций, когда, например, имя и фамилия пользователя может оказаться слишком длинными и весь его ебаный дизайн развалится. Запихивает все в одну строку, в тесные колонки и блоки, не думая о том, как это все будет выглядеть в жизни, с реальным контентом внутри. — напрочь отсутствует mobile first и отзывчивость. Потому что в граф. редакторе реально сложно проектировать сайты. Тут хотя бы по одной десктопной версии каждой страницы сделать, уже хорошо. Начинаю верстать: — См. пример на пикче — нужно вписать в рамку букву Н. Pixel Perfect. В редакторе один способ — взять и померять чем-нибудь, сколько пикселей. Потом в CSS прописать line-height или padding, или position:relative + top, кому как нравится. Сделать скиншот и сравнить с макетом. Есть еще CSS Hat или Avocode. Но они пиздят. Все равно буква то ниже то выше, чем на макете. Приходится вручную подгонять. Если бы дизайн пилился сразу в браузере, то проблем подобной этим не было бы в принципе, так как нет ненужного этапа работы. А недавно дизайнер сменил Photoshop на Sketch App. Теперь я ебусь с этим незнакомым говном на тормозной виртуальной машине с установленной Mac OS. Потому что даже чтобы экспортировать макет в Avocode нужен Sketch. Вообще плагин Sketch App для Avocode — ебаная Beta, которая криво отображает часть контента.
>>478919 Не думаю что дизайнеры скоро насобачаться верстать, у нас традиционнаая отсталость в этом плане, может через лет 5-10 да, вся верстка ляжет на плечи дизайнеров.
Смотрю вакансии и очень часто в требованиях вышка, в интенсиве у академии в конце тоже за вышку говорили, я нахуя бросал шарагу вонючую с конвейером даунов и стал учиться, чтобы потом вернуться за вонючей бумажкой и проебать еще несколько лет своей жизни? Пацаны, вы как работаете, у вас диплом просили?
>>478976 хуексами, IE11 длинный текст не переносит на след. строку. эту задачу легко решить, но нахуя тогда бутстрап, если все надо переделывать. бутстрап говно для однотипных сайтов, это все, что я хотел сказать
>>478962 ну тогда сегодняшним верстакам в довершение ко всей той куче говна надо упарывать еще и веб-дезигн до уровня "запилить толковый макет с нуля".
>>476279 Сейчас в почете слесаря-от-ИТ: те, кто сможет написать что-то средней сложности на РНР, сверстать шаблон для этого, в шаблоне добавить интерактивность с помощью джаваскрипт
Все равно за дизайнером приходится подтирать. Он не делает макеты для устройств разных размеров. А когда заказчик опомнится, дизайнера и след простыл. Или цену заламывает.
Но есть раб-верстала, который все сверстает. По сути приходится заниматься дизайном. Так нахуя эти звенья в лице чисто дизайнера или чистого версталы? Может лучше один человек, который может и в дизайн и в верстку. Да и процесс работы в граф. редакторе просто уебищен. Нужно, например, подвинуть какой-то блок, что повлечет за собой необходимость двигать все остальные части. Браузер за доли секунды перерисует всю страницу. В Фотошопе ты будешь делать это руками.
Ему clearfix дают, а он «нет, не хочу, хочу говно жрать»
>Обычный блок, в котором находится обтекаемый, заканчивается раньше обтекаемого блока, что не подходит для раскладки. Для получения предсказуемого результата желательно воспользоваться трюком, известным как «очистка» (clearfix).
>Очистка (clearfix) >Трюк «очистка» заключается в использовании свойства clear для псевдоэлемента :after, генерируемого в конце блока, что >вынуждает браузер разместить нижнюю границу после обтекаемых элементов.
>>479181 его не юзает только долбаеб, а учитывая что запоминать дословно теги нахуй не упало и то, что он за тебя их все равно не пишет, а только раскрывает аббревиатуру, то полагаю, что да-можно сразу.
В сентябре 2015го уволился с завода. Искал работу во верстальщиком, делая кое-что подбрасываемое знакомым. До января 2016 заработал всего около 30 т.р. Сейчас внезапно, когда уже думал, что еще месяц и надо бы идти в грузчики или шахтеры, взяли на работу на удаленке неофициально за 30 т.р. Если есть вопросы на счет переката с завода, где я 7 лет пил чай и играл в телефон, в верстальщики, где з/п зависит в большей степени от тебя самого, - задавайте.
>>479207 сразу по увольнению, свалил из мухосранска свого в Питер. Там курсы прошел месячные, с которых сразу смог применять только БЭМ. Щас постепенно еще gulp начал использовать... Там был знакомый, если бы он не подбрасывал проекты, я бы не развился толком, да и портфолио мало-мальское не создал. Вобщем 3 месяца потусил в Питере. В основном обучаясь и верстая подачки знакомого. Сходил на несколько десятков собеседований. Нигде не взяли. Поехал на нг в свой мухосранск, продолжил долбить hh.ru И внезапно после праздников взяли на месяц, потом оплатили его и предложили продолжить.
>>479212 Когда я начинал в этой фирме, там девчонка еще была. Но ее слили, видимо, за неуспеваемость. За тебя не могу спрашивать. Сам понимаешь, не знаю твоих навыков, да и конкуренция мне лишняя пока. Я сам еще не понял вкатился я сюда крепко или нет. Если будут сами искать второго верстака, может и вброшу тут тогда.
>>479207 посоветовать могу долбить hh.ru. Фильтруй удаленку, если не из Питера и Москвы. А если оттуда - то ходить на собеседования сам бог велел. Отвечай даже на те вакансии, где требуется больше чем ты знаешь. Даже не имея портфолио можно пробиться. Тестовые задания кидает каждый второй работодатель.
>>479220 >>479223 Треду спасибо. Тут достаточно актуальные вещи в ОП-посте. Помню год назад, еще не писали про js. Щас наконец дошло, что без него уже трудно найти работу. HTML-верстальщик почти нигде не нужен в чистом виде.
>>479237 попроходил бесплатную часть (не всю) на хтмлакадеми в феврале 2015го. Потом забил, думал буду дальше работать на заводике и развивать внутренний мир (думал перечитать и законспектировать Кастанеду). Потом в июне вдруг в чатиках допизделся с знакомыми до того, что понял, что хочу денег, а внутренний мир - это все отмазка, чтобы ничего не делать. К слову он не рос особо последнее время, прямо как наше ВВП. И решился, допроходил бесплатные курсы, купил платную часть, купил базовый интенсив. То есть с июня по сентябрь долбил htmlacademy Дальше уволился и уехал в Питер, где прошел месячные продвинутые курсы, плюс работал когда размеренно над 3мя сайтами со знакомыми. Вобщем 3 питерских месяца почти все время с утра до вечера писал коды. Итого: максимум 7 месяцев.
>>479237 Знаю html5/jade, css3(scss/less), очень базовый js и jQuery, адаптивность, BEM методологию применяю, git использую. Gulp использую для компиляции сборки и других ништяков.
А если на psd-макете нету опорных линий для Правильной Сетки Bootstrap, можно ли использовать Сетку Bootstrap? Можно ли нарисовать самому линии? Как Дизайнеры это делают?
Видел, что с помощью Сетки Bootstrap можно делать разные вещи, какие недоступны при классическом подходе.
Анон, а поясните за конторы, которые выполняют заказы по разработке, во фрилансе часто мелькают, как там вообще все выглядит в общих чертах? Вот я хочу во фронтенд, что можно посоветовать учить моему другу? Что-то с бэка или пхп может? Как лучше всего двум сычам скооперироваться в ит, чтобы заработать и съебать?
>>479392 Был в такой на стажировке выгнали за бездарность
Директор (основной problem solver бизнеса, самый грамотный, кодит наравне с другими), три-четыре сотрудника фуллстек с некоторым опытом (от года до трех), тяночка для общения с клиентами и их поиска (может подмести офис когда скучно).
>>479329 Если я правильно понял о чем ты, то те линии скорее для удобства дизайнера. Твое дело чтобы макет выглядел красиво и правильно, а есть там линии или нет - дело десятое. С бутстрапом надо понимать, что идеально точности от него если и добъешся, то с серьезним таким геморроем, так что тут выбирай два стула.
каких знаний достаточно чтобы взять минимальный заказ? хтмл ксс понятно. умение прикрутить джиквери слайдер, ползунок, поп ап, какие еще плагины надо уметь прикручивать?
>>479872 Ой да и что. У моего знакомого, хорошего кодера в контору брали не смотря на возраст. Смотрят на навыки, работодателю до пизды сколько тебе лет, важно что ты умеешь. Чел рассказывал, что были мужики и 45 лет, да ебашат так что не каждый ботан сможет. Тут от людей зависит. Это больше психологический порог.
>>479925 Переехал с БЭМ на модули, но все равно поддерживаю систему именования БЭМа — по-моему это и есть самая годнота, а не безумные BEM-json и прочее.
>>479944 >безумные BEM-json и прочее Как же бесят такие пидорасы, как ты. бэм-жсон это блять фреймворк, как реакт, что за хуйню ты порешь? Причем тут фреймворк и система именования, какая между ними связь, тупой ты еблан?
>>480019 Она и не нужна, особенно в нынешнем состоянии. Вакансии с требованием вышки если они не на синьера, я вообще игнорирую. Если на этом акцентируется внимание, значит ПМ, скорее всего, тупая пидораха с соответственным складом ума. А под таким руководством работать - себе дороже.
>>480040 >Она и не нужна, особенно в нынешнем состоянии. Если хочешь в пидорашке навсегда остаться, то конечно нет. Без вышки очень сложно рабочую визу получить вообще куда либо. Например моя вышка даёт мне +400 пойнтов в получении визы в Канаду, в сумме там надо 800 пойнтов набрать, т.е. без вышки надо быть мега спецом, говорящим на идеальном французском и английском языках и лет 6 опыта. С ней достаточно только английский знать и года 2 опыта иметь. Так что ты даун, если считаешь, что вышка не нужна, вот и всё.
>>480027 То, что ты не знаешь что такое БЭМ и что он в себя включает, еще не повод заливать тред напалмом. BEMJSON это не фреймворк (и Реакт тоже не фреймворк, привет), а всего лишь формат данных.
>>480052 В данном случае просто для примера привел. А в целом мне нравится Канада и Новая Зеландия, как страны, поэтому по ним я знаю что нужно для получения виз, и без вышки там очень очень сложно будет.
>>480049 >BEMJSON это не фреймворк (и Реакт тоже не фреймворк, привет), а всего лишь формат данных. И что же с этим форматом делают дальше, по твоему? >>480055 Реакт это не либа, и не фреймворк, это экосистема.
>>480048 А ты даун так как не разграничиваешь понятия. Одно дело вкатиться во фронт-енд, совсем другое - искать трактор. Давай теперь насоветуй тут посонам сначала протирать штаны несколько лет, а потом вкатываться. Да тебя к хуям заплюют, и правильно сделают. Алсо, норм спецам офферы на почту сами падают, и там, как правило, с визой вопросы решить не так сложно.
>>479968 я уже хотел было написать, что эти статейки все уже видели и неплохо было бы посмотреть на реальные забугорные сайты на бэм, но ВНЕЗАПНО бэм обнаружился в верстке csswizardry и webdesign.tutsplus.
в общем кто не бэм, тот лох. бэм форева. над нами бэм, под нами козлы.
>>480058 Посмотри в эммиграче, влом расписывать. В кратце - вышка даёт сильное послабление по всем остальным пунктам. >>480061 Никто не мешает и вкатываться, и учиться. Но у тебя врядли конечно такое получится, т.к. ты тупая пидораха. Я уже на 4ом курсе 80к получал, ходил в универ раз в 3 месяца максимум. Алсо, офферы падают, только это ничего не даёт тебе, у приедешь ты на пол года по какой-нибудь гостевой визе, потом выясниться что ты пидораха без вышки и рабочую получить очень сложно, и компания тебя дропнет, им легче другого найти, чем с таким тупым даунидзе, как ты возиться.
>>480065 >надстройкой над JSON Бля ору нахуй Слышал звон, но не знаю где он, называется >>480066 Наверно пытаешься разобраться в реакте, но не получается, да? Бедняжка, ну иди ещё немного туториалов попроходи, может тебя за 15к возьмут куда-то верстать в битриксе. Только не забудь сказать на собесе, что реакт это либа. Это очень важно ведь!
>>480067 >Я уже на 4ом курсе 80к получал именно поэтому ты щас сидишь в верстка треде >Алсо, офферы падают, только это ничего не даёт тебе лол >приедешь ты на пол года по какой-нибудь гостевой визе, потом выясниться что ты пидораха без вышки и рабочую получить очень сложно, и компания тебя дропнет дважды лол >им легче другого найти трижды лол Вердикт - диван с вышкой, пытающийся доказать себе что не проебал время зря.
>>480067 >ходил в универ раз в 3 месяца максимум Эх, а у нас анально ебали за такое, поэтому приходилось просиживать штаны, ибо был на бюджете и на заочку (которая была только платной) не очень охота было переводиться.
>>480072 >именно поэтому ты щас сидишь в верстка треде Я не сижу в верстка треде, я скроллю тематику, просто увидел сообщение о вышке, решил ответить. Алсо, как деньги влияют на то, что я делаю в выходной, лол? Сейчас я получаю почти 140, но 100 из них уходят тупо в ипотеку и кредит на тачку, не то что бы у меня много свободных денег для каких-то диких развлечений. >Вердикт - диван с вышкой, пытающийся доказать себе что не проебал время зря. Но я-то время не проёбывал. В нормальном вузе тебя обучат основам, алгоритмам, паттернам-хуятернам, куче разных языков, пусть и частично бесполезных, бекенду, фронтенду, базам, безопасности и т.д. Это не проёб времени, если ты не тупое чмо.
>>480074 В вузе, даже нормальном, тебя учат всему и по чуть чуть. На выходе получается ни рыба ни мясо с узким представлением о всем на свете. В нынешнем виде высшее для проггера нежизнеспособно впринципе. За 7 месяцев самообразования я по фронтенду научился больше, чем мои дружки на кафедре погроммирования за 5 лет.
>>480074 Ты писал что раз в 3 месяца появлялся, а теперь пишешь что мол тебя обучат вот этому всему в вузе. Скажи, у тебя наверное, был знакомый просто который уже работал? И ты устроился туда же в начале. Или еще что-нибудь подобное. Просто у меня лично в голове не укладывается как можно ходить раз в 3 месяца, а потом заявлять что тебя в вузе обучили.
>>480079 Говорю ещё раз - если ты реально тупой и только за счёт вуза хочешь вырасти, то да, ничего не получится. Надо и там ебашить, и самому дома ебашить. И тогда к курсу 3му уже будешь охуенным, а если ты пошёл в универ в 16-17 лет, то тебе будет максимум 20, а ты уже будешь круче любого маньки с самообразованием. Плюс опять же, про визу я уже 10 раз написал. >>480083 Так это на 4ом-5ом курсе. Т.е. по сути сложные только первые 3 были, там надо было постоянно ходить и въёбывать. Нет, никаких знакомых не было.
Ладно, всё, я съёбываю. Алсо, хочу заметить, что если вы реально гениальные прогерры, то возможно вышка вам не пригодится, т.к. будет легче самому прогрессировать. Можете, например, свою какую-то либо сделать, типо редакса или бабеля, набрать 20к звезд на гитхабе и всё, работа в йоба энтерпрайзе аля фейсбук вам обеспечана. Но думаю вряд ли тут такие есть ребята. Поэтому 99%, что вышка вам нужна.
>>480087 А если тебе 20+, как абсолютному большинству этого треда, тоже предложишь пойти посидеть 3-4 курса на жопе? А потом на работу устраиваться? Лол. >а если ты пошёл в универ в 16-17 лет, то тебе будет максимум 20, а ты уже будешь круче любого маньки с самообразованием. Да брось. В такие годы 95% понятия не имеет, что они вообще делают в вузике и нахуя оно надо. А по окончанию выходят те, о которых я писал выше. Внезапно оказыватся что они не освоили даже верхушку айсберга. В итоге все равно надо идти доучиваться самостоятельно. >Плюс опять же, про визу я уже 10 раз написал. Ты привел только один вариант. А как насчет визы по приглашению/перевода в иностранный офис/етц.
Алсо ты упускаешь главное - знания и опыт. Человек могущий в самообразование в разы ценнее и продуктивнее. Пока студент за первый год бодается с матанализом, нахуй не нужным в том же фронтенде, самоучка уже готов на позицию джуна. На второй год, когда студент только начинает вкатываться во всю эту кухню, самоучка имеет реальный опыт. Вот и все дела.
>>480097 >А как насчет визы по приглашению/перевода в иностранный офис/етц. Там совершенно такая система очков, просто приглашение тебе даёт тоже некоторое количество очков. Ты всё равно можешь не добрать их до нужного количества. >Алсо ты упускаешь главное - знания и опыт. Человек могущий в самообразование в разы ценнее и продуктивнее. Пока студент за первый год бодается с матанализом, нахуй не нужным в том же фронтенде, самоучка уже готов на позицию джуна. На второй год, когда студент только начинает вкатываться во всю эту кухню, самоучка имеет реальный опыт. Вот и все дела. Никто не мешает учась в универе параллельно самому задрачивать дома. В итоге, самоучка имеет поверхностные знания, без понимания каких-либо основ. Человек с хорошей базой программирования может вкатится в любой язык, в любой фреймворк, куда угодно, т.к. имеет обширные знания обо всём.
>>480097 >А если тебе 20+, как абсолютному большинству этого треда, тоже предложишь пойти посидеть 3-4 курса на жопе? А потом на работу устраиваться? Лол.
>>480097 Какое-то небольшое преимущество вначале самоучка может получить, но на более длинной дистанции, когда тебе не нужно ВОТ ПРЯМО СЕЙЧАС, он проиграет очень сильно.
>>480110 Всё что сам захочешь взять. Будут интересны базы - будешь ходить на пары по базам, задрачивать базы, напишешь курсовую по базам, будешь охуенным спецом по базам. Не захочешь - не будешь, но какое-то понимание всё равно останется. Не обязательно дрочить прямо все дисциплины.
>>480110 От учебы только корочку. Конкретно мне нужна корочка для рабочей визы в США, к тому же там и работодатели нередко требуют bachelor's degree or equivalent work experience. Equivalent work experience считают по-разному, это может быть 8 лет, а может быть и 12.
>>480106 >В итоге, самоучка имеет поверхностные знания, без понимания каких-либо основ. Основ чего? Невозможно написать что-то работающее на языке, не зная его основ. Если ты про основы программирования, то сорян чувак, но кроме алгоритмизации и ООП за все время моей практики я толком ни к чему больше не обращался. Зато обучался новым углубленным техникам и подходам конкретной по моей спеке.
>>480114 Мы говорим о заочке друг. О каких парах и знаниях идет речь? Это то же самообучение, только еще взятки преподам давать, да на концерты местным балалаешникам скидываться.
Да, хотел бы я посмотреть на таких охуенных саморазвиванцев, которые типо дома обучаются, лол. В доту небось играете весь день, "ой, да вот сегодня поиграю, а вот завтра буду учиться!". Да вы даже работать бы дома наверно не смогли на удаленке, про учёбу тут вообще речи нет даже. >Невозможно написать что-то работающее на языке, не зная его основ. Открою тебе большой секрет, но в мире всего существует 2 типа языков.
>>480124 В будние дни на учебу/работу уходит почти все время. В 10 утра начинаю, в 10 вечера заканчиваю. В начале зимы еле еле справлялся с функциями по перебору массивов. Сейчас пилю свое SPA. Где твой бог теперь? мимо
>>480124 >Да, хотел бы я посмотреть на таких охуенных саморазвиванцев, которые типо дома обучаются, лол >В доту небось играете весь день, "ой, да вот сегодня поиграю, а вот завтра буду учиться!". Маня, найс ты себе навыдумывал. Не надо на других проецировать свою лень, безвольность и недисциплинированность.
>>480124 11 месяцев пинал хуй, гонял по ивропкам и ебался на мамкины деньги. Ах да, и немного саморазвивался. В итоге устроился джуном на 80к с гуманитарной вышкой.
>>480124 >Да, хотел бы я посмотреть на таких охуенных саморазвиванцев, которые типо дома обучаются, лол. В доту небось играете весь день, "ой, да вот сегодня поиграю, а вот завтра буду учиться!". Да вы даже работать бы дома наверно не смогли на удаленке, про учёбу тут вообще речи нет даже. Так ты с того и начинай, что не веришь в самообучение, так как ленивый и безответственный. Следовательно, не веришь что обучиться самостоятельно может кто-то еще.
>>480048 А там обязательно чтобы вышка была по специальности? Вот у меня экономическая, т.к. я в технаре не осилил бы количество матана был печальный опыт
>>480153 За 6 дубина. Ты считать не умеешь? После того как запилю СПА - буду полностью готов к позиции джуна фронтенда. Для бывшего инженера-строителя вкатившегося в разработку с нуля - хороший результат. Алсо, ты стало быть в программирование за 3 месяца вкатился? Или я с диваном щас общаюсь?
>>480159 1го июня начал вкатываться, 6го августа устроился версталой на 35к, сейчас миддл фронтенд, вся экосистема реакта + тайпскрипт + relay/graphql, серверный рендеринг реакта на ноде и дотнете. 80к в месяц. Сорри, но если ты считаешь, что ты быстро прогрессируешь, то нет, это не так. Даже я себя не считаю быстро прогрессирующим. Вся эта хуйня учится за месяца два максимум, а я вон сколько потратил уже.
>>480170 Самое смешное, что здесь вообще нету троллинга. Я понимаю, что для тебя это шок, и кажется нереальным, но по сути дела ты просто ленивая макака. >>480172 Там все фичи ес6 встроены, плюс строгая типизация. Заёбывает только, что тайпинги кривые для различных либ бывают, приходится самому дописывать, коммитить на гитхаб, ждать пока пример ПР и т.д., вот это бесит. (например у реакта нету тайпингов для ксс свойств, лол) А так намного всё удобней.
>>480175 Я и так каждые 2 месяца надбавку прошу, мне уже немного стрёмно подходить к менеджеру даже, он и так каждый раз спрашивает, "ну что опять за повышением?"
>>480179 За 6 месяцев от ньюфага версталы до мидла фронт-енда? Извольте. В любой международной компании с джуна до мидла поднимаются до года, и это при наличии мозгов.
>>480183 Не за 6, а за 4. Со вторым утверждением согласен, но у нас в рашке всё по-другому. Да, меня сейчас миддлом называют, но в сша с таким стаком я был бы максимум джуном на стажировке. Просто подмена понятий.
>>480185 Ну блин, не хочется сваливать, мне всё нравится, сама компания, ребята офигенные, стак крутой. Зп не главное на этом этапе, как по мне. Они меня приютили, всему научили и т.д.
>>480188 Нахуя тогда весь этот петушиный парад? Человек осваивает новые знания так, как может. Алсо я все равно не верю что ты с нуля освоил весь описанный тобой стек на уровне мидла. Такое возможно только если ты пахал по 12 часов в сутки, практически без выходных.
>>480193 Да, очень хорошо (я так думаю). Конечно полезен. Тайпскрипт это просто типизация, облегчающая разработку в большой команде и уменьшающая количество ошибок, а так мы всё на нативном пишем. Реакт по сути тоже нативный жс, просто с парочкой удобных методов. Редакс тоже самое.
>>480232 Умение включать/выключать комп, пользоваться поисковиком (еще может быть навык слепого набора - но не критично). Для верстки больше по сути ничего не надо. Начинай курить базовый интенсив из шапки.
Понятие об алгоритмах базовых пригодится для js/php.
>>480145 >бабах Найс бомбануло у дебила. Я работаю уже год фронтендером, 65к по удаленке. При этом учился всему сам, с нуля.
И странно, что ты смеешься с 80-90к, это типикал зарплаты для ДС, у меня ещё довольно маленькая. Наверное ты в своём мухожопске больше 25к в месяц не видел.
>>480247 Мне сейчас 17, 10 класс школы. Все мое обучение до недавнего времени составляло просто посещение уроков. Где-то месяц назад загорелся учебой, сейчас сижу по 8-10 часов, наверстываю все предметы с 7 класса, чтобы получить медаль (10 баллов к ЕГЭ).
Сейчас думаю - вообще, стоит ли так рвать жопу ради поступления в топовый вуз на погроммиста, или стоит пойти туда чисто ради корочки на заочку собираюсь завести трактор, а деньги зарабатывать непосредственном знаниями, полученными в р-те самообучения? По крайней мере школьный материал усваиваю без проблем, как то будет с программированием - хуй знает, но я думаю, что разберусь.
>>480252 >Сейчас думаю - вообще, стоит ли так рвать жопу ради поступления в топовый вуз на погроммиста, или стоит пойти туда чисто ради корочки на заочку собираюсь завести трактор, а деньги зарабатывать непосредственном знаниями, полученными в р-те самообучения?
Второе. Вуз бесполезен, лучше самостоятельная практика, чтобы как можно быстрее приступить к уже рабочей практике. По алгоритмам почитаешь книг самостоятельно.
Месяцев 5ть не заходил в эту помойку, тут столько зеленых набежало? или просто градус аутизма в треде достиг апогея? Какие то фулстеки блядь, мидлы-хуидлы за пол года и кто то ведется? За пол года худо бедно ньюфаг начинает осознавать как юзать бутстрап, jquery(без js), sass, git, какие-нибудь grant/gulp если надо, это при постоянной работе в офисе, после которой кстати ничего не хочется учить, хочется только уткнуться еблом в подушку
Так что ньюфаням на заметку налегайте на htmlacademy bootstrap, less/sass, git, grunt-gulp js с jquery как перестанете плавать в этом говне стучитесь на работу, а там дальше сами решите какие скиллы дальше качать и куда двигаться А сюда даже не заходите, ибо полезной информации тут было и есть меньше 2% и ту можно нагуглить самостоятельно
Где кстати проебалась копирайтомакака? её не хватает для полноты картины
>>480252 Да, второе. Тебе уже ответили. Сам проебался с этим. Так что теперь даже своему ребенку (если такой будет) буду говорить что вуз для корочки и лучше заочка + самообразование и как можно раньше идти на работу за опытом, чем как я (и все дауны с факультета) ходить - штаны просиживать.
Какой трактор, фантазеры? Вы забыли в каком треде находитесь? Почитайте эммиграч - фронтендеров берут забугор очень редко. Если вы нацелены завести трактор, то намного целесообразнее учить языки и технологии которые используют для энтерпрайза (Java, C#, реже С++). Если все таки хотите заниматься веб, тогда нужно будет стать фуллстеком и уметь в пхп, рельсы, ноду и еще много чего. По другому никак.
>>480308 Я там уже давно сижу и знаю о чем говорю. Это не единичное высказывание, это тенденция.
>>480309 А это уже что-то на уровне "А вот у Джобса вообще вышки нету)) все возможно". Конечно, если ты вундеркинд, то можешь съебать в любую страну. Но мы с тобой прекрасно понимаем, что это ни ты, ни я, ни кто-либо еще из этого треда такими способностями не обладает.
>>480321 >Я там уже давно сижу и знаю о чем говорю. Это не единичное высказывание, это тенденция. Я там сам сижу уже давно. Ничего такого не видел, о чем ты говоришь. Это какое-то беспруфное кукареканье.
>>480303 кто бы еще тут рассказал нам про манямир особенно после вот этого >вся экосистема реакта + тайпскрипт + relay/graphql, серверный рендеринг реакта на ноде и дотнете. 80к в месяц.
все шло хорошо, только проебался с з.п. с таким стеком надо было цифру вдвое а может и больше. А срок где то год-полтора писать, тогда может и сошел бы за мамкиного самородка
>>480289 Почему нет, без задней мысли учишь язык и переезжаешь, там уже ищешь вакансии на месте, благо их там дохуя и именно в офис
>>480321 Важно быть не вундеркиндом, а ставить цели и добиваться их, настойчиво и упорно. Твой мозг не стоит и гроша, если ты не можешь заставить себя делать то, что нужно.
>>480331 >Почему нет, без задней мысли учишь язык и переезжаешь, там уже ищешь вакансии на месте, благо их там дохуя и именно в офис Охлол. Ты визу сначала получи, искатель
>>480331 >кто бы еще тут рассказал нам про манямир Хз. Я тот гуманитарий-кун, который пошёл работать мобайл джуниор девелопером за 80к. Крутым себя не считаю, это самая средняя ЗП в ДС для таких скиллов. Но знаю своих сверстников, которые зашибают 120к где-то, и чувака на год старше, который зашибает 180к только на одной из удалёнок. Ещё есть уникумы, которые уехали в Долину в фейсбуки и гуглы, но их вообще не рассматриваю. >>480349 А в чём проблема с визой, лол? Да, америкосы гораздо охотнее берут работать тех, у кого гражданство или гринка, но если этого нет – в общем-то, не проблема.
>>480392 Нет конечно. После того, как тебя готовы будут принять, всё равно придётся ехать в Москву\Киев в консульство, рабочую визу оформлять. Естественно, "на месте", как тот чел сказал, искать работу совершенно не обязательно, можно и удалённо, но будет преимуществом, если тебя смогут увидеть воочию. Если работодатель не ёбаный жид и увидит в тебе годного сотрудника – то обязательно возьмёт к себе или как минимум предложит переехать.
>>480366 Мобильная разработка это вообще отдельная тема, плюс 11ть месяцов и только потом джуном, в это я еще могу поверить (кроме того ты не сказал на чем пишешь, что и как) А вот это за пол года от 0 до мидла-хуидла и т.д. и т.п. самоочевидный le manyamiroque. Хотя если это просто вебмакака нахватавшаяся по вершкам какой то хуйни, а его босс не шарящий долбоеб, то в принципе возможно и такое, но долго ли продлится такой праздник жизни?
Вы посмотрите во что тред превратили. Лучше бы делом занимались и проблемы скидывали, а то все уже поняли, что пиздеть тут все горазды. Тот кто делом занимается не вступает в столь бессмысленные полемики.
>>480382 >>480398 >>480401 Фронтенд не берут отсюда != фронтенд не нужен и не берут на работу. Вы разграничивайте вакансии и перекат по визе. То что вы привели как статистику - это только для своих, коренных.
>>480430 Ты если анону не веришь так и не заходи сюда. В треде по эмигрированию в США уже давно решили, что очень сложно фронтендеру получить визу, в отличии от энтерпрайз-девелопера или бэкенда. Или ты привык верить только тому, что дает тебе надежду на переезд в мурику? А если ты найдешь что там им нужны посудомойники ты придешь сюда и скажешь, вот там же есть, у меня и пруфы все, знаит меня возьмут!
Проигрываю с вашего манямирка. Хотя у вас же "главное стараться и все возможно)))". Как-будто в филиал одноклассников попал.
>>480439 JS ом вера обмазывался, сегодня решил разгрузить мозг, посмотреть че там в верстаче, а тут пиздец собрание успешных мамкиных вундеркиндов. Раньше (пол-года, год назад) как то получше тут было и публика по адекватнее и вопросы над которыми было интересно думать
>>480469 >>480476 Эти диваны хотя бы интересуются темой, а некоторые уже сами завели трактор как планировали. Вы же на этой доске просите советов у анона по html и css, доверяете друг другу. Зато когда вам на точно такой же доске, но только по тематике мигрирования, говорят, что визу фронтендеру в США никто делать не будет за редкими исключениями, то вы сразу переходите в полное отрицание и просите ПРУФЫ. Вон уже даже по вакансиям для жителей США начали лазить. Цирк одним словом.
>>480485 >Вы же на этой доске просите советов у анона по html и css, доверяете друг другу Я это прошёл уже два года назад и давно работаю.
>вакансиям для жителей США С чего ты взял, что те вакансии только для жителей США? Всякие гуглы-фейсбуки-твиттеры-амазон делают визы. И не только они.
>вы сразу переходите в полное отрицание и просите ПРУФЫ То есть для тебя подкреплять свои слова какими-то доказательствами это нечто неуместное, неправильное?
>>480498 >С чего ты взял, что те вакансии только для жителей США? А с чего они вдруг стали для эмигрантов по визе?
>Всякие гуглы-фейсбуки-твиттеры-амазон делают визы. И не только они. Так и вижу анона из рашки, которому делают визу компании уровня Google на позицию фронтенда. Манямирок прогрессирует.
>>480481 Та ничего не изменилось с того времени, даже лучше стало имхо. Это просто тред такой попался. Объявились мамкины "мидлы за 4 месяца" и залетные пиарщики говноуниверов. Вот и получился замес.
>>480509 >Так и вижу анона из рашки, которому делают визу компании уровня Google на позицию фронтенда. А что не так. В прошлом году Амазон в Бриташку (где с работой хуже, чем в США) нанимал с релокацией кучу программистов из Рашки миддл-уровня. Фронтенд-макаки наверняка среди них тоже были.
Бля, котаны, как же устал верстать адаптив+резина, все эти заморочки с ретинизацией и прчоей хуйней, уже неделю верстаю вроде бы простенький макет, а степень готовности все еще где-то 60%. А ведь еще много где все еще требуют IE8+, это же пзидец ебля с полифиллами и прочей хуйней. Утешьте меня - в команде легче работать, чем одному?
Ну вы охуеть простые, прохождение академии вас только основам научит, потом еще надо закреплять верстая всякую хуйню в которой постоянно будут проблемы возникать
>>480677 Что я не хочу слушать? Я тут нуб, поэтому и спросил совета. Было написано, что месяц на каждый интенсив. ПОнятное дело, что без практики это все бесполезно.
>>480670 Конечно не достаточно, это же только фундамент так сказать. Они же не могут тебе прям все рассказать, прожевать и в рот положить. Но делать порфолио и пытаться устроиться уже можно будет
Ананас, въезжаю в фронт-энд своими силами, через хтмл академию, инфу в гугле и практику. Такой вопрос возник, подумал тут вписаться на реальные курсы 10ти месячные и пока их прохожу работать на обычной работе, так как кун 25, жена не хуя не в восторге от моих увлечений кодингом, потому , что пиздуй работай на хуй, хули ты дома сидишь за компом. Вопрос такой вот это https://geekbrains.ru/professions/web_developer годно? кто в теме. Ну или мож Вы просто, что посоветуете..
Бабла нет, тут дело такое, либо я благополучно сижу дома и занимаюсь самообразованием, пытаясь устроиться в IT-сферу в течение 2-3 месяцев, либо щас мучу дурную работу, и оплачиваю курсы, тем самым растягиваю все это на 10 месяцев, но по крайней мере живу типо, как человек. Почему кидалово? Хотя я сам скептически ко всем этим курсам отношусь....Например курсы в хтмл академии, мне кажется не стоят своих денег, по крайней мере, абсолютно ясно, что пройдя их, ты на хуй не кому не нужен будешь. Есть конечно предположение, что тут также.
Помогите адекватно отверстать поля ввода телефона с пикрелейтед.
Сделал конструкцию инпут+лейбл таблицей (чтобы лейбл менялся в зависимости от инпутов, но в то же время был сверху), но не пойму как адекватно задать размеры, чтобы суммарная ширина полей ввода номера + паддинги между ними всегда равнялась ширине поля сверху (Last Name).
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
Совсем уж ньюфажекам с вопросами "с чего начать?" сразу лезть в пасту в конце ОП-поста. Там все расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
Желающим что-то спросить у анона по части кода "как сделать/почему работает/почему не работает/etc" следует учесть пару советов. Если коротко то всегда лейте свой говнокод в песочницу, а в посте прилагайте дополнительные объяснения проблемы и скрины, еще лучше если перед этим вы подумайте своей головой. Те кто спамят очевидными вопросами в треде, не задумываясь толком, как правило, ничему научиться не способны. Без нормальных пояснений проблемы и залитого кода в песочнице вам никто не поможет, так что без нытья, вас предупредили.
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>Идите нахуй.
или
>Используйте блять codepen, cssdesk, jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css и ковырять его вилкой.
То же касается умников со скриншотами. Если запилили скрин и желаете получить внятный ответ – показывайте и код. В противном случае не жалуйтесь на реакцию.
=====================
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред