Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят, нам нужно пощупать код, иначе никто не поможет. Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется 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 и githttp://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо. Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.Текстовые редакторы:http://brackets.io/http://www.sublimetext.com/3https://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Прошлый тред >>475445 (OP)
>>480862 (OP)Добавил краткий фак, дабы спасти тред от дурацких вопросов. Думаю, ОП-пост надо частично перепиливать, а заодно и пасту. Если что - жду ваших предложений.ОП
Вопрос к фронтендерам: насколько сильно нужна математика в этой специальности? Мне вот очень нравится верстка и JS вроде неплохо учится, но вот математику очень не люблю. Просто считается, что программирование все-таки связано с матаном и все в таком духе, поэтому и спрашиваю.
>>480880Нет ну это пиздец просто.
>>480880Линал, диффуры и интуры знать надо. Векторный и тензорный анализ можешь пропустить, если не будешь моделировать. Из тфкп очень желательно шарить (кроме базы) в конформных отображениях.
Так а что по поводу курсов, о которые писал анон? https://geekbrains.ru/professions/web_developer
>>480889знаешь я скажу коротко, как когда-то мне ответили в треде про английский язык в разделе /fl. На всякие курсы записываются те, кому это на самом деле нахуй не нужно. Чисто ради того, чтобы сделать вид, что этот человек что-то меняет в своей жизни. Чтобы было на кого свалить свои неудачи. Все что выносит человек с таких курсов - это счета за обучения. Те кому реально это нужно, то он справиться и без всяких курсов, и будет целыми днями, все свое свободное время посвящать на обучение верстке, джс и т.п.. Так что спроси себя еще раз, нужно ли тебе тратить деньги на всякое говно, когда это есть в шапке и в гугле?
>>480880Нужно абстрактное мышление, а не математика.
>>480901Я не тот анон, но всегда ли так? Вот я работаю околопрограммистом (бд, хранилища данных и пр). Хотелось бы, приходя с работы, просто открыть лекции, практику и все делать, а не альтабться по миллоинам книгам и вкладкам. Учил джаву так, да, все время дрочил на нее.
>>480886>Линал, диффуры и интурыЧто?
>>480915а для чего тебе дали гугл? Никогда не понимал людей, которые тратят деньги на всякие курсы. Да, может без курсов ты бы сидел и тратил больше времени как я, разбирая всякую херню и пересматривая лекции по 5 раз, пока на тебя не сойдет благодатный огонь. Но я потрачу те же 7000 рублей на более полезные вещи. Так что советую всем заниматься самостоятельно, к тому же полно каналов на ютубе со всякой полезной инфой за бесплатно, но на ваших сайтах с платными курсами вы просерите деньги. P.S. Короче тут какую-то хуйню тебе написал, но думаю мой посыл ты понял
>>480925Блять я че зря учился на физика-ядерщика, раз нигде это не использую? Еще блять квантовая механика, урматы и тонны прочего(да, зря)
>>480928Я понял и так делал всегда, но теперь появились деньги и решил, что может быть проще, лол.
>>480902А верстальщикам тоже нужно абстрактное мышление? Например я осилил html/css и основы JS. Говорит ли это о том, что я еще способен в абстрактщину?
>>480863О, молодца, помозгую на досуге тоже чет подскажу по посту, но блядь судя по вопросу слоупока, который он уже и в js тредике успел задать хуй кто читает то шапку
>>481025Лол, я тот нуб, который спросил совет. Будет полезно, если в пасте будет написано жырным "ВСЕМ НОВИЧКАМ/НУБАМ ЧИТАТЬ ШАПКУ БЛЯТЬ"
>>480901Котейке этому двачаю)
Я Ананон который про курсы спрашивал.О курсах задумался потому, что есть предположение,что там дают инфу "по порядку" + можно совмещать с работой комфортно, какой не какой "ментор" будет, ну вы поняли о чем я. Тебя Анон услышал, вопрос был как раз потому, что сомневался именно в этих курсах а не в курсах в принципе.Прогуглих их, говорят шаражкина контора, к тому же опять посмотрел их план обучения. ТАБЛИЧНАЯ ВЕРСТКА!!На хуй это вообще надо!!! Были сделаны выводы, что там все так.Кстате , курсы ты зря презираешь, я думаю, что например тот же английский куда проще изучать с преподом и не испытывать анальные мучение с дрочкой типо учим миллион слов и читаем книгу на английском.
>>480938Ебаш, даже макаку можно в эту хуйню научить, если начнет матаном пахнуть то будешь учить по необходимости.
Прошел HTML/CSS на codecademy и htmlacademy.Нашел объявление о приеме на стажирвку версталой, с тестовым заданием. Сейчас вот делаю, но идет очень туго.Рано взялся?
>>481043Запомни. Если человеку к примеру действительно нужен английский, то он будет учить его самостоятельно тратя свое драгоценное время, которое в будущем окупится. В интернете куча различной инфы, в том же вк и ютубе полно различных источников. >например тот же английский куда проще изучать с преподом и не испытывать анальные мучение с дрочкой типо учим миллион слов и читаем книгу на английскомЧто будешь делать, если ты не осилишь английский изучая его с преподом по причине, что тебе он нахуй не нужен? Будешь говорить, что препод был плохой, как я описывал постом выше?
Что за предрассудки Анон , преподаватель просто эффективнее. То о чем ты говоришь, применимо к студентикам имхо, которых надо заставлять, что-то делать. Не видел долбаебов, которые идут учить английский, чтобы имитировать бурную деятельность, 25+ так точно не делают. Или тебе бабла жалко?
>>481084Если просто курсы у академии прошел - то да. Но чем черт не шутит, дерзай давай. Все-таки быстрее пойдет то дело, если в конторке будешь стажироваться. Да и расскажи че там в тестовом то?
Допустим мне надо вырыть яму 5х5 и глубиной 2 метра. Почему бы мне не взять лопату, а не копать руками? Сравни шансы, что я брошу копать руками и лопатой? А твоя супер нереальная мотивация это конечно круто, но так можно и надорваться
>>481088С хорошим ментором конечно эффективнее будет, причем в любом деле
>>481089Адаптивная форма, пикрелейтед.
>>481091если тебе настолько тяжело учить верстку самостоятельно, то может тебе стоит задуматься нужна ли она тебе вообще? Мотивация? Тебя засчет мотивации только получается усадить за комп и заставлять верстать?
>>481089Дополню: в статике то я ее запилил, фокусы на инпуты и лейблы работают как надо, на нужные размеры более-менее вышел (хотя отклонения кое-где в пиксель-два присутствуют, увы, кстати это сильно важно в реальной работе?), но выбранный путь был, судя по всему, ошибочным - в адаптировность она никак не хочет.
>>481094Ну ты что не читаешь совсем, что я писал. Я говорил, что курсы удобнее подачей материала , наличием ментора , и возможностью удобно совмещать работу/учёбу. А на счёт меня и вёрстки эта другая история, вёрстку например можно осилить без проблем на уровне устроиться хоть куда либо, а курсы предполагали html-css /php /js и всякие другие вкусности. Если с версткой все более менее ясно, то не трынди только, что учить туже Пыху, хотя она тоже ещё в пределах досягаемости, охуеть как круто самому.
Про всякие платные курсы. Они сделаны для хомяков, которые хотят что бы их всему научили, как правило ими движет не желание уметь, а желание зарабатывать бабки, потому как им написали на брошюре, что зп очень высока. И логика у таких людей очень простая, раз я заплатил за курсы, значит меня реально научат, а рыться во всей куче информации в интернете неблагородное и совершенно неэффективное дело. Покупая курс они снимают с себя моральный груз ответственности за свое образование. Они лишь уверены в том, что результат будет достигнут, особенно, если учитывать столь внушительные успехи компании, которые, кстати, так же написаны на брошюре. Вы думаете почему фирм для обучения сейчас так много? Потому что это бизнес. Они, якобы, создают мост между любой наивной бухгалтершей и престижной работой. Но по сути все эти конторы одинаковые, они учат основам, которые гуглятся на раз два, но люди просто НЕ ХОТЯТ гуглить, они лишь хотят хорошую работу. Поэтому компашки просто берут самое легкое и преподносят это в виде ужина в ресторане, где за первым идет второе, а потом третье и наконец десерт. Они так же утверждают, что обеспечат вас работой-это ложь, стажировкой да, но не работой. Стажировка, кстати говоря, будет бесплатной с большой долей вероятности. И не стоит думать о зарплате вообще. Человек озабоченный деньгами в этой области заведомо проиграл...
>>481208Ты прав, но не совсем.Я вот полностью забросил игрули, книги и остальное бесцельное времяпрепровождение, прошел несколько интерактивных курсов, постоянно читаю по этой теме. О каких-то невероятных доходах не думаю, был бы безмерно счастлив получать хотя бы 80% от своей текущей з/п. Но вот от курсов я бы не отказался. Книжке ты не задашь интересующий тебя вопрос, не попросишь показать более понятный пример. Ну а тупое гугление, особенно в самом начале - это вообще хаос и метания.
>>481215я это вообще, а не конкретно тебе. И да, навык гугления очень полезный навык в сфере IT в целом. Стоит так же отметить, что ENG гугление гораздо эффективнее. А ты поступай как знаешь, было бы желание и добиться можно всего и неважно какими способами.
>>481084Нет блять не рано, запоздал ты что-то
>>481240Чего злой такой?
Объясните популярно, как выкатывают файлы новой верстки на сервер? Верстала отправляет через гит изменения в репозиторий, да? Дальше как? Как это трансформируется в конкретные изменения внешнего вида сайта? Вообще не понятно, что там дальше происходит с html-файлами, когда джун html/css-онли-верстала отдает их погромистам.. Поясните за процесс разработки сайта
>>481280Потому что мне 13 лет, извини
>>481288Ну для начала надо понимать что есть девелопмент версия разработки, а есть продакшн. В девелопе проект постоянно ковыряют и доделывают, в продакшн отдают готовые минифицированные, обмазанные оптимизаторами и префиксерами файлы. Отдать в продакшн - это, по сути, свалить файлы на сервер заказчику.Пока проект в девелопменте, он разрабатывается и находится в общей репе. Ну или еще где-то, по общему уговору. Как правило готовая сборка висит в репе и обновляется время от времени. При попытке внести изменения пользователь форкает репу себе, что-то там делает, затем либо мерджит в мастер/пулл реквестит, либо отдает бранч проггеру повыше, чтобы тот свой кусок работы сделал.
если кому-то интересно тут топ йоба сайтов 15го http://www.cssdesignawards.com/woty/
>>480862 (OP)ОП молодец, очень хороший и грамотный FAQ.
Антуаны, что скажете за будущее blend4web, и про WebGL в частности? Стоит ли вкатываясь в верстку с нуля в 27 лет,параллельно обкатывать навык 3D-моделирования хотя бы на уровне пиклирейтед?
>>481428пробуй и сам поймешь надо тебе или нет
Вот же курвы, посреди курса подписку требуют, пидоры.Стоит ли у мамки 300 рублей просить, или пройти что есть?
>>481451Прошел их. В основном там дальше кукбук, куча прикольных примеров как можно сделать красиво.Ну и флексы, конечно, которые знать надо 100%.Я прошел и не пожалел.
>>481428Тебе - не стоит.
А нахуя перекатываться за бугор? Не проще зашибать баблосы в бачинских и жить как король в своей мухосрани?
>>481428Нет опыта работы по 3D-моделированию? Ты хикка? Если ответы да, то выбери только одно — верстку
>>481451А я прошел нахалявку в январе)
Никто аккаунт к htmlacademy с действующей пропикой не подгонит? Мыльцо (вдруг доброанон появится): sheslostcontrol@2ch.hk
> пропикойпропискойбыстрофикс
>>481459>жить как король посреди говнаСпасибо, но нет.
>>481474>жить как говно посреди королей
Ладно, анананы, до встречи через 400 часов, лол.
>>481454Спасибо, смотивировал
>>481465Сколько времени требуется для опыта? Не хикка, социоблядь.
>>481429Спасибо, кэп.
>>481491Не понял вопроса.
Часто ли бывает, что заказчик просит запилить что-то, чего нет в макете? Как реагируешь на это? Сколько времени уходит на проектирование + верстку этого элемента?И вообще, возможно ли быть верстальщиком, при этом не умея в ДИЗАЙН?рандомпик
>>481489Тебе не нужна мотивация. Если бы тебе было это интересно - ты бы уже этим занимался. Это не твое, лучше возьмись за то, для чего тебе не нужно задавать вопросы на дваче.
>>481498Возможно, если верстаешь по очень подробным макетам. Но чувство прекрасного надо иметь. Если не имеешь, но мозги варят хорошо - иди в бэк.
>>481514в том-то и кек, что вроде верстка изи, все шаблонно, одинаково что ли, но "чувство прекрасного" не имеюа в бэк я хз куда вкатываться. раньше работал на пхп (оче понравился Laravel), но не ебу, как вкатиться во фриланс (англ. на уровне понимания технической литературы, в общение на нем не могу + опыта нет)
>>481498>возможно ли быть верстальщиком, при этом не умея в ДИЗАЙН?представь, что тебе пришлют макет для десктопа, а адаптивность придется уже пилить самому. т. е. по сути весь дизайн для планшетов и мобил будет на твоей совести, расположение блоков, расстояния между ними, размеры шрифтов, какие-то штуки, которые скроются - все сам. и это только то, что первое приходит на ум. вот и думай.
>>481538а это очень частое явление, ибо никто не хочет платить за несколько дизайнов.
Ну это ахуеть. Less, циклы, переменные, условия и т.д все понятно. Но куда применить? Нахуй мне color:darken(@var,20%); Нахуй мне spin(@var,20%); Если есть пипетка сука. Со спином вообще бред, сидеть и понимать какой цвет на выходе будет это дольше чем заюзать пипетку. Миксины, ок, можно найти применение и переменных. А условие? Нахуя? Куда я могу применить условия? .mix (@var) then (lightness(@var)<=50%) {background-color:@red;}Нахуя так ебать себе мозги, если есть пипетка)Просто приведите мне пожалуйста примеры из типичного рабочего процесса верстки и я успокоюсь. Не могу найти практического применения. Просто горит так что из орбиты видно.
>>481539И это пиздец на самом деле.
>>481541Ну использование миксинов и переменных позволяет разом менять параметры элементов во всем документе. Даркены, это больше когда фристайл версталы идет, т.е. не по макету.
>>481095Кидай верстку, скажем что не так
>>481523Не слушай хуйню про «чувство прекрасного», дизайну, точнее типографике, нужно учиться. Там есть конкретные правила и рецепты. К сожалению, в мире дизайна не принято делиться знаниями. В большинстве книг, которые ты найдешь, несмотря на положительные отзывы, никакой полезной инфы не будет.
>>481428с 3D куча ебалова. Самое то, чтобы лет в 13 сидеть и упарываться. Сам пробовал в 26 вкатиться - понял что при необходимости каждый день тратить большую часть своих времени и сил на работу, обучиться 3D на достойном уровне - задачка не из легких. Дрочу дальше HTML/CSS/JS/PHP, не расстраиваюсь, потому что это мне тоже нравится.
>>481541Ну например были в одном макете у меня центровщики разной ширины. Я передаю ключевое слово в примесь и в зависимости от того что передал центровщик разный подмиксовывался правда я на sass делал, но это сути не меняетПреобразования цветов помогут при смене цветовой гаммы сайта. Задаешь только базовый и все остальные автоматом высчитываются. Правда и названия переменных в таких случаях лучше писать типа $base-color, $accent-color.
>>481498>Часто ли бывает, что заказчик просит запилить что-то, чего нет в макете?в 37.5% случаев>Как реагируешь на это?Резко, но позитивно>Сколько времени уходит на проектирование + верстку этого элемента?33 минуты и 17 секунд, с учетом 2х минутного перерыва на туалет.
>>481550>передаю ключевое слово в примесьДико проиграл
>>481549Вот этого поддвачну. Верстка быстро дает результат, ты можешь через несколько месяцев устроиться на работу и расти дальше. В 3D порог входа высокий, ты год будешь хуярить в стол, тебе уже 28, давление на тебя будет только усиливаться, и хуй знаешь, что будет дальше, так как нет фидбека и реальных заказов.
>>481552Че ты рвешься-то от таких вопросов, умник? Ты уже в прошлом треде отписывался, я тебя узнал, мудила.
>>481554Ну в принципе можно было и передавать сразу ширины, только загнать предварительно в переменные
>>481560Напомни, что я писал в прошлом треде, даун?
>>481565Хули ты так дерзко отвечаешь, пёс?
>>481567Хули ты отвечаешь вопросом на вопрос, жид?
>>481568Потому что могу.
>>481569не обманывай себя. Потому что не можешь ответить на поставленный вопрос.
>>481560Потому что вопросы тупорылые
>>481561Дело в не в этом, просто обычно говорят «передал аргумент в миксин».
Полдня учусь верстке, сверстал первый макет (это же так зовется?). Порадуйся за меня, анон! хватит срач разводить, давайте по теме
>>481576Молодца, кончил с твоего макета радугой!
>>481576Молодца, учись дальше
>>481576Норм, можешь устраиваться на позицию junior frontend, зп от 50.000
>>481577Тащемта для меня это было несколько сложно, и это реально успех.
>>481585Фрилансером за 100к в месяц 8 часов в неделю!
>>481498Как правило нужно допиливать адаптив на ходу. Но там не сложно, ибо основные направления дизайна, а именно: цветовую схему, стиль геометрии блоков, форму, поток и т.д. уже задали.При надстройке адаптива достаточно красиво выстроить контент, где-то отступы взять на усмотрение, размер шрифта изменить, это не сложно.Наверстал таких макетов уже порядочно, с проблемами не сталкивался. В то же время пилу свое первое СПА, где стало понятно, что в дизайне я полнейший блять ноль.
>>481600Я считаю, что это ненормальная ситуация. Ебаный геморрой, за который тебе обычно не особо сильно доплачивают. Или вообще не доплачивают. Хороший дизайн создается по принципу mobile-first, а не путем вот такого допиливания. У меня было 3 таких макета. Это были интернет-магазины, со сложным многоуровневыми меню и рекламой товаров внутри. Долго искал решения, по сути работал дизайнером. Dropdown Menu на десктопе для мобилы сделал в виде Drilldown. Разметку пришлось продублировать в некоторых местах. И это только шапка. В других местах тоже было дохуя проблем.
>>481576Ебать ты крут!
>>481616>>481631
>>481611>свое первое СПА>в дизайнеSPA уровня верстка-тред. С лендосом-то не перепутал? Или у тебя прямо настолько все заебись с js?
>>481673Учусь/практикуюсь. Верстка у меня уже на уровне, осталось JS натаскать и в джуны заваливаться.
>>481685Пиздец, 6 месяцев верстку дрочишь? Отсталый даун
>>481686Я года полтора. Что хочешь?
>>481687Тупая макака, главное на собеседосе об этом не говори, обоссут
>>481686>6 месяцевС чего ты взял?
>>481689Вижу тебя насквозь, мразь
Можно тред скоро закрывать, судя по зашкваренности даунятами.
>>481688По гитхабу увидят.
>>481691Соглашусь. Щитпостинг хлеще чем в быдлятне пошел.
>>481693Да это просто завистливые неосиляторы беснуются. Вон, как четырьмя постами выше. Не кормите их и они сами уйдут.
Чуваки, как же у меня подгорело...Увидел пиар курсика по фронтенду. Надыбал торрентик, бегло пролистал. Помимо разделов по верстке и js есть раздел softskills. Решил глянуть. Первое же определение в презентации:>Softskills - навыки, проявление которых сложно отследить, проверить и наглядно продемонстрировать.Дак а как блядь всякие HRюши собрались их тогда оценивать и определять?>конкуренция на рынке есть, поэтому будучи семи пядей во лбу человеком, который всю свою техническую часть на отлично знает, отлично разбирается. Этого не достаточно.>навык ведения переговоров, ораторское искусство, проведение презентаций, лидерствовот эти качества точно более нужны вэб-макаке, да, лолВсегда вопрос возникает, вот вы хотите себе такого человека-лидера, высокоэффективного переговорщика и т.д. и т.п. А какого хрена такой человек вообще пойдет в вашу сраную контору, если он при таких умениях свою залабать может?Смотрю дальше - вода-водой про селфбилдинг, матрица Эйзенхауэра и т.д. То же самое и на психаче узнать можно.Еще и это слово "прорабатывать" - реально с тредов оттуда черпают инфу походу)>высокоэффективные люди, навыки продаж, communication, communication, communication, навыки коммуникации очень важны, Билл Клинтон, ко-ко-ко будем прорабатывать, будет много практических занятий, на которых на практике будем прорабатывать...ну пиздец и кто-то еще заикается о навыках ораторского искусстваи это, напоминаю, в рамках курса по фронтенду)
>>481756автор курса?
>>481756Сам нашел на рутрекере. Хуйня, а не курс. Просто полнейшая хуйня.>Раздел 1. HTML/CSS Верстка (12 занятий)доступная всем информация, почти в каждой книге это все описано>Раздел 2. JavaScript (24 занятия)аналогично. learn.javascript.ru — намного больше инфы и бесплатно.>Раздел 3. Soft Skills (11 занятий)хуйня>Раздел 4. Карьерный коучинг (4 занятия)хуйня
>>481756Что только не сделаешь, чтоб продать свое говно
>Junior Standard>11,700 грн.>Super Junior>15,700 грн.
>>481778Это че за хуйня?
Пацаны, все макеты стоит верстать по бэм или это фича для больших контор? Вот если я для портфолио сверстаю все по бэм, это норм будет или спросят нахуя я это делала, если без команды?
>>481790Обоснуешь преимущества даже при сингл работе. Это им скорее понравится, чем нет.
>>481787Это то, что описывает >>481756http://fe.goit.ua/
>>481795Какая-то хуита для маркетологов, кому там нахуй вперлось как ты демагогию разводишь, если ты спец и работу свою делаешь, че за хуйню они там несут.
>>481795> http://fe.goit.ua/Вот этот сайт у них, это канон адаптивности? Это вот это резиновой версткой называют?
LESS или SASS?
>>481807стулус
Верстаны, накидайте список мастхев джиквери плагинов дял верстки среднестатистического сайта. типа там карусель, ползунки, попапы.
>>481807Я первый макет сделал на лесс, потом перешел на sass, хочу еще как-нибудь стайлус попробовать.Они же в базовых возможностях практически одинаковые. Выбирай что хочешь, потом перейдешь, если что.
>>481814> Я первый макет сделал на лессСвой первый макет сразу с препроцессорами верстал?
>>481816Сорян, первый адаптивный макет)
>>481810его не поддерживает csscomb
>>481818А вот это уже не очень круто
>>481813cycle2/fotorama - слайдерыowlCarousel2 - карусельfancybox - все попапыjScrollPane - скроллыiCheck - чекбоксы, радиоselect2 - селектыjQuery Form Plugin - для формmaskedinput - для навешивания маски на инпут+Isotope/Masonry/Packery - для построения сетокbootstrap-datepicker - для выбора датChart.js - для построения диаграммimagemapster - для построения интерактивных картhoverIntent - хороший миниплагин, который меняет встроенный ховер, заставляя его срабатывать, только когда мышь задерживается над объектом.ну и jqUI - для всякого, например, тултиповЭто некоторое из того, что я использовал и мне понравилось.
>>481795проиграл с программы. больше половины - типичная бизнес-тренерская хуета и симпл инглиш.вангую, какие-то ушлые бизнес-тренера взяли в оборот пару верстаков и кодеров и теперь совместно собирают бабос со страждущих, потому что в чистом виде их коучинг-кал уже всем остоебал и надо чем-то его размешать.
>>481825Добра тебемимоанон
>>481825Пиздец блять. Щас начнут тут всякие пихать это всё говно и будут у них страницы по два часа грузиться.
Верстачи, а есть какая-нибудь конференция начинающих макак, в скайпе или инстаграме или еше где? Чтоб помогать друг другу и не сдохнуть в одиночестве?
>>481930Нету. Здесь спрашивай ответы.
Есть тут аноны, которые используют сасс?У меня есть файл _header.sass, и в нем я прописал $white: #fff. Создал новый файл _content.sass, и не понимаю как мне можно использовать $white в этом файле, если он у меня прописал в _header.sass . Вообще реально ли сделать, как я описал выше или надо все по новой прописывать?
>>481946@import("_header.sass")Если используешь модули, то, соответственно, @import("./_header.sass")
>>481951а как такое правильно погуглить, а то не совсем понял. Гуглил до этого, но ничего не находил по своему вопросу.
>>481946по-моему обычно пилят главный файл, в котором тупо импортируются все остальные, и в этом файле первым импортируется специальный файл, в котором записаны переменные.
>>481930Есть желание попиздеть - добавляйся: j30lv3?addмимо еще один нюфаня
>>481951Найти в доке: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#importНапример я вот сейчас там нашел, что наебался с синтаксисом и нужно писать без скобок и с точкой с запятой: @import "_header.sass";
>>481958>>481953
>>481954Двачую
Как считать параметры тени из макета?
>>481981В свойствах эффектов, показано в фотошопе для верстальщика
>>481984Там только для текста считываются параметры тени ж.
>>480862 (OP)оп-пост полное гавно и следует переписать. временные рамки никуда не годятся. в срелнем нужен год, чтобы стать востребованным спецом. на верстку надо ложить хуй стразу и полностью. всё внимание отдавать жс и учить верстку паралельно. на счет работы тоже хуйня - фриланс не вариант стопудов, а в веб студию ещё надо попасть и не вылететь. в итоге всё печально. болото да и только.
>>481958вроде бы @import "header" будет правильно без _
>>481995Для блоков тоже. Если конечно дизайнер не мудак и не запилил растровую кастомную тень
>>481997припекло от этого гроссмейстерануб-кун
>>481997год дрочиться чтобы вкатить во фронтенд? ловите наркомана
>>482007возможно больше.
>>482009что ты делаешь, у меня квартиру жиром затопило
>>481997За год можно джаву осилить, а ты про фронт тут говоришь, лол.
>>482010не стоит наебывать людей это плохо
>>481999В нердсе явно мудак. и как считывать?
>>482011чтобы стать нужным рынку не меньше года. или будешь червем за копейки
>>482014Чтобы стать нужным рынку, надо иметь опыт работы
>>481790>делалаСисечки покажешь? Писечку дашь полизать?
>>482013Не помню про нердс, вроде там все нормально должно быть. Вот в барбершопе да, есть .Где именно проблемма скрин плиз
>>482014а хуле на на geekbrains курс 10 месяцев тогда всего?
>>481825зачем ты так подставляешь ньюфагов, они же реально это говно всюду пихать начнут?
За сколько проходятся базовые курсы htmlacademy?
>>482017.Layer_36 { background-image: url("Layer 36.png"); position: absolute; left: 236px; top: 361px; width: 709px; height: 495px; z-index: 113;}Считывается только это.
>>482030Интенсив базовый вместе с курсами за один-два месяца, со всеми допами и версткой всех макетов. 3 часа в день примерно. Будешь больше времени уделять - быстрее
>>482040Видишь написано эффекты, тень под слоем. Вот открываешь и там будут параметры тени. Сказал же блядь, посмотри фотошоп для верстальщика - там показано
>>482040Хотя, может это из-за того что фотошоп не последний? Его же можно бесплатно использовать, просто каждый раз новый аккаунт заводя.
>>482018потому что им нахуй не надо чтобы ты работал а надо чтобы ты платил деньги им
>>482042Целый день просидел за учебой, а прошел всего-ничего. Это меня напрягает.
>>482049ложи хер на курсы и смотри интенсив. там всё понятнее
Я нихуя не понял, этот тред где-то пропиарили что ли, что за наплыв пиздеца?
>>482049Ну потом ход наберешь, если нравится то главное каждый день занимайся. Ну и перерывы делай офкос. Например по тому же методу помидоро. Иначе башка ватная будет и будет подтупливать. У них в курсах еще меня напрягало что нет еммета - он бы был кстати
>>482052Да, в мдк пиарили.
>>482020Альтернатива?
Господа, в шапке написана фраза " Запили минимум 3 из представленных учебных макетов. Практика просто необходима.". Т.к я только начал заниматься, то хочу спросить: что за макеты? Это задания из интенсив-курса?
>>482053У меня перерывы - сходить налить чай каждый час, лол.>>482051> ложи хер на курсыНу, если так глянуть - половину базовых курсов сегодня прошел, завтра допройду остальное. Не думаю, что один день что-то поменяет.
>>482049Да, кстати, правильно тебе написали, но только не хер ложить а просто курсы дополняют интенсив. Смотришь видео, а потом проходишь курс по теме либо который они в д.з. сказали
>>482056Сам увидел, спасибо.
>>482056Там к базовому интенсиву 4 макета. Один пилят наполовину на лекциях. Ты же пилишь все остальные и можешь допилить тот который они наполовину сделали
>>482062Благодарю
>>482058Ок, завтра начну интенсив курить.
>>482018Выяснил, что за контора. Наебали во полное, за 10 месяцев накидают тебе обо всем по маленьку, можешь просто глянуть как курс построен и станет понятно, что это хуйня. Хтмл академии дрочи, все макеты делаешь в резине адаптиве + любой из интернета и можно js учить, ну моё мнение таково.
>>482066Да можешь уже и добить до конца после первого видео, раз половина осталась) все-равно там введение про интернет и блаблабла
>>482069Лол, а я думал, лучше пройти базовый, а потом интнсив. Другой анон.>>482068Конечно, нахуй это надо.
>>481997В штанах у тебя болото. Время в часах указывать намного правильнее, потому что все занимаются в разном темпе.
>>482071>Лол, а я думал, лучше пройти базовый, а потом интнсив. Сначала базовый интенсив, потом продвинутый интенсив.
>>482073Пардон, имел ввиду, базовый "текстовый", а потом интенсив
>>482068ПоддвачнуЯ ради любопытства когда был доступ ко всяким складчинам пролистывал разные курсы. Была там нетология, профессия верстальщик от этих гикбрейнс, вот это гоит, которое выше обсуждали, еще какаято поебень. Короче то качество записи говяное, то дикция у докладчика ппц страдает, то вообще слишком легкое дают, а у некоторых компетенция сомнение вызвала, еще помню потрещал когда по мнению одной девушки дизайнера с опытом работы оказалось что в фш нельзя поменять, чтобы он размеры шрифта показывал не в пунктах а в пикселях. Короче, академия хоть тоже далеко не идеал но на фоне остальных както получше смотрятся чтоли. Но бабло бы я всеравно им не платил лол
>>482075Ну можешь и курсы сначала пройти. Просто они там в видосе сами говорят, что курсы на сайте - это часть базового интенсива
>>481946Есть два стула1. @import2. Конкатенация файлов с последующей компиляцией в CSS при помощью Gulp или Grunt
>>481997Все там заебись с рамками.1000+ часов - это от 7-8 месяцев при темпе учебы 8 часов в день и порядка 10-12 месяцев при темпе 5-6 часов в день, в котором, скорее всего, большинство примерно и держится.
>>482095За 1000+ реально можно в Java вьехать, 400 и в гавно контору, а там уже двигайся.
Кто-нибудь юзает Тарс? Как оно? А то я планирую навернуть.https://github.com/tars/tars/blob/master/README_RU.md
>>482168Чому не галп/вебпак?
Хохлоны есть в треде, какие перспективы для неофита укатить в Киев какой? Посмотрел зарплаты и что-то грусть и печаль.
>>482198Но это и есть галп, только уже со всеми тасками
https://www.youtube.com/watch?v=JZ3thYdmQ3E
>>482312lel
Вопрос по макетам из интенсива:В этом треде кто-нибудь может их проверить и конструктивно покритиковать с разъяснениями?
>>482344А если нет таких таковых? Не покажешь? Девочка стеснительная, боишься что поругают?
>>4823451. Тебя явно никто не любит, иначе как объяснить твою желчь?2. Я только начинаю верстать макеты и смотреть интенсивы, и хотелось бы что бы знающие люди сразу наставили как правильно делать, дабы не пополнять ряды говно кодеров.Я ответил на твои, вопросы? Или ещё чего съязвишь?
>>482354Ты тут недавно, дружок?> хотелось бы что бы знающие люди сразу наставили как правильно делатьА залупой по губам не хочешь?
>>482354Понятно. Не показывай.
>>482356Бомбит?
>>482168Ненужен. Хватает grunt'a для всего.
>>482361От чего по-твоему у меня должно "бомбить"? От очередного дауна, пришедшего на двощ, родом с мдк? Это уже не новость, лол.
>>482344Свои сверстанные поделия можешь залить сюда с просьбой рейтануть. У кого будет время/желание, глянут на твое "творчество" и укажут на огрехи, если таковые обнаружатся.
>>482442Ему нужны профи, хули перед свиньями бисер метать.
Попытался написать этот макет на html, вышло следующее:https://github.com/hikka-kun/barbershop/blob/74bca4b3f848dc803b7a9a00be9630444c5edeca/barbershop-item.htmlХотел бы послушать, что делаю не так. вторые сутки обучения-нюфаг[/spoiler]
>>482536 вторые сутки обучения-нюфаг совсем мозги едут, с разметкой уже проебываюсь
>>482536Молодой человек, выкладывайте страницу на ph-pages, если хотите рейта, а вообще у этого макета есть сверстаный аналог. сделай все как там и будет правильно. Сюда лучше лить что-то кастомное, где ты можешь накосячить.
>>482539> выкладывайте страницу на ph-pagesКуда, прости?
>>482557дрочи полностью интенсивы, знакомся с git и github'ом, потом приходи, будет тебе рейт.
>>482558Уже после 2-го занятия в базовом интенсиве задание сверстать 3 хтмл-страницы барбершопа. Если у тех, что проходили за бабло интенсив, проверялось, у меня мой тяп-ляп будет оставаться непроверенным. Это меня напрягает.
>>482560https://github.com/polyuretanio/barbershop-1
>>482564Спасибо.
Решил переделать форму под флексы.На пол пути решил поинтересоваться: так вообще делают, или я совсем идиот? Правильное направление, хоть, взял?jsfiddle.net/jb4ng8ov/>>481093и>>481095-кун
>>482560Не пизди, нет там после 2-го занятия задания все сверстать. Ты верстаешь в течение всего интенсива. А вот разметку сделать - это да, другое дело.
>>482588>> все сверстатьЯ и не говорил о том, что нужно все сверстать. Ты не правильно понял меня:> сверстать 3 хтмл-страницы барбершопано вина моя, криво выразился
Анончики, переселяюсь на время от вас в js-тред ибо сажусь плотненько за его изучение. Буду собирать портфолио - вернусь обратно. Не шалите тутанон, который прошел базовый и продвинутыйКстати, почему-то никто так и не отписался по-поводу базового по js, прошли не прошли? Норм не норм?
>>482611Эй, лось, долго все это проходил?
>>482615Я не лось :(Занимался 3 часа в день где-то, понедельник-пятница.Сам базовый (видосы, допы, нердс, барбершоп) - месяц.Техномарт, Седона (фикс, потом переделал в резину) еще месяцПродвинутый - полтора месяцаМежду базовым и продвинутым еще лазил на udacity, free code camp - там немного прошел и сверстал один мини-макет на бутстрапе смотря какого-то чувака (жутко кстати не понравился его код - куча импортентов была, идиотские селекторы и т.д.)да, я - тормоз, сам знаю
>>482633Прости <3О, неплохо.Просто сам работаю фулл неделю и думаю, будет ли профит в этом. Все, что ты описал есть в шапке? Или дополнительно сам искал?
Кто откуда, версталёты?Как у вас с рынком вакансий?Я вот из украинской мухосрани inb4 хохол - не человек, в которой из it-вакансий только php да 1C требуются за смешные деньги. Почти все местные айтишники фрилансят. Собираюсь искать интернатуру в городах по-крупнее - Киев/Харьков/Одесса/Днепр/Львов. Хотя вот недавно услышал, что из-за кучи демпингующих студентов в Харькове зарплаты мизерные.
>>482761в москвабад едь
>>482761Я из Днепра, вакансии с минимальными требованиями очень редки вообще. Вот самая минимальная за последний год, наверное, которую увидел http://www.work.ua/jobs/1522499/ , но они ее 3 раз уже обновляют за последние три недели, и мне не отвечали.
>>482761Еще такая есть из последних http://www.work.ua/jobs/2072618/
>>482761В моей мухосране, что почти на пол миллинона, полная жопа. В ближайший месяц либо начну фрилансить либо съебу в москвобад.
>>481237Бывает человека надо наставить на пусть истинный. Я вот сам гуглю, смотрю видео, пытаюсь с макета верстать но на определенном моменте чувствую что нехватает крепкого менторского хуйца в жопе которые подскажет чо я делаю не так и как лучше.
>>482816Лол, я вот два дня выходных только читаю и делаю. Завтра выхожу и будет 40 часов, только поэтому привлекают курсы=пришел с работы, похавал, октрыл лекции, посмотрел материал, подела, часа 2-3 и все, спать. не надо гуглить, туда-сюда. Так в свое время учил джаву. Охуенно, да, продуктивно, но времени онимает пиздец.ps кто-нибудь из анонов вообще совмещал? Работаю около программистов (консалтинг) и работа заебись, а веб-некий план Б, хотя на нем можно больше зарабатывать, да. Но дропать работу тоже не варик
>>482768Там очень дорого жить. 30-40к рублей в месяц за днищеквартиру на окраине это слишком.
>>482857Какой ты лвл? Тащемта можно снимать комнату с другом/приятелем за 18к, будет большая, ремонт, хозяйка, все заебись.
>>482851Я сейчас совмещаю обучение и основную работу. Недавно был в отпуске 21 день - прошел все курсы html-academy (включая платные, не интенсив). Теперь вышел на работу и раздражает, когда отвлекают от обучения.
>>482857Меньше.1. Можно снимать комнату2. Можно снимать квартиру на окраине3. Можно снимать квартиру в подмосковьемимо-снимаю-за-40к-у-третьяковской
>>48286226. Великовозрастный перекатывальщик по меркам айти-отрасли, лол.В Мск смысла особого не вижу. З/п не намного больше, чем в том же Киеве, а жить дороже в два-три раза.
>>482851Работал на заводе. В рабочее время учил JS, вечером учил верстку, параллельно учил C# еще. Кароче все хуйня, уволился, на фулл тайме все идет гораздо лучше. Теперь в свободное время наворачиваю книги по теме и даже на арт время остается, как на хобби.
>>482863за 21 день? Лол я за полтора дня прошел только до селекторов =(
>>482872есть разница между пройти и изучить, это я те опыту говорю, так что не расстраивайся.
>>482872Ну, я часть до этого во время работы проходил. Да и сейчас, когда пришло время тестовые задания делать - понимаю, что некоторые темы проходил не очень внимательно, и стоит их повторить.
>>482868И все равно без рос. гражданства гнилая идея. В любой момент пидорнут из страны еще.
>>482870А на что живешь?
>>482768Нахуя ему переть в ДС, если в Киеве у айтишников считай что те же зп, а проживание в разы дешевле, да и, чего уж там, в разы комфортнее.
Package Control нужен на сабмит 3?
>>482929тебе отдыхать похоже уже нужно
Хочу попробовать заюзать svg, а где их взять-то, ебеныть? Специальные макеты с ними искать?До этого в svg рисовал только кружки-квадратики, про иконки вообще ничего не знаю.
>>482941ну пиздец, уже в элементарный гугл не могут http://www.flaticon.com/
>>482929input type=submit
>>482354Пошел нахуй, тебе здесь никто ничего не должен. Тон ему, видите ли не нравится.
>>482941В любом векторном графическом редакторе есть экспорт в SVG. Рисуешь или скачиваешь, экспортируешь, прогоняешь через оптимайзер, вставляешь.Но вообще SVG-иконки это головная боль. Морока с оптимайзерами, символами, специфичными css-свойствами. Еще нужно чтобы икнока в пиксели хорошо попадала, или будет смотреться как ссань (если не ретина).
>>482962>>483007Я тут нашел в пинке иконки с пометкой svg, полез гуглить как их вытаскивать. Нагуглил вот это:https://www.youtube.com/watch?v=YqdQrTPsUeEЭто что, с каждой иконкой надо вот так пердолиться? И кто без AI, тот соснул?Вот еще видос, но у тут фотошоп поновее, чем мой лол.https://www.youtube.com/watch?v=bJIZl8R0i2M
>>483038Если иконка уже в формате SVG, то пердолиться с ней не нужно. Ее можно импортировать в CSS как картинку или открыть svg-файл в текстовом редакторе и скопировать оттуда куда нужно.Не хочешь пердолиться — используй Font Awesome, там все просто.
>>483052Не, а если в макете она? Тогда надо пердолиться?
>>483076Тогда да.
Вопрос анончикам с опытом: как вы определились куда податься в вебе? Вот есть же помимо верстки еще веб-дизайн. UX/UI и прочее. Я вот хуй знает. Вроде и рисовать все эти иконки и макеты нравится, но и верстать/делать анимацию на JS тоже прикольно. Если учить все сразу, то получится ни рыба, ни мясо. Чтобы стать профи - надо углубляться во что-то одно. Но тут все такое интересное. Что делать? Ананасы, помогите!
>>483145http://www.youtube.com/watch?v=nIFClfBXuIQТак и определился.
Анонизматы, помогите, пожалуйста. Нужно, чтобы все в footer было белого цвета кроме текста про all fap-rights reserved, но белые только картинки из-за их фона, а сам футер такой же, как и бекграунд body и head. Что не так?index.htmlhttp://pastebin.com/TrDcnTjZmain.csshttp://pastebin.com/i3z2m7AEИли ткните меня в гайд, где я проебался. Заранее спасибо.
>>483147Видел эту лекцию, но там нет ответа на вопрос.
>>483150Ты её жопой слушал, анон.
>>483154Нет, не жопой. Там дядя поясняет, что в профессиональной старости нет ничего ужасного и все такое. Советы по здоровью еще дает. Но у меня вопрос немного другой все-таки.
>>482932Да я ничего не делал.
>>483149Наркоман, у тебя верстка в теге head, а footer вылетел из body.
>>483165А футер должен быть в body?
>>483149Алсо, выкладывай свои поделия на codepen в следующий раз.
>>483165И что значит верстка в теге head? Типа хед не закрытый? Но ведь он закрытый.
>>483167Весь контент должен быть в теге body. В head только служебная информация, типа css, скриптов и метатегов. Алсо, на тег html ты забить решил?
>>483172Понял, переделал. Тег хтмл вставил, но ничего не изменилось, нахуя он? И да, футер все еще такой же, как и бекграунд body.
>>482929Такая хуйня, пацаны, как фиксить?
>>483176Бро, начни проходить какой-нибудь из курсов в первом посте. Там тебе объяснят и зачем html нужен и body и все остальное. У тебя с базовыми вещами проблемы.И не называй, пожалуйста, никогда больше классы транслитом.
>>483181Я прохожу htmlacademy попутно. А по футеру ничего не скажешь?
>>483145Короче выберу верстку, потому что все эти макеты и иконки без взаимодействия с пользователем как будто бездушные.
>>483183Выложи на codepen, посмотрю. По телепатической отладке не специалист.
>>483185http://codepen.io/anon/pen/grbwOw
>>483177Что я делаю не так? Вы же тут все на сабмите, я знаю.
>>483214Там же все написано. Рестартни текст
>>483214>сабмитеПрекрати, содомит!
>>483216Блядь, ну сублим.
>>483218Саблим, вообще-то
>>483218>>483220Саблайм, даунитосы.
>>483220Да похуй, у меня эта срань выскакивала, пока папку не удалил в кеше.
>>483189Элементы с float не учитываются при расчете высоты контейнера, поэтому высота твоего футера 2 пикселя, как у горизонтальной линии. Тебе нужно добавить в конец футера див со свойством clear: both или использовать какой-нибудь хак, гугли clearfix.Еще одно подтверждение того, какая параша эта ваша верстка на флоатах.
>>483225>Еще одно подтверждение того, какая параша эта ваша верстка на флоатах.Пока есть IE 10 и 11 приходится верстать на них. Но это не такая уж большая проблема.
>>483225Нихуя не поменялось, если честно. Можешь показать на примере?
>>483231IE 10 и 11 поддерживают флексбокс на хорошем уровне. Те 3,5 бага, который вбрасывались в прошлый тред встречаются крайне редко.
>>483235http://codepen.io/anon/pen/JXoRJj
>>483239>IE 10 и 11 поддерживают флексбокс на хорошем уровнеНе совсем. Да и работодатель может легко требовать верстать даже под IE 8, особенно крупные компании, например авито или яндекс.
>>483243Что «не совсем»? Я сверстал доебеней страниц на флексах под эти браузеры, с лисопарашей и то проблем больше было.
>>483247Под IE 8 тоже сверстал?
>>483241Охуеть! Спасибо.
>>483249Нет, речь же про 10-11 шла. Про старые ИЕ сказал, что верстать под них в три раза дольше, и от старых браузеров решили отказаться.
https://github.com/philipwalton/flexbugs
>>483257Еще один дебил, блять. Ты сам читал эти баги? Частые там случаи упоминаются? Если calc() не работает с flex-basis, то все, охуеть, флексы не нужны.
>>483254У меня проблема с отображением флексов на 10 ИЕ? Они, грубо говоря, тупо браузером игнорируются.Сталкивался с таким? Если смотреть с 11го в режиме совместимости то все норм, а если с 10го, правда без обновлений вообще, то не работает.
>>483268autoprefixer помогает, говорят.
>>483269Спасибо, действительно проебался. Забыл что каждый раз когда я вношу изменения в файлы через препроцессоры обнуляются все изменения в ксс, в том числе префиксы.
rem и em кто-нибудь юзает?
как тема на пике называется?
>>483326Vanilnaya drisnya
>>483331Стандартный более дрисня
>>483333Покажи стандартный
>>483335Все серого цвета
>>483326Лол, мой скрин, вроде треда три назад был. Space Gray.
>>483339Так ты не включил подсветку видимо.
>>483243Авито и яндекс блядь, если туда устроишься тогда и запаривайся. Уже давно даже вебговноконторы заставляют заказчика доплачивать за 10- ослов и доказывают им, что на них 1% их потенциальных клиентов максимум. Шанс того, что ты будешь работать с такой поддержкой стремиться к нулю, поэтому логичнее запариваться по ситуации и не забивать себе сейчас этим голову.
Фух, отправил письмо с выполненным тестовым заданием на стажировку. Надеюсь, не пошлют нахуй с моим нубо-говно-кодом.Давно так не въебывал. На работе, когда появлялось свободное время - верстал. Дома после работы - верстал. Все выходные подряд - верстал. А сейчас ощущение, будто курсач сдал.Пожелайте мне удачи, анончики.
>>483360Удачи, анончик.
>>483361Спасибо, няша.
>>483360Мы вам перезвоним.
>>483364Но я вам даже не звонил.
>>483293Если только rem'ы, em'ы - та еще параша, совершенна непредсказуема и нахуй послана. >>483360Удачи хули, жалко что ли.
>>483360Удачге.
Поясните за srcset и прочую хуйню. <img srcset=" 3.jpg 1920w, 2.jpg 960w, 1.jpg 480w" alt="">Сжимаю окно и не меняются пикчи. В чем дело?
>>483366rem для font-size, em для line-height.
>>482768Не тонем!
Как обычно делают блоки - резиновыми или в пикселях, при том для каждого разрешения прописывая свое значение?
>>483641Сам-то понял? От ситуации все зависит.
>>483360Рассказывая. Что учил, читал, сколько времени? Сколько времени уходило на работу?И да, удачи
Приветствую, анончики. Рейтаните вёрстку лендинга. Неделю целую убил (правда, в основном мучился с 3,5 скриптами, так как вообще не могу в яваскрипт).http://brauzerka-2014.tk
>>483360Кем работал?
>>483702Пиздец.
Есть ли редакторы, которые имеют вот такое выделение блоков для упрощения работы? В голове трудно держать.
>>483705это очень высокая нагрузка? А ведь я её даже оптимизировал - много общих классов, использованы спрайты.
>>483707Удали кэш и сам загрузи страницу, оцени сам.
>>483710всегда рефрешу хоткеем Ctrl + Shift + R. Да, грузится довольно долго, но что я могу поделать? Резать жпеги ещё сильнее, все скрипты сбить в один, и три с половиной блика на элементах сделать градиентом, а не картинкой?
>>483715Как вариант, можешь всё, что не очень большое (<200px), и что может быть png - сделать спрайтом.Это уменьшит количество запросов значительно, как правило.Также могу посоветовать иконочные шрифты, если есть возможность.
>>483701Проходил интерактивные курсы на codecademy и htmlacademy. Читал справочники, спецификации, best practicies, css tricks, хабр и т.д. Ну и консультировался с другом-бэк-эндщиком, который немного и во фронт-энд может.Начал пару месяцев назад. htmlacademy прошел ~ за месяц, включая платную часть.>>483703Почему работал? Я и сейчас работаю инженегром в крупном предприятии.
>>483225>Еще одно подтверждение того, какая параша эта ваша верстка на флоатахебать я проигрываю с флексодетишек. еще в каком-то прошлом треде один питух (это наверн ты и есть, лол) с важным видом вещал в стиле капитана очевидность, мол, "флоаты для абтекания картинок и должны испольоваться для этого". при этом сам питух видимо забыл (если вообще помнил), что на флоатах тащемто захуячили миллионы сайтов еще до того, как он на свет появился, и ниче (inb4 на таблицах тоже захуячили азаза). и если бы ленивые хуесосы из в3ц не соизволили выкатить полноценный механизм для сеток (аж в 2009 году блять лол), то жрал бы он также говно вместе со всеми, кто до сих пор сидит на флоатах. и если че - я сам на флоаты давно забил хуй и верстаю флексами. тем не менее, угараю с тех, кто отчаянно кроет хуями всякое старье, реально безмозглые детишки нахуй. я кончил вашим мамкам на ебла ололо
>>483723многое сделал так, но не всё, можно будет таким образом сделать запросов на 30 поменьше, но оно сильно надо, будет значительный эффект? Просто на это придётся потратить ещё пару часов времени .
>>483737Если уменьшишь на 30 запросов, то ессно эффект будет значительным.
>>483730Платная часть=интенсив?
>>483741"продвинутые курсы"
>>483740Ладно, посмотрим, что заказчик скажет. Так соетуешь все пикчи делать спрайтами? Не знаешь какой-нибудь софтинки, которая автоматически переводит несколько пнгшных пикчей в прайт?
>>483706dreamweaver может, больше что то не припомню
>>483741Нет, та что за 300 рублей открывается.Интенсивы скачал из пасты в ОП-посте, и буду интенсивно с ними мозгомовокупляться в ближайшей перспективе.
>>483744Кстати, этот дримвьювер - действительно такая параша, или я поспешил с выводами?
>>483745Я подумал, что ты за месяц вообще прошел базу, и все интенсивы. Не знаю, что за 300р. Можешь сказать, что это? Сижу на работе и не могу открыть.
>>483702Очень красиво, молодец.
>>483706Bracket
>>483751видел только подсветку тегов. селекторы тоже подсвечиваются?
>>483702При изменении размера едет фон - исправь
>>483743gulp + spritesmithЭто лучший путь.
>>483749Вторая половина курсов в твоем профиле. Продвинутые курсы. В них в каждом только первые несколько уроков бесплатные - дальше плати 300 рублей.
>>483753>едет фонВсмысле? У него ширина на всю страницу по ТЗ. Высота автоматически увеличивается вместе с шириной.
>>483757Кажется, понял.спасибо
>>483702слишком толсто, долбаеб
>>483758
>>483762всмысле?
>>483763с какого браузера и разрешения капчуешь?
>>483765в прямом блядь
>>483766Хром 1440х900Но только это тут не при чем.Алсо, где вы заказы умудряетесь брать?
>>483768видать, оздана слишком большая нагрузка на мой бесплатный хостинг, не могу даже по фтп ничего залить.
Ну ка флексоебы, поясните мне за такое неадекватное поведение, переопределение медиаправилом по разрешению не работает.
>>483763попробуй обновиться с очисткой кеша (Ctrl + Shift + R). У меня в средствах разработчика твоё разрешение нормально отображается. Наверно, зацепил что-то от старой версии.
>>483774Скорее всего загон чисто в специфичности.>>483702Не успел нормально глянуть нагрузку, но мне кажется, что часть лишней нагрузки создает джиквери говно.
>>483779>jquery говнотоже так думаю, вообще, изначально думал, что просто верстать буду, ибо в жс не могу. Но в итоге заставили прицепить три слайдшоу и ещё пару свистоперделок, что я сделал очень говнокодерским способом.
>>483778Это ты лучше бля проверь прописано ли min-width у тебя ибо сейчас я не могу зайти - сервак твой лежит
>>483770Знакомый подогнал какую-то студию, которой не хватает верстальщиков. Работы очень много, а вот денег платят не шибко - за этот макет, например, всего 3200.
>>483774Специфичность смотри.
>>483774Хотя, не, какая тут к ебени матери специфичность, фейл.Ты не забыл что ксс код браузер читает сверху вниз?
>>483784Да, у него медиа идет до основных свойств (судя по скрину и номерам строк). Поэтому вполне вероятно, что в специфичности дело
>>483782Да че, норм им фикс странички за 3200 верстать
>>483785Какая нахуй разница, это медиаправило, оно приоритетно при исполнении условия разрешения. И в css оно на верхуй, это сам браузер медиа снизу ставит исходя из первого условия, ему похуй где.
>>483791а я ведь их пока так и не получил. Помимо фиксированной вёрстки (и даже не совсем фиксированной, в принципе), как я понял, надо слайдеры всякие пилить, всплывающие окошки на жквери.
>>483792Oh really??http://codepen.io/Ykro314/pen/BKyYyV
>>483781Кстати, сервак сегодня лёг впервые. Обычно хостер сам всё чинит, или нужно к нему специально обратиться?
>>483796Хм, ты прав, думал он умнее. Перенесу импорт вниз. Спасибо.
>>483796Да он тупит, не обращай внимание. Верстальщики блядь собрались здесь, пиздец. Еще и спорить пытаются
Bump
>>481997Нужно 10 лет и 10 000 часов.
>>483914Ты офигел моей клавиатурой бампать треды?
>>484068Я своей бампнул. Ты что, спиздил мою клаву? Если я приеду домой, а ее там нет - приду к тебе и заставлю наизусть учить спецификацию крестов.
>>484147>наизусть учить спецификацию крестовебанутый
>>483421Ответит кто-нить на вопросик? Что-то я нихуя в интенсиве не могу всосать эту хуйню с srcset
>>483342> Space GrayПочему я ее найти не могу?
>>484190У тебя нормально всё? В гугле третья ссылка.
>>484193Куки же, у меня айфоны одни нашло. Еще я через инстал искал.
>>484193Пока ты здесь, у меня еще глупый вопрос, как мне дерево с фалами включить, как на пике?
>>484199Вроде бы нужно сделать File -> Open Folder. У меня ещё это (https://packagecontrol.io/packages/SideBarEnhancements) стоит.
Добавили бы уже в шапку маст-хэв расширения для саблайма.
Тут частенько в треде говорят, как проходили базовый или интенсивный курс. О чем речь?
>>484213Тут частенько говорят - читай шапку, мудло.
>>484199Бамп вопросу, как такую фичу сделать?
>>484203Я вот эти юзаю.All Autocompleteauto-saveAutoprefixer (будет не нужен при работе с gulp)BracketHighlighterColor HighlighterCSScombEmmetEncodingHelperJavaScript & NodeJS SnippetsSidebar EnhancementsSublimeLinterSublimeLinter-csslintSublimeLinter-jshintTheme - Spacegray
Кто еще юзает brackets? По-моему их читалка шаблонов в psd - просто киллер-фича.
>>484226Он тормознутый охуеть просто, я на саблайм перекатился и заебись.
>>484224А что ты используешь для автокомплита css?
>>484286emmet не?
>>484294Я думал там только для хтмл всякие дивы с классами быстро создавать
>>484235Аноны, для вёрстки пользуюсь Notepad++ и фотошопом (спираченным, естесна). Я нормален?
>>4843005% использования в html, 95%-в css
>>484303ну конечно нормален. Хороший редактор
>>484226Я.И сразу вопрос-в Екстракте картинки можно прямо в код вставлять, только вот сохраняются они не сжатыми. Посоветуйте прогу что бы быстро пожать много джыпег файлов.
Без жса реально изменять цвет текст текста вместе с статусом чекбокса? чекбоксы заменены на иконочный шрифт.
>>484345мне кажется по идее можно через тот же костыльный метод, что используется в том слайдере на css. но не уверен.
>>484345Надо код смотреть. Думаю можно, но зачем?
>>484369Требование в макете.<input type="checkbox" name="esp" id="q5"><label for="q5"><p>Блок приемуществ</p></label>.shop-main__side-filter-esp input + label:before { content: '\2610'; font-size: 28px; color: #cdcdcd; display: inline-block; vertical-align: middle; font-family: 'symbols-nerds';}А через айКлик это делается? или другой джиквери плагин?
>>484384Ты что дебил? Нахуя ты мне это дерьмо в посте кидаешь? Написали же для тугих в ОП посте, что любой код льем в ПЕСОЧНИЦУ. Заебали уже.
>>484345А что насчет input[type="checkbox"]:checked ~ label {бла-бла-бла} ?
>>484406>>484384http://codepen.io/anon/pen/LNEXyJсильно не стал заморачиваться, но суть ясна.
>>484419даже без тильды можно. прост тупил. во втором случае бефо не убирал. отдохнул, со свежей головой вышло..shop-main__side-filter-grid input:disabled + label:before,.shop-main__side-filter-grid input:disabled + label p { color: red;}
>>484201Хули там пусто? Где взять этот плагин?
Версталы, а чем WordPressDesign отличается от простого дизайна? Есть какая то спецификация или что?
>>484541Ебать ты тупой.
Фронтендерам вообще приходится иногда самим рисовать какие-нибудь иконки/кнопочки? Анимацию они тоже могут рисовать? Или у них чисто код, программирование, хардкор?
>>484908Я, конечно, хуй простой, без опыта работы, но анимация - это ведь чистый фронт-энд.В то же время, наверняка дизайнер может на пальцах или примерах объяснить как красивее оживить его макет.
Ананас вызвали на собеседование, сразу пояснил работадателю (еще не лично а в переписке, что я мальца на дне еще, но, что-то уже могу) так, что Анон ебашь непокладая рук и придешь к успеху, это оказывается реально, (ps: Я к умпеху еще не пришел, но теперь больше уверенности, что это возможно). Если, есть вопросы задавай. Вечерком еще приду отпишусь, прошел или нет собеседование, ну и вообще, что по чем.
Ананасы, работал кто-нибудь в csssr?Год назад делал тестовое у них - не ответили, сейчас скилл уже хорошо поднял, но и доходы выросли.Стоит ли туда пробиваться?Сколько зп?Как работается?
>>4850101. Какие технологии знаешь.2. Какой опыт работы, изучения.3. Где обучался.4. Где искал работу, что за вакансия.5. Сколько обещают по з/п.
>>4850151. Обычная верстка html/css говно библиотеки js могу подключить.Резину могу сделать, адаптив + резина - хуй знает как это назвать, я бы не сказал, что отзывчивая верстка, но что-то типо того.2-3.С конца января въезжаю в тему (1 месяц учил java на явараш, но понял, что порог входа высокий и втыкать без бабла придется от полугода и до бесконечности)в верстке месяц с копейкой. Учил так: секта попова, что бы вообще понять о чем речь, потом мини сайтец сделал мужику бесплатно (но вышла хуйня хуйней конечно)потом что-то вроде лэндинга товарищу наверстал, затем хтмл академия, базовый интенсив, изредка смотрел видосы, в основном просто верстал их макеты в резине и других вариантах.Планировал все макеты сделать +1-2 с инета, но по факту я еще этого не сделал.4.hh - версталщик5.Написанно 30-40к (но я как быдло коде макака естественно готов работать за еду какое то время, пока не почувствую, что моя выполненная работа реально приносит бабло конторе)
>>4850211. Что за секта попова?2. ДС?
>>4850213. Какой возраст, образование?
>>4850281.курсы попова в ютубе. Ну там основы для самых маленьких скажем так.Ну все прям очень разжеванно, типо что такой тег, а что это такое, а что такое див, а что такое спан и тд.На это где 2 дня ушло, Типо как азбука, все его правда хуесосят, но в плане "азбуки" был мне полезен.2.ДС
>>48503224лвл, через месяц 25лвл.Вышка техническая, ебашил инженером на севере, Уренгой, Надым, работа крутая конечно была, но бабла как по мне мало за это платили, + вахта 3-4месяца, отдых 2-3 недели, ну и хуй оттуда удешь пока все не сделаешь или сменщика не найдут.И хуй приедешь, говорят срочно, а потом в общаге неделю живешь ждешь транспорт на объект. Потому начались попытки въехать в IT
>>485036Мне 26, тоже пытаюсь въехать в эту тему. И тоже инженером работаю сейчас, лол. Надеюсь, по возрасту еще подойду, хотя уже морально готовлюсь, что мной будут командовать 21лвл шкеты-синьоры.
>>485038Ну у нас думаю еще не критический возраст. Вечерком отпишу, как все прошло.В принципе даже,если в контору не возьмут, я знаю куда двигаться хотя бы.
>>485044Отпишись обязательно. Какие вопросы были на собеседовании, какие они требования предъявляют, на каких технологиях работают и т.д.
>>485044А, ну и удачи тебе, конечно.
>>485036ЭЭ блядь, вы тут че так все на меня похожи. Я тоже 24, хуярил на Уренгойском газхим комплексе.
>>485070Лол.Даже не знаю, что написать, но это забавно.Все по северам хуяришь?или холода толкнули тебя все таки в тепленькое IT?
>>485083второе
>>485038Откуда вы берёте этих 21лвл синьоров? По-моему это байки всё. В худшем случае ровесники будут.
>>48509821лвл синьеров не встречал, а вот с 23лвл лично знаком. Если есть голова на плечах, чему-то учишся постоянно и имеешь боевой опыт от 3х лет, то считай что лычка тебе обеспечена.
>>485098Ну мало ли. Увлекся программированием с 14 лет, к 18 уже знает какую-нибудь джаву на зубок, к 20 уже куча опыта во фрилансе или студиях, к 21 уже может быть синьором в небольшой конторе.
>>485098Мне 19 лвл, за плечами 3 года веб - дизайна, около 50 отрисованных макетов. Первые 10 тыс неденег заработал в 16 лет на веблансере. Подучу фронтенд и англ и как раз к 21 стану FRONTEND DEVELOPER & SENIOR WEB DESIGNER. Ещё решил дропнуть ссаный вуз в тайне от родителей - совковых пидорашек. Пожелайте удачи, чтоль.мимо-анон
>>485130Удачи, но хотя бы заочку получить стоит.Ты на upwork, как я понимаю, нацелился?
>>485130У тебя изначально, жилка что-ли дизайнерская была, или развивался с нуля?Можешь посоветовать что почитать-подучить дабы иметь хоть базовые навыки в этой области? А то я ща приложухи простенькие на джс пилю, да вижу что с дизайном что-то совсем не в ладах. Стыдно такое людям показывать.Где-то внутри есть понимание, что все держится на нескольких китах: общая концепция, цветовая схема, шрифты, геометрия элементов, структуризация информации и т.д, плюс сочетание всего этого вместе. Но как собрать все воедино - без понятия.
>>485141Да, на апворк. Уже дали rising talent. >>485153Хз, могу сказать что у меня изначально была интуитивная способность к дизайну, уже в 14 лет рисовал макеты сайтов, только на бумаге. А так - задрочить тоже можно, если захотеть. На рутрекере есть ux курс с coursera. Вообще, в дизайне как и в любом деле самое главное практика.
Поясните за бутсрап. Я в принципе знаю, как работает его сетка, есть один макетик, который сверстал на бутсрапе, но юзал как раз только сеточную систему. Стоит ли его дальше курить, есть там еще что-то реально важное? А то времени нет нихуя, по остальным темам еще поле непаханное.
Вас, наверное, уже заебали такие как я, но все же.Освоил адаптив+резину, захучил седону и пинк на флексах, покрутил немного примитивный интерактив на ванила-джс (простенький слайдер, попапы разные, ничего особенного), ну там сасс, грант+галп вот эта вот вся фигня. Собственно вопрос: надо ли надрочить еще пару проектов, скажем, на бутстрапе? Мне очень понравились флексы, а бутстрап видится эдаким гомункулом. Или уже можно с чистой совестью выкатываться нахуй в джс_тред и начинать быдлокодить всяческие свистоперделки?А, еще такой вопрос: для сасса есть фреймворки типа бурбона/компасса, как оно вообще, стоит заморочиться? А то по самой верстке у меня, в принципе, уже все, теперь надо джс+всякие ангулары.
>>485404>фреймворки типа бурбона/компассаС автопрефиксером не нужны.
Поясните за иконочные шрифты, в чем профиты?
>>485422В простоте использования.
>>485424Но ведь там несколько файликов подгружаются из папки фонт, получается запросов больше => нахуй не нужно. Или я ошибаюсь?
Ананас, пришёл с собеседования. Задавай вопросы.
>>485438хуи сосешь?
>>485427Почему больше? Грузится только тот файл, который браузер поддерживает. Спрайты сложно компоновать, неудобно использовать, не перекрасишь на ходу, не отмасштабируешь, нужна отдельная версия под ретину.
>>485438Чего спрашивали? Было ли до собеседования тестовое? Какое портфолио? Гитхаб? Какие работы смотрели?Ну и в целом как прошло?
>>485427профитов-то больше, это же считай шрифт, значит меняешь цвет и размеры как нужно, и качество всегда хорошее.
>>4815988 часов в час
>>485438Я тебе выше писал.>Отпишись обязательно. Какие вопросы были на собеседовании, какие они требования предъявляют, на каких технологиях работают и т.д.
>>485439Пока не знаю, сказали 30 на испытательный срок и мол свяжемся до конца недели,если все ок.
Пацаны, может свою конфу запили в телеграмме?
>>485466нинужна
>>485444>>485459 Усадили за один стол с парнем у которого собеседовался, открыли редактор где было задание.Вообще было крайне не уютно сидеть с человеком за одним столом и под его наблюдение что-то делать ,даже за одним компом грубо говоря,но на двух мониторах. Сам тест простой, но я что не хуево стресанул и начал ловить тупари. 1ая часть html/css сделать три блока таких та размеров, в первый менюшку списком, второй с текстом, третий с полями форм и кнопкой и что бы при разрешение меньше 600пх блок с меню пропадал.Тут, как бы проблем не было на мой взгляд, хотя я конечно умудрился от нервяком закосячить забыл кодировку выставить и в css почему то классы без точек вьебал и как селектор обычный.Хуй знает по чему, но думаю, что от нервяка какого то.Да кстате парень который проводил собеседование, очень сильно заикается как я понял, по этому не разговаривает,но это понял когда за комп сел, когда чтото спрашивал у него , а он молчал.а потом попытался ответить и я перестал спрашивать, потому что до меня дошло, общались через текстовый редактор.Сам парень адекватный, пытался помочь, по мере возможности. вторая часть была js, где я соснул хуйца, потому , что если дома за компом я могу гавно библиотечку подключить загуглив могу, то там это может и прокатило бы, но все это было оч стремно с моей стороны.Вообще js мы сделали вдвоем, или даже парень который собеседовал, я ему просто логику пытался обьяснить а он писал потихоньку.Третья часть фотошоп, там надо было, цвет картинки поменять(сделать уникальной), опять же я этого не делал ни когда, потому что нужды не было, я просто с макетов верстал, вроде херня херней, но я не знал куда,ткнуть, в итоге загуглил и сделал, но это тоже стремота была. Вот так вот, если в двух словах. Пришел без портфолио, работы не смотрели, хотя предлогал отправить мне макет, что бы я сверстал по их ТЗ, но пригласили собеседоваться.Итог пока хз.Но в любом случае было полезно.
>>485477Так а в js то че надо было наваять?
>>485098Знаком лично с 21-лвл фронтенд тимлидом. Такое бывает редко, да. Но бывает.
>>485477Охуеть собеседование просто. Не на одном уже был, и о десятках если не сотнях слыхал, но чувак, такого еще не видал. Это ж "повезло" тебе в такое попасть, лол.
>>485466заебали нахуй, запили и сиди там один сам с собой переписывайся.
>>485502Кто уже предлагал, лол?
>>485484>Так а в js то че надо былкод на 2 строчки для формы, вы заполнили не все поля формы.я через html/css хотел, но мне сказали js
>>485500Что на твоих собеседованиях спрашивали, какие тесты были?
>>485500Мб ты хотел завалиться на более ловкие вакансии. Я звезд с неба срывать не планировал когда откликался, просто закидываю отклики периодически на лайтовые вакансии за еду и опыт. Чтобы ускорить процесс обучения, ну и бабло получать, если повезет.
>>485507сто раз уже блядь, постоянно конферисты идею фикс свою кидают.
>>485515Та стандартное все. Сначала где-то полчаса свободный разговор. Затем еще час спрашивают по основным знаниям. Тут ничего расписывать не буду. Скажу только что после двух интенсивов и где-то 3-5 адаптивных макетов для человека уже не должно быть сюрпризов.По джс как когда. Могут что-то из теории спросить. Могут и задачку дать уровня, сделай что-то с массивом. Скорее всего будет и то, и то.На собеседовании главное не нервничать. Вот тот парень выше говорил что тупняк словил - это полностью нормально антоши, полностью. Особенно на первых порах.У меня тоже тупняк был жесткий. Собеседовался на версталу как-то. В первый раз вроде. Меня попросили посчитать, то ли интеграл массива, то ли хуй его знает. Короче перемножить каждый элемент массива сам на себя вот так [2, 5, 10] = 2 5 10Так я такой тупняк словил, что где-то с секунд 30 не мог дупля словить, что же делать. Хотя эту несчастную функцию до того раз 5 писал с разными вариациями.
Ананас, еще один отклик пришел, с тестовым заданием
>>485527Ну это я и спросил у тебя, Анон с собеседования.
>>485527>вот так [2, 5, 10] = 2 умножить 5 умножить 10автофикс
>>485527Забыл про Array.reduce() штоле?
>>485555Только вручную, методы массивов нельзя применять.
>>485555да простой перебор с присваиванием в переменную умножения на i-ый элемент
>>485577Тоже можно, но немного тупо.
Котаны, есть макетик, к нему прислали шрифт в формате ttf. Мне надо оттуда вытащить глифы. Что сделал:1. Сконвертировал ttf на http://www.fontsquirrel.com/tools/webfont-generator2. Закинул все из полученного архива в папку font3. Подключил получившийся стилевой файл через <link> в head'e.4. Прописал для body семейство полученного шрифта.5.???6. Какая-то хуйня: вместо глифом вставляются символы в виде пустого прямоугольника (как будто хуевая кодировка).Где я мог ошибиться?
>>485580Кажется разобрался, дело в кириллице... Но когда я ее подключаю в сквирреле, отображаются не все глифы...
http://css-live.ru/vecssti-s-polej/fleksboksy-gotovy.html
>>485614Все, разобрался.
>>485646flex-flow: zaebis hule;
>>485682float: right
>>485646А мне вот не нравятся флоаты - какие-то они слишком мудреные и интуитивно не понятные.
>>485776Ой, флексбоксы то есть.
>>485776Сколько макетов на них сверстал?
Кстати, чуваки, кто-нибудь слушает uwebdesign?Мне например удобно вечером слухануть их подкаст, обозревают всякие статьи/новости.Решил сюда скинуть вот крайний выпуск (сам еще не слушал). Из содержания тут чет про градиенты будет, вордпресс, рейтинг препроцессоров, гамбургерное меню.... ну короче сами можете прочитать содержание лол, че я буду описыватьhttps://youtu.be/UbneQaoMJF0Еще, кстати есть подкасты от вебстандартов - там из академии Симоненко, из Оперы Макеев и еще какие-то лица
>>485861С десятого подкаста слушаю, очень много хуйни конечно не нужной, но бывает и интересное. Только для фона.
Действующий верстальщики есть? Как относитесь к джунам, считаете ниже своего сеньерского достоинства им помогать или же напротив снисходительно и если, что поясняет, не говорю, что все объясняет, но может оказываете поддержку?
Есть один сайт, сайт сторонний, в котором надо поменять цвет фона/текста. В ксс я могу, проблема в другом - как сделать так, чтобы не вбивать настройки каждый раз как его открываю или перехожу по его страницам?
>>485907
>>485907пиши userscript
>>485907Есть расширения, которые позволяют это делать. Покопайся в сторе.
Пиздец, я с них хуею. Целый тред блять, где они еще тренируются. Просто пиздец.Вкатился в веб 4 месяца назад, при этом даже принципиально не стал учить хтмл и цсс. Сейчас свободно ебашу сайтецы на ASP MVC + Angular/Bootstrap. Вообще не заморачиваюсь по поводу верстки. Верстка - удел дезигнеров и прочего скама. Настоящие посоны хуярят бэкэнд и бизнес логику во фронте.До этого писал на WPF, где интерфейсы приложений так же верстаются, но на XAML, который в корне превосходит возможностями стандартный хтмл+цсс+jquery, одной лишь разметкой. Да и в изучении он сложнее. Но тем не менее, считаю это занятие уделом петухов и опущенцев.
>>485923>ASP MVC + Angular/Bootstrap>считаю это занятие уделом петухов и опущенцевБляхяхяхя)))Ты ещё больший опущенец, манькаХуже только пхп наверно
>>485923 Ваше мнение очень важно для нас, напишите еще один пост.
>>485926Ты можешь что то противопоставить этим самым передовым технологиям построения веб приложений? Может тебе еще про Sharepoint рассказать?
>>485932Расскажи, ты такой умный. Очень хочется послушать.
>>485932Перетолстил тут.
>>485923Мы вам перезвоним
>>485923>Angular/Bootstrap>Передовые технологииОх ебать.
>>485923Именно поэтому знание html/css - требуются практически везде, а о твоем говне даже не вспоминают?
>>485940Хуй знает. Ни разу не видел вакансии чисто хтмл/цсс. Обычно требуется ASP MVC или Rubi on Rails с невъебенным стеком остальной хуйни, где хтмл/цсс/js просто опускается для краткости.Ну я конечно говорю про работу, где платят более менее, хотя бы от 60к.
>>485944Дядя, ты упоролся? Какое отношение имеют ASP MVC и RoR к фронтенду? Нахуя они вообще нужны фронтенд-разработчику? И аналогично — нахуя бэку вообще знать что-то про фронт, если у него модное restful-приложение?
>>485949В веб программировании обычно нет чистых фронт или чистых бэк девелоперов. Если хочешь, чтобы тебе нормально платили, нужно уметь делать все. При этом, как мне кажется, предпочтение нужно отдавать именно программированию, а не вбиванием верстки.
>>485953Я чистый фронтенд-девелопер, срал-ебал на бэкенд, зарплата 150к. Зачем ты мне это рассказываешь?Впрочем, если не веришь мне, то можешь вакансии на hh глянуть.
>>485953Вот это лол. В говноконторке на 5 человек небось работаешь.
>>485954Ты себя позиционируешь эталоном успеха в среде петухов, которые хотят зарабатывать чистым фронтом?
>>485958>которые хотят зарабатывать чистым фронтомС каких пор это что-то плохое?
>>485956Ты прав. У нас программистов в конторе ровно 5 человек. Но до этого работал в душном энтерпрайзе с опенспейсами и прочей хуйней. Требования и там и тут практически не отличаются. Да и вакансии по городу, в большинстве своем, только такого сорта. Чистые фронтендщики могут быть в каких нибудь студиях, которых 1,5 на весь регион.
>>485961Это не повод экстраполировать проблемы рынка труда твоего мухосранска на дс-богов.
>>485961>Чистые фронтендщики могут быть в каких нибудь студиях, которых 1,5 на весь регион.Тогда это проблема исключительно твоего региона. Есть дохрена компаний продукт/аутсорс/аутстафф, в том числе международных, где без полноценной команды никуда. Да собственно, любая более менее серьезная компашка не пускающая сайтики на конвейере рано или поздно к этому приходит. Есть исключения, не спорю, но это уже специфика работы.
Поясните за svg а можно например внутри svg прописать стиль типа #idname:checked ~.class {background-color:xxx;} и потом сохранить, подключить через img и все будет работать?
>>486017А просто назначить в контейнере fill тебе религия запрещает?
>>485944>Rubi
Ребят, кто атомом пользуется, подскажите плагин который будет мне выводить все переменные в scss, когда я их хочу вставить. А то я подустал вверх листать и искать их.
>>486019т.е в коде свг филу задать класс а потом из ксс управлять?
Парни а ведь emmet и jade это совсем разные вещи? Почему их сравнивают тогда?
>>486055<svg class="random" .... >.random { fill: #c1c1c1;}
>>486057Многие юзают jade только как способ организовать html, и в это случае работа в emmet выглядит более просто и понятной, нежели все эти отступы.
>>485949Лол ты пойди расскажи про обилие руби работ чувакам в мы вам перезвоним
Нужно сделать кнопку, как пике, но с полупрозрачными границами и фон чтобы был градиентом. Псеводэлементами такое делать слишком сложно, если вообще возможно. Как еще можно такое организовать?
>>486082тогда делай по старинке - пнгшками
>>486087Дело в том, что в макете такая кнопка не того цвета, какой мне нужен.
>>486082Может тогда вместо границ заебашить тенью?
>>486092Хм, а как с этими тругольниками быть, они же по сути закроют тень?
Я вот думаю сделать два блока - квадрат и прямоугольник. Квадрату сделать градиент из угла в угол (так можно?) повернуть трансформацией, и присобачить сзади прямоугольника, у прямоугольника отменить правую границу.Как думаете, получится?
>>486094Хз, пробуй. Еще мне вот что на ум пришло - видел как всякие нестандартные ромбики, шестигранники, восьмигранники делают свг-маской вроде в помощью clip-path или как-то так. Но сам не пробовал.
>>486082Как видеть результат сразу в Sublime text или разворачивать сразу в браузере по 1 нажатию? cntr+s и три щелчка заебло делать.
>>486137https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh
Ребят, как этом можно реализовать? То есть при наведении на маленькие блоки, появляться из большое изображение ( с текстом?) в центре.
>>4861698 слоев центрального текста. При ховере мелкого нужный центральный display: block, остальные none.
>>486174Хех, ну хорошо. А картинку превью как подменять?
>>486169Первое, что в голову пришл: размещаешь все маленькие блоки по коду ДО большого, в большом - одна большач картинка, состоящая из картинок в мелком блоке. Тогда .small-block#n:hover ~ big block {background-position: параметры позиционирования в зависимости где ты на большой картинке разместил ту, что на маленькой, на которую навели курсор;}Но это только при четко заданных файлах. Если хочется, чтобы можно было обновлять картинки в маленьких блоках, и соответсвенно, сожеожимое большого -только JS, наверное.
>>486177>>486174Ну по сути дела, при ховере на маленьких блоки, большому блоку добавляется класс, соотвестующий этому блоку.
>>486179Добавление класса - это простейший JS.
>>486175тот же самый ховер, только меняй класс мелкого.
>>486183еще можно менять не отображение центрального, а увеличивать его z-index
>>486096>clip-pathХм, погуглил это дело. Оно действительно может закрыть область, которую мне не надо, но как тогда быть с границей у треугольника?Вырезал эту кнопку в формате svg через фотошоп, но она кака-то хуево вырезалась - по середине у нее дыра.
>>485418Я подозревал. Спасибо. А на какие фреймворки (кроме ебаного бутстрапа и фоундейшена) еще посмотреть - так, чтобы и для саморазвития, и полезно, и в тренде?
>>486082Короче, чет я туплю, это же легко вроде бы. Налеплю четыре прямоугольника с прозрачными границами, ротейтну их как надо и запилю эти сраные уголки.Вроде бы нет подводных камней?
>>485923> XAML> превосходит хтмл+цсс+jquery
>>486208При маленьких расширениях, когда что-то будет касаться твоих прямоугольников, всё пойдёт по пизде. Нужно всё это дерьмо в ещё один врапер оборачивать
>>486206Skeleton. Легкий, простой, колоночки делает не хуже бутстрапа.
Решил написать в тред ибо печет неимоверно.Сел я значит разбираться с js от академии первого числа.Посмотрел видос, прочитал допы. Настроил себе атом прям как у этого тела которое преподает. Вэбшторм настроил, проверку eslint.....И тут надо бы садиться и работать то над проектом. А заготовок то сука и нету.Ладно, похер пляшем. Гугл, все дела - заготовки проектов нашлись. Стянул себе чистые. Сижу... Заготовки то есть - теперь хер знает как задания то звучат. Тут же хер домашку озвучивают. И еще редиска, которая в паблик то сливала сука не додумалась копировать текст задания на урок. Главное допы, бля, копировало, а что делать надо - нет.Появилась мысля понять че требуется через готовые проекты.Ладно, ищу готовые проекты, нахожу, начинаю лазить по бранчам/коммитам в надежде понять что просилось делать каждый раз. Так там блядь хаос, каждый ебаный ученик по-своему лепит, у некоторых даже правила данного еслинта не соблюдены. Кто-то варганит на 50 строк, а кто-то блядь на 400. Хотя вроде бы проект один значит и задание одно и то же должно быть. Причем я смотрю уже замердженные вещи, т.е. по идее их уже приняли.Хуй знает как у них вообще проверяют их проекты. Пиздец.Где же блядь взять нормально в текстовом виде задания то, чтобы самому варганить, сука....
>>486222Самому додуматься не судьба? Из уроков интуитивно понятно что нужно делать, задания легко формируются самостоятельно. В конце концов js - не верстка. На нем можно реализовать охуеть сколько всего, и охуеть сколькими путями.
Хуясе вы шустрые. По 2 в неделю надо запиливать.https://2ch.hk/wrk/res/486241.html
>>486243https://2ch.hk/wrk/res/486241.htmlhttps://2ch.hk/wrk/res/486241.htmlhttps://2ch.hk/wrk/res/486241.htmlhttps://2ch.hk/wrk/res/486241.htmlПЕРЕКАТ
>>486237Они бы легко формулировались самостоятельно если бы о них хотя бы упоминалось в видосе. Начальное задание то дописать наставника понятно и ежу, спору нет. А дальше: вот как например из первого видоса в котором проходили азы js вцелом для кексограма выплывает задание запилить функцию выдачи сообщения в зависимости от параметров графики (свг, гиф или еще чето)?Приложили бы описание просто функции было бы гораздо меньше проблем. А так не отркыв уже готовый репозиторий ты даже знать не будешь что там оказывается было такое задание ибо в уроке хуй кто говорил.
>>486252Ты за интенсив не платил, так что скажи спасибо и за это.Что же до заданий, я себе сам придумал проект и сам придумывал ему фичи, аналогичные тем, которые он реализовывал.Когда они проходили валидацию двух полей форм, а запилил тренировочную форму на кучу разномастных полей и пробовал собирать ее полностью несистемно.Когда учили шаблонизацию, а эту форму приспособил и стал выводить в соседнее поле ее результаты в виде отдельных записей. Тогда же организовал сохранение данных.Щас буду прикручивать подгрузку записей по скроллу, состояние кнопок, обработку отправки и т.д. и т.п.Короче направление движения, думается, я тебе объяснил.
>>486279Спасибо то спасибо (если то тело которое сливало конечно прочитает мое спасибо)Мне не понятно почему нельзя просто было скопировать задания ну да ладно....Свой проект я успею запилить еще.Нашел вот нормального чела вроде - у него руки хоть не из жопы. Въехал в то, что хотели в задании быстрее чем когда просматривал 3 предыдущих работы.Все-таки писать код нормально надо. Я то понимаю что при желании можно разобраться в любом коде (приходилось разбираться самому на крестах), но лучше писать нормально а не гавнякать.(это не к тебе кстати претензии, это так мысли о работах этих)
Да, появилась эта проблема. Враппер с минимальной шириной?
Анон-нейм, здравствуйте.Мы завершили проверку заданий и начинаем отправлять всем результаты.На данный момент мы не готовы пригласить Вас в интернатуру.Так как количество мест ограничено, мы вынуждены выбрать кандидатов наиболее точно следовавших стандартам оформления кода и допустивших наименьшее количество ошибок в заданиях.Конкурс составил 40 человек на место.Мы будем рады Вашему участию в следующих наборах в интернатуру.
>>486710Куда пытался податься?
>>486837ITcraft
Год назад в ДС-2 с трудом нашел работу версталой с минимумом навыков. Сейчас работаю фронтендером, получаю 40к - в ДС-2 не шибко деньги, но для хиккана без образования, еще год назад не имевшего толком опыта работы, вполне себе достижение. Задавайте свои ответы.
>>486856Реально так себе, за год мог хотя бы до 60к вырасти. Я за 8 месяцев вырос 20к-35к-60к, тоже с нуля.
>>486866Где работаешь, что делаешь/умеешь, какие технологии?
>>486889Тож дс2, компания средняя, 130 человек. Полуверсталой-полуфронтендером, реакт, тайпскрипт, верстка, тесты пишу ещё бывает, ничего особенного. Летом думаю 80 попросить, как раз год будет.
Аноны, скачал себе базовый интенсив, сверстал сетку, оформление контента(позиционирование, псеводоэлементы и т.д.), пока все легко, но нихуя не понял про фотошоп, как там вырезать и что, на каких слоях, да и вообще фотошоп с его обилием функций пугает. Подкиньте статей гайдов по этой теме, особенно те, кто проходил интенсив. С меня нихуя, но иисус вас полюбит.
После долгого перерыва в практике внезапно появился потенциальный заказ, макета пока нет, внешний вид ещё обдумывается. Собственно, какие подводные камни общения с дизайнером, какие нюансы следует учесть и какие рифы обойти?
