Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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 и 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/Шпаргалка от Громова по гитуhttp://nicothin.pro/page/gitБазовый интенсив за 2015 год:http://nnm-club.me/forum/viewtopic.php?t=899131Тот же базовый но посвежее, за 2016 год:http://nnm-club.me/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpПродвинутый интенсив за 2015 год: http://nnm-club.me/forum/viewtopic.php?t=900609Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.https://github.com/tsergeytovarov/htmlacademy-basic-additional-materialБазовый JS интенсив за 2015 год: http://nnm-club.me/forum/viewtopic.php?t=974803https://github.com/o0/keksobookingМакеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>510161 (OP)
>>517275 (OP)Ссылки на nnm не пофикшены :/
>>517275 (OP)http://nnmclub.to/ну ебана
>>517285>>>>517286
>>517151Ессно нужен JS. Без него никуда. Как так вообще получилось что твои колллеги будучи сотрудниками "илитной" конторы не озаботились о твоем развитии?
>>517295спойлер раскрой
Когда уже будет не верстка-тред а front-end господ тред?
>>517312Когда все туда перекатятся.
>>517312Хороший вопрос. Думаю начать можно со следующего. Как раз по нумерации заебись.Только надо определиться с названием. Предлагаю кидать в качестве ответов к этому посту возможные варианты. Какой больше всего понравится, тот и возьмем в качестве основного. мимо ОП
>>517325Так и назовем: front-end господ тред №61
>>517325предлагаю также выбрать какой-то один оп-пик и юзать его, чтобы тред сразу узнавался.
Кто совмещает изучение с работой? Как у вас это получается?Я уже думаю увольняться нахуй. Текущая работа заебала неимоверно, чувствую себя абсолютно бесполезным винтиком в огромной махине.Приезжаю домой к шести. Переодеться/вымыть посуду/приготовить еду/поесть/хоть немного отдохнуть - все, почти восемь вечера, приходит с работы тян, а ей ведь тоже надо уделить внимание.Не знаю где найти время для обучения. За время отпуска (21 день) прошел все интерактивные курсы. Базовый интенсив начал уже во время работы и смотрел почти столько же, это пиздец.Открываешь макет - только успеваешь вникнуть, выработать стратегию верстки, как уже и спать пора ложиться.Уволиться - самый простой вариант, но чет очень стремно остаться на одном скудном доходе тянки и запасах, сделанных до кризиса. Хотя другого варианта я не вижу, если вкатываться - то, наверное, надо рисковать.спасибо, что прочитал мое нытье
>>5173251) frontend for dummies2) frontend 101
>>517345Двачую
>>517325Front-end тред, че тут думать?
>>517351Давайте этот.
>>517352Я за этот.
>>517354Там в баксах хоть?
>>517345А как там щас на дваче с загрузкой одинаковых пиков? Блочить не будет? Где-то год назад с этим были проблемы.Вообще идея хорошая.
>>517358В белорусских рублях сам-то как думаешь?
>>517361Я, кстати, один раз видел на украинском сайте искали версталу за 3000 грн лол
>>517369Че лол? Я б пошел.
>>517354Хуита. Или тогда дописать что это зп сеньора после 3+ лет опыта коммерческой разработки. И статистику по вакансиям и претендентам прилепить.
>>517370Ну там на сколько я помню по требованиям выходило что человек-оркестр, сео-специалист, контент-менеджер, верстала со знанием js, уметь в дизайн, фотографию (лол) и допиливать движки. Где-то полгода назад видел
>>517377Тогда нахуй.
>>517375Это шутка была, че такой квадратный?
>>517378Да вообще соглашаясь на маленькие зарплаты ты делаешь хуже не только себе, но и остальным, ибо работодатели видят что типа на мелкую ставку куча идет и думают что им все дозволено: еще перебирать, выебываться, занижать еще (куда же еще), ставить неадекватные требования и т.д. и т.п. Это касается не только верстки, фронтенда, а вообще всего. Демпинг - зло.Надеюсь, удалось мысль донести свою.P.S. 3000 грн это примерно 8000 рублей или 115 баксов. Где-то так. Как бы эт на стажера сгодится только.
>>517347Варгую: ты уволишься, но никуда не вкатишься, будешь вынужден искать работу по старой специальности, но сможешь найти только варианты гораздо хуже твоей предыдущей работы.
>>517275 (OP)Поясните тупому как захостить на Гитхабе несколько страничек. Вот, допустим, я сверстал страничку, залил index.html с остальными файлами на Гитхаб и теперь эту страницу можно посмотреть, вбив в браузер username.github.io. А как мне теперь закинуть туда еще одну страницу, не удаляя предыдущую?
>>517391Так я на стажера бы и согласился. Понятное дело, был бы я опытным версталой со сзнанием JS, меньше десятки бы не рассматривал.
>>517392Почему такие выводы?
>>517401Потому что у меня все так и получилось.
>>517399Так же как и любой другой файл.
>>517404Вангую ты станешь миллиардером. Потому что у Гейтса так и получилось.Расскажи, почему не смог вкатиться.
>>517405А как мне его потом открыть в браузере?
>>517400А что в твоем понимании есть опытность и на каком уровне должно быть знание JS?
>>517407Ладно, кажется, я допер сам, это был тупой вопрос.
>>517408Опытность - сверстанное n количество живых работающих сайтов разной сложности и направленности.Знание JS - умение без говноплагинов написать самому работу форм, модалок, фильтров, менюх и всего остального интерактива сайтов.Знакомый в Киеве и 14к получал, не зная JS, с чего я хуею до сих пор. Но сейчас на рынке ситуация, думаю, хуже.
>>517406Потому я ленивое хуйло.
>>517419>потому чтоfix
>>517419Ну я тоже ленивое, но верстка мне почему-то очень понравилась и заинтересовала. Просто тупо времени сейчас на нее не хватает - а вместе с этим и начинает мотивация теряться.
>>517392Дваждую этого господина. Уволился чтоб перекатится в АйТи.Уже год без работы лол.
>>517423Рассказывай свою стори.
>>517422Даже если ты дропнешь все это из-за лени, нет гарантии, что ты сможешь найти потом работу.
>>517424Ну обычная стори. Работал быдлоодминчеком в одной шараге, капчевал и жил себе неспеша. Потом появился вариант пройти стажировку на тестировщика. Ну я радостный уволился и побежал туда - этожеайти!Через пару месяцев стажировки (а нас там было 5 человек) мне сказали что я дохуя умный (ну я действительно ответственно отнесся к этому. изучал и теорию и предметную область всякую бухгалтерию и прочее.) а им нужны люди попроще и вообще студенты. (И нахуя тогда брали изначально непонятно.)После этого пытался быстро закатится по своей старой специальности а тут опа кризис кризис эвривере. Ну а дальше полгода депрессухи и вот теперь я здесь с вами.
>>517439Лол. Если не пиздишь то радуйся что так случилось. По всей видимости это дичайшая быдлоконтора. Любая норм айти фирма как раз дохуя умных и ищет.Какими навыками по фронту щас обладаешь?
>>517435Гарантии нет. Но рынок все еще большой. Киев/Харьков/Львов/Одесса - вакансии есть.
>>517446А если я ультрахардкор хикка из ПГТ и хочу заниматься только фрилансом?
>>517439Ох и хуета. Почему не продолжил ебать тестировку? Курсов по ней просто немеряно же, с последующим конкурсом.
>>517449А если я хочу работать только в ванной, наполненной Дом Периньйон, и чтобы мне делала массаж простаты Вика Одинцова?Твои проблемы. Я с радостью перееду в город побольше, и с удовольствием буду работать в офисе с другими людьми.
>>517454Ты нищефриланс = фантастической роскоши?
>>517457>Ты>Для тебяfix
>>517443Ну радоваться то особо нечему. В той конторе я хотел прокачать скиллы получить строку в резюме и через годик свалить уже в более вменяемые места. А насчет умных ты не прав. В нашем модном IT присутствует советский человеческий фактор. Т.е. когда куратор увидел что я начал неплохо так справляться то испугался за свою жопу и слил меня. И такие истории я не раз уже слышал. Ну и докучи на такие позиции (там где относительно легкий вкот и не нужно знать матан) часто берут тупо по знакомству.Фронтендом заинтересовался пару недель назад случайно наткнувшись на тред.>>517450Бро. В тестировании я нормально так продвинулся (курсы, теория, немного практики). Вот только у меня нет никакого опыта работы по этому делу. А количество претендентов на позицию junior tester превышает все разумные рамки.
>>517457Нет. Для меня твои желания - примхи. Я так нихачу, я хачу эдак. Если ты именно пожтому не нашел работу - то и не удивительно. Хотел бы учиться/работать/развиваться - нашел бы хоть что-нибудь. Даже в какой-нить нищестудии, пилящей сайты для таксопарков можно набраться опыта и отточить навыки в инструментарии.Алсо, фриланс это всегда хуета, т.к. ты один на один с задачей. Никому не покажешь "а так норм?", никого не спросишь, никто тебе случайно не подскажет косяки или как было лучше сделать. Поэтому и развитие при работе в одиночку всегда идет медленнее, чем при работе в коллективе.
>>517460> В нашем модном IT присутствует советский человеческий фактор.В рашке проживаешь я так понимаю?
>>517469Нет бля из Сингапура я.>>517463Тут соглашусь пожалуй. Фриланс он для уже хороших самодостаточных специалистов. И на фрилансе нет развития.
>>517463Это с позиции хорошо социализированного нормалфага мои желания - прихоти. А для меня это базовая необходимость, обуславливающая уровень комфорта. Что-то из ряда "иметь крышу над головой, а не ночевать на улице", "есть нормальную еду, а не питаться отбросами, найденными на помойке". Мне уже почти 30 и за все эти годы я ни дня не проработал в офисе. И начинать (да еще и переезжать ради этого за сотни километров, чтобы потом отдавать 3/4 нищенской зарплаты за жилье) я не планирую. Только фриланс, только удаленная работа, только хардкор.
>>517478Ну да, в офисе тебя де дивьем съедят. Пиздец, более адекватных, дружелюбных и безобитных людей, чем айтишники еще трудно найти. Это тебе не в бригаде слесарей ебашить, и не в проектном бюро, где одна половина офиса не здоровается со второй.
>>517481>живьемфикс
А я говорил
http://dou.ua/lenta/digests/junior-digest-4/#11Резюме + видеорезюме на ютубе (как раз для хекк) + мотивационное письмо (что это, блядь?) + тестовое задание (что уже многих отсеивает) + собеседование + неоплачиваемая стажировка + конкурс с другими такими же аутистами вроде тебя на одно место.Охуеть?
>>517567Ну да, пройти 100500 всяких отборов, чтобы получить возможность участвовать в финальном отборе
>>517593У меня такое ощущение, что шансы 100%-е. Врядли найдется второй такой долбоеб для участия в этих голодных играх.
>>517567Кстати, мне вот интересно. Они там от пхп-макаки хотят опыт работы и знание фреймворка. Что мешает в таком случае человеку, который подходит под это аплаиться уже НА РАБОТУ где обычно такие же требования? Только там ему будут платить зарплату в случае прохода этапа отбора, а тут после этапа отбора будет неоплачиваемый этап работы (пусть и не полный день), потом хреново оплачиваемый (стипендия стажера) и только потом ВОЗМОЖНО работа.1+1 не гиганты ит индустрии, чтобы так горбатиться за возможность у них поработать.
>>517607Зато гиганты укроТВ. Отсюда и гонора столько, наверное. Хотя сами же пишут, что айти-отделы у них маленькие.
>>517598Да на самом деле найдутся. Сейчас недостатка нет, особенно на начальные позиции, поэтому они и могут ставить такие требования и перебирать. И попадет на позицию стажера какой-нибудь чувак который мог бы уже крепким джуном вовсю работать.
Жаль, тестовое походу выдают только после отправки резюме (ссылку не увидел). Так бы можно было бы заценить че они еще хотят.
>>517609В Привате говорят, похожая хуйня. Хотят шоб все и сразу, и задешево. В итоге получают долдоебов пока все толковые разрабы улетают на продукт/аутсорс. А потом еще удивляются, почему приват24 написан НЕОЧЕНЬ.
>>517617>А потом еще удивляются, почему приват24 написан НЕОЧЕНЬ.У них хоть что-то написано нормально? Я Сбербанком России пользуюсь - разница в качестве софта колоссальная. Приватовские терминалы и банкоматы - это ж самое дно.
>>517567Ну это ж очевидно для студентоты что не так и плохо. На последних курсах можно пройти стажировочку и норм. Уже будет понимание процесса разработки и все такое.
>>517623>Я Сбербанком России пользуюсь - разница в качестве софта колоссальная. например
>>517616КСТААААТИВот придумал идею:1) Пилим фейкового персонажа (email там ФИО и т.д.)2) Пилим средневсратое резюме на начальные позиции. 3) Пилим среднее портфолио (тот же барбершоп или еще какой макетик)4) Рассылаем резюме на вакансии в студии всяких мухосрансков (предварительно в резюме исправляя место жительства).5) Получаем тестовое задание. И (если повезет) условия работы, зарплату.6) Постим сюда инфу что где и как.Какие задания какие деньги готовы платить и и т.д.Таким образом оцениваем рыночек. Вообщем с меня идея с вас реализация лол.
>>517630Например, скорость и логика работы банкоматов. Надежность смс-информирования об операциях со счетом (хз как там сейчас, раньше частенько смс не приходили). Теоминалы сравнить не могу, у спермбанка я их не видел, но приватовские - глючный неэргономичный кал.В примате в целом качество сервиса говно. Постоянные звонки от операторов "Уважаемый Бафомет Йцукенович, мы заметили, что вы не пользуетесь своей кредитной карточкой. ПОЧЕМУ?" вообще доебали.
>>517633Нахуя это делать, если все это совершенно открыто лежит на hh.ru?
>>517633dou.ua для укроанонов.
>>517639Наверное он предложил так как:1) не всегда тестовое в открытом доступе2) не всегда указана зарплата
>>517643Т.е. надо сидеть заебываться с рассылками и регистрациями чтобы собрать некую статистику и инфу по тестовым?
>>517639Что открыто лежит? Тестовые задания? Ну покажи может я тупой и не нашел.>>517640Ичобля. Напиши в строку адрес город - Киев.
>>517645Да статистика и так наберется. Вот люди подготовятся из треда и начнут на собеседования ходить/тестовые выполнять. Главное в тредик потом стори свое пилить. Вон недавно рассказывал анон про свое собеседование: сидел писал код за компом вместе с собеседуемым.Другой анон тестовое показывал: там форму адаптивную надо было сделать и еще что-то (уже не помню).Если будем делиться сведениями (хоть в минимальном объеме), то и фейко-акки не нужны будут.
>>517347Встаю в 6 утра чтобы поверстать. Алсо, у тебя есть тян, нахуй она нужна если не готовит и не делает домашние дела?
>>517652не с собеседуемым, а тем кто собеседовал, офк
>>517652Адаптивную форму я делал, наверное.
>>517656Она работает тоже, умник. Когда она дома - делает большую часть работы по дому.
>>517652Ну не хочешь не делай тебя что заставляют что ли? Дали годную идею и как обычно визг: -кококо янипанимаю зочем это нужно. А если я нипанимаю значит и никаму ненужна. Ахуеть вообще.
>>517665Кстати, после ебли с ней, начал постоянно обращать внимание на формы. С такими свистелками пока больше не видел ни у кого.
>>517671А что там за свистелки? мимо
>>517667Какой визг? Ты чет попутал видимо ибо визг от тебя только идет пока что. Я говорю, что статистика и так набраться может так как аноны некоторые делятся инфой, а тут >>517643сказал, что понимаю почему предложили такую идею.
>>517656Как вы вообще совмещаете работу учебу фронту и тян?Я работаю удаленно где-то 1-3 часа в день, остальные 5-6 делаю фронт. Готовлюсь к вхождению на джуна. Времени на это уходит с перерывами, без преувеличения от утра до 10 часов вечера. Если добавить еще дневные покатушки на велике и прочий спорт, то там вообще пиздец. И то считаю, что темп не предельный, можно еще поднажать. Вечером пару часов, книжечку там какую и спать. На выходные ессно хочется уделить время себе.
>>517680Хуярю утром с 5-6 утра потом после работы, как только мозг уже начинает не воспринимать информацию сразу ложусь спать. В выходные смотрю 1-2 фильма для развлечения и иногда листаю ленту в параше. Друзей нет. Тян нет. Никто не мешает учиться.
>>517680Тян особо не мешает, если с ней жить. Пусть сидит себе, книжки читает, в инете шароебится. Наоборот иногда удобно: можео попросить ебы разогреть или кофейку принести.
>>517674Разделенный телефонный номер, подсветка контуров и лейблов по дефолту/дисейблед/эктив/коррект/инкоррект, ну и адаптивность, чтоб на определенном разрешении экрана принимала форму в 1 столбик, расширялась до краев экрана минус 10 пикселей.Сколько с тех пор форм не видел - никто не парится с таким почти. Особенно с подсветками лейблов.
>>517665>>517694Да, про тебя говорил. Тебе не перезвонили кстати?
>>517700Нет. Прислали письмо, мол, было 40 рыл на место, так что извини, мы выбрали тех, кто точнее всего следовал тестовому.Ну я и сейчас после базового интенсива понял, что там хуиты кое-где понаписал.
Дизайнер, который вкатывается во фронт, врывается в тред. На последней работе верстал и кодил на Реакте, решил полностью перейти во фронтенд. Было где-то 15 собеседований, сейчас 4 офера (максимальный на 140к, но компания НЕ ОЧЕНЬ).Тестовое задание предложили только одни, отказался делать сославшись на нехватку времени. Но там компания была не очень-то интересна. Еще один предложили тест-драйв на несколько дней.В основном спрашивают о выполненных проектах, смотрят на стек технологий.Частые вопросы:1. Рассказать что такое замыкание и зачем они вообще нужны.2. Как работает this.3. Как работает прототипное наследование.4. Зачем нужны и чем отличаются call, bind и apply.На несколькольких собеседованиях решал простые задачки на бумаге или в онлайн-редакторе. Типа таких:1. Обратить строку.2. Написать функцию, которая проверяет является ли строка палиндромом.3. Найти в массиве все анаграммы.4. Замерить среднее время ответа сервера для 10000 запросов. Асинхронно, само-собой.Какие-то большие тестовые задания я зарекся выполнять после того, как потратил 20 часов на одно, сходил на две встречи, прождал неделю и в итоге получил хуй вместо офера.
>>517757Какой у тебя опыт работы? (сколько лет)
>>517775Дизанером года три, разработчиком один. На JS кодю два года.
>>517757Прочитал и нихуя не понял
>>517790Что не понял?Тут вроде про тестовые задания разговор был, решил вбросить свой опыт.
>>517797Про термины жс, учится и учиться еще
>>517757>максимальный на 140к, но компания НЕ ОЧЕНЬПочему не очень?
>>517757А как и сколько учился перед тем как дизайнером стать?
>>517808Расположена в какой-то дикой промзоне посреди нихуя.>>517810Два года в британочке. Но не могу сказать, что это было обязательно.
>>517757Пасиб что отписался, норм вопросы вроде бы. Про строку хотел уточнить: разбивка на массив, переворот методом массива и склейка обратно им подойдет? Или им обычно reverse() не канает и надо менять элементы ручками?
>>517849Подойдет, такой ответ и подразумевается.
>>517851Ясно. Ну пасиб. А то я еще на собеседованиях не был ни разу)
>>517757А на какую ты позицию собеседовался? Вряд ли ниже мидла.
>>517896В вакансиях довольно редко пишут это напрямую, обычно берут с разным уровнем, просто корректируют зарплату. Я считаю себя мидлом.
>>517901Спасибо, интересно просто какие собеседования например при приеме синьера/мидла.
>>517244Перспективы на твоей работе есть?
Верстаны, чому про avocode никто ничего не говорил, годнота же.
>>518041угувоть есть обзорчикhttps://www.youtube.com/playlist?list=PLvWwA9iDlhHCzdsTh0aRX5SaU7_wkoUj1
>>518046В шапку запилите, если у кого на эту вещь еще и КРАКЕН есть то вообще охуенно будет.
>>518064гуглю на этот счет, но вот чето кракена боюсь там качать.
>>517757Хахах, 140к с такими вопросами, ну да, разводи местных зевак больше.
>>518152Слушаю твои ответы.
>>518154Без гугла, разумеется, котик.
>>518154Манька, эти вопросы максимум на джуна. Если бы меня такое спросили на, хотя бы, миддла, я бы просто взял и вышел. Лол
>>518163Так ты отвечаешь или нахуй идешь?
>>518171Нахуй ты идёшь, сказочник. 140к бляхаха
>>518173Как скажешь.
>>518177И не лень же было в консольке цифры поменять. Забей, сразу видно, что на реальных серьёзных собеседованиях ты не был, можешь не стараться.
>>518177Ужас. Это теперь роботы офферы присылают?
>>518177Схоронил
>>518154Но он прав, такую легкотню даже я знаю, ни одной строчки на жс не написавший, разве что читал какую-то книжку за авторством кантора.мимо стремящаяся жава-макака
>>517151ааа, блядь, мои глаза!!! не надо так. давай-ка, вкатывайся сначала в ваниллу на learn.javascript.ru, а потом уже в библиотечки всякие
>>518427Ответь/реши без гугла.
>>518419Нахуя?
>>518456чтоб былО
>>517275 (OP)а я напоминаю, что на дворе 2016 год, а в треде ни одного упоминания про gulp
>>518461Напоминаю, что в 2016 уже пользуются вебпаком.
>>518462>вебпаки о нем тоже нихуя нет. все ручками дрочатся
>>518462только в твоих манямечтах
>>518465Чому же? Я пользуюсь. Собсна и в 2015 пользовался.
>>518461Не пизди было и про галп недавно.>>518462Галп и вебпак вполне себе хорошо сживаются
Аноны, ситуация такова.Знаю в общих чертах HLML, CSS, JS.Хочу прогать веб-приложухи ASP.NET MVR.Какой учебкой закинуться?
>>517275 (OP)Сколько слежу за тредами ни разу не видел, чтобы поднималась тема ОС для разработки. В мире программирования в целом, к разработке на винде относятся в большинстве своем холодно. А как обстоят дела во фронт-энде? Куча видео уроков либо на линуксе, либо на маке. Нужно ли сразу перекатываться на другую ось, либо можно всю жизнь просидеть на винде? Например мой товарищ устроился недавно на практику в контору, так там вообще выбора нет, сказали у нас линукс. Но ему норм, он сам макоёб да и с линуксом дружит (и тоже относится к винде с неким презрением).Аноны, (особенно работающие в студиях) расскажите как оно на деле все?
>>518492> Нужно ли сразу перекатываться на другую ось, либо можно всю жизнь просидеть на винде?Конечно, нужно. Без этого сегодня вообще никак. Так что бери сразу топовый макбук, iPad Pro и iPhone 6S Plus, иначе посоны уважать не будут. Будешь лохом.
Есть ли смысл делать фиксированные странички на флексах?
>>518492Для фронта Windows или OS X.Linux тут нахуй не нужен.
>когда дизайнер - долбоебНадо же было выполнить хедер не заливкой, а какой-то хуйней, у которой брекетсы не могут даже цвет считать.В связи с чем вопрос. С фотошопом ебаться не очень хочется: тяжелый, майнеры в кряках, покупать пока еще дорого. Я так понимаю, Avocode умеет в чтение psd макетов? Есть уже взломанный? На трекерах ничего не нашел. Кто чем пользуется для экспорта картинок / замера размеров / считывания цветов из макетов?
>>518618На флексах есть смысл делать сетку. Всегда. Они для этого и были созданы.
>>518625Спасибо.
>>518619Если не надо ковырять в фотошопе - то и Линукс сойдет в принципе (ибо так геморно его поднимать будет). А вообще да, os x или винда - лучший вариант>>518624>у которой брекетсы не могут даже цвет считатьНу вот один из случаев когда брекетс соснул, кек.Обычный фон наверное. Уже не помню устройство макета этого.Ставь фотошоп. На Авокоде можно мыло каждый раз регать новое для триалки (если не впадлу). Да и это вроде как облачный сервис, поэтому не удивительно, что кряка нет (могу ошибаться). Сам не юзал - выше выкладывал плейлист - можешь глянуть.
>>518649>>518624Посмотрел - да, там фон просто. Цвет можно взять пипеткой. Если не охота ставить ФШ - поставь instant color picker - пипетка внешняя легковесная, откуда хочешь будешь быстро цвета выдирать. И не нужен будет ФШ для таких задач будет
>>518649>Ну вот один из случаев когда брекетс соснул, кек.Что интересно - по какой-то загадочной причине, проблемы у брэкетса я пока встречал только с этими учебными макетами от Академии. Что с Барбершопом, что с Нердсом. То не может нормально размер шрифта и строки считать, то фон задан какой-то ебаной фигурой, а не заливкой. Открывал еще несколько макетов - там все замечательно, проблем 0, все считывается быстро и легко.Кстати, даже не смотря на такие приколы, Брэкетс все еще самый удобный инструмент, из всех, что я видел, по часты быстрого экспорта слоев в папку и в код.
Заодно спрошу, пока не забыл.Кто как верстал карту в Нердс? Вставлял интерактивную из гугла или яндекса, или статичную картинку?Если интерактивную - как боролись с левыми подсказками и проблемами с прокруткой, как вставляли кастомный маркер?Если статичную - какую ширину задавали, 1200рх? А если у посетителя экран шире, тупо обрезали карту?
>>518660По макету делаешь на всю ширину, лучше делать интерактивную, маркеры через API карт, там инструкция есть.
Фронтендер с 2ух летним стажем ИТТ. Вкатился в этот тред 2.1 года назад. Казах-кун(если кто помнит) Прошел таки большой путь верстка учебных макетов + конторы веб-студии + фриланс + работа в АО в крупной SCRUM команде. На данный момент владею и использую стек технологий :БЭМ, ES6, Angular в связке webpack + postCSS итд прочего хипсторского говна. Сейчас больше увлечен Реалтайм SPA приложениями (websockets,express нода). Задавайте свои ответы.
>>518728Зарплата?
>>518731100к
>>518728Зачем нужен postCSS кроме автоприфексера?
>>518735Расширять css синтаксис
>>518738Например? Чем он лучше того же Sass?
>>518728Как именно вкатывался: сколько тратил времени на обучение, как обучался, через сколько времени нашел первую работу, какая была з/п?
>>517686Везет тебе. У меня и друзей дохуя и тян. Все блять хотят внимания особенно тян
>>518738Модульность, инлайнинг ресурсов
>>518740работу искал месяца два.Зп росла вот в такой прогрессии 20/30/50/80-100
>>518742I know dat feel, bro.Я живу с тянкой отдельно от родителей, так и они через день вечером в гости приходят. Вроде и не на долго, но все равно это минус час времени, которое я после работы мог бы потратить на верстку.
>>518728Не помню тебя, то ты это я. Примерно такая же зарплата, примерно такой же опыт, тогда же вкатился. Почему еще не за бугром?
>>518744Давай вопросы на осталные ответы же.
>>518747Не знаю. Есть идея запустить собственный проект. Тут как бы появились и связи и прочий профит
>>518748верстка 2 месяца примерно. По джс я до сих пор иногда туплю.
>>518751То есть ты через два месяца после начала обучения нашел уже работу версталой? Не учился и не работал в это время?
>>518751Какой лвл?
>>518754Да через два месяца. Вышки не было я тогда учебу на первом курсе дропнул.
>>51875523
>>518756Молодца.Сукаблядь, почему я в свое время так не сделал? но нет же, голова была ВоВ-ом забита.
>>518758Двачую.миморетрик
>>518759А я был ферал-друлем дамагером, еще гордился так, блядь, своим высоким ДПС-ом на сервере.
Друзья, кто прошел базовый интенсив напишите для долбоеба порядок вкатывания. Вот я прошел 1 раздел по разметке. В итоге в конце с горем пополам пересмотрев пару раз видео я разметил барбершоп и прошел 4 курса. Попытался разметить главную страничку нердс выбрал ибо он самый изи и обосрался поскольку нихуя не понимаю. Как мне поступить? Проходить интенсив дальше заострив внимание на барбершопе или сидеть ебаться с другими макетами? Я уже очень много времени потерял 2 недели ибо попросту не могу себя заставить проходить дальше пока не разберусь со всеми другими макетами.
>>518762Ты точно интенсив то прошел? Все интерактивные курсы в домашних заданиях выполнил?
Так ли важны ИСПЫТАНИЯ на хтмлакадеми для реальной потом работы?Я все понимаю (почти), но с некоторыми испытаниями, типа биатлона обосрался. Видеоуроки на ютубе, кстати, о наследовании и селекторах намного понятнее рассказали.
>>518763Я не прошел интенсив, речь идет о первом задание на разметку.
>>518764Если ты с биатлоном обосрался, то лучше бы тебе заново соответствующие курсы перепройти. Там вообще ничего сложного нет.
>>518764Бесполезная хуйня.
>>518764Я тебе больше скажу испытания/задачи просто необходимы. Только так усваиваются навыки
>>518765Я имел ввиду те курсы интенсива. Это не просто видосики посмотреть, и скопировать код в текстовый редактор. Там еще и домашние задания же есть: интерактивные курсы пройти, статьи почитать и т.д.
>>518765Мне, например, неудобно сразу хтмл размечать. Размечаю постепенно в процессе верстки.
>>518764Не слушай вот этого >>518766 долбоеба. Я тоже биатлон не проходил. Хуйня ненужная.
>>518771Не, ну ты-то точно умный, сразу по тексту видно.
>>518771Как можно было не осилить такое легкое, разжеванное в курсе задание, лол? Иди нахуй, в общем.
>>518773Уде умею верстать макеты, сейчас ради интереса попробуйю пройти биатлон.другой анон
>>518769Домашнее задание как раз и заключалось в том, что бы разметить другой макет на выбор я выбрал самый изи + пройти 4 курса. С другим макетом я обосрался ибо не понимаю как прикреплять карты и верстать магазин.
>>518773Окей.>>518774В чем заключается его легкость? Оно тупое и не логичное. Любой даун может наугад подобрать классы к селекторам, только вот нахуя этим заниматься? Короче параша.Все кто не согласен с тем, что испытания на академии хуйня, иди те в залупу. Пидоры.
>>518776Про карты дальше рассказывают. Вообще, рикаминдую сначала полностью просмотреть интенсив, пройти все интерактивные курсы, вместе с Першиным разметить до конца Барбершоп, а потом уже приниматься за другой макет.По крайней мере я сейчас так и делаю.
>>518779Так и поступлю, спасибо.
Нахуй нужен этот биатлон если потом учат не делать большой вложенности селекторов и вообще по бэм хуярить?
>>518784Смысл с самого начала учить БЭМ? Он только запутает.Сначала учат в столбик считать для понимания процесса, потом уже дают в руки калькулятор.
>>518787Да блять, а по 10 селкторов вкладывать не запутает?
>>518788Ты тупой, если не понимаешь разницы между обучением и реальной работой.
Биатлон сейчас пройти не смог, лень вникать в это каскадное говно, которое нигде не используется. Даже на домашней страничке северокорейского вуза, сверстанного на айдишниках, каскад не используется.другой ньюфаг, осиливший верстку адаптивной седоны и пинка
>>518792Заебись потренировались, можно в бой!https://www.youtube.com/watch?v=-zilTU7ez90
>>518841>путает тренировку с обучениемТы действительно тупой.
>>518843Поясни за твой метод обучения, хули. Имхо, куда лучше обучаться в процессе работы, чем делать то, что ты никогда не будешь использовать. Ты наверное еще и большинство школьных предметов назовешь охуеть какими полезными?
>>518846Все школьные предметы полезны кроме урока музыки.
>>518847Чем в реальной жизни пригодится умение решать задачки по неорганической химии?
>>518846>Поясни за твой метод обучения>твойМда. Я не хочу разговаривать с тупым человеком. Тем более мне нет смысла в чем-то тебя переубеждать. Оставайся при своем мнении.
>>518850Ты кроме гринтекста и оскорблений что-то умеешь? Постарайся объяснить в 1 посте, дальше спорить не будем.
>>518764Обосрался в свое время на биатлоне, ничего страшного.
Вопрос по svg. Читаю в разных статьях, что это наиболее прогрессивный и правильный способ верстки графики. Но у меня какого-то хуя иконки со сглаживанием, нечеткие получаются. Догадываюсь, что все из-за того, что дизайнер не рисовал по пиксельной сетке, всюду значения типа 1.4343 вместо 1 или 2. Щито делать?
>>518856Пизды дать дизайнеру, что же еще.
>>518859Может это какой-то ебаный antialiasing? В редакторе-то норм смотрится его же дерьмо. А в браузерах хуево.
>>518863>>518856Ты расскажи как работаешь то с свг для начала, чтобы мы поняли че там у тебя не очень.Или код покажи
>>518866Я туплю, если экспортировать в png, то все так же хуево выглядит. Я то смотрю в редакторе увеличив масштаб... Значит мне ни о чем не надо беспокоится и делать как есть в svg. Столько времени проебал((
>>518882Проиграл
>>518760>ферал>ДПС
>>518928Потому и гордился, что пантерой унижал по ДПСу большинство рог и магов.
>>518728Сам с севера казахии. Так же пытаюсь превозмочь.
Посоны, каким тегом в хтмл обозначить пикрелейтед, section или article?
>>519002Вот как это будет выглядеть, чтобы вам был понятнее мой вопрос.
>>519007Дивами все обозначай не ошибешся.
>>519009Блять, ну семантика же, вся хуйня, я нихуя не понимаю.
>>519002вроде бы так: если эта хуйня независима, то article. Например, она может встречаться на другой странице..>>519007я бы article использовал.а вообще, мой тебе совет: сначала заебаш как можно быстрее div'ами и сдай проект. Если в сроки уложился, делать нехуй, можешь семантику внести, заменив div на article
>>519016Мне не срочно.
>>518728Этот чел пиздит, у него меньше года опыта, и он нихуя жс не знает. По за тоже пиздит, думаю не больше 50к.
>>519019>По зпбыстрофикс
>>519016Если по логике, то весь каталог имеет смысл, и отдельно будет понятен его артиклом, каждый товар секшоном с заголовком т.к находится в артикле. Я правильно мыслю?
Как задать выравнивание отдельно для каждого ряда по основной оси для флекс элемента?
>>518456Буду траллить теперь
>>519046Короч, как при помощи флексов последний товар поместить сюда, но не убирать justify-content: space-around; ибо больно хорошо верхние товары распределились
>>519054Может быть последнему ребенку задать какой нибудь align-item: flex-start; или что-то подобное
>>519054Или align-self
>>519059Это для поперечной оси, а для главной оси никак отдельно элемент не выровнять. Придется видимо хуячить каждому товару марджины, по-другом никак(
align-items по другой оси же
>>519063Я не понимать. Реализуй, вот код.https://jsfiddle.net/4wLngx6j/
Скорее всего это невозможно сделать только за счет свойств flexbox. Сделай как тут написано.http://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-gridИли подумай над другим вариантом верстки. Почему именно space-between/around? Может сделать просто по 25% шириной?https://jsfiddle.net/xzaphLt3/1/
>>519088Спасибо, но я тупо каждому твоару марджины в соответствии с макетом написал и все красиво получилось. Страничка-то фиксированная.
А вы начинали верстать личный проект сразу с барбершопом, или сначала посмотрели весь интенсив и уж после за него взялись?
>>518938пве бляди не нужны
>>519129я сразу начал.
>>519129барбершоп не трогал, сразу нердс, одна хуйня. Для практики всё равно нужно все делать.
>>519129Посмотрел все, вникая как они делают барбершоп. А потом сел верстать макеты, пересматривая нужные уроки если было необходимо. Так вопросы просто многие отпадают и уже знаешь че будет рассказано, а че не будет и надо гуглить. Короче говоря общая карта материала в голове выстраивается. Мне так лично проще от общего к частному идти чем наоборот. Но в самом интенсиве наверное как раз наставник и помогает с возникшими вопросами, поэтому там и постепенно все. Както сумбурно написал, но надеюсь, поймешь
В html academy не появились курсы по JS еще? Проходил года 2 назад, когда там было оче пусто, потом забросил, а сейчас хочу снова вкатиться и вот думаю, поможет ли эта площадка хотя бы на первую ступень встать в вертске?
>>519019Откуда знаешь?
>>519431Так он тут часто пишет, начал он только прошлым летом, плюс постоянно во всяких конфочках/контактиках спрашивает разные тупые нубские вопросы, у него максимум уровень очень слабого джуна. Никаких 100к точно не получает, это просто 100% инфа.
>>519437Тогда понятно, я тут не часто сижу.
Пиздец, так и не смог на флексах сделать форму седоны 1в1 с макетом. Оставил так, не стал даже календарики добавлять, выглядит сносно, меня уже тошнит реально от седоны. Дивов нагородил целый забор.http://acilsd.github.io/responsive-sedona/Может кто подсказать хороших, годных примеров верстки форм на флексах? Это мой единственный затык в верстке, с остальным справился и разобрался, у меня даже пригорает немножко с этих форм.Причем проблема именно с такими уебанскими формами, где сначала лэйбл-инпут на одной линии, а потом хуяк и лейбл-инпут-лейбл-инпут на другой линии.
>>519130Я и в ПвП дохуя народу унизил.
Глупый вопрос немного. Что ставить у ссылок в href чтобы по нажатию ничего не происходило. # поднимает страницу к верху.
>>519245Там есть один говнокурс по джсу, ничего не объясняется толком.
>>519482Зачем тебе это?Просто интересно.
>>519482Ссылка подразумевает переход куда-то, так что для действий на странице логичнее использовать button. Если у тебя ссылка как фолбэк для выключенного жс - пиши event.preventDefault()
>>517350Один лайк за первый вариант.
>>519492Чтобы проверять эффекты было проще. Устал обратно к месту возвращаться.
>>519460кидай код в песочнице, так тебе никто не поможети говори конкретно с чем была проблема
Можно ли убрать это запоминание не нужного шлака?
>>519583Конечно. Во-первых надо разнести css по модулям, во-вторых сократить количество разных отступов и вынести повторяющиеся в константы, сейчас похоже на то, что для отступа выбирается случайное число в пределах 20-30 пикселей.
Часто ли бывает такое, что сверстал и выложил макет куда-нибудь на гитхаб, а потом через какое-то время что-то например обновилось, и какие-то элементы в верстке пошли по пизде?
>>519583почти уверен, что дело в синтаксисе. Попробуй этот "syntax highlighting for sass"
>>519601подсветка синтаксиса, если точнеефикс
>>519600В 99.999% случаев не бывает.Могут тулзы по пизде пойти, если ты в package версии не жесткие указал, и потом не будет собираться проект.
Приветствую братья и братья притворяющиеся сестрами.Вкатываюсь в верстку из дизайна (веб, полиграфия). Поскольку теперь даже гуманитарии могут выравнивать блоки по флекс-боксу, решил тоже научиться. Надизайнил макет сайта-доставки еды с красивыми клипартами, сделал верстку адаптивно-резиновую, проверил на мобилке, планшете и ноуте. Все везде работает. Поскольку я решил, что я теперь профи, взял на веблансе заказ, сделать копию мобильной версии страницы гугл-плей определенной игры. Заказчик сказал, что скрипты не нужны, карусели с картинками и отзывами тоже. Я указал цену 20$ и решил что за пару часов управлюсь. Но не тут-то было. После 7 часов работы (я записываю время, которое провожу за работой) макет был сделан примерно на половину. На следующий день я потратил еще 4.5 часа. То есть всего потрачено 11.5 часов. Меньше 2 долларов в час... А между тем, макет получился далеко не идеальным, он отличается от оригинала отступами между элементами, размерами некоторых элементов, короче по-мелочи, на правку которых наберется еще часа два. А теперь внимание вопросы!Это я такой криворукий слоупок, или верстка сама по себе долгий процесс? Сколько по времени у вас займет верстка с нуля такой мобильной версии страницы (без скриптов и каруселек, и меню слайдер тоже не нужно, т.е. бургер не активен) открывать на смартфоне, ибо на планшетах обычная версия страницы. https://play.google.com/store/apps/details?id=net.mobigame.zombietsunami ?Сколько вы берете в час?Технические вопросы.Почему хром-мобаил отображает все картинки мутно? Я указываю ширину 100px, прописываю картинку размером 100px - в браузере мыло. Измерил ф шопе, что моб-браузер увеличивает все в х1.5 раза. Я увеличил и пересохранил картинку в 150px, в цсс размер тотже 100, - мыло меньше, но оно все равно есть. ЧЯДНТ? В оригинале на гугл-плее все каринки резкие-четкие.Решил переделать маркеры-звездочки в свг. Ок, но теперь они отображаются по разному. В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала). Вернулся к мыльныму растру.
>>519648Ну я бы сказал около дня, т.е. часов 8 может быть, на первый взгляд.>В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала).Ты забыл им размеры указать, видимо. СВГ всегда нужно указывать четкие размеры.
>>519664>Ты забыл им размеры указать, видимо. СВГ всегда нужно указывать четкие размеры.а как указать размер изображения для маркера списка, если я задаю svg-маркер с помощью:list-style-image: none | url('путь к файлу') | inherit???
>>519678Хз, гуглиНикогда так не делал, обычно просто через :before
>>519689>:beforeСпасибо анончик! Сделал с помощью li:before и content: "\2605";А сколько ты берешь за верстку, за час, или за страницу, которую я показывал?
>>519722У меня фиксированная зп 50к в месяц, это около 300р в час.
>>518492дрочился на линуксе и винде. в винде проблема с nodejs, нужно подтягивать кучу левых пакетов и ставить их, иначе половина пакетов из npm не работает. зато фотошоп работает из коробки без пердолинга.с линуксом такой хуеты нет, но он не дружит с некоторыми видеокартами (ебучая нвидиа) и процами (core i7 уходит в перегрев) + надо виртуалку ставить и накатывать туда фотошоп, что порядком ебет в некоторых моментах.сейчас сижу на винде, линукс удалил со всех машин, планирую перекатываться на osX
>>519648>Сколько по времени у вас займет верстка с нуля такой мобильной версии страницыДо 4-6 часов, так чтоб не соврать и с запасом.
>>519782>nodejsМы тут верстку обсуждаем вообще-то.
>>519811верстун мамкин, а для галпа нода не нужна?мимо задрот убунты
>>519811Бреакинг ньювс, на дваче решили, что фронтенду нода больше не нужна.
>>519838Кек
Блять, мозг сломал себе этой хуйнейhttps://htmlacademy.ru/courses/66/run/18Настроил только кнопки. Все остальное не могу. Заебало. Продолжать ковыряться или ну его нахуй?
>>519856Слабак.
>>519856не страдайте вы этой хуйней, сколько раз вам говорить.лучше берите самые простые макеты и верстайте.
>>519867Да пиздец, не говори. Демотивирует моя тупость. Особенно подпекает с комментариев гдя тян пишут, что все легко и во всем разобрались. А я уже 3й час мозги ебу свои. Пиздец нахуй.
>>519856Я все импортантами захуячил и забыл про это задание. Лучше реально начинай с интенсивом макет верстать, вот что реально учит тебя верстке.
>>519922Бля, обреалился.
>>519870От этих испытаний толку никакого. Начинай макеты верстать.
>>519856Блять, да хуйня эти испытания в большинстве случаев. Из треда в тред одно и то же.
Нормальные испытания, учат разбираться в чужом коде.
Да это дерьмо проще с нуля сделать, чем вот так вот исправлять. Забей на это. Лучше сверстай макет.
>>519949Вот именно, что проще с нуля. А задания помогают понимать как сделать не с нуля. Это частый кейс, когда тебе надо что-то поменять, не трогая хтмл.
>>519953Там такого дерьма в коде точно не будет. Какого хуя блок "Общая информация" и блок "Альбомы" не имеют 1 класс? Что это вообще за хуйня?
>>519959>Там такого дерьма в коде точно не будет.ЛолПоверь мне, это ещё цветочки. Бывают случаи в десятки раз хуже.
Господа аноны. Как часто, заходя на какой нибудь сайт, вы открываете инспектор и смотрите код? Хотелось бы увидеть сайт с идеально написанным кодом с точки зрения семантики и в принципе правильности использования всех тегов, css селекторов и свойств.
В какой последовательности смотреть интенсив? В порядке возрастания как в папке? После разметки смотреть фотошоп? Это норма?
>>519980yandex.ru
>>519980Идеально с чьей точки зрения? Если ты про форматирование кода то хуйзнает.Если про непротивроечивость и валидацию есть сервисы которые проверяют это. Например http://codebeautify.org/cssvalidate>>519984Ты совсем тупой чтоль?
>>519987Cовсем. Я просто не совсем понимаю смысла после разметки учить фотошоп. В чем я не прав? Объясни, в какой последовательности.
>>519989Смотри по порядку и не еби себе и нам мозг, анон.
>>519989Блядь. Ну а как ты представляешь себе верстку вообще?1) Размечаем html по макету (урок 2)2) Режем элементы в фотошопе. (урок 3)3) Накатываем css (урок 4-5-6-7-8)
>>519989>учить фотошопЧтобы учить фотошоп, надо ее 2 часа видосик посмотреть, а ебаться с ним ежедневно в рабочем порядке. Тут тебе просто объяснят как с макетами работать.
Покажите уровни своих вёрсток для порфолио. Я даже не знаю что там делать.
>>520052На превью всегда казалось он в шапке.
>>520052http://www.valentin-emelyanov.ru/
>>520084Вот это напримерhttp://www.valentin-emelyanov.ru/portfolio/nerds/index.htmlкрутым считается?Сколько платят за подобную вёрстку?
>>520085имхо в хтмл академи уши прожужали мол "после курсов изи бабки изи телки изи фриланс", а на деле просто рекламят.
>>520085отличная вёрстка для олигофрена
>>520107Ты о скриптах в хэде?
>>520108да. Стыдно такое на гитхаб заливать, не то что в портфолио
поясните за type = "text/javascript", нахуя его писать в html5?
>>520107Кодировка должна быть раньше тайтлаШрифты раньше собственных стилейjq надо раньше скриптов, скрипты собственные желательно перед закрывающим тегом body. Да и на jq в шапке скореевсего гугл pagespeed будет ругаться, поэтому тоже в конце bidy, но перед собственными скриптами, либо оставить в шапке добавив asyncДумаю, както так. И это всеголишь шапкамимо анон
>>520116Обычно редакторы сами так делают, после того, как ты табом автодополняешь.
>>520116Не обязательно писать, да
>>520118Ясно, странно, что эммет не способен подстроится под версию документа.
>>520123эммет
>>520085Блять, мудак. Ну, а ты как сам думаешь, нормальное это портфолио или нет? Нет это хуйня собачья. Вырвиглазная блять залупа, конская ебаная залупа. Полная безвкусица. Это блять просто дно. ЕБУЧЕЕ ДНО. У меня даже забомбило от того, что этот пидор вообразил, что у него есть какие-нибудь шансы найти самую уебанскую на свете контору с его ссаниной. Это не верстка. Это блять слепое вождение еблом по клавиатуре. Самый что ни на есть конченый 13 летний даун сверстает эту хуйню паралельно надрачивая на порно со старухами. Я все сказал.
>>520141Речь шла о >>520084 разумеется.
>>520141Приветствую вас с вашим батхертом!
>>520141Эко тебя бомбануло.Вёрстка то сама по себе ничего. Когда нет контента для заполнения пустоты, лучше не сделаешь. Клиенты, когда просят показать примеры вёрсток, что говорят?
>>520174this >>520141
Может это и тупой вопрос. Но в гайде прямого ответа не нашел. Осваиваю потихоньку ХТМЛ/ЦСС , чтобы выходило полноценно - что лучше дальше учить php или javascript ? То есть можно ли забить на php вообще и заменить его в страницах на javascript ? Так как пока понимаю, что по сути это одно и тоже, а возможностей у второго больше.
>>520247>php >javascript >по сути это одно и тоже,Пиздец, откуда вы такие тупые лезете только?
>>520247Джаваскрипт пока единственный язык, который может работать в браузере на стороне клиента. Ещё есть флэф и джава аплеты, конечто, но они требуют плагинов.Пхп же только серверный язык.
>>520250>Указано что вопрос тупой>Аутиста не остановить>>520253Спасибо.
Я так понял, что в продвинутом интенсиве тебе для примера макет не верстают, там в основном теория. Как лучше его проходить? Смотреть полностью, а уже потом верстать, параллельно просматривая моменты, которые не усвоил?
>>520117Я вот, кстати, вообще не понимаю, как нужно упороться, чтобы полностью удовлетворить гуглспид. Минифицировал-оптимизировал все, один-единственный цссфайлик, два простеньких скрипта (причем один из них - яндекс-карта) с асинком в конце боди, и он мне выдает 80%, советуя УБРАТЬ БЛОКИРУЮЩИЙ ЦСС ФАЙЛИК))))Да пошел ты нахуй, гугл.
Просто ссылки, может кто полезное найдетСборник ссылокОбучение— http://geekbrains.ru - курсы и вебинары по JS, Ruby, PHP, HTML, CSS, Node.js, Python, C++, C#, Photoshop, Linux— https://htmlacademy.ru/ - курсы по HTML и CSS, базовые бесплатно, продвинутые - 300 руб/мес (есть платный интенсив)— http://e-maxx.ru/algo/ - 145 математических алгоритмов и их реализация на C++, есть PDF-книга— https://cs50.harvard.edu/ - введение в CS, алгоритмы, структуры данных, веб разработка— https://www.youtube.com/watch?v=y9ERi0PhHEo - автоматизация для фронтендеров, презентация на 6 часов, видео от августа 2014, но все равно интересно— http://largescalejs.ru/ - паттерны для масштабируемых JavaScript-приложений— https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеровФриланс и волонтерство— http://upwork.com - международная фриланс биржа— https://itv.te-st.ru/ - волонтерские проектыХакатоны и стажировки— https://erasmusintern.org/ - стажировка за рубежом, стипендии— https://www.yandex.ru/mobilization/ - возможность пройти стажировку по мобильным приложениям в Яндексе после конкурса, заявки принимают до 25 апреля— http://www.ob-vious.com/hackathonaccorhotels/ - хакатон 23-34 апреля в Москве— https://hackrace.timepad.ru/event/312815/ - хакатон в Калуге 9 апреляЗадачи— https://www.codingame.com/ - решение задач в играх— https://www.codewars.com - задачи на решение алгоритмов, чем больше задач решил, тем выше рейтинг и тем сложнее задачиСреды разработки и хостинг— http://docker.com - для создания изолированных сред разработки на своём компе— http://heroku.com - хостинг приложений, хорош для личных проектов— https://c9.io/ - развернуть среду разработки прямо в браузереРассылки и подкасты— http://www.rwpod.com/ - подкасты о новинках веб разработки— https://cooperpress.com/ - еженедельная рассылка о JS, HTML5, Ruby, Node, Postgres (я подписан пока только но JS и HTML5)Прочее— https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upwork— http://lifehacker.ru/2014/10/23/eesti/ - как получить электронное гражданство Эстонии, можно обходить налоги своей страны
Если кто встречал, покажите нормальное порфолио для стажера/джуна.
>>520515Думаю сделать сам: просто верстка (на подобии нердс, барбершопа), на бутстрапе, адаптивная, респонсив, интернет-магазин, лендинг, с js и jquert шоб всё свистело и пердело. Можете еще посоветовать. Возможно еще приложение на phonegap.
На сколько важен процесс надзора наставником за проектом? Ну касательно интенсивов на хтмлакадемии.
>>520546На 14,88%.
>>520561Ну серьезно, сильно ли можно проебаться и не заметить без надзора?
>>520563Тут большая половина треда без надзора проходила интенсив. И что думаешь они тебе скажут? Наверно хорошо с ним, укажет на ошибки. Но я слишком еврей, чтобы отдавать бабки. Тем более видели какие из под надзора "верстальщики" выходят (читай выше).
>>520567Понял, спасибо.
>>520563Ну а как ты сам думаешь?Если у тебя нет опыта, ты многие элементарные вещи не будешь знать как делать правильно Для подсказки по ним и нужен наставник.
Аноны, подскажите как сделать лучше пикрилейтед элемент.В голову приходит мысль забацать это таблицей. Или просто блоками? Или сделать таблицу на дивах при помощи цсс?
>>520546Ну подумай сам. Всю жизнь за твоей спиной наставник стоять не будет. Да, поможет он с этими двумя учебными верстками. Ну а дальше сам. Самый твой главный наставник это ты сам. Я думаю что ты можешь адекватно оценивать насколько ты близок к оригиналу.
>>520599Я бы табличную верстку не выкапывал - некрофилия это занятие нехорошее.
>>520599Ну только естественно размеры фиксировать не надо, и все делай как по макету нормально. Просто схематично показал, что на флоатах такая штука вполне себе ничего. И даже при удалении слайдера (тогда будут только карточки) неплохо себя ведетhttp://jsbin.com/zaxevuwoni/edit?html,css,output
>>520599Пиздец, только хотел задать этот вопрос. Даже макет успел открыть. Двач паранормальный.
>>520636Добра тебе. А то я такой хуйни нагородил.
>>520636Спасибо за ответ и пример. Я наверное правда не буду городить лишних конструкций и сделаю на флоатах.
Ребят, кто натягивает вёрстку на wp и подобные cms. Расскажите как учились этому, с какими знаниями были когда начинали натягивать. Просто смотрю сейчас гайды по натяжки, их очень мало, в основном кастомизация дефолтной темы на wp, книги тоже примерно про это. Нужно ли выучить основы php перед натяжкой или же это совсем другое.
>>520786Тоже интересен сей вопрос но мое предположение что особо ничем не отличается. Т.е. изучив как вообще верстать шаблоны я думаю несложно лепить уже свое оформление на готовую разметку CMS.Но хотелось бы послушать более опытных людей.
Господа, в общем сижу, делаю макет, и тут решил проверить на кроссбраузерность. Так вот в эксплорере со слайдером пиздец какой-то, все сбивается. В чем причина не пойму нихуя, в остальных все ок. И еще решил через стоковый браузер на андройде запустить, там вообще пиздец, верхнее меню все закрывает, лого утекает вниз. Не пойму куда копать. http://c12266.shared.hc.ru/service/index.html
>>520849Убери нахуй фиксированное говно сверху. Даже на моем Note 3 5,7" закрывает охуеть сколько.И увеличь скорость появления пунктов меню до долей секунды, сейчас она супер-тормозная.
>>520849Еще. Сделай паддинги для контента, чтобы он не прилипал к краям экрана.Поменяй лейбу в наве (или что там у тебя за полупрозраяная эта штука), чому она такая лоу резолюшн?
>>520873Да это понятно, меня вопрос с ослом больше заботит и с андройдовским браузером. Та это фиксированное говно расползается вообще по ходу до футера
>>520885смотри что едет, пиздуй на caniuse проверяй чтоб все ок было, потом дальше можно смотреть
>>520846>>520786Рассказываю что помню, в общих чертах. Занесло меня чудом в конторку. Работали там значит с друпалом, сайты компаний мелких в основном делали. В друпале делали "ядро". Там были так называемые блоки в которые выводились данные. Потом создавали новую тему. Там добавлялись стандартные селекторы. В общем там мы эти селекторы брали (через инспектор в хроме, например) и верстали css. Как тогда казалось дикой ебатой, так и сейчас. Никакой симантики, дохуища лишних классов и ид с нечитаемым названием и это малая толика. Ну как то так.
>>520904Ах да. В индекс.php вставлялись пхп вставки с названиями этих блоков.
>>520915>>520904Мда, звучит очень плохо. Ждём других героев.
Помогите мане. Хер его знает, как верстать штуку на пикрелейтед. В голову только приходит карусель.
>>520968А в чем проблема-то?
>>520880А можно и приемом со скрытыми радиобаттонами.
>>520968Обычно, например типа маленького слайдера со стилизованными лейблами.
>>520977Спасибо, добрый человек
>>520599>>520849Я что, один тут все на флексах ебашу? Наверное, надо сверстать что-нибудь на флоатах, по-старинке.
>>521196Нет не один, но ньюфаги не могут во флексы, притом что именно они задают больше всего вопросов по верстке.
>>521202Тогда ладно. Просто я тоже ньюфаг, но после флексов что-то там флоатить жутко не хочется.
>>521196Просто всё еще остались пидоры, которые сидят на IE9-11 и в хуй не дуют. http://caniuse.com/#feat=flexbox
>>521205Так ведь 10-11 вполне себе флексы поддерживают.
>>521209Partial support is due to large amount of bugs present (see known issues)
>>521205единственный ИЕшник на который еще можно хоть как-то обращать внимание в 2016 - девятый, но тут есть нюанс.>IE9 browser usage - 0.53% ЕБАННЫХ ПОЛПРОЦЕНТА КАРЛ!
>>521212И тем не менее, вполне себе работает. Вот свою седону проверил, единственное что - логотип съехал, т.к. я его через псевдоэлемент флексом захуячил, лол.
>>521212Хотя, я хз, на сколько эти возможные баги значительны, что бы из за них не использовать флексы.
>>521214Это не правильная статистика, мань.
>>521218А какая правильная?
>>521221Походу я обосрался. http://www.w3schools.com/browsers/browsers_explorer.aspИзвини за маню.
Ананасы, почему плэйсхолдер отображается не по центру, не как текст, который вводишь, как фиксить?В гугле ничего не нашел.
>>521233Паддинги в инпутах.
>>521239Ну, сверху и снизу одинаковый паддинг, а надо как?
>>521239http://codepen.io/anon/pen/qZVbPxВот код, если так понятнее будет.
>>521243Посмотри код элемента в браузере, смотри как распределяются маржины и паддинги, какой размер занимает текст.
>>521249line-height убери
>>521252Благодарю!!!
>>521254Вообще не трогай этот параметр, если точно не знаешь, что делаешь.
>>521256Поясни за лайн хейт тогда, прошу.
>>517275 (OP)анончики, завтра прохожу резюме на вакансию html-верстальщик / фронтенд-разработчик. что посоветуете вспомнить? как думаете, где проебусь?
>>521262Новосиб?
>>521262ПРОСТО будь собой и не нервничай, там же блять смотрят в основном на твое портфолио и тестовое задание
>>521214посчитай полпроцента от 140 миллионов и отними половину на детей и стариков.
>>521233>В гугле ничего не нашел.Блять. Как вы так гуглите? Ответ про line-height по первой же ссылке выдачи "css placeholder different padding"мимо
>>521202хуйню несешь. просто иногда проще сверстать на float-ах или inline-block, чем на флексах.
>>521257Хули тут пояснять? Не можешь в гугл-картинки, что ли?
>>521266ты меня интервьюировать собрался??
>>521262>прохожу резюме
>>521262>прохожу резюмеЗа кого проходишь?
>>521279уже сутки не сплю, верстаю тут один макет, совсем запарился, вот и выдаю подобные перлы
>>521266да
>>521262https://github.com/h5bp/Front-end-Developer-Interview-Questionsхороший пул вопросовМожешь еще простенькие задачки на JS порешать, ну типа всяких операций с массивами, или что-то из списка этого анона >>517757 хотя тебя такое на позицию версталы вряд ли спросят. Алсо, отпишись завтра как там прошло.
>>521283Тогда лучше хорошенько выспись. Обидно будет если проебешся из-за помутненного рассудка.
>>521288вакансия верстальщика/frontend-программиста. так что уверен, по js тоже будут вопросики.
>>521288проще так, я полагаю https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/Translations/Russian
>>521292>>521288благодарю>>521289конечно высплюсь, еще есть время
>>521297http://htmlbook.ru/test
>>521262Во время собеседования на пол перед тобой бросят тряпку. ее не поднимай а лучше переступи. когда спросят про два стула, скажи, что сам сядешь на пики, а мать на колени посадишь. еще могут спросить про мыло со стола и хлеб с параши. вот тут я обычно сыплюсь, тут ты сам давай.
Спрошу по быстрому про гитхаб. В общем сделал такgit remote add origin репозиторий-акка-1git initgit add *git commit -m 'hui'git push origin masterу меня спросили логин и пароль, я ввел данные акка-1 и мне прилетел пуш от акка-2. В консоли про него я ничего не говорил, но через гитхаб гуи БЫЛ когда-то залогинен через акк-2. Это из-за этого такая оказия произошла?И как вообще проверить от кого я коммитю-пушу?
>>521221>>521226http://www.liveinternet.ru/stat/ru/browsers.html?slice=ru;period=month
>>521262какие скилы?
>>521330html5, css3, немного js знаю (могу слайдер написать на нативе, но таблицу не рассортирую) + jquery и в плагины могу. js уже более-менее спокойно читаю и понимаю. в photoshop могу, адаптивность, mobilefirst, gracefull degradation, progressive enchancement, gulp stylus jade BEM, понимаю git, но с трудом, windows linux на уровне пердолинга. не шарю практически совсем в ajax, XMLHTTPRequest и подобном. только недавно начал понимать ООП в js. сегодня впервые написал валидацию формы через объект.
>>521338Сколько учил?
>>521342занимаюсь больше 2.5 лет html и css, успел поработать в одной фирме. js и остальное с июня.
>>521338ясно, удачи!
>>521345Нда, не сказать что ты быстрый. Ну удачки, хули. Отпишись потом.
>>520413smashingmagazine делал 100%, гугли
>>520426Ну давай разберем по частям тобой написанное.>http://geekbrains.ru -говно>— https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеровютуб не нужен>— http://docker.com - для создания изолированных сред разработки на своём компедля той цели которую ты описал, куда лучше пойдет вагрант, докер вообще не про это>— https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upworkэто вообще хуйня, ткого говна полно в гугле>— https://c9.io/ - развернуть среду разработки прямо в браузеретакого только как говна нынче>— http://www.rwpod.com/ - подкасты о новинках веб разработкирубипетушки не нужны
>>521358>http://geekbrains.ru -говноДолбоеб>ютуб не нуженполный долбоеб. очень много полезного можно найти на ютубе, если уметь искать. ютуб не нужен только мамкиным хеккам социофобам.>это вообще хуйня, ткого говна полно в гуглеесть люди, не умеющие гуглить> https://c9.io/C этим согласен>рубипетушки не нужныС этим тожес остальным знаком поверхностно.
>>521365>Долбоебмамка твоя долбоеб>полный долбоеб. очень много полезного можно найти на ютубе, если уметь искать. ютуб не нужен только мамкиным хеккам социофобам.читай книги, дурачок>есть люди, не умеющие гуглитьтакие в этой индустрии не выживают
На ютуб не гоните, уроки оттуда отлично дополняет в башке общую картину, с чем хтмлакадеми-курсы не очень справляются.
Работа Версткачи. Есть две задачи по верстке [html, less, jq]. Одна попроще (страница в стиле нового дизайна vk, можно даже их css заюзать, ну или фреймворк какой-нибудь). Другая посложнее (нужно полностью скопировать сложную верстку пиндосского сайта, переписал css вручную). Дальше нужна будет поддержка этих сайтов (допиливание по необходимости).Работа оплачивается по договоренности. [email protected]
>>521439Где-то тебя уже видел....
Блеать, хули на гитхабе жму set up in desktop и нихуя не происходит
>>521463Разобрался
>>521403>книгиЕбать, дебил.
>>521439Это наёбщик, можете даже не пробовать. Попросит написать кусок кода, а потом кинет.
>>521439хоть бы мыло сменил
>>521526Лол, а нахуя он это делает? Я бы взялся за работу. Нарисовал бы картику с хуем и рукой, и с помощью JS прикрутил бы анимацию.И сдал бы это к концу срока работы.
>>521598Кствти да, мотивация не ясна. Зачем ему куски кода от разных людей?
>>521439>manАх ты морда еврейская.
Начал смотреть JS интенсив от академии, думал там будет няша-Першин, а там какой-то короткостриженый стесняша, путающий слова(
>>520426Чет реклама этих гикбрейнсов одно время перла со всех щелей. Веет какой-то инфопродуктовщиной.
>>521439>альше нужна будет поддержка этих сайтов (допиливание по необходимости).обосрался. таких мудачков еще поискать надо.
>>521780ох ебать, да это же другой geekbrains.ты >>521358, извини, я думал, что ты на хабровский geekbrains гонишь.>читай книги, дурачокно тут ты все равно не прав. надо и книжки читать и видеоуроки смотреть>>521365-кун
>>521693мне js интенсив не понравился, слишком уж по верхам скачет парень. совсем уж по верхам. за такое и платить-то не хочется. проще кантору заплатить.
>>521798Ты какой проект пилил: с Пендальфом или Кексаграмм?
Бля, вчера был день вэб-разработчика... а я и забыл, сука... С прошедшим, вас, братцы
>>521851И тебя, коллега. Держи традиционный смузи.
И вас с прошедшим. И меня.посмотрел-два-интенсива-и-разметил-барбершоп-профессионал
>>521943Нахуя брался за второй? А конце базового Першин же говорил, что надо опыта набраться, прежду чем за продвинутый садиться.
>>521949Я имел в виду два выпуска базового, братишка.
>>521951А, тогда ок.
>>521943Заебись, только вкатился а меня уже поздравляют. Хорошее начало.
Хлопцы, у меня глюки или хром после обновления и на винде теперь имеет плавный скролл?
Ради интереса читая баги по флексам у ие-11, везде мелкософтовцы пишут "баг из клоузед ин ауар бренд нью браузер майкрософт эдж, уи ар нот гоунг ту фикс зис ин инернет эксплоурэр 11 ор олдер вершионс".И я вот не понимаю вообще - зачем толпы дебилов работодателей/заказчиков требуют "кроссбраузерная верстка (ие9+)", если уже даже сами мелкософт избавились, наконец, от поддержки этого древнего куска засохшего кала?
>>522057"пусть лучше этот лошок попердолится с ИЕ, чем я потеряю 1% потенциальных покупателей"Казалось бы, нужно брать за верстку под древние браузеры больше денег, чтобы отбить желание у заказчиков, но ДЕМПИНГ
>>522070В чистой верстке реально такой дичайший демпинг?Я думаю сверстать еще пару макетов для портфолио и попробовать зарегаться на какой-нибудь снгшной говнобирже, сугубо интереса ради ибо я нацелен, все-таки, на работу в офисе, с бесплатным смуззи и ростом в полноценного фронтендера
А еще я думаю ебануться на отличненько и сверстать что-нибудь под ИЕ6. Вырезая уголки у кнопочек в пнг, ага.
>>522057Могу понять только некоторых заказчиков, к примеру, работающих на узкую аудиторию из каких-нибудь Ерох бюджетников/заводобыдло/овуляшек, которым уровень интелекта не позволяет слезть со своей ИЕшки или экспи. Вот там действительно надо пердослитья со старьем. Другое дело что таких проектов мало, они не сильно прибильны.
>>522082>прибыльны
>>522030имеет, но теперь у него иногда галюны бывают.
>>522082>>522057на моей старой работе какой-то сайт для работы с банком или чем-то подобным и дико важным требовал только ie, на других браузерах не открывался, ссылаясь, что у ие охуеть какая защита.
вечер в хату, верстаны. с прошедшим праздником. принес вам немножко наркомании
Прямиком с БЭНу стандарты как-бы есть, но все на них еще год назад смачно клали, а сейчас просто кладут. Хочешь ты ебануть рюшечку красивую, для бутстрапа не-дефолтную, изволь провести часа 4 в гугле читая историю какого-то тега, который придумали в гугле, спиздили в мозилле, но назвали по другому и ведет он себя иначе, потом приделали кастомных стилей с префиксами, которые вроде как приняли стандартом в драфте следующего уровня css, но его еще не ввели и поддерживается он только dev сборкой MS EDGE, ты решаешь изъебнуться и сэмулировать такое поведение костылем на JQ, но оказывается, что вебкит второго айпада твоего начальника некорректно работает с вашей новейшей версией второго jQ, начинается ебля с полифилами, все дичайше тормозит, страница весит 3 метра и роняет браузер на третьем дроиде дочки пресловутого начальника, и так можно до бесконечности.У тебя горит очко и ночью ты обмазываешься UAP-приложухой с xaml разметкой и только это спасает тебя от суицида
>>522108ссылочку можно?
>>522106А почему не через * {...}; ?
>>522136ну, видимо, решили, что не стоит. олсо, вошла только половина.
>>522106зачем? блять зачем? Неужели нельзя добавить лишний чертов класс, если уж на то пошло.
>>522147Строка с классом была бы гораздо более компактной.
>>522158еще можно миксин примешивать, если используешь препроцессоры в верстке.
>>522106>>522148>>522158Это работа минификатора - собрал все классы с транзишеном и применил к ним один раз. Какой нормальный человек будет писать сотню классов руками?
>>522170Какой-то тупой минификатор, нет? Или таким образом сайт будет загружаться быстрее?
>>522057Копроративный браузинг жи есть. Осел хорошо контролируется под активдиректори, не срет в системе лишними обновляторами и тулбарами, остальные браузеры лишь настройки сети да домашнюю страницу подсасывать умеют. А хромоподобные еще под 300 метров диска жрут у каждого пользователя в домене, а диски в конторах до сих пор по 120 гигабайт. Плюс еще много всякого корпоративного говна работает исключительно на эксплорере с его активх, и настройкой уровня безопасности на низком уровне. Секурити уровня /b/, блядь.Что дали юзерам, тем и пользуются.
>>522184Минификатор умный, он посчитал, что на выходе CSS с такой конструкцией будет весить меньше, чем если бы транзишен прописывался под каждым селектором по-отдельности.
>>522112https://2ch.hk/b/res/122420756.html
>>522330>Лично я пишу бэкенд на путоне(да-да все как в коронной пасте), но дрочить фронт ненавижу. Максимум на что меня хватает с бутстрапом макетик накидать.Пока будут такие люди и как можно больше - все у фронтов будет заебись
>>522108Чую характерный запашок... фуллстэк петушка.
Есть ли способы побороть блядские пробелы между блоками в хроме, кроме очевидных отрицательных маргинов и псевдо-заплаток?
>>522444Использовать инструмент, который для этого предназначен. ФЛЕКСЫ
>>522444А че, так сложно font-size обнулить? Или не закрывать необязательные к закрытию теги?А вообще да вот это >>522449
>>522449>>522465Да не инлайн-блоки блять. В хроме бывает так, что между дивами, которые друг на друге стоят, образуется щель в пиксель или два. Она на разных разрешениях, то видно ее, то нет.
>>522476Пример кода будь добр
>>522444блядь, мы по-моему синхронно работаем с тобой. С той же хуйней столкнулся.Делаю для техномарта разметку
Почему у ведущего вебинара есть экспорт картинки, а у меня вот такая хуета?
>>522537Версия фотошопа возможно разная
>>522537у тебя фотожоп доисторический
>>522550>>522537Эт ты наверное смотришь обновленный базовый (за 2016 года который) у него версия ФШ последняя, а у тебя старая скорее-всего.Для работы со старыми версиями - смотри скринкаст из вебинара за 2015 год базового. Там на 30 минут видос. Все компактно и понятно. Можешь ФШ обновить. Но все-равно старый скринкаст лучше глянуть тоже
Спасибо за ответы. Да, похоже старая, а я смотрю новый базовый.
>>522438я бы сказал, бэкенд-макаки, полезшей редактировать ссылку
Допустимо ли в резиновой верстке высоту указывать в пикселях?
>>522615хотя кажется хуйню спросил
Аноны, >>521262-кун на связи.прошел собеседование. сначала поговорил с руководителем, он ввел в курс дела, поспрашивал у него, кто именно нужен, он ответил, что верстальщик. дальше еще пообъяснял про их компанию. потом подсоединил к тимлиду, насколько я могу судить, который, видимо, был занят попиливанием движка, ибо во время разговора все время стучал по клавишам. Первым, что меня удивило, было то, что меня не начали гонять по коду, не спрашивали фишечек html, css и прочего. спросили про уровень владения js, честно признался, что начальный, не могу в ООП и подобное, но стремлюсь. сказал, что учусь писать на нативе всякие слайдеры и прочее. меня тут же спросили, зачем мне натив. ответил, что как минимум для того, чтобы читать и понимать код различных фреймворков и библиотек типа jquery. потом спросили, чем я пользуюсь при верстке, ответил, что верстаю на html, css, stylus, jade и gulp + bem, если этого требует код. тут же спросили, как я верстаю на gulp, на что ответил, что gulp это сборщик. углубляться не стал, потому что подобный ответ устроил. спросили, как я отношусь к бутстрапу, ответил, что негативно, но могу свободно использовать его, изредка подсматривая в документацию. спросили, что я уже использовал из js-фреймворков. сказал, что щупал ангуляр, писал валидацию форм на jquery, слайдеры, bootstrap.спросили, кем я вижу себя в будущем, шутканув про то, что это вопрос уровня женщин-интервьюеров. сказал, что совсем не тянусь в бэк, только фронт и засиживаться в верстальщиках не собираюсь. спросили про опыт удаленной работы и как часто я бываю онлайн. предупредили, что скорее всего придется совмещать данную работу с постоянной, спросили, как я к этому отношусь, ответил, что положительно, время всегда найдется.потом спросили про желаемый уровень з/п, подумал, что раз уж это удаленка, то нет смысла жадничать, 150р/час это, к слову, на 50 рублей больше, чем на предыдущей работе. через пару часов написали и предложили завтра поговорить по поводу трудоустройства.
>>522476font-size:0 - для обертки
>>522674Это успех, анон. Поздравляю.
>>522674>2.5 года>150р/час
>>522674Поздравляю. Надеюсь, что у меня нахождение такой работы не займет 2,5 года, лол.
>>522703>>5227021. html + css, никаких скриптов.2. удаленная работа.3. вторая работа, отсутствие адекватного портфолио.4. из этих 2.5 лет, я почти год пинал хуи. сначала полгода до того, как попал на работу, а потом еще месяца 4 после. потом задрочил js(которая нахуй не понадобилась), подтянул верстку, все этим медиа-запросы вспомнил и прочее. сверстал 4 макета за месяц с перерывами и начал рассылать свою резюмеху по всей стране. ответили всего 3 компании.Олсо, завтра иду на собеседование уже на постоянку в своем мухосранске. офис находится подозрительно близко к месту моей предыдущей компании, буквально в здании напротив.
>>522674Чет ты себя явно не ценишь. Я б 250 просилмимо-диванный
>>522726не дали бы 250 за верстку совершенно без js. к тому же, мне сильно нужна эта работа. как возьмут. можно будет без проблем развиваться в сторону js и полноценного фронтенда. пока что мне мешает отсутствие денег.
>>522718Дай заценить твое портфолио. Ну если если не хочешь палиться, просто ссылки слей на проекты в портфолио. Интересен твой уровень.
>>522740не ну 170 хотяб
>>522744http://oszis.github.io/
>>522745185 руб. 36 коп. / час + два пакетика чая Беседа / день.
>>522753обосрался
>>522749Паддингов не завезли в тот раз?
>>522761Торговаться - так до предела!
>>522762забил на них, надо будет поправить. олсо, посмотри, как сделаны фоны к section-ам, их пидорасит на смартфонах и сделаны они сплошными фонами по 20000*1024, потому что не завезли паттерны + вчера слетела yandex-карта, потому что я ее удалил в своем аккаунте, а восстанавливать не хотелось. прикрутил от другого проекта. ну и медиа-запросы ужасно прописаны.
>>522770Зачем ты вообще яндекс карты юзаешь? Имхо гугловские лучше, даже грузятся быстрее
>>522749В innosphere сайдбар хорош. Сам его верстал, но меню сделал по-другому.Картинки в блоке recently едут, когда ширину окна уменьшаешь
>>522674а список работ, портфолио показывал?
>>522779это их packery так выстраивает. я тут ни при чем. там в зависимости от картинок будет выстраиваться всегда по-разному.
>>522781в резюме прикреплена ссылка, ссылку только что вбросил
>>522749Спасибо большое. Подал мне идею тоже запилить опен страничку-портфолио на гитхабе. Там можно даже охуенно расписать про использованые технологии, требуемые браузерычтоб петушки не ныли что в их ИЕ8 не работает если я флексобог и прочие фичи. Алсо, фичу со смещением картинок в хирургии сам реализовывал?
>>522792да, на нативе написал
>>522795Она в макете была так задумана или это твое творение? Откуда брал графику?
>>522798в макете задумана. просто вырезал 2 картинки, вставил фоном в блоки, задал им position fixed и opacity. потом у той, что выше через js рассчитывал высоту по нижней границе header, а ту, что ниже, скрывал, когда нижняя граница section1 была <= 10, если не ошибаюсь. это у той, что в шапке. у второй просто по event.target подсчитывал подобным образом.
>>522774не думал об этом, надо будет юзануть гугловые
>>522785в зависимости от размеров картинокфикс
Ребята, есть вот такой селект с чекбоксами, если я выделаю чекбоксы они должны закрепляться как-то. Например как значения под селектом, ну знаете - что бы можно было нажать на крестик и убрать лишнее. Помогите хоть как-нибудь - где можно почитать про такое, как это делается, да хоть как это называется.
Заебался я кароч, как ни сохраняю артефакты ебучие. Как исправить-то можно?
>>522889вангую, это не селект, а кастомизированная поебота от бутстрапа. значения в форме все равно передаются. лови их и перебирай на js.>>522893png24
>>522895Что png24
>>522899сохраняй в png24. еще проверь, не вынесена ли какая-нибудь хуета от текста на новый слой, который ты не захватываешь
>>522895Эту поебату как раз я и верстал. По селекту открывается блок, всё просто. Заказчик внезапно сказал - А ЧЁ ВЫБРАННЫЕ ПУНКТЫ НЕ РЕАЛИЗОВАННЫ, ДАВАЙ КА БРАТИШКА ДЕЛАЙ. Я даже сейчас примеры не могу вспомнить, но думаю вы видели такое где-нибудь. Мне нужно как-то ловить выбранные чекбоксы и выводить их в блок под селектом.
>>522899>>522904а вообще, сверстай текстом, зачем заморачиваться?>>522889а, все, дошло. добавь блок внутрь селекта, которому сделай видимость только когда выделен хотя бы один инпут. и навешай на этот блок событие, которое находит его родителя и у всех инпутов внутри родителя снимает значение.или ты имеешь в виду что-то типа пикрелейтед, но чтобы при клике на этот значок снималось выделение с инпута?
>>522749Как сделал пикрелейтед?
>>522918Ему придется пердолиться с подбором шрифтов тогда. Там еботы поболее будет.
>>522918>>522927Есть что-нибудь вроде гайда или название этой хуеты.Вот мой бесподобный код
>>522927если эта надпись сделана тектом, то не должно быть. а если картинкой, то да, пиздец будет. тогда только вырезать. анон, кинь в какое-нибудь облако макет, может, вырежу
>>522913eventlistener на блоке с селектом, срабатывающий в момент скрытия/раскрытия, считывающий данные с чекнутых элементов, затем отрисовывающий их в специально заготовленный блок снизу.если я конечно правильно тебя понялмимо
>>522924на нативе. там все просто, загляни в js и в html-css. использовал getBoundingClientRect() и по нему высчитывал
>>522936скорее в момент клика на инпут. просто навешать на селект и проверять делегированием, был ли клик по инпуту. если был, то считывать текст из лейбла, создавать блок и вписывать значение и id инпута в него (значение в textContent(), id в data-attribute). и в нем сделать крестик, который по клику проверяет id инпута и убирает его выделение.
Посмотрел оба вебинара по фотошопу, новейший кажется куда менее напряжным, реквестирую хороших торрентов с ним. Где вы сами брали, желательно.
>>522930делай лучше на jquery, будет в разы проще. ну и там у тебя говнокод, нет смысла использовать id у контейнера, лучше через класс все-таки. и функция скрытия/появления селекта делается одной строкой через jquery. попробуй, проще станет
>>522946http://pirat.ca/
>>522946http://nnmclub.to/там ищи, а то nnm-club.me не работает
>>522947>>522943Я знаю ребята. Я тот ещё говнокодер, мне просто нужно сдать этот проект и я очень плохо понимаю js. Есть пример какого-нибудь примера на эту тему?
>>522960примерhttp://hemantnegi.github.io/jquery.sumoselect/sumoselect_demo.html
>>522963Это немножко не то. Мне нужно что бы выбранные пункты выводились внизу селекта с возможность исключить. Ребята мне подсказали, но в js я очень плох.
>>522991Попробуй решить вопрос сам. Если вечером будет время - запилю для тебя небольшой плагин на нативном.
>>523008Но добавлю что ничего не обещаю, ткак хз что там со временем будет.
>>523008>>523013Хорошо, конечно попробую. Алсо, тот чувак которого взяли, поздравляю. Я тоже сегодня устроился на постоянку.
>>522991https://jsfiddle.net/oszis113/wn996b42/
Ребят, кто с продвинутого интенсиваКак в седоне на мобильной версии главной страницы делать ебучий треугольник в первом синем блоке? Думал взять тот же треугольник, что в хедере фоновую картинку обрезает, только синего цвета, но ебаная фигура не подходит по формеПомогите Даше найти треугольник
>>523022алсо, спасиботот чувак, которого взяли
Ну что котаны, переименовываемся в Front-end тред? мимо-оп
>>523047двачую
вангую в дальнейшем новую попытку перекатиться в программач, откуда опять погонят ссанными тряпками.
>>523053лол
>>523053Программач не нужен. У нас тут сложилось неплохое общество с приятной атмосферой и, что важно, делением задач. Вертска, всякие тулзы базовый фронтенд и простенькая клиентская логика - сюда, приложухи и прочий аппшный ад - в джс тред. Все красиво все работает.
>>523053Программач превратился в полумёртво борду с 2 двумя снобами. Тут уютнее, мне кажется.
>>523055сдается мне, что через полгодика здесь будет как раз таки полномасштабный фронт-енд тред с ангуляром и нодами. потому что я, например, вижу нихуевые такие рывки у ребят, которые сюда заходят.
>>523059этот тред ожидает то же самое.
>>523047пора быалсо http://nnmclub.to/ !
Что с нумерацией делаем? Резетимся на Front End №1 или 61?>>523062И это охуенно.
>>523069предлагаю резетнуть до 1, но оставить под спойлером примечание что перекатились из 60 верстка-треда
Последние посты меня прямо воодушевляют, мотивируют вписаться в новую волну и попасть в компанию этих "через полгодика здесь будет как раз таки полномасштабный фронт-енд тред с ангуляром и нодами. потому что я, например, вижу нихуевые такие рывки у ребят".Да и тред рили уютный, чувствуется рабочая атмосфера.Неделя-в-верстке
>>523123вот так я верстал после 2 месяцев самообучения без интернета и компа. просто сидел и задрачивался в универе вместо пар. благодаря этому и попал в компанию, где проработал год, получив навыков меньше, чем за прошедшие полгода, и откуда с удовольствием свалил.
Такс, подождем еще ответов и ночью залью обновленный тредмимо-ОП
>>523130Лол, мда.А сейчас твой уровень?
>>523130хедер и футер сделаны таблицей, при просмотре кода все едет, но зато есть html5-теги header и footer. самое ужасное, что когда я показал подобное, меня взяли на вакансию джуна, сказав, что я плох, но остальные претендовавшие на мою должность были еще хуже. сейчас я думаю, куда уж хуже. а потом вспоминаю парня, который пришел устраиваться на работу на мою должность, вырезал из psd цельные блоки, писал в html ссылки, в них p, в p - img, а в img писал ссылку на картинку. и все это абсолютно позиционировал.
>>523145вот => >>522749
>>523130Сука, проиграл
>>523148Пиздец блядь.
>>523149Прогресс есть — и то хорошо.
Вообще, были такие аутисты, которые все позиционировали абсолютно по окну браузера? Чтобы все элементы как гвоздями были намертво прибиты?
>>523164
>>523047Да переименовывай, хули. И нумерацию сбрасывай тоже.
>>523236+
https://2ch.hk/wrk/res/523507.htmlhttps://2ch.hk/wrk/res/523507.htmlhttps://2ch.hk/wrk/res/523507.htmlhttps://2ch.hk/wrk/res/523507.htmlПЕРЕКАТ
Сап, возможно не по теме, но всё-таки.Хочу освоить вордпресс, верстку уже более менее натягивать умею на движок.Какие еще типовые задачи нужно уметь решать, чтобы хоть чуть-чуть фрилансить ?
>>517347работаешь грузчиком? пека на работе не положена?
>>523148
>>517409Так объясни мне я тоже тупой
>>527382Например, добавляет в корень гитхаба папку, в ней еще один index.html : portfolio/index.HTMLОткрываешь в браузере user.github.io/portfolio
Привет, надизайнил и заверстал сайт по доставке суши. - Главная / каталог товаров- корзина / оформление заказа / оплата- текстовая страница / акции / доставка и тд.Сейчас есть html+css. Хочу оживить статику, думаю выбрать cms и натянуть на него верстку. Опыт создания шаблонов только под WP, статья + форма заказа (CF7). Цель: 1. показывать заказчикам, как готовый проект. Т.е. купить домен, разместить сайт на хостинге. 2. добавить шаблон на templatemonster.com / themeforest.netПоэтому CMS должна быть бесплатной, и чтобы я смог ее поднять на своем хостинге самостоятельно.Выбираю между:joomla / prestashop / opencart / magentoЧто посоветуете? Что будет проще для новичка? Перспективнее в качестве опыта для фрилансера?
Верстаны, как заверстать гексагоны как на этом макетеhttp://www.psdchat.com/resources/templates/freebie-hexal-portfolio-template/
