24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак. Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что для устройства на работу нужно портфолио. Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать? Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Тэкс, ананы, тут вот какая проблема. В моем коде в теории при переключении на второй радиобаттон должен меняться фон. Картинка-то в принципе и меняется, но не так, как надо - если просто щелкнуть на баттон, то ничего не изменится, но есть чуть дернуть мышкой, то изменится. В чём косяк? P.S. Почему-то на кодпене изображение вообще не меняется, как ты мышкой ни юлозь. http://codepen.io/tvoibatya/pen/bpPzYK
>>574489 ну хз, все правильно вроде работает, по клику на второй меняется фон дальше все. Если задался делать слайдер так, то лучше оперируй атрибутом checked
>>574497 Нет, нихуя, это я аутист, забыл положить картинку. Вот обновленный и ПРАВИЛЬНЫЙ вариант. http://codepen.io/tvoibatya/pen/bpPzYK Фишка в том, что ТУТ всё отображается нормально. А в Мозилле - вот такая беда, как я описал. Хорошо, а как использовать атрибут чекд в Js?
>>574468 Злоебучий интернет эксплорер, как раз сейчас фикшу свою флексовую седону так, чтобы она и на 10-ке нормально отображалась. Олсо, в новомодном едже флексовые элементы все также ебут друг друга в сраку и вылазят за пределы контейнера (мда), если не задать им жестко флекс-бэйзис в процентах, тогда как в нормальных браузерах достаточно православного флекс-гроу и все становится красиво. Ай да мелкософт, ай да молодцы!
Анончики, читнул тут, что ретина отличается чем-то особым от обычного экрана при равном соотношении пиксель на сантиметр, но так и не понял, чем. Дайте ссылочку почитать.
Господа, верстаю на ноутбуке с разрешением 1366рх, есть какие-либо способы проверить, как будет выглядеть вёрстка на бОльших экранах? Сработает ли задать body нужную ширину ( взятую отсюда http://www.w3schools.com/browsers/browsers_display.asp ) а потом уменьшить масштаб в браузере?
>>574576 читнул, и теперь мне интересно, как отображаются веб-сайты с шириной основного блока в 1000 пикселей на макбуках. Что, на макбуках всё выглядит очень мелко, и их владельцы вынуждены везде изменять масштаб?
>>574759 когда начинал карьеру версталы, не знал даже о nth-child, потом у знакомого кодера, году в 2010, узнал про него, а узнав о first-child и ему подобных, подумал, что это какая-то хуета. Так что нахуй.
>>574652 Нормально отображаются. Ретина это когда на один логический пиксель приходится 4 физических. Т.е. при разрешении MBP 15 в 2880х1800 по масштабу это как 1440х900.
На аймаках к ретиной тот же принцип. Кроме того, OSX подразумевает, что окна развернуты на столько на сколько нужно, а не на весь экран.
Привет, верстаны. Есть ли тут добрый самаритянин, который глянет мою разметку по БЭМ. Покритикует, укажет на недостатки, а не просто обоссыт. Буду очень благодарен.
>>575345 я слился, пока работаю на дноработах, сейчас вот снова ищу. Думаю подкопить денег и сесть на пару месяцев задротить. А так учить веб начал больше года назад, но всё урывками.
>>575345 Вкатился 2 года назад без опыта и навыков, еще не сидел в тредах, даже не знаю, былили они тогда, проработал год, слился по собственному желанию, о чем не жалею, ибо относились ко мне как к полному уебку. Полгода сидел на жопе, учась, прошел базовый, проскипал продвинутый, посмотрел js-интенсив, почерпнув там только ООП и прошел курсы на learn.js. 2 месяца назад нашел работу на удаленке с зарплатой большей, чем была. Правда, пишу скриптики на js и jquery, больше на jquery. Думаю чутка попотеть и осилить js до приемлемого уровня, после чего вкатиться в ангуляр и написать уже свое spa + приложуху для мобилок с облачной бд. Так сказать, 3 в одном. Идея уже есть. Олсо, планирую переехать из своей мухосрани в нормальный город и устроиться уже официально.
Я так и не вдуплил, зачем они так сделали логотип на этом сайте - https://dojotoolkit.org/ При отключении свойство font-family логотип исчезает, видимо они сделали специальный шрифт где один из символов соответствует этому логотипу, только нахуя они вставляют этот символ через псевдоэлемент? И вообще, нахуя так делать, а? Еще они почему-то использует мэйн, футер и секшены, но не используют хэддер и нав для главного меню.
>>575425 600к, оклад 15к + гранты за каждое выполненное задание.Если норм работать то можно по 25к за месяц поднимать.Обязанности - верстка сайтов. Для остального есть пхпшники и джсеры. >>575426 html css, умение натягивать верстку на вордпресс и прикрутить говнобиблиотеку на джсе.Прошел базовый интенсив + половину продвинутого. Адаптивную седону и пинк не верстал. На работу вначале взяли на стажировку, запилил им там адаптивный лэндинг на бутстрапе(мой первый опыт запиливать что-то адаптивное) и меня взяли.
>>575433 Лол, а ты за верстку хотел миллионы получать?Для моего города средняя зп 15-17к. Так что мне очень даже норм пока что + со мной в офисе опытные ребята подсказывают дохуя чего.
>>575445 Ну как сказать, кому вахта -дно, а кому норм. Я к тому, что у вас есть возможность зарабатывать в 2 раза больше, хуй знает почему люди продолжают сидеть на 15-20к в месяц.
>>575444 да вроде норм, но жди ответа кого-нибудь более опытного, я пока не до конца разобрался где нужно применять секшены и артиклы. Единственное, на инглише лучше не "main-navigation__item-list", а "main-navigation__list-item"
>>575462 Унялся тебе за щеку. БЭМ - это профессионально и удобно. А твоя каскадная параша даже тебя в тупик поставит, если ты вернешься к проекту через пару месяцев.
1. Нахуя добавлять main- к хедеру и футеру? Там еще и не мейн есть? 2. Не надо писать -block в имени блока. Это тупо. 3. item-list → list-item. Тег же li, а не il.
>>575466 Это дрочерство - всего-лишь способ набить руку корректно применять методологию. После того, как придет полное ее понимание - это наоборот облегчит процесс. Ты ведь тоже в школе дрочил на правильность русского языка или математики, или это тоже была потеря времени?
>>575468 лол, примеч тут li il вообще. Итем-список -> список-итем. Первое тег, второе вариант написания класса. Уж если до такого доебывать, то это точно бэм головного мозга.
>>575476 Верь в свой маня мир дальше. Потом только не обламайся, когда в реальной жизни на все это всем будет похуй, а ты будешь тратить на это лишнее время.
>>575475 Блять, тег li значит list item. Присваивать ему класс item-list не только неграмотно, но и просто, сука, туко. А еще тупее надо быть чтобы этого не понимать с первого раза.
>>575479 Не похуй. Большая часть кодеров дрочит на ПОСЛЕДОВАТЕЛЬНОСТЬ и ГРАМОТНОСТЬ. И линтеры не просто так придумали. Читать неграмотный код так же неприятно как и книгу с ошибками.
>>575483 Большая часть кодеров - быдло и говнокодеры. Смирись. Тебе придется править их ссаный говнокод и дописывать еще боьше костылей. А твой выдроченный бэм они вообще не оценят.
>>575483 >язык разметки >кодеры Пиздец ты преувеличиваешь значимость незначительного. Главное-это читаемость, и похуй там всем в каком порядке у тебя li il написаны.
>>575468 >item-list → list-item. Тег же li, а не il. >>575475 пиздец вы ебанутые, list item надо писать не потому, что тег называется li, а потому что это АНГЛИЙСКИЙ ЯЗЫК List item - элемент списка Item list - список элементный >>575455 - кун
>>575491 ну если им важно порядок твоих li il то они такие же как и ты. Ну как говориться окружение создает человека, оно и видно, проблема может даже и не в тебе.
>>575487 Да, работал. Пилили новостной сайт. Все всё делали по-своему. А еще нам сказали оставить большинство старых стилей и некоторые из них модифицировать, в итоге пришлось переписывать старый говнокод. А, и наверное сломаю ваш манямирок еще раз, но никто не ебался с препроцессорами, все тупо правилось в цсс файле прямо через фтп.
>>575493 я и хочу сказать, что список-итем это последняя инстанция. А итем список подразумевает еще итемы. А этот поехавший доказывает что так будет неграмотно. Ведь Li
>>575490 Я знаю как работает бэм-разметка, но я ее не выдрачивал до таких мелочей как лист айтем и айтем лист. Так что если не знаю как правильно сделать - делаю интуитивно.
>>575497 Ну все, мой повержен. Завтра, короче, на работе парням говорю, что гит мы выкидываем, sass больше не пользуемся, а на ворнинги eslint можно не обращать внимания. Будем лить на фтп епта, как на дваче сказали.
>>575501 Ясен хуй, тут всему треду до хай уровня фронт енда как до китая, так что пока лучше не задрачивать всякую хуету, которая тебе не понадобится, ибо на их уровне коллеги будут скорее все быдлокодерами.
>>575507 Конечно, ты скорее всего на высоком уровне работаешь. Тут большинство треда начинающие. И придется им работать с говнокодерами. Так что наверное пока стоит задрочить другие скиллы?
>>575497 где-то на днях читал про этот фэйл, когда проект делали на препроце, потом отдали заказчику, который добавлял свои правки уже в css, а потом на переделку отдали обратно и начался ебаный ад. Манямир блядь.
>>575513 я с таким адом каждую неделю сталкиваюсь. А что делать? Заказчику похуй. Просто в гите смотрю изменения в общем файле и раскидываю их по отдельным scss файлам.
>>575517 Какой конторой, лол? Это так, беру что знакомые подкидывают. Причем даже этот проект по моему мнению был низкого качества, с php и старой CMS.
Я сам начинающий, но сделал замечание насчет того, что твои выводы основаны на маленьком опыте, будто большинство вокруг говнокодят, и, дескать, не надо париться насчет актуальных технологий и правильности применения методик. Надо.
>>575524 Уйду, только денег и опыта накоплю. А ада на самом деле мало. Ну что там такого сможет натворить заказчик не шарящий в css. Даже сотня строк кода, что бывает очень редко, раскидывается за полчаса.
Бля, надо было скринить вам код из прошлого пректа. Там были такие перлы, как комментарий 3 - Не знаю или 11 - Это Макс писал в качестве заголовков к блокам JS-Кода.
Господа, поясните за замыкания в ЖС. Я прочёл http://stackoverflow.com/questions/111102/how-do-javascript-closures-work?rq=1 и в принципе понял, как они создаются и работают, но там нет ни одного действительно рабочего примера, всё на уровне хеллоу ворлд. Меня интересует, где они применяются в реальных проектах, как понять, что в такой-то ситуации оптимально применить замыкание?
Эти тенюшки можно сделать при помощи css, или только картинкой? Я вообще ахуевой от папки с картинками у этого макета, вообще нехуя подходящих картинок нет.
>>575643 Облегчение работы с асинхронными событиями. Замыкание гарантирует, что пока функция асинхронная функция ждет исполнения, объекты, которые в ней используются не проебутся из памяти.
Кроме того, замыкания позволяют не передавать миллион аргументов в функцию, а брать часть из внешней среды.
Просто пиши проекты посложнее, сам поймешь когда их применять.
>>575657 серый фон под углом это два прямоугольника белый и серый, на сером сверху еще серый треугольник. Тень снизу по макету проще jpg спиздить, но можно и css
>>575656 Тени - сделай псевдоэлемент с нулевой высотой и нужного размера и задай ему тень. С фоном в принципе можно поступить так же, блок 100% ширины, z-index'ом расположи под изображением смартфона и примени transform: rotate. Возможно придётся дать ему ширину больше 100%, тогда не забудь прописать контейнеру overflow-x:hidden.
>>575437 Если верить первому каналу то да. На практике в некоторых мухосранях и зп в 10к считается средней. Моя тян за 8к работает в школе, там про 30-40к зп даже не заикаются, для них это космические бабки.
>>575705 Спасибо, но я имел в виду другое, пример из реального проекта. Необязательно кодом, просто на словах. Вроде "вот здесь нужно было сделать то и то, я подумал и пришел к выводу, что следует применить замыкание по такой-то причине".
>>575728 >Верстаешь? Верстаю, ЖС пописываю. >На русскоязычной или англоязычных биржах? Англоязычные, я же не говноед.хотя тут можно поспорить >Как вкатывался? Зарегистрировался, вывесил портфолио, стать подавать заявки. Никаких хитростей. >Какой средний доход в месяц? 200-250 долларов.
>>575711 Ну вот, например. Здесь замыкания используются просто чтобы не писать много кода. Две анонимные функции используют переменную dispatch из родительской функции.
Не то что бы я сидел и думал «а не применить ли здесь замыкание?», просто оно там используется естественным образом.
Сорь за ES6, но у меня весь код такой. Самый просто пример, который я нашел сходу.
Чет у меня пригорает от пинка. Какой-то он переусложненный, что ли. Пиздил бы дизайнера за такие решения вроде косых бэкрграундов, слайдеров с таблицами и т.д.
Надеюсь, его намеренно таким сделали, чтобы новички не расслаблялись.
Посоны, здравствуйте. В сети полно работы по натягиванию HTML шаблонов на Вордпресс. Кто-то таким занимался? Насколько глубоко надо знать PHP, чтобы делать подобного рода работу? Там ещё вроде и XML нужно писать, нет? Почему именно блядский Вордпресс, когда для кастомных шаблонов придумали MODx? Есть ли какие-то обучающие гайды по натягиванию? Заебали индусы, верстают за $1 на бутстрапе, а все и довольны.
В Пинке решение с разделением таблицы на 4 отдельные - это вообще норм, так и надо? Думаю как ценровать потом столбцы и пока вообще не представляю себе такое решение.
>>575773 Ну попробуй объясни своему заказчику что ему лучше MODx использовать. Он знает что есть популярный проверенный WP и ему поебать чо тебе будет удобней делать на чем-то другом. На ютабе полно гайдов. Разжевана каждая деталь специально для даунов.
Тупой вопрос, но что-то у меня голова не варит уже.
Вот эти респонсив-макеты от академии. Есть на 320, 700, 1200 и 1440 пикселей. Как задавать для них медиа-правила? Вот, допустим, для 320 - это min-width 320px and max-width 699px? Или это max-width 320px? Я, наверное, сейчас какую-то очевидную хуйню спросил, но я правда не могу сообразить.
Поясните за сайты с длинной прокруткой вниз, такие одностраничные. Я встречал и тут анон выкладывал свои работы, и в хтмлакадемии они, и гуглю бесплатные макеты и тоже везде они. Как они ценяться? Это мода на них? Алсо сколько работ должно быть в портфолио примерно такого плана как пикрелейтед?
>>575454 >>575454 Просто хочется поинтересоватся у реальных людей, а то знаем мы, 3 месяца отучил и забросил. Хочется же спросить что аноны делали дальше после изучения академии и интенсива.
>>575823 При max-width: 320, ксс правила будут срабатывать на экранах от 0 до 320px. При min-width: 320, правила будут срабатывать при экране от 320 до бесконечности.
>>575834 Т.е. таки вариант min-width 320 and max-width 699 оказался верным? Следующие соответственно: min 700 max 1199, min 1200 max 1439, min 1440?
А раз это мобайл-ферст, то первое медиа-правило не задается, верстается под мобильник, а комп уже сам подставит стили, когда ширина вьюпорта не будет подходить ни под одно следующее медиа-правило?
>>575835 >Ровно 2,78 Я серьёзно спрашиваю, потому что я могу наверстать и 10, и 20 таких сайтов. Но в какой-то точке это не будет иметь смысла. Перефразирую: сколько сайтов подобного типа достаточно иметь ньюфагу в портфолио, для успешного нахождения работы?
Хуле вы доебались до моего item-list? Я английский только учу, но ведь должно быть так: item of list либо list's item. Я просто опустил of и все. Насчет block к блокам учту. Есть еще какие - то косяки? Я имею в виду, структурные, в самой логике разметки, а не именовании классов.
>>575828 Это называется landing page или посадочная страница. Используются, чтобы быстро и красиво доставить посетителю идею продукта/сервиса и подтолкнуть к покупке. Довольно простые в изготвлении, от того ценятся как говно. Индусы хуячат такие полностью респонсивные и с мобильной версией по 5 баксов/штука за 3 часа. Особого впечатления на работодателя они не производят. Очень хороши, чтобы начать осваивать адаптивную/респонсивную верстку, поэтому их дохуя в хтмл академии.
Другой анон. Вопрос тоже про адаптивность. Допустим у нас есть вот это: http://codepen.io/anon/pen/dMxMqN?editors=0100 Но нам еще нужно прихуярить ретину. Еще 3 медиазапроса. Это так делается? @media only screen and (min-device-pixel-ratio: 2) and (min-width:1201px) and (max-width:1400px), @media only screen and (min-resolution: 192dpi) and (min-width:1201px) and (max-width:1400px){ //bla bla }
Ах да, если у вас капча не отображается, то просто перенесите курсором беленький квадратик в новую вкладку. Тоже самое, если даже белый квадратик не отображается. Все равно можно перенести.
>>575456 >>575496 Что седона, что пинк - ублюдочные макеты. После того, как я сверстал седону, на пинк у меня не встал. И да, какие фреймворки, хуй знает, хотя теоретически можно эту ебату на бутстрапе запилить. Но я делал на флексах. (В ие10 разваливается нахуй, лол).
>>575518 > css-модули удобнее Вся суть тупых вонаби-фронтендеров, готовы жрать дерьмо только потому, что им кто-то сказал, что это НОВЫЙ ТРЕНД ЗА ЭТИМ БУДУЩЕЕ.
>>575845 Недоучил. В английском когда следуют др за др несколько существительных, они автоматом становятся прилагательными, кроме последнего, которое и описывают. Поэтому достаточно list item - буквально списочный элемент.
>>575911 Не знаю, вот чисто субъективно. Верстаешь эту ссаную седону, и через час у тебя уже глаза нахуй вытекают от этого бело-голубого говна, и в мозгу вертится "ЭТО МАЛЕНЬКИЙ ГОРОДОК В АРИЗОНЕ", и вертится, и вертится, ТАМ ЕСТЬ МОСТ ДЬЯВОЛА. Тьфу. А еще он какой-то пустой, что-ли. Хуй знает, вроде верстаешь-верстаешь, адаптивность, ретина, свг, заебался, а в итоге на тебя смотрит с экрана какая-то голубая фигня с квадратиками и гугл/яндекскартой.
>>575917 Я просто с Пинка чет охуеваю. Понимаю, что это чисто учебный макет, ну как с автомобилями: лучше учиться ездить на чем-то хуевом и слабоуправляемом, чтобы нормальная машина вообще вопросов в управлении не вызывала.
>>575926 Ну я так скажу - если не верстал адаптивную седону, то сверстай пинк. Там очень много всего в процессе узнаешь, как свг обжектами вставлять, как мобайл ферст пилить, ретинизация и прочее. В общем, нужная штука, хоть и уродская.
>>575927 Я его как раз сейчас пытаюсь сверстать. Но чет он какой-то сложный для меня. Вот этот элемент с таблицей-слайдером в мобильной версии - ХЗ как делать. Да и в целом подход mobile first мне какой-то хуйней лютой кажется сейчас, уже представляю сколько придется на переходе даже в планшетную версию ебаться с уже написанной версткой.
>>575924 Если коротко, то CSS конвертируется в JS-объект и используется в таком виде в JS-коде компонента. За счет этого и автоматического нейминга, CSS-классы никогда не вытекают за пределы этого компонента и получается модульность естественным путем, а не за счет соглашений. Это похоже на БЭМ, но с той разницей, что блоки генерятся автоматически и остается только управлять элементами и модификаторами.
Разумеется, все это имеет смысл только в SPA, написанных полностью на JS.
>>575931 У меня сложность возникла только с "визуализацией", что-ли. Ну т.е. когда десктоп версия готова, как-то проще представить, что вот этот блок на планшете уйдет вниз, вот этот на айфоне скрываем и т.п. А так я даже не понял, если честно, нахуя нужен этот мобайл ферст, лол. Количество кода одинаковое, количество элементов тоже.
>>575934 Ты меня потолкнул к тому, чтобы отказаться от идеи Першина в продвинутом, когда участникам постепенно открывали макет от мобильного к десктопному. Пошло оно нахуй, буду от десктопного скакать.
>>575966 Чтобы в style.css передавался код импортируемого файла, а не строчка @import хуе-мое. В Less для этого достаточно после @import написать (inline).
Я не пользуюсь пока грантами/галпами/вэбпаками, если что.
>>576242 Скачиваешь web-шрифт, кладешь в папочку fonts, прописываешь его в цсс (в моем случае - компонент fonts). Далее как обычно, прописываешь шрифты всему боди или только нужным элементам.
Олсо, как считаете, прикладывать ололошоп (переверстанный на флексах с частичной адаптивностью прикрученный от балды) к портфолио слишком зашкварно? А то жалко как-то, первый проект, все-таки.
Котаны, объясните дауну, что имел в виду дизайнер, когда поместил так блоки, что они вываливаются за края макета, как на первых двух скринах? Там должен быть слайдер по ховеру? На всю ширину окна браузера, или в контейнере с шириной 12 колонок (как его тогда, кстати, настроить, чтобы он двигал сразу две строки с блоками, если блоки внутри могут быть двойной ширины)? Что значат горизонтальные направляющие? По ним нужно делать отображение на всю высоту окна браузера?
>>576353 Да пофиг, если пойду на работу - без проблем перейду на их структуру проекта. Я привык фонтс засовывать в папочку компонентс, так же как и файлик, описывающий кнопочки и прочее.
>>576356 А какая разница, скрыть от постороннего, что ты шрифты с гуглосервиса подключаешь? Что так, что так - ты делаешь запрос на сторонний сервер. Хочешь нормально - качай шрифты и подключай их. Хотя на самом деле всем похуй.
>>576365 Я не разбираюсь в механизмах кеширования, но предположу, что если браузер до этого ходил по сайту с таким же шрифтом, подключеным по той же ссылке с гугла, то он возмет его из кеша. Я думал, что для этого шрифты и библиотеки и подключают оттуда. Поправьте, если не так.
После почти 8 месяцев фриланса решился вкатиться в офис. Пошел на сайт с работой, поглядел, а подходящих ваканский аж 2 блять. Остальные либо слишком низкооплачиваемые, либо я слишком анскильный. Об одной компании много плохих отзывов, поэтому послал объявление только на одну вакансию. Как думаете, какова вероятность успеха?
Наверняка тут много людей, работающих во фрилансе, и которые каждый день сталкиваются с задачей "сверстать копию фейсбука за 2 дня за 100 баксов, фулл респонсив", на которую откликаются в основном индусы. Так вот вопрос у меня такой: кто-нибудь видел что из себя представляет индусская верстка, стили и жабоскрипт? Если да, скиньте пару примеров - может они не так уж и плохи, как все говорят, а?
>>576628 шоб тенюшка была по центру, можно было конечно задать left 5% и right 5%, а на width забить. Пожалуй, так даже было бы лучше. Поправил у себя.
>>576630 че-то мне кажется, если у тебя ширина родительской картинки задана четко 180 пикселей - то и ширину/положение положение :after тоже можно четко задать в пикселях. Имхо, понятнее читается такой код: bottom: 0; left: -20px; position: absolute; width: 220px (к примеру)
>>576613 все адекватные заказчики обходят индусов стороной, среди их огромного количества найти грамотного просто ооочень сложная задача. Хотя там и есть профессионалы. Они очень сильно демпингуют и поэтому им нужно делать больше, качество как следствие падает ебанистически.
>>576645 >>576649 в общем bottom и left можно отрегулировать, моя мысль была в том, что если у родителя относительное позиционирование и четко задана ширина, то наверное нет смысла прописывать в :after проценты в правилах left и right, лично меня такой подход запутывает, я начинаю искать подводные камни.
>>576654 Родителем для псевдоэлемента является не img >>576656 Я делал градиент генератором градиентов, а так, да, собсна, у меня в галпе есть автоперфиксер и это действительно лишнее, удалил.
>>576676 Никаких. Во-первых на удаленку нужны профи, а не джуны. Во-вторых скиллы на 10-15к это слишком мало, с тобой возни будет больше, чем профита.
>я так понимаю, что для москвича 15к в месяц это не деньги Бизнес это не богадельня чтобы тебе просто так что-то отдавать. Ты либо приносишь прибыль, либо идешь нахуй.
>>576684 Не соглашусь, если парень имеет отличный скилл верстки и может в джс, то подработку наверняка найдет. Тут куча народу из треда, в том числе и я, работают удаленно.
>>576684 Я и говорил о прибыли, буду ли я полезен так рынку. И почему больше возни? Если я ещё добавлю знание всяких вордпрессов и джумлы. Многие же так работают, нет?
>>576688 Хех, на днях буду устраиваться в колл-центр, с голосом таки повезло.
>>576687 А сколько ты получаешь? Ты тоже знаешь только хтмл, ксс, жс и движки?
>>576690 Всегда есть возня с новыми людьми — пока их подключишь везде, пока все объяснишь. За джунами надо все время присматривать, проводить код ревью и т.д. Удаленно это делать в сто раз геморней.
>>576690 Не работаю с движками. Зато хорошо знаю верстку, джс, разбираюсь в браузерной производительности, знаю полный набор инструментов, разве что без вебпака, но этот вопрос решается. Пока средний рейт ~5 бачей в час.
>>576676 >>576684 работаю на удаленке. Знаю css и html - вроде на достойном уровне, jquery на уровне макаки. Бампал сначала все что в Питере более менее подходило - 3 месяца не мог устроиться. Потом стал бампать чисто удаленку и через пару недель нашел.
>>576700 >>576699 Опыт работы меньше месяца, лол. Да сразу с него начал. Для джуна без опыта вполне норм. На одеск без отличного английского соваться смысла нет.
>>576719 Полгода расслабленно проходил академию постепенно ускоряясь. Бесплатные несколько месяцев, потом за месяц платную часть. Дальше прошел интенсив базовый, увилился и уехал на продвинутые курсы в Питер. Знакомый подкинул проектов еще. 2-3 месяца в хостеле сплошь верстал. Работу нашел получается спустя 6-9 месяцев после появления идеи. Но конечно до этого были представления о том что это и интерес небольшой к этому, а не только желание все поменять.
>>576716 Не прокачивал целенаправленно. Где-то год назад смотрел видео vice-news про муслимов, пару статей в месяц почитывал. Кое-что понимал, кое-что нет, но в целом хуево все было. Затем стал обучаться фронту. Здесь вся актуальная инфа на английском, поэтому количество языка увеличилось в разы. Почитывал статьи, видео смотрел, отказался от просмотра фильмов с дубляжом все равно он полное дерьмо, актеры гнусавые, интонации не передают, бэкграундный звуковой поток искусственно заглушен, а недавно и на книги в оригинале перешел. Все неизвестные слова записывал в словарь и заучивал.
>>576727 Кто говорил что он у меня отличный? Я не работаю на одеске и пока вкатываться туда не планирую. Знаком с тамошней обстановкой, вот и поделился инфой.
>>576730 Я сам там был, и создалось впечатление, что да, без англа даже разговаривать не хотят с тобой. Поэтому подзабил на него. Но тут недавно анон писал, что англ чисто на форчане поднял и вкатился с полугодовым опытом на апворк. Он меня снова вдохновил. Пожалуй, пройду js интенсив и снова начну атаку на апворк.
>>576735 академии задачки ты можешь вообще за месяц пройти, если не работаешь/учишься. Это даст хороший бэкграунд. А дальше нужен опыт реальных проектов. Или может находить шаблоны и верстать просто так? Но я такое никогда не мог вывозить. Бессмысленная работа для портфолио, в надежде что кто-то увидит это я бы не вывез.
>>576744 хуй с маслом получаю, я не он, я в свое время забивал несколько раз и сейчас заново вкатываюсь. Я как-раз пример того, как можно учить всякую хуйню месяцами, потом забивать, забывать, и учить заново.
>>576753 бля, ты тогда, это я сейчас, у меня даже билет есть в ДС на июнь, но я еще не решил, ехать или нет. Планирую вкатиться во фриланс буквально через 2 недели, и если в течении еще 2 недель на фрилансе нихуя не получу, то прыгаю в поезд, а если что-то будет, то сдам билет.
>>576754 Насчет слов могу посоветовать повторять записанное в словаре с определенными промежутками, ну и само собой воспринимать больше контента. Будучи разработчиком это не сложно, всегда есть что почитать/посмотреть/послушать. Если ты записал слово, выучил его, а затем в течение недели встретил в тексте раз 5-10 и самостоятельно вспомнил что оно значит, то шанс передачи его в долговременную память серьезно увеличивается.
>>576775 Спасибо. Я просто ленивая блядь. Мне проще копить год-два, поедая дошираки, и съездить в США, чтобы там уже поставить себя в безвыходное положение. Чем искуственно без интереса что-то там изучать чисто для практики.
Лучше всего выучить английский мне помогли две вещи. 1. Пиратский международный сервер WoW, где кроме как на английском ты хрен поговоришь со всякими испанцами, французами и турками. 2. Курсы английского с носителем языка, которым была молодая афроамериканка, с которой просто было приятно попиздеть о жизни, отложив учебники в сторону.
>>576618 Я как-то в макете глейси тоже сделал свечение сзади мороженого КСС-ом. Очень прямо радовался, какой я молодец, не вставлял картинку. А потом открыл своё творение в хроме и охуел. Пришлось вставлять картинку.
Сделал градиент, но как это еще по-умному можно было реализовать? Кроме как ебануть в фон огромный серый треугольник имитирующий этот наклон? Или огромный серый треугольник в формате svg? Мне кажется, это было бы более геморройно.
>>577014 Я сам сделал на мелких через псевдо-элемент (хз зачем), а на крупных экранах градиентом. По идее, с свг должно быть очень удобно и не затратно, но у меня нет векторного редактора. Через фш не умею.
Я еще вспомнил, почему лучше подключать шрифты и библиотеки с гугла. Тому что ограничение на кол-во запросов на один домен обходится. Если ты не делаешь хитровыебаное сохранение в локалстор, то лучше подрубать со сторонних доменов.
>>577014 а зачем ебашить "огромный треугольник". Можешь минимальных размеров треугольник сделать и задать ему background-size: ??px 100%; правда наклон будет будет меняться в зависимости от ширины экрана.
Пацаны, есть какой-нибудь гайд как через ФШ правильно измерять всякие маргины и паддинги? Потому что каждый раз, когда я измеряю по макету, на деле оказывается больше, чем нужно. Это потому что у некоторых тегов есть свои отступы? Я как-то в такие моменты хочу юзнуть reset.css но хтмлакадеми как-то говорили что это плохой тон и вся хуйня. Так как выкручиваться?
>>577054 В хтмл тэги h1, p, ul и подобные? Чекни стили и отмени их, а лучше просто на автомате суй m0. Через фш надо учитывать, что измеряется отступ между интерлиньяжем.
>>577056 Так если на автомате совать м0, это же по сути и есть ресет? А интерлиньяж что такое? В хмтл объясняли, что измеряется отступ начиная от высоты линии, а не начиная от высоты буквы.
>>577058 Высота линии === интерлиньяж === line-height Так ты не совсем на автомате суй, а когда они есть и они тебе не нужны, а это большиство случаев, когда ты пишешь стили для этого элемента.
>>577058 >В хмтл объясняли, что измеряется отступ начиная от высоты линии, а не начиная от высоты буквы Берешь и измеряешь от края буквы. Суть в том, что тут надо вычитать из того что ты отмерил (line-height - font-size) / 2.
>>577058 1. Обнуляй/заменяй своими всегда эти петушиные маргины тегов. Это атавизм. 2. Если пиксель перфект не требуется, то забей на эти +/- пиксели, замеряй выделением, определяя границы на глаз, округляй до 5 пикселей. Сэкономишь тонны времени. Если же пиксель перфект нужен. То ставь плагин и подгоняй маргины в браузере, на измерении не трать время, все равно проебешься.
Парни, у кого на компе 4гига оперативы? Вам как верстается/кодится, норм? Есть ли подвисания/затупы при открытом браузере, sublime (или webstrom) и фш (авокод) ?
>>577113 У меня 8, но я недавно смотрел прогрузку, так что выскажусь. Открытый фш с несколькими макетами, брекетс, препрос, консоль, гугл с 15-20 вкладками, еще какое-то дерьмо по мелочи, жрет порядка 6-7 гигов оперативы.
>>574452 (OP) Анон, кто-то тут проходил? Я прошел htmlacademy бесплатный курс, но очень давно. Хочу освежить знания, но снова проходить все с нуля, все задания - тяжело и не интересно. Стоит ли тут почитать? https://webref.ru/layout/learn-html-css
>>577173 >это что? Это Creative Cloud. По сути полная версия экстракта находится именно на этом сайте Abode. Все чу умеет делать с макетами брекетс - можно делать в браузере.
>>577173 Я тоже сидел на брекетсе, пока не заебался разбираться в косячных макетах хтмл-академии (там часто шрифты не правильно считываются), и перешел на CC и WebStorm. Так оно как-то удобнее.
>>577205 ясно, и тебе спасибо, что отписался. просто у меня некро ноут 2гб да еще и ddr2 и на него планки по 4гб дефицит (особенно в моей жопе мира). Вот и думаю если поставить на время на 2гб смогу с четырьмя перекантоваться или нет некоторое время
>>577244 только ты должен учесть, что у меня в ноутбуке нормальная видеокарта, и я не могу сказать, какую нагрузку она берет на себя в фотошопе. Но в любом случае, с 4ГБ работать будет можно, пусть и с зависаниями.
Блять, всего 8 месяцев работаю, а уже чет заебало верстать. Целыми днями только и делаю, что фикшу говнобаги и воплощаю в жизнь различную шизофазию клиентов. Хочу на реакты/ангуляры да ноду перекатиться, но применить их сейчас по сути негде. Один раз только сделал маленький сайтец на реакте и все. Начальник все обещает, что мол вот-вот ща попрут суперсложные проекты, буду спа хуячить и кайфовать, надо лишь немного потерпеть. Но чет мне слабо верится в это дерьмо. Я конечно дома учу и практикуюсь, но хочется уже и в реальных проектах это все поприменять. На ноду и не надеюсь, т.к. там по сути кроме меня никто поддерживать это потом не сможет, они глубоко в Yii2 засели и вылазить оттуда не собираются. Кароч наверное доработаю год и если нихуя не изменится, то съебу нахуй оттуда. Благо когда пару месяцев назад резюме для теста выкладывал, то буквально завалили приглашениями на собеседования. Так что думаю работу будет не проблема найти, даже наверное повыбирать смогу.
>>577261 я бы пошел чисто из интереса и получиться опыт собеседований и спросил бы нафига мне пыха вообще нужна. Если фронтенд - то js, если уж для себя повозиться в бэке, то опять же js (нода). А тут тем более верстак.
>>577261 а резюме что из себя на хх представляет? Я как-то кидал свое, но там не было портфолио и дальше просмотров ничего не заходило, сейчас доделываю ахуенный сайт портфолио с примерами работ, погляжу, что изменится
>>577306 ничо особенного, в тексте пара ссылок-примеров работ по верстке и пара по жс. и еще ссылка на гитхаб, там все работы, где лежит 20+ макетов среди которых где-то треть довольно хуевых.
ОП одного из самых первых вёрстка-тредов здесь. Нахожусь на пути между 2 и 3 шагом старой пасты хотя и не особо тороплюсь, т.к. нашел вполне нормальную фирму. В основном пилим веб-приложения, иногда сопутствующее говно уровня на php типа магазинов. Не так давно запилили соц. сеть с видосиками))) и музякой для одного американского стартапа. Сейчас штиль, багфиксинг умеренно вялотекущих проектов и самообразование. Вторую неделю вношу правки от дизайнера на лендинг в ~5 экранов. ЗП 51к деревянных. Миллионник, не ДСы.
Я знаю что за такие просьбы тут посылают нахуй, но все равно посоветуйте как правильно сделать этот милый хвостик на верху выпадающей минюшки. Макет резиновый, и нарезать рисунок меня напрягает, вечно вылазят бочины на разных разрешениях. Есть возможность сделать с помощью CSS?
>>577547 Потому что это всего-навсего перевернутый квадрат, лалка. http://codepen.io/anon/pen/JXgLeO Советую тебе еще раз пройти базовый и прочитать какможно больше статей про css.
>>577547 Бля, ну я вообще тупой. Вот решение "Попробуй нарисовать рамку конечной ширины вокруг объекта нулевого размера. А терерь убери все грани рамки, кроме одной. Получишь такой клинышек."
>>577555 Да начитался уже , наелся до подбородка, только хули толку если верстаешь макет и все равно встречаешь такие проблемы про которые еще не читал. И пока читал я так не одного макета и не сверстал, а когда смотришь сколько еще надо прочитать - руки опускаються. ПРАКТИКА, ПРАКТИКА, ПРАКТИКА. В пизду теорию.
>>577340 Блин, у меня всего 6 макетов, но зато вылизанные до блеска (это если считать ОЛОЛО СЕДОНУ еще, которая у каждого первого имеется). Как думаешь, стоит ли наверстать еще говна или хватит? У меня просто не хватает мотивации верстать просто так, без отдачи.
>>577572 сложно сказать, тут был недавно чувак который с тремя-четырьмя штоле макетами устроился, помню что-то про зубную клинику там было.
в какой-то момент, когда просто верстка уже совсем заебала, становится важным в каждом макете пробовать какие-то новые хуйни, которых раньше не делал, экспериментировать в общем. тогда как-то больше смысла появляется.
>>577589 Да у меня не хватает фантазии что-то прикручивать. Для ретины-свг нужны исходники, а они есть аж в целых двух макетах (седона-пинк). Слайдер прикрутить-настроить - это я могу, жикфери хуйней верстку полировать как-то по-быдляцки. В итоге у меня сейчас 5 адаптивных макетов и один фиксированный лендинг, как-то не охчень хочется еще столько же верстать тупо для количества. Ладно, это все лирика (надо будет - сверстаю, конечно). Такой вопрос к тем, кто уже работает на удаленке - где лучше искать/рассылать резюме? На ХХ как-то тухловато, две с половиной вакансии. На апворк пока боюсь.
Сап. Нужно сделать краткое содержание страницы, т.е список слов и якоря на определенные места на страничке. Есть ли какой-нибудь нормальный минималистичный css-шаблон для этого? (желательно с прозрачностью).
>>577744 >>577811 Заебали офисы/цеха. Заебал отпуск 14 дней раз в полгода, не когда ты хочешь, а куда тебя поставят (в феврале/ноябре, про лето забудь). Заебало быть аки крепостной привязанным к одной локации. И главное, спрос на нюфагов фронтендеров есть только в дсах. В других "городах" обычно хотят сразу специалистов среднего/высшего уровня (причем за меньшие деньги).
>>576676 Если у тебя уровень верстки отличный, то на удаленке всем будет насрать на твой возраст. Я сам вкатился в 17, а мой друг детства в 15 и через полгода уже съебал в Москву. Правда, ему повезло, он в 15 выглядет на все 18, а я в 20 выгляжу на 15. Но это не меняет дела, если у тебя высокие скиллы, на фрилансе всем будет насрать на твой возраст, просто веди себя адекватно.
>>577842 Этого двачую, сам съебал с работы в мае прошлого года из-за нежелания просиживать штанцы летом в офисе. Пожалел пару раз, когда денег совсем не было, сейчас все норм, зарабатываю на фрилансе больше, чем на бывшей работе в мухосранском офисе. Открыл истину, если тебя что-либо бесит на работе - поговори с руководителем. Если ничего не изменится - съебывай.
>>577589 Ебать, это я был. Стоматологическая клиника была, по нынешним рамкам верстка страшная как моя бывшая. Устроился я короче и за 2 месяца охуеть как скилл повысил.
>>577687 Устроился версталой на "высоконагруженный проект" в стадии последнего вылизывания. И сразу охуел от говна, которое там понаделал предыдущий верстальщик. Сейчас правлю за ним баги, через день по одному-два бага фикшу. Думаю вкатываться еще куда-нибудь, так как последнюю неделю получается работы на 4 часа в день, а оплата почасовая. Начал на автомате вкатываться в php, потому как просматриваю шаблоны и иногда что-либо правлю. Например, недавно узнал, что конкатенация и сложение в php пишутся через разные операторы сложение через "+", конкатенация строк через ".". Успел проебаться таким образом и вывести вместо менюшки пользователя с аватаркой число на главной странице. висело все выходные. Хорошо, что проект еще на стадии тестирования, никто его не юзает.
Ананасы, предлагают удаленку. Главная проблема в том, что бэки пишут на битриксе. Кто верстал под битрикс, скажите, неужели все действительно так плохо?
>>578259 Битрикс меня пугает. Знакомые говорят, что это дико страшная, неповоротливая херь, на которой править верстку в случае чего - просто форменное извращение. А править приходится часто, так как Битрикс.
>>578368 Не собираюсь писать про Битрикс в резюме.
>>578477 нет руководств для чайников, кроме одного с половиной набора уроков на ютубе. Пытаешься загуглить, а все ссылки приводят на офф. сайт, где все ответы рассчитаны на минимум спецов в php. Но мне не с чем сравнивать, работал еще только с рукописными движками.
>>578514 >активный, позитивный, радиоактивный этого обычно много в резюме тех, кто ничего не умеет. А в ит-специальностях таких глупостей почти не встречается. Ну да, работодатели - это же мухи, стадо, которое не знает чего хочет. И будет писать что им нужен опыт в битрикс, а когда узнают, что он у тебя есть, скажут "фу зашквар".
>>578502 Теоретически, когда не можешь понять, откуда руки растут, надо спрашивать у старшего товарища, который шарит в этом, а не пердолиться до последнего. Я так тимлида спрашивал часто по поводу шаблонов и прочей мудоты, он просто перестал отвечать на удаленке сижу. Начал спрашивать у другого чела, с которым теперь работаю в паре на фронте. Вот он без проблем отвечает и помогает. Правда, про тимлида пришлось стукануть вышестоящему начальнику, зато с тех пор работа не останавливалась из-за различной хуерги.
Хз, какая там компания, но заебывать вопросами я их буду в любом случае.
Эх анон, прямо не знаю что делать. Все учебные макеты из хтмл академи я доверстываю не до конца. Паддинги и маргины измеряю кое-как. А уже хочу дальше двигаться, лол. Где можно полезной инфы набраться по верстке, чтобы раньше времени в JS не лезть? Может какие-то макеты легкие для верстки есть? Интенсив базовый смотрел.
>>578692 А при чём тут адаптивность? Я хочу хотя бы один учебный сам до конца доверстать. Я просто не понимаю как они измеряют паддинги и хуяддинги. Я не понимаю где section, а где article. Я не понимаю, что нужно оборачивать в див, а что не нужно. Например, блочный по умолчанию элемент (всякие абзацы, h-123456 и так далее) не нужно, ведь они по умолчанию блочные? Почему изображения помимо CSS надо прописывать в хтмл да еще и с указанием размера? Вот такое вот где почитать?
кароч приехал в их бизнес-центр за полчаса до оговоренного времени, потоптался у входа как долбонавт, зашел. в офисе за столами четверо граждан, сажусь, рассказывай, говорят. я - что именно? про опыт. я - ну весь опыт в портфолио, можно сказать. в общем вопросов по изъебам и нюансам хтмла не было, просто чувак смотрел макеты и тыкал во все кнопки, в код даже не заглядывал.
спросил, могу ли я запилить интеграцию формы, я ответил что с пыхой знаком только на уровне "как-нибудь разобраться в коде". спросил, не пилил ли я инторнет-магазинов. нет, говорю. значит, говорит, ты больше по верстке. я тут слегонца проиграл про себя, потому что в вакансии черным по-белому написано "верстальщик". ну да, говорю, пока так. ну еще были какие-то малозначительные вопросы, типа будешь ли развиваться, сам ли учил и т. д. про бэмы, лессы, гранты-галпы-хуялпы речи даже не заходило. я еще пытался пояснять какие-то вещи насчет макетов, но по-моему, был не особо интересен.
взяли почту, сказали пришлют тестовое, да не простое, а с калькулятором каким-то еще штоле.
>>578713 маркетинг там у них кароч. по вебу, судя по всему, пилят магазы и лендинги. подумываю о том, что возможно, имеет смысл забить на чистый фронт и попытаться стать фуллстак-мартыханом, тут по мелочи, там по мелочи. хуеватый путь, но шансы устроиться повышаются. особенно если вы обитаете в пердях.
Котаны, возможно ли вызывать метод jquery двойным щелчком по элементу, конкретно slideToggle(), а то у меня на нём уже висит одна функция по одиночному клику?
<b>Плохо:</b> <b>Самое страшное, к счастью уже редкое — float: left для всех блоков. Безумный верстальщик эмулирует привычные ячейки таблиц, расставляя блоки как кирпичи друг за другом. Вон из профеcсии!</b> Чего это так флоаты не любят?
Я думал рынок вебразработки уже подох давно. А за него оказывается еще и платят. Вообще на чем все это держится не понимаю. Существуют разные cms, конструкторы сайтов с каждым месяцем все лучше и лучше, в конце концов тысячи бесплатных шаблонов как лэндосов, так и интернет-магазинов. Объясните мне, почему верстка/фронт-энд до сих пор живы, и за это еще и деньги платят?
Пришло приглашение от одной компашки, вроде интересный вариант, вилка зп под 1к зеленых. Вот только по требованиям к ним я не особо подхожу. Ибо нужен базовый python/django и опыт работы с фреймворками на джс. Бросили мне ссылку на getting started в документации к django https://docs.djangoproject.com/en/1.8/intro/tutorial01/ попросили пройти как можно скорее и идти к ним на собес. Вот я хуй знает что делать котаны. С питоном вообще не работал. Стоит тратить время на изучение? Кто-то проходил? Сколько времени этой займет? Если уж бекенд ковырять, то я больше к ноде склоняюсь. Ситуация становится more complicated еще и тем, что у меня щас в разработке проект, в котором работы часов еще на 20, в лучшем случае. Заказчик ждать не будет, и эти скорее всего тоже.
Я даже вынырну из ридонли блядь. Набрел на сей тред года 3 назад(я уже поменял 5 мест работы) и все 3 года сначала находится такое мудило >>578816 которое опять выходит на связь, а потом находится добрая душа >>578820 что то ему объясняющая вместо того чтобы накормить от души хуями. Доколе? Уже стыдно о таких говноедов шквариться.
>>578816 Они не живы, все веб-погромисты уже давно работают на складе кладовщиками, а здесь просто очень толстый жирный тред двух семенов, ну как апворк-тред, там тоже все друг друга троллируют вымышленными заработками, как домой приходят после смены на заводе. Весело нам, понимаешь?
>>578859 А у тебя подписки не осталось? Интересно было бы посмотреть, что там. Чувствую, что нужно больше практики, так как теорию понимаю, но теги подзабываются.
Анончики, посоветуйте какие-нибудь успокаивающие средства на натуральной основе, вся всяких лишних веществ, например сборник из валерианы, пустырника, мята и тд, только от какой-нибудь нормальной компании.
3 интенсива от htmlacademy learn.javascript.ru + видосы с его занятий 2015 года ( + скринкаст про gulp/webpack оттуда же) ну еще задачки с codewars можно порешать
На первое время с головой.
Академия в плане верстки пока лучшее, что я просматривал (пролистывал и гикбрейнс и го ит и нетологию и psdtohtml (make web))
у makeweb кстати на ютубе есть норм ознакомительный видос про авокод и адаптивную верстку с его использованием + про бутстрап 2 плейлиста - их тоже можно глянуть
там же бэминары от яндекса (если есть желание)
Из js смотрел еще специалиста (но не зашло, какая-то манера преподавания не очень была у чувака, не помню правда за какой год листал) и ИТ Бурсу - прикольно, можно глянуть, но ролики не большие, поэтому сам понимаешь
Так же в js-треде кидали на udemy 10 вопросов к собеседованию по js - туфта JS Garden - туфта в этих двух ничего нового не найдешь если Кантора изучил нормально
web-dev-bootcamp - его целиком еще не листал, но html/css часть не очень
freecodecamp (поверхностная теория, но всякие задачки "для портфолио" можно взять и сделать) udacity - толком не лазил, видел только html/css/responsive части, все это и у htmlacademy рассказывают и еще больше даже.
еще на диске валяется loftschool (какой-то то комплексный курс) - его еще не листал. Но сам факт что будут болтать обо всем не внушает оптимизм.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Пришел ли кто-то из нашего треда к успеху?
Да, и не один а двое, азазазза, кхм.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
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/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking
Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред