Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Слышал что нужно портфолио, подскажите хостинг/сайт/местоДля сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github 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/Базовый интенсив за 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Прошлый тред >>486241 (OP)
Да вы че хоть, поехавшие, куда так быстро треды сливаете? Как ни зайду - новый тред, ну охуеть. Сделайте уже конфу, блет, и чатьтесь по самые помидоры.
>>492446Да наплыв верстаков и фронтендеров такой, что пиздец. Скоро будем за краюху хлеба страницчки оживлять. Обезьянья работа же, вот все и лезут.
Котаны, нужно верстать под IE8 как же ненавижу его, суку. Почему-то не работают условные комменты - нормальные браузеры их не видят. но почему-то в них пропадает часть незакомментированных, "нормальных" свойств.А в IE, для которого предназначены эти комменты, их вообще не видно.Пишу так:<!--[if IE 8]> ..стили.. <![endif]-->Да и верстаю через sass, поэтому при собрании комменты убираются, так что это какой-то так себе способ.Есть еще варианты, как можно заставить IE8 проглатывать нужные ему свойства, чтобы другие браузеры не обращали на них внимания?
>>492521А блять, дошло до меня! Я же пишу их в css, а там комменты по-другому пишутся. Вот дурья башка.
>>492518кстати поддвачнуhttps://megamozg.ru/company/moikrug/blog/24630/
>>492527Так ничего не говорится об адекватности этих откликов. Большая половина сидящих тут просто обреченные неудачники, успеху хорошо если процентов 15 добьется.
>>492543Ну просто я видимо дебил и сужу по себе, поэтому не могу понять людей которые отправляют резюме просто так (либо зная совсем кропаль). Вот и не допускал такого варианта (что могут неадекваты откликаться).
>>492064>бажественный Brackets>>492119>Насколько он лагучий?Тормозной очень.
Котаны, помогайте: нужно, чтобы содержимое всегда тянулось на всю высоту страницы, а при увеличении содержимого, чтобы колонки тянулись дальше и не теряли фон. Без читерского min-height:100vh.https://jsfiddle.net/rxLLb9ar/1/
>>492579флексы
>>492587но хотя ты наверное скажешь и без нихhttps://css-tricks.com/fluid-width-equal-height-columns/
>>492579Проще всего
>>492617Ссылку потерял https://jsfiddle.net/rxLLb9ar/4/
Бля, я заебался верстать это говно в пустоту.Есть ололо-портфолио, в котором 17 макетов, больше половины шлак. Ну последние еще куда ни шло, адаптивность, всякая хуйня на жиквери, самопальные слайдеры-менюшечки. И бэм, лол.Устроиться если и смогу, то только летом, когда может быть, появится бабло на съем какой-нибудь конуры.Надо топить в жс, смотрю видосы Кантора (норм чувак кстати), но где нубу все это применять, чтобы было что в портфолио закинуть? Ума не приложу.
>>492639Напиши несложный сервис типа списка дел или расчета своего бюджета. Сохранять данные пока можешь в local storage.
>>492639Ну тут все просто. Пишешь SPA на формах, подцепляешь аякс транслятор на нодовый бэк сайд, который обрабатывает информацию и отправляет обратно.
>>492446Можно последовать примеру господ из соседнего upwork-треда и создать конфу в слаке параллельно с тредом.
>>492527Блядь, такая хуйня везде, начиная от пхп-макак и заканчивая джава-уебанами. Что теперь, бросать все и идти на завод гайки крутить? Я бы не против, но в моем городе нет заводов.
>>492657Ну кстати откликов на бэкенд поменьше там, если не видел)
>>492663> тамтам может и меньше, но если зайти на hh и полистать вакансии пыхеров, то хочется плакать и смеяться одновременно. А вообще я ради интереса по гитхабу полазил, посмотрел макеты тех, кто курсы хтмлакадемии заказчивал — это же феерический пиздец. Я так даже свой первый барбершоп не верстал. Так что я бы особо не волновался, на самом деле.
>>492652Если завести конфу - тут останутся одни ньюфани со своими: "а через сколько я смогу зарабатывать?", "а без вышки норм?", "в школе когда-то учил этот ваш html потом 5 лет на стройке, хочу вкатится" и т.д.Хотя может это и к лучшему - им никто не будет отвечать и все подумают что отрасль загнулась и меньше будет всяких вкатывальщиков лолХотя те, кто поумнее все же прочтут шапку и присоединятся к конфе, и будут писать свои вопросы туда
>>492668У пыхеров в требования порой помимо всего прочего пихают навыки фронта (причем не просто базовое знакомство) и зарплатка 25к лол. Но эт не везде так естественно
>>492657Да там еще фронтенд везде версталой называют. На верстал всегда дохуя было конкуренции. При том, что отклики это одно, а качество этих претендентов другое. Тем более, что подавляющее большинство вкатывающихся в итоге выкатываются, ибо думают, что тут все гораздо проще, чем грузчиком на складе, да и парни говорят образования не надо,(это как с зашкаливанием дизайнеров, все думают что изи-изи, тож смогу). В итоге на норм места им суют в ебало такой стек, что появляется резкое желание вернуться на склад. Максимум-это в версталы можно попасть, но там они тупо сидят и дрочат верстку без перспектив и с низкой зп, да я и не уверен уже в этом, 2016 же еба.
аноны, посоветуйте, как сверстать подобную мудотень, уже минут 20 над ней жопу рву, не могу придумать нормальный вариант для верстки без костылей.
>>492738Тот редкий случай когда нужны флоаты.
>>492518Поэтому дальше осваивать боязно. В чём-то более хардкорном не справлюсь со сложностью, а здесь с конкуренцией.
>>492738Очевидный флоат очевиден. Причем флоат по прямому своему предназначению (обтекание).
>>492810Флоаты для лошков, только флексбоксы
>>492842Ну блядь, сделать сетку на флексах, а эту хуйню флоатом обтечь.
>>492738Картинку делай через position: absolute;Отступы в тексте через
пацаны, почему у пиндосов часто пишут frontend engineer, а не разработчик? Почему инженер?
>>492994Да всем похуй на именование, как hr написал, так и висит.
>>492994Чаще всего пишут front end software engineer.
>>492949Зачем этот геморрой, если можно правый блок просто зафлоатить?
>>492740>>492810>>493047правый блок зафлоатить? может сработать, вот только там ебаный враппер для текста, чтобы он не расползался. получается, стоит убрть враппер
>>492565И тем не менее, ему нет альтернатив. Зачем нужна скорость других IDE, если параллельно придется альттабиться к фотошопу?
Смотрю интенсив. Забавное наблюдение:Первое видео интенсива - кол-во участников ~180;Второе - ~150;Третье - ~125;Четвертое - ~105;К концу пятого видео - 83.
>>493153Да, до некоторых доходит что на такое дерьмо нет смысла тратить время, но остаются и те кто продолжает превозмогать, потому что хочешь не хочешь, а мамка гонит на работу.
>>493187А ты что в этом треде забыл, мамка гонит?
>>493193Смеюсь над html-макаками
>>493244А ты кто?
>>493153А на последних лекциях джс интенсива участников ~15-20.
>>493260На первых 35) Там видимо просто набор небольшой
>>493257копирайтер
>>493260В итоге, из них всех, окончательно вкатываются в фронт от силы 50-60%.
>>493270Круче: копирайтер-толокер.
>>493285Я думаю там в лучшем случае половина его с первого раза закончит нормально. А сколько продожит учится - это хз. Делаю ставку на треть.
>>492738Я бы сделал таблицей. Первая ячейка - отступ, вторая - половина текста, третья - половина текста, четвертая - второй отступ. Ну и colspan'ы/rowspan'ы
>>493398чувак изобрел машину времени? Как там в прошлом кстати, доллар сколько?
>>493403Ну я только учу хтмл-программирование. Читаю сейчас книжку по верстке от издательства "Питер".
>>4934062001 год издания? лел
>>493260У меня кстати бомбит там от одной бабы в чате. Пиздец какую-то срань несет постоянно. То блядь у нее редактор не так настроен, то она рассказывает про работу свою, то ей camelCase не нравится и она не хочет писать так то еще чегото.Нахуя ты блядь туда пришла, сука?????Да, я просматриваю чат ибо в базовом и продвинутом там были полезные ссылки порой. Это не отменяет того факта, что туда дегенераты приходят порой. Адекватные тоже есть если что.
>>493406В унитаз эту книжку спусти.
>>493398Ты в ворде все документы тоже в таблицах набираешь?
>>493398ебать ты олдфаг, не то что эта флексопитушня нынче.
>>493457Деда прозрачными гифразделителями пользовался и ты юзай. Неча тут флексбоксовщину эту вашу разводить. Не ориентировались на новые фичи, неча и начинать.
>>493421да там таких ололошек половина блять.хуй знает, время и бабло видимо некуда деть.
>>493419И я не шучу
>>493457Да, молодежь нонче совсем распустилась, не нюхали они пороху под нетскейпом.
Верстаны, каким способом вы бы верстали макет с таким требованием:>При увеличении ширины с 800 до 1200, все элементы (блоки, шрифты, отступы) пропорционально (в ширину и высоту) увеличиваются в 1.5 раза? При дальнейшем увеличении ширины, макет остается неизменным по центру экрана, увеличиваются лишь отступы?Т.е. див, имеющий при разрешении 800 размер 120х50 с текстом 18, на разрешении 1200 должен иметь размеры 180х75 с текстом 27.
Гайз хули вы везде пихаете в ответы эти флексы, всех интересует как делали раньше, без них. Сейчас ими не пользуются на полную и еще не скоро это время настанет.
>>493647Уебывай, ретроград. Здесь верстают флексами по БЭМу.
>>493648>жахаемся в очечоНу ладно. Ухожу.
>>493647Я на последний вопрос который был про колонки равной высоты кинул помимо варианта с флексом ссылку на статью в которой решение без флекса.Кто, сука, читать будет? Так что не пизди что везде кидаем одни флексы. Или вон где текст должен обтекать картинку и блок нормальные люди предложили флоат, ибо удобнее чем с флексами там пердолиться. Что, ты тоже не увидел этого?
>>493655Ну как бэ я беру в расчет не только этот тред.
>>493647>всех интересует как делали раньшеэто тайна, в которую посвящены только избранные.
>>493647>Сейчас ими не пользуются на полную и еще не скоро это время настанет.Это ты про тех, кто автопрефиксер не осилил?
>>493153>кол-во участников ~180;это на базовом штоле?если он стоит 12к, то 12 000 x 180 = 2 160 000. даже если какая-то часть приперлась повторно, все равно нормас, за месяц-то.а ви гойворите, верстка нинужна. нужна, только надо не самому этой хуйней страдать, а поднимать бабос на ололошках, у которых этот бабос есть.
>>493926Чтобы такой бабос поднимать - надо самому верстку знать охуенно, и куча времени и денег на создание и раскрутку ресурса вроде htmlacademy.
Как обычно в CSS оформляются стили для разных страниц одного ресурса? Я пытаюсь все комментариями отделять, но все равно не очень читабельно выходит.
>>493956В разных CSS файлах. После всё собирается в один, в который лезут если проебали другие.
>>493966Чет не понил. Сначала создают CSSки под каждую отдельную страницу, а потом сливают воедино? И в чем смысл? Там ведь в таком случае дохуя повторяющихся правил получится, которые потом еще и чистить. И это все еще не отвечает на вопрос как в итоге этот единый файл стилей размечается/форматируется.
>>493967Ты базу проходишь? Если да, то делай как там, в одном файле. На продвинутом потом посмотришь как можно улучшить. А то тебе ща насоветуют тут
>>493968А, ок, спасибо, тогда не буду перепрыгивать через подающуюся информацию.
Треду не хватает историй успеха и всего такого.Есть тут аноны, которые посмотрев/походив на базовые и продвинутые курсы, наклепав сколько-то там версток макетов "в стол", затем нашли себе работу во фронт-энде?Расскажите о себе. Не верю, что здесь одни вкатывальщики вроде меня да ньюфаги сидят.Вкратце можно анкеткой:1. Лвл когда начали изучать фронт / лвл когда нашли работу / лвл сейчас.2. По каким курсам/вебинарам/книгам изучали, что показалось самым эффективным.3. Какая з/п сейчас и в каком городе (ДС/не ДС/не РФ).
>>494006Тебе в /b, все успешные погромисты-фрилансеры 300к в секунду там сидят. Буквально вчера офис-тред создавал.
>>494006Автор первых тредов и первоначального фака пришел к успеху, переехал из мухосрани в ДС, получал несколько предложений поработать в европе, но проебал их. Иногда захаживает, отвечает на вопросы.
>>494015Я вот инженегр на крупном предприятии, работаю в сфере project management и внедрения инвестиционных проектов. Моя з/п сейчас это 6000 гривен / $225 / 16 700 рублей, и мне еще и завидуют, лол. А я завидую программистам, которые у нас $500 получают. Моя ближайшая мечта - найти работу во фронт-энде хотя бы на свою нынешнюю з/п. Про мифические 100/200/300 т.р./месяц даже не думаю.
>>494025В моей мухосрани-600к работа во фронтенде начинается с 25к.
>>494045Ну в твоей мухосрани и квартиру снимать меньше, чем за 13-15 т.р. врядли получится.В моей же можно и за 4 т.р. съем найти.
>>494088Нахуй тебе целая квартира?На двоих если снимать по комнате каждому будет как раз 4-6 т.р
>>494045Так же 600к, зп с 20-25, снять хату 12-14
>>494111Смотрю сейчас факансии хорошие фронтендеры у нас получают от40-60к
>>494117так аналогично, но там требования йобнешься
>>493967less/sass @import
>>494006Периодечески всякие захаживают. Историй дохуя было. Но эти люди редко появляются, и еще редко о себе заявляют. Когда ты все выучил и уже перешел в другую лигу - скроллить такие треды станвится не сильно интересно.
>>494155Например какие?
>>494196Ну открой какую-нибудь Самару или Иркутск с Воронежом и посмотри. Идеальные знания HTML/CSS/JS(JQ, React, Angular)/PHP/стопицот CMS, базовые знания Ruby+RoR/Python+Django и за все это какая-нибудь невероятная з/п типа 35-45к.
>>494204Опыт работы от 3-х лет до бесконечности забыл еще.
>>494204Очевидно же что такие вакансии суть фарс и не стоят вашего внимания.Средние требования джун-фронтенда с 500$ strong HTML5/CSS3 good JS умение писать конкретные рабочие модули, умение работать с системами сборки, гитом, пропроцессорами, оптимизировать код и т.д. и т.д. Если хочется выше, тогда нужно уже умение работать с ООП, какой-то фреймворк, паттерны и прочий JS. Плюс еще может быть что-то из серверного, типа пыхи там, или джавы, но скорее на уровне создать ответ аякс запросу на сервере самостоятельно.
>>494204Хуйня это все, на самом деле нужно знать гораздо меньше, и опыт верстки макетов дома чем не опыт?
>>492412 (OP)Анон, до этого нигде никогда не работал, 18 лвл кун, успешно пидорнут со второго курса средненького универа ДС. Вроде есть кое какие навыки в области фронт-энда, да и это собственно единственное во что я более-менее могу. К слову о навыках: - Фотошоп на 2.5/5. Все что нужно верстале умею, то есть порезать макет, вытащить картинки, паттерны, иконки и всякая такая хуйня. Нарисовать средней паршивости макет (на пике пример) при желании тоже могу, но хуево, ибо очень мало практики в этом.- Html/Css где-то на 3/5. В принципе любой сложности макет при определенной доле пердолинга могу осилить, но работаю очень медленно, а тут вроде важна скорость. Sass/Less околознаю. БЭМ и SMACSS пока не изучал, да и вроде если небольшие проекты то не требуется. Буцтрап и Фаундейшн вроде помню, если надо будет подтяну. В медиазапросы и в целом в адаптивную верстку могу. - Js на 2/5. Базовый js вызубрил наизусть, клиентский вроде тоже более менее знаю, но в нормальное построение программы, ооп и модульность не могу абсолютно. Делал какие-то минипроекты, где весь код укладывался в один файл (не считая плагинов), типа вот такого: www.emoji-messages.esy.es, делал игры на html5 тоже простецкие совсем, чуть сложнее чем флэппи бёрд. jQuery знаю на уровне "погуглить как сделать то, погуглить как сделать это", на память мало что помню. - Python/Django на 2/5. Вряд ли во фронтенде пригодится как-то иначе, чем для галочки, но все равно. Пилил на джанге небольшие проекты типа интернет магазина для знакомых по гайдам.Какие шансы попасть джуниором в какую-нибудь не самую обоссанную студию в ДС? Если они вообще есть, то на какую зп с таким набором скиллов можно расчитывать? Опыта работы как уже говорил нету, портфолио наскребу если надо будет.
>>494244Тысяч на 40-50 можно попробовать вкатиться, я думаю. Если хорошо составишь резюме и не будешь на собеседованиях сопли жевать.
>>494244Ебать у тебя самооценка заниженная.
>>494244Проверь знания для начала. https://github.com/h5bp/Front-end-Developer-Interview-Questions
>>494244Если бы я сейчас знал все, что ты перечислил, на твоем уровне, я бы уже получал минимум $500.
>>494244Нормально, еще сборщики покури, собирай портфолио и дерзай
>>494244emoji-messages.esy.es ты делал? Довольно годно. Макет на пике тоже хорошо нарисован.Я бы тебя взял, если бы мне был нужен фронтоджун.Мне кажется, что зарплата тебе сейчас не так важна, нужно работать на опыт.
>>494252>Если бы я сейчас знал все, что ты перечислил, на твоем уровне, я бы уже получал минимум $500.Вопроса о работе до недавнего времени не было вообще отчислели азаза и вроде как занимался этим как хобби.>emoji-messages.esy.es ты делал? Довольно годно.Ага, я, но там и делать-то особо нечего было, лол, просто идея показалось интересной. >Мне кажется, что зарплата тебе сейчас не так важна, нужно работать на опыт.Не спорю, поэтому мне и 20к будет завались.
>>494269И да, отписавшим анонам спасибо за ответы, буду дрочить вопросики эти >>494250.
Приветствую, господа. Думаю вот, чем заняться - таки превозмочь и осилить вёрстку, или идти грузчиком или разнорабочим, параллельно задрачивая программирование? Хочу пилить игровую логику браузерной ММОРПГ и писать сюжет, от фронт-енда - тошнит, хотя, с другой стороны, всё-таки фронт-енд даёт усидчивость, закрепляет знание некоторых технологий и даёт работу мозгу. Уровень - полтора года работал верстальщиком 6 лет назад, верстал статику, знания жс есть, но очень поверхностные, и те забыты.
>>494332Ну и нахуй тебе фронт если тошнит от него и заниматься в будущем хочешь совсем другим? Совсем логики не вижу.
>>494332В общем, что интересует-то? Задрочить всё я смогу, но стоит ли? С учётом того, что своё время дропнул вёрстку из-за того, что та работа вызывала отвращение своей однообразностью и загруженностью, не соотносящейся с зарплатой. Обстановка на рынке совсем плачевная, или всё более-менее норм?
>>494333Деньги. Мамки нет, живу один, со старой работы сисадмина в связи с кризисом погнали, накопления заканчиваются. Работы по специальности в городе нет, уже полтора месяца ищу.
>>494332Ох лол. Я собираюсь вкатываться во фронт, потому что он мне пиздец интересен, а от текущей работы тошнит.А ты наоборот.
>>494338>Обстановка на рынке совсем плачевная, или всё более-менее норм?Браузеры стали получше, чистые версталы практически не нужны. Нужны фронтенд-разработчики.Алсо, не понимаю зачем заниматься тем, от чего тебя тошнит. Если хочешь разрабатывать браузерки, так иди и разрабатывай.
>>494332Ну так учи ЯП плотно и реализовывай свои проекты клиент-сервер, пусть и примитивные. Вакансии ГД есть и будут, но там только один критерий, покажи что ты можешь. И да, написать ммо браузерку ахуенно сложно, особенно в плане иерархии серверной. Мморпг в браузере это больше сервер, чем клиент, ибо шаловливым ручонкам пользователя ничего нельзя отправлять. Кроме ответа.
>>494345>пиздец интересенЧем? Как макака преобразовывать фотошоповские макеты в формат веб-страниц, и потом добавлять туда свистоперделки из жквери-скриптов, спизженных из гугла? И в качестве вершины эволюции - натягивать на всё это движок одной из десятка криво написанных цмсок?
>>494355Делать сложные SPA — круто и интересно.
>>494355Ты кажется слабо представляешь себе работу FE, все что ты пишешь-это верстала. FE-это не прикручивать JS, а писать его.
>>494356>SPAрасшифруй, пожалуйста>писать еговсё уже давно написано
>>494360>не владеет базовой терминологией>пытается что-то пояснять про фронтенд-разработкуSingle Page Application
>>494360Чувак, я гарантирую, что вообще не представляешь, чем может заниматься фронтенд разраб с уровнем скилла >= миддл
>>494365>что ты вообще не представляешьбыстрофикс
>>494360лол, нахуй ты тут что-то доказываешь, если сам нихуя не знаешь? Или ты думаешь, что на JS нет крупных проектов? Не догадывался откуда берутся крупные проекты? М? Ведь все написано, лел. Слайдер тебе в бэм надо засунуть.
>>494355Всем. Ты, походу, не знаешь что такое скучная, однообразная и бесполезная работа.Каково это, когда твой день занят полубесполезным перекладыванием бумажек, эксель-отчетами, и говнопрезентациями в паверпоинте.Когда ты вообще не видишь результатов своей деятельности.Так что да, создание сайтов для меня сейчас в овер 9000 раз интереснее того, чем я сейчас занимаюсь.
>>494365Не представляю. Чем?
>>494369>с одной стороны - занимаешьеся ИБД, можешь капчевать хоть весь день>с другой - верстаешь сутками, иногда даже не успеваешь всё сделать на работе, и ебашишь дома>получаешь примерно одинаковону хз
>>494370Криэйтить стартапы в коворкингах, попивая смузи.Передай маффин с черникой.
>>494371>можешь капчевать хоть весь деньВсе ясно. Ты просто тупой лентяй, который не шмог за полтора то года выйти на уровень интересной работы и сложных задачь.
>>494371Если ты на работу капчевать ходишь, то согласен — тебе лучше заниматься какой-нибудь ИБД за копейки.
>>494371Не хотеть работать-хотеть деньги получать. Офис с екселем определенно лучше для тебя, да. Даже покапчевать время есть. Ток вот уволившись и придя в другой офис через 5 лет ты будешь получать столько же, ибо ты нихуя нового не умеешь и не знаешь.
>>494373а серьёзно?
я не понял, если тут уже давно сидят жс-синьоры и еба-фронтовики, какого хера этот тред называется верстка-тред?
>>494381по традиции, это FE jun тред
>>494381потому что тут изучают верстку а потом идут в js-тред. и по старой памяти возвращаются помогать нормальным ньюфажкам. ну иногда конечно заебывает и не заходят долго
>>494382предлагаю сменить традицию. а то че как лохи сидим.
>>494375пожалуй, ты прав. Хотя, перед уходом я как раз, запилив самописный сайт на пхп случайно попавшемуся заказчику на нативном пхп и жс, пришёл к директору просить повышения и был мягко послан нахуй, после чего уволился. И на следующий день устроился сисадмином-эникейщиком на первом же собеседовании.К чему я это? К тому, что я не совсем лентяй, вёрстка, как по мне, дно, а задач у серьёзного фронт-енда, способного писать на нативном жс очень сложные веб-приложения, нет (кроме геймдева, разумеется).
>>494378Лид предполагает знание всего плюс вопрос организации всех мидлов, джунок, решение текущих проблем и т.д.На мидла пример(лид=опытный мидл):● Javascript — знать, понимать.● Web sockets — понимать, уметь● Node.js/io.js — знать, понимать.● Event loop — знать, понимать, уметь применять на практике.● CoffeeScript — знать, писать, понимать как транслируется.● Понимание и умение принципов ООП.● Системы контроля версий — Git, Github.● SASS, CSS.● Gulp, Grunt.● Глубокое знание HTML 5 и CSS 3.● Docker — умение и понимание писать конфиги(docker-compose). (Dokku, Deis умение будет плюсом).● NGINX.● Postgresql — основное хранилище. уметь писать запросы самому.Стекserver application:● async● express○ express.js middlewares○ Abstraction router/server around express.js● engine.io○ Abstraction around engine.io● passport.js● sequelize.js○ Abstraction around sequelize.js● unerscore/lodash
>>494387а ну еще это $1000–2500 на конец 2015.
>>494387Странный какой-то список, особенно на конец 2015.Зачем фронту Docker, NGINX и Postgresql?io.js и CoffeeScript неактуальны. Gulp и Grunt постепенно заменяются на вебпак.Где React/Angular? Не на ванили же все писать.
>>494387Это понятно, но какие задачи он реализовывает? Каковы задачи веб-фронт-енда, помимо оживления сайтиков? Функционал же бэк-энд программисты пишут.
>>494393>io.js и CoffeeScript неактуальны.с хуя ли, зависит от проекта. >Зачем фронту Docker, NGINX и Postgresql?Юзают на проекте, чтоб знал что к чему.
>>494395В SPA бэк только данные отдает, а крутится все в браузере. При необходимости бразузер заменяется приложением на любой платформе.
>>494395ты тупой или не понимаешь что тут написано и зачем это нужно? Функционал бэк ендеры пишут на стороне сервера, на стороне клиента может быть ебаная тонна своего функционала на 200к строк.
>>494397Можешь привести примеры таких приложений, причём, действительно полезных?
>>494395Функционал чего? Бекэнд - серверная сторона, это в первую очередь оперирование данными. Убери у сайта фронт-енд, оставь только бекэнд и у тебя будет белая страница выводящая по нажатию на кнопку нерозпарсенный json. So exciting user expirience, isnt it?
>>494396io.js влились в ноду той осенью. Кофе неактуален, потому что есть ES6/7 и TS.>Юзают на проекте, чтоб знал что к чему.Все равно не понимаю, нахуя ему постгрес, например. Фронт же с ним не может взаимодействовать вообще никак.
>>494401Gmail
>>494401Вконтач, фейсбук, гмейл (и все другие почты).
>>494406Может и будет, захотел лид, чтоб мидл это делал-будет делать.
Я тут слегка ворвусь в обсуждение.Для многих немаловажным фактором еще является визуальная составляющая работы, то бишь ты видишь результат своего труда. А простое написание строк кода без этого может казаться просто невыносимо скучным, хотя и у человека могут быть способности к кодингу. Вспомнил кстати один момент, где-то видел презентацию чувака (но он правда не фронт а больше верстала). И там он говорит мол можно свою работу показать обычной девушке (всякие свистоперделки и т.д.) и сказать вот я сделал. А вот если показать простыню кода серверной логики как-то эффект не тот)Ну это совсем уж утрировано конечно.мимокрокодилл
>>494401еще в голову пришло какой-нибудь букмекер типа фонбета или марафона.
>>494414В джс треде где-то с месяц назад, помнится один парень объявился со схожей историей. Писал то ли на джаве, то ли на сишарпах, хуй знает уже. Жаловался что серверный кодинг заебал, ибо пердолишся с данными без видимых результатов. Говорил, мол, хочется отзывчивости и интерактивности в работе. Но это скорее исключение.
>>494415Отчасти и двач к таким приложениям относится, автообновление и посты добавляют через через API. Но это, конечно, не совсем полноценный SPA.
>>494405ты неправ. Например, тем же gmail'ом можно без проблем пользоваться в базовом html режиме без свистоперделок, которые должен делать фронт-енд. И, например, те же чатики вконтактике - это не фронт-енд, а серверный яваскрипт.
>>494422толсто уже иди нахуй
Я думаю это снова тот пхпшник уебан, уже в третий раз троллить приходит
>>494422>чатики вконтактике - это не фронт-енд, а серверный яваскриптЯСНО.
>>494426ну тогда он перетолстил, или даже не в курсе что вкач на его любимом пэхапе. Который кстати умирает)
>>494426Та не, это просто дебил, без матчасти. Сначала он топил что фронтендера == верстала. Теперь он говорит что фронтендер пилит только свистоперделки.А еще у него сабы с сервера сами магическим образом на странице отрисовываются, лол.
И еще раз, кто не понял: https://www.youtube.com/watch?v=Bn0wby8fwFg
>>494431>сами отрисовываютсянет конечно, но чтобы их отрисовать, не нужно быть знатоком жс, достаточно основ.>>494427а что?
>>494436он реально тупой, даже не понимает когда надо остановиться
>>494436>а что?Ты абсолютно нихуя не понимаешь в том, о чем говоришь. Пожалуйста, прекрати уже.
А бля, хули про ютуб-то забыли, это же SPA
>>494437>>494438блядь, идите нахуй, школьники. Рты ваши ебал.
>>494445https://habrahabr.ru/post/278655/и читните вот это, ФРОНТ-ЕНДЫ
>>494445Еще и порвался, ну вы только посмотрите на него.
>>494440Да че вы привязались к этому СПА помимо них есть дохуя все. Любой сайт сложнее визитки требует клиентскую логику. Да даже визитки требуют. Все эти ваши почты, ютабы, ластфмы, инет-магазины, приложухи для бизнеса, развлечения, кормления воображаемых собачек - это все не может существовать без фронтенда, к которому кстати и верстка относится тоже, как начальный этап. Человек отрицающий его необходимость подобен "экземпляру" который установил ДВС на металлическую платформу и называет теперь эту хуйню автомобилем.
>>494447Вот это аргумент, лучше уходи не усугубляй свою зашкваренность.
>>494452>клиентскую логикуаутист, вся твоя клиентская логика уже давно написана, всё, что от тебя требуется - знание жс на базовом уровне для кастомизации гор готового кода и решений. А серьёзного ничего на стороне клиента, мать твою, не делается.
>>494453лучше ты иди ещё один бесполезный скриптик на жквери напиши
>>494456Спешите видеть крушение манямира тупого пыхапешника.
>>494456перетолстил
>>494456это тоже самое что сказать что вся серверная логика давно написана и надо просто научится юзать и кастомизировать cms-ки)
>>494456Давай, мань, утекай уже отсюда
>>494462*научитьсяфикс
>>494459>крушение манямира>за всё обсуждение - ни одного серьёзного аргумента
>>494462>серверная логика>длина алгоритмов - сотни, а где-то тысячи и десятки тысяч операций>клиентская логика>длина алгоритмов, как правило, не больше десятка операций
Не пишите ему, я как зам опа прошу, а то тред больно быстро плывет. Он все равно тупой, ему нихуя не доказать.
>>494467Интересно узнать за что тогда хорошим фронтам платят по 150к? За кастомизацию джиквери небось?
>>494472Front-end -> JS -> node.js == server side -> PHP=delete
>>494477>>494459>>494453идите нахуй, уёбки, я порвался, сука
>>494414Согласен. Именно возможность визуального обзора выполненной работы - очень важная вещь для некоторых людей.Инженегр-вкатывальщик
Блять, какое ебучее вырвиглазное говно блять. Весь день сидел изучал эти селекторы на академии. Радовался блять, что все схватываю на лету. Каждое задание с легкостью проходил и тут блять добрался до испытания и все нахуй. Обосрался. Пиздец. Абсолютный ноль. Нихуя не понимаю. Все блять позабыл. Ну пиздец ебучий случай. Хуй знает чо делать. Чо блять делать то ебать. Проходить его? Сидеть ковыряться в этом говне? Подбирать селекторы? Или ну его нахуй и идти учить дальше? Блять какое говно. НЕНАВИЖУ ОСТАВЛЯТЬ ЧТО-ТО НЕДОДЕЛАННЫМ, НО БЛЯТЬ ЭТО НЕ ЗАДАНИЕ, А ХУЙНЯ СОБАЧЬЯ. ОНИ ЕБАНУЛИСЬ ЧТО ЛИ ТАКОЕ ГОВНО НОВИЧКУ ПРЕДЛАГАТЬ? БЛЯТЬ БАТТХЕРТБАТТХЕРТБАТТХЕРТБАТТХЕРТБАТТХЕРТБАТТХЕРТБАТТХЕРТhttps://htmlacademy.ru/courses/42/run/18
>>494550Ты лучше интенсив начни, намного быстрее все поймешь.
>>494550Забей на эту хуйню, эти задания на подбор селекторов - хуйня, сделал примерно по логике на 90%, брат жив, верстаю макеты, все нормально.
>>494550Там селекторы по порядку почти во всех подобных испытаниях. Отдохни, вспомни все, вникни в код можешь в коменты еще щаглянуть и сделаешь.Хоть я и быстро все проходил но да, задания ебанутые бывают.
>>494553С торрента начать? Я хотел пройти все курсы для начала, а потом либо оплатить интенсив для новичка либо пройти его скачав с торрентов есть вобще смысл оплачивать для новичка? или лучше сразу продвинутый купить когда закончу со всей этой парашей>>494554Я имею представление о том, где что находится, но я искренне не понимаю как блять и что надо подставлять. Пиздец. Хоть еще раз проходить.>>494555Мне это не поможет. Я отдыхал 3 часа. Сел и как будто все по новой. Как будто блять я не учил нихуя в течение всего дня. И что самое хуевое, так со всем. Я уверен, что сядь я сейчас и попытавшись пройти испытание предыдущего курса я обосрусь и хуй что сделаю. хотя проходил блять все на этой неделе
Анон, если я вот это скачаю https://desktop.github.com/, сам гит не нужен, я правильно понял?
>>494566Вроде да. Но лучше учиться юзать командную строку
нахуя вам вообще эти курсы, возьмите самый примитивный макет и начните верстать с гуглом, пользы в разы больше будет. мозг нихуя не запоминает то, что ему не нужно, вкладку с курсом закрыл и забыл. а если макеты будешь делать, напорешься на кучу ебаных нюансов, изнасилуешь поисковики и в конце концов что-то да запомнишь. ну и уже в портфолио работы закинешь, если не совсем уж уебанские.
>>494565Базовые курсы входят в программу базового интенсива
>>494568Почему?
>>494569Поэтому и советуют смотреть сразу базовый интенсив ибо там надо еще и макет параллельно верстать а не просто теорию читкать
>>494565Ничего не надо оплачивать, качаешь базовый с торрента и там сразу все поймешь, без всяких курсов.
>>494572Быстрее, меньше глючит и автоматизацию всеравно будешь через нее делать.
Так что получается. Забить хуй на эти курсы и проходить интенсив по торренту? Неужели я зря время свое терял?
>>494576Поясни за автоматизацию, в чем суть?
>>494603Курсы часть интенсива все равно будешь их проходить, только не все сразу а по темам и с закриплением на практике - верстая макет
>>494603Курсы интегрированы в интенсив. После каждой лекции дается на прохождение 2-4 курса в качестве домашки, помимо практики верстки сайта ессно. С курсами проще постигнуть теорию, она лучше усваивается. Если хочешь действительно что-то знать проходи все. Отдельно или вместе - это уже как понравится. Только смотри не запутайся.
>>494612В продвинутом расскажут про грант/галп.
Двач, я один такой тупой или у вас тоже были серьезные проблемы с этим испытанием? Реально тупым себя почувствовал, решение с комментов скатал.
>>492738короче, аноны, сделал на флоатах, даже немного стыдно, что не допер сам. это все один большой блок, внутри которого параграфы. нужные блоки зафлоачены и вынесены в стороны старым-добрым position: relative; left: 50% итп
>>494788на этом задании у меня бомбануло, делал его уже поздно ночью, впервые не справился на 100% за 10 попыток. решил послать на хуй, выспался, с утра сделал с полпизды
>>494565Я курсы проходил тупо ради теории, типа селектор такой-то, туда-сюда. В итоге получилось, что половина всей этой хуйни мне не нужна (в частности все эти хитровыебанные каскады, ~, > и прочая хуйня). По интенсиву ихнему сверстал барбершоп с закрытыми глазами, сейчас с легкостью могу сверстать абсолютно любое хитровыебанное говна, хоть на флексах, хоть на обосрате. А эти испытания я, также как и ты, не смог осилить, лол. И до сих пор не могу. А может и могу, но мне лень проверять.
>>494788Эта хуйня н-а-х-у-й н-е н-у-ж-н-а.Забей на это говно. Проходи курсы ради теории.Из полезных испытаний у академии - те, что на построение сетки. Все.
>>494841>>494788Вот эту хуню я, к примеру, даже сейчас не смог сделать. Потому что мне лень копаться в этом говнокоде и тыкать импортанты. А если верстать с нуля, то это займет минут 10-20 (из них половина времени на вырезание картинок и группирование их в спрайт).
>>494843От каскада вытекли глаза.модулеб
>>494844Я тут понял одну забавную штуку.Барбершоп тот базовый я ведь верстал по всем говноканонам, с каскадами и прочей хуйней.А если сейчас меня попросить повторить по таким же стандартам - я не смогу, лол.
>>494849Каскад это скорее все-таки говно, нежели канон.
>>494788Вот самые полезные курсы, можешь их проходить прямо сейчас, одновременно с просмотром базового интенсива.
>>494852А базовый интенсив только качать? Если так то откуда?
>>494853Сори, запятую проебал.
>>494853В шапке торрент для кого?
>>494865Ой. Прошу прощения.
Уважаемые, подскажите, как не проебать зрение за всеми этими занятиями? Последнее время даже чтение одного треда заставляет глаза болеть. Куда ткнуться чтобы узнать советы по выбору монитора и что-то еще, что может быть важно? Может уже пора к окулисту на проверку?В целом на зрение не жалуюсь, книжку читаю - норм, номера машин издалека различаю. Монитор у меня ЛОС-2353.
Интересует вот такое - как на практике форматируются изображения перед вставкой на страницу? На белом фоне - макет, сохранив из него изображения обнаружил, что они в огромном разрешении, плюс не квадратные. Пик с коричневым фоном - мое поделие. Как видно, лица не отцентрованы. Нужно ли (хорошая ли это практика вообще) для подобных вещей менять форму изображения (в моем случае идеально подойдет квадрат) или размер, или все должно подстраиваться средствами хтмл/цсс?
>>494911http://youtu.be/iBHr8gKc5L8
>>494915Что мешает сделать через background-position?
>>494973Купил за 300 рублей продвинутый курс, пока сделал 4 курса, из них один только показался полезным.
>>494976 ---> >>494788
>>494937Спасибо огромное.
>>494937Вообще, стоило бы добавить в шапку пункт о здоровье. Очень не очевидная для многих вещь.
>>495062просто не надо сидеть уставившись еблом в монитор и делать 10-15 минутный отдых это на мой взгляд очевидные вещи.ну или хотя бы каждые 2 часа
>>494973>Что мешает сделать через background-position?Отсутствие знаний же. Погуглю за это.
>>494915Картинки вырезаются в нужном разрешении (или двойном для ретины), иначе они будут биться при ресайзе и анимации.Скругления делаются через border-radius: 50%;
Сап, верстаны. За сколько такой сайт сваяете?http://www.antreholl.ru/remont/
>>495106Чет проиграл с нашей бригады.
>>495107На фл.ру висит заказ сделать такой же сайт как >>495106 Бюджет - 1000 рублей. Вот мне интересно - это реально такие расценки? Кто-то за 1000 рублей будет корячиться или это несложно все?
>>495113Лол, нет, конечно. Мало ли что на фл висит.
>>495113За 1000 рублей наверное только нердс сверстать можно, и то я бы дороже взял.
>>495115А за сколько такой сделают? Если самому попытаться такой сделать, много времени займет? Уровень почти нулевой.
>>495115Сверстать и сделать это все-таки немного разные вещи.
>>495123Ну тогда пусть нахуй идут.
>>495106если со всеми анимациями и прочим дерьмом то за баксов 200
>>495119У нас в говноконторе такой бы сделали за 25-30к
>>495125>>495127Спс. А второй вопрос?
Посоветуйте русскоязычные сообщества в gitter-e по frontend-у.
>>495130Откуда нам знать какой у тебя уровень. Прошаренный верстала такую страничку за пару дней наваяет, там даже адаптива нет. Ну еще часть времени уйдет на анимации. Это конечно без посадки на сервер или цмс, только клиент и только те направления что представлены в примере.Новичок на такое может пару недель спокойно убить, особенно если совсем зеленый.
>>495130С нулевым уровнем - нет.
>>495125А хотя не, вижу там еще дополнительные свистоперделки есть. Баксов 350-400 взял бы, меньше вряд ли.
>>495136>>495137>>495141Благодарю. А если адаптивность добавить, то время на два умножать?
>>495143С нулевым уровнем ты это не сделаешь, либо сделаешь но очень хуево. Так что можешь даже не считать.
>>494911flux + eyeloveu
>>495204Алсо, вот это в шапку надо бы добавить.
>>495204http://www.eyeloveucare.com/https://justgetflux.com/Это они?
>>495204Говно бесполезное.>>494911Делать перерывы, капать капли, если глаза сушатся, купить желтые очки без диоптрий. Но проебёшь в любом случае зрение, вопрос в том на сколько сильно.
>>494937Какой мерзкий тип
>>495212Да.>>495213>Говно бесполезное.Нет.>Делать перерывыДля этого и предназначен божественный eyeloveu.>капать каплиЗачем, если можно сделать так, чтобы глаза не сохли?>купить желтые очки без диоптрийЗачем, если есть божественный flux?>Но проебёшь в любом случае зрение, вопрос в том на сколько сильноТы сказал? Ну тогда ладно.
>>495214Мдя уж...
>>495217Да, говно бесполезнейшее.>Для этого и предназначен божественный eyeloveu.У тебя всё божественейшее, ебанашка?Нахуй это говно нужно, если можно просто помидорки юзать.>Зачем, если можно сделать так, чтобы глаза не сохли?Нельзя, даже в очках/линзах будут сохнуть>Зачем, если есть божественный flux?Кекнул с манькиЭта хуйня вообще ничего не делает, как ебашит тебе излучение в ебало, так и будет ебашить, а то, что оно желтого цвета это нихуя не меняет на твоём говномониторе>Ты сказал? Ну тогда ладно.Это понятно любому мудаку, что сидеть по 10 часов за компом просто так не получится.
>>495220про помидорки поддвачну. Но это вцелом к работе относится а не к глазам.анон, который запостил видос с Макиашвилли выше
>>495220>Нахуй это нужноЧтобы напоминать о перерывах. Очень полезная вещь.>Нельзя, даже в очках/линзах будут сохнутьУ меня не сохнут, потому что из-за eyeloveu я не забываю делать регулярные перерывы и зарядку для глаз.>Эта хуйня вообще ничего не делаетУ меня от уменьшения синего глаза меньше устают.>Это понятно любому мудаку, что сидеть по 10 часов за компом просто так не получится.И тут ты такой с пруфами, что сидение у монитора с регулярными перерывами и зарядкой ухудшает зрение.>помидорки Не знаю что это.
>>495222В целом любому нормальному человеку понятно, что нужно делать перерывы, тут уже надо смотреть по сколько времени тебе удобней работать, у меня например 1.5 часа/15 минут самое оптимальное, но для глаз это не оптимально, поэтому приходится именно для глаз делать помидорки короче.>>495223>И тут ты такой с пруфами, что сидение у монитора с регулярными перерывами и зарядкой ухудшает зрение.Ой всё, ну видно же, что ты ебанашка, тебе ничего не объяснить.
>>495222>>495220Что за помидорки?
>>495226Экий ты забавный, сначала рвёшься, а потом не можешь подкрепить доказательствами свои беспруфные заявления и ещё раз рвёшься на требования пруфов.
всмысле сохнут глаза. как вы понимаете что глаза высохли? что за бред вы тут несете? от чего глаза сохнуть будут? чаще моргайте ебать
>>495228http://pomodoro7.com/
>>495243Спасибо.
>>495244Ну эт просто один из сайтов с таймером. Принцип, думаю нагуглишь. Ну и там вроде книгу можно скачать от того, кто придумал, но она не особо то и нужна (там больше про постановку задач, их планирование, учет времени и т.д.)
>>495071Нахуй тогда вообще все эти многоэтажные инструкции для даунов если всем все так очевидно?
>>495257Возможно потому что большинство даунов могут действовать только из-под палки.
>>495102Ну то есть обрезать тоже не возбраняется? Дурным тоном это не считается?Таки я скругление через border-radius: 100% делал.
>>495326Картинки НУЖНО обрезать до требуемого размера.
>>495343Спасибо, это я и хотел услышать.
вам не похуй на дурной не дурной тон? делайте как нравится и что бы работало. все. на остальное похуй.навыдумывали хуйни всякой
>>495360Работодатель потом когда твое портфолио смотреть будет, тогда не похуй.
>>495360Надеюсь, что мне не придется с тобой работать.
>>495133гугли dev-ua
>>495366Хуй знает, я уже 3й год в вебе кручусь по такому принципу, вопросов по поводу дурного тона моего кода не поступал.>>495387Мне похуй на что ты там надеешься, уебок.
>>493571Продублирую свой вопрос на ночном верстальном:Верстаны, каким способом вы бы верстали макет с таким требованием:>При увеличении ширины с 800 до 1200, все элементы (блоки, шрифты, отступы) пропорционально (в ширину и высоту) увеличиваются в 1.5 раза? При дальнейшем увеличении ширины, макет остается неизменным по центру экрана, увеличиваются лишь отступы?Т.е. див, имеющий при разрешении 800 размер 120х50 с текстом 18, на разрешении 1200 должен иметь размеры 180х75 с текстом 27.Сначала сделал через transform: scale(k); всей страницы, потом скриптово - обхожу все элементы и умножаю значения всех нужных css-свойств на нужный мне множитель. В таком способе резкость отрендеренного документа не теряется + есть возможность контролировать поведение некоторых свойств - допустим, оставлять бордеры и подчеркивания шириной 1пкс.Но есть ощущение что всё можно было сделать проще.
>>495816По-моему ты делаешь какую-то дикую хуйню, гугли медиазапросы
>>495828Я думал про них, но не сообразил, как использовать. Только писать кучу стилей>@media all and (device-width: 800px) {>...>}>@media all and (device-width: 801px) {>...>}>...но это хуйня какая-то, проще скриптом обойти DOM при загрузке и сгенерировать нужные стили. Или серверно перед загружкой генерировать файл с нужными значениями.Или я вообще не с той стороны смотрю на проблему.
>>495855Лол
>>495855>но это хуйня какая-то, проще скриптом обойти DOMнда.
>>495855Лол. Спасибо за заряд оптимизма, теперь мне кажется, что я смогу найти работу.
>>495855Не, ну тебе то конечно виднее)
>>495855Спасибо, бро, ты - лучший!
У меня вот возник вопрос, как вывести текст страничками, т.е. я пилю страничку для отображения текста книги и хочу сделать отображение няшными страничками. Проблема в том, что при использовании не моноширинных шрифтов я не знаю как расчитать количество выводимых символов, для того, что бы честно вывести две странички без "вылезаия" за границы или пустых полей с низу.
>>495915Wtf_am_i_reading.jpg
>>495855Копирайтер походу
>>495915Нихуа не понима. Что именно ты хочешь сделать? Чтобы на каждой странице рандомного текса всегда было 100% заполнение, без переносов на следующую страницу? Или что?
>>495915Я где-то видел jQuery-плагин для подобного, не помню сейчас как называется.
>>495855Я бы на Ангуляре подобное написал, за сутки или двое.
>>495990мы так гордимся тобой
>>495937>>495921Представьте раскрытую книгу, страницы этой книги - два div'а. Нужно выводить текст этой книги по две страницы в эти самые контейнеры (см. пикрелейтед). Задача: рассчитать количество текста, которое влезет в каждый контейнер/
>>496003Заяем это делать в HTML, когда для этого существуют намного более удобные форматы, которые для этого и были созданы (например, PDF)? Алсо, если ты такое где-то уже встречал, то зайди и посмотри код страницы.
>>496005Хочу запилить web-приложение для чтения. Встречал только раз, некоторое время назад, но не могу найти теперь.
>>496003$('.stranica1').width() * $('sctranica2').height() / $('stranica1').text().length
>>496003Колличество строк в высоте можно подсчитать через line-height строк и заголовков, затем сопоставить ее с высотой физической блоков и вставить жсом текст, отрезав остаток и по последней точке в сторону документа. Отрезок по точке надо сохранить и вставить в начало след дока. +вставить массив стороковый в котором уже отрезано содержимое первой страницы. (так же надо посчитать количество символов с строках чтоб резать остаток) Как-то так наверно
>>495828И каким образом с помощью медиазапросов ты собрался регулировать, скажем, вертикальный отступ между двумя случайными дивами?
>>496025>так же надо посчитать количество символов с строках чтоб резать остатокИменно! Вот здесь то я и застрял, если не использовать шрифты с фиксированной шриной, то я даже не представляю как посчитать возможную высоту параграфа, скажем, с двадцатью словами. Хотя вот пока писал, возникла идея расчитывать ширину строки исходя из ширины самой широкой буквы.
Кстати, а в CSS есть свойство, аналогичное выравниванию текста по ширине в текстовых редакторах?
>>496074text-align: justify;
>>496074Все, нашел сам.
>>496065Предлагаю использовать моноширинный текст.
>>496082В /pr/ подсказали вариант, так сказать хак через скрытый элемент, в который через жс нужно писать нужные строки и измерять его высоту.
>>496003http://artgorbunov.ru/projects/book-typography/ эта книга сделана именно так, как ты пишешь. Копай исходники, смотри на реализацию.
Спрошу тут. осваиваю самостоятельно гульп. Как остановить таск watch? Извините если глупый вопрос, просто устал перезапускать консоль.
>>496216ctrl+c
>>496220тонко)
>>496235Спасибо тому анону. Как бы рабочий хоткей.
>>496273В командной строке еще много удивительного в плане рабочих хоткеев, можешь поизучать.
>>495878Я, кстати, верстаю за деньги уже 7й год. Сейчас по ставке 500 рублей/час. А ты дальше надейся.
>>496322>верстаю за деньги уже 7й годВо фронтенд мозгов не хватило перекатиться?
>>496322>верстает седьмой год>не умеет пользоваться медиазапросами
>>496322а нахуй ты тогда приперся за советами в тред, где сидят люди, которые занимаются этим явно меньше семи лет?
>>496326Я перекатился и во фронт и в бэк, но всё равно верстаю параллельно, потому что мне нравится.>медиазапросамиКаждый элемент на странице (блоки, текст, изображения) должен пропорционально (по ширине, высоте, размеру шрифта и отступов) увеличиваться в k раз, где k = текущая ширина страницы / 800, при этом 1 <= k <= 1.5Как это сделать с помощью медиазапросов?
>>496353Потому что могу себе это позволить
>>496354Ты в треде про верстку задаешь вопрос явно касающийся скриптовой части.
>>496354Что если до 800px - все размеры фиксированные, между 800рх и 1200px - в %, больше 1200рх - снова фиксированные?
>>496354Процентами пользоваться не пробовал? и уточни задание, может ты неправильно его понял и от тебя требуется только тянущаяся сетка
>>496354Даже если и можно-это бессмысленно, медиазапросы не для этого созданы.
>>496377>>496386>Процентами пользоваться не пробовал? Пробовал, часть элементов в макете позиционирована через absolute, часть fixed, процентно к ширине масштабируемого контейнера не привязаться, особенно если речь о размере шрифта элемента.Переменные мне бы помогли, но они слишком малым количество браузеров поддерживаются.>>496439Неужели?
Дайте гайд по нарезке макетов.inb4: 3 урок из интенсива.
>>496473Brackets.
>>496479хуекетс>>496473Avocode
>>496473Интенсив, третий урок.
>>496481И чем он лучше брекетсов? Они умеют все то же самое, да еще и в рамках одного IDE, а не отлельной программы.
>>492412 (OP)Плиз помогите нюфане. Как сделать так чтобы фон наезжал на текст как на пике?
>>496653Никак, это все будет картинка.
>>496653Можно попробовать через блок с пнгшкой и отрицательным маргином или абсолютным элементом.Но вообще это нужно только, если будет анимация со сдвигом горы, в противном случае - >>496697
>>496697>>496702Мне друг говорил там что-то с background-clip text . Почитал за это свойство вобще не ебу как это связано.
>>496709Никак не связано.
>>496735Спасибо, антош. Уже второй час с этой хуйней ебусь, буду фоном хуярить
>>496653Зачем все усложнять? Чтобы заказчик мог поменять потом текс? Так обоснуй ему, что делать на версте будет дороже, целесообразнее и бесплатнее менять в psd. Все, нет проблемы.
>>496757Он говорит скил нужно качать, css3 свойства учить и т.д.
>>496770> скилл> ебля с фоновыми картинкамиНе надо вот этого вот. Верстай лучше, а фоны в фотошопе вырезай. А то будешь как анон, который недели две пытался в седоне маску какими-то там абсолютными слоями сделать. А мог бы в это время адаптив уже верстать.
>>496770Но тут же блядь очевидно что никакими css3 свойствами ты не сделаешь так чтобы текст в середину фоновой картинки залез. Только делать гору отдельно и накладывать на текст, как тебе и посоветовали выше. Либо не париться и делать все фоном.
>>496479Дай гайдов каких, плис.Именно по нарезке.
>>496770Напоминаю, что вёрстка - это такой уровень, где от человека требуется максимальная продуктивность, а не какие-либо изыски.
>>496322Ты что, ебанутый?Чо ты там делаешь?500 рублей в час это при 40 часовой рабочей неделе 80к, нахуй так жить? Или ты в пердях живешь и тебе ок?
>>496834>80к в месяцfix
>>496834Если только верстать - то вполне себе неплохо. На всяких hh хрен еще найдешь работку с такой зарплатой для версталымимо
>>496827Вообще-то так везде
>>496834ты не ахуел? 80 для верстака-потолок
>>496817Ты прикалываешься? Нужный гайд там по умолчанию открыт после скачивания и запуска.
Аноны, как можно сделать блок в котором несколько изображений(галерея) и торчит кнопка "еще", чтобы по нажатию на неё галерея разворачивалась с остальными изображениями?
Прошу помощи с адаптивностью, на картинке показано как должно получится на планшете, что для этого необходимо сделать? Верстаю на бутстрап, пытался прописать классы для других экранов, но как убрать лого на другую строку? Это надо делать через медиа-запросы? Но как?
>>496981Нахуй ты в бутстрап лезешь, если элементарные медиа не понимаешь?
>>496978JS
>>496985Я больше по пхп и js и некоторым cms, но раньше удавалось обходится без адаптивной вёрстки (обычную кое-как за пару дней освоил, чтобы хоть какой-то делать дизайн интерфейсам разных скриптов, которые пишу) но сейчас чувствую без этого никак, надо освоить адаптивную вёрстку, с бутстрапом мне показалось это будет легче.
>>496988бутстрап удобен своей сеткой только когда дизайнер делал сайт под нее и расчитывал адаптив по ней. Иначе-это бесполезный тяжелый кусок классов.
Пилю свой сервис комнатный, нужно мне 5 страничек нарисовать. Денег у меня нет нихуя. Есть тут дизайнеры стремящиеся, типа за портфолио, или вы тут ток по верстке?
Как так то? Где я дебил? Почему оно присваеват цвет классам, ссылаясь на то правило, в котором я ему прямо говорю не присваивать цвет именно этим классам?
>>496834Да, мухосрань 200к населения. Мне пока что норм.
>>497023>color>background-color
>>497036И? Все верно. Хочу при ховере цвет текста ссылок коричневым цветом делать. Кроме тех ссылок, которые играют роль кнопок (.btn) и пунктов меню (.menu-item) - в них цвет текста при ховере должен оставаться белым.
>>497041background-color не относится к цвету текста
>>497053Я знаю. Что ты хочешь сказать то?
>>497057Прости ананас, я что-то в глаза ебусь под вечер. Возможно это баг, что тебе гугль говорит?
>>497053Может так понятней будет.Пункты меню имеют класс menu-item. Цвет текста в них - белый, от общего правила в body. Но некоторым ссылкам я хочу задать цвет текста при :hover - коричневый (это, если ты верстал барбершоп, новости и я забыл пароль. Задаю общее правило для всех ссылок кроме тех, что имею классы btn и menu-item. Но им все равно присваетвается этот коричневый цвет текста.Понимаю, что дурак тут я, раз не вижу где ошибка, но вдруг кто-то свежим взглядом посмотрит и скажет где я налажал.
>>497063О, дай плиз макет барбершопа.Я уже заебался в интернетах искать.
>>496995Дак вроде можно вытащить из исходников миксин-генератор сетки и делать любую. Там же гаттеры тоже через переменные проставляются. Ну и т.д.мимо толком не ковырялся в бутстрапе
>>497066>Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. >https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPcДля кого шапку писали?
>>497066Качаешь базовый и там будет папочка с макетами. Среди них барбершоп. Шапку блядь читать надо!!!
>>497071>>497073Ох, лол, не замечал там, искал только в раздаче макетов.
>>496981Сделай сначала для планшета, а лого на десктопе абсолютом на нужное место разместишь
Если кому вдруг интересно - я разобрался где был проеб. Надо было :not(.btn):not(.menu-item), т.к. мне нужно было, чтобы ни элементы с классом .btn, ни элементы с классом .menu-item не перекрашивались.Вместо этого я задал два отдельных правила, в итоге окрашивая сначала те элементы, у которых нет .btn, а потом те, у которых нет .menu-item Классов, т.е. по сути - все.>>497063, >>497023-кун
>>497114После того, как ты объяснил - всё стало очень логичным.
Решил для саморазвития сверстать лендинг на бутстрапе.Боже, какое это говно. Там, где я мог все крассиво расставить флексами двумя строчками, приходится городить забор из ебучих див класс=кол-мд-n Почему оно так популярно?
Прохожу курсы с трансформацией, как же это охуенно, жду не дождусь JS шоб пилить всякие охуенные свистоперделки.
Верстаны, поясните за data- в html, нахуй он нужен?
>>497253Он не создан для верстки по готовому дизайну как таковой, скорее просто для прототипирования, либо для проектов без дизайна, об этом кто только уже не говорил, либо не писал в статьях. Другое дело, что его конечно можно не юзать в готовом виде, выкачать исходники, подключать только нужные примеси и таким образом закастомизировать>>497328Для связи с js
>>497332>Для связи с jsА id для чего тогда нужен?
>>497339В id ты не можешь хранить данные, либо инфу, которая пригодится в js, а в дата атрибутах можешь. Поэтому они так и называются.
>>497341Спасибо за ответ.
>>497341А, ну и еще их доставать можно через css тожеНу и вообще на, учитесь гуглить https://habrahabr.ru/post/139210/
>>497343Я просто пока в JS нихуя не понимаю, а создатели курсов зачем-то впихнули эти data- для стилизации.
> кhttp://www.freecodecamp.com/Норм сайт? В курсе вроде раскрыты основные моменты для вкатывания в веб, да еще и рассчитан на 2000 часов правда 800 из них на какие-то "непрофитные проекты" для портфолио
>>497404норм.
>>4974042000 часов?Ты пизданулся?
>>497788А сколько ты планируешь учить HTML/CSS/JS/Sass/React/Node.js? За недельку справишься?
>>497794html\css месяц. яс год все остальное не обязательно задротить
>>497835Там css/html по плану - 5 часов изучения, лол
>>497839там по верхам html/css и бутстрап и базовые алгоритмы js и проходится на их сайте за 1-2 дня аж до проектов типа random quote machine и т.д. Как там дальше я хз ибо сел за js интенсив от академии. К этому сайту как-нибудь потом вернусь.
>>497851То есть курс как бы для общего ознакомления?
>>497857а чо, есть подобные курсы, после которых можно на синьора претендовать?
>>497868На Верховного Программиста
>>497870>На Верховного Программистакороль_аськи.жпг
>>497851я кстати пару дней назад ради прикола ебанул за один день их курсы по хтмл/ксс, жуквери и бутсрапу. все-таки неоч эти курсы по хтмлам, большинство заданий в духе "скопируй эту поебень туда-то, а эту туда-то", что на академии, что здесь. рано или поздно человек начинает тупо выполнять инструкции без особой пользы для навыков.
Emmet или Jade? В чем вообще разница?
>>497985Молоток или колбаса? В чем вообще разница?
есть ли какой нибудь способ объединить чекбоксы в html так что бы галочка ставилась только в одном
>>497994radiobutton
>>497996нужно именно чекбокс
>>497999тогда только через жс
>>497994Не предназначены блядь чекбоксы к такому. Это задача радиокнопок. Неинтуитивное поведение надо избегвть. В группы объединяются для выбора одного варианта радиокнопки. Чекбоксы же позволяют сделать множественный выбор. Не надо блядь менять. Лучше уж лэйбл застилизовать на худой конец если дизайнер долбоеб
>>497994Может быть можно стилизовать радиобаттоны как чекбоксы. Кто-нибудь знает, можно ли так?
>>498030Нужно скрыть радио, и задавать лейблу в фоне разные картинки при активе и не активе, либо вот так http://codepen.io/exdeniz/pen/sIihf
https://www.codeschool.com/build-an-interactive-website/?utm_medium=email&utm_campaign=Announcement_build_an_interactive_website&utm_source=mailchimp&utm_content=null
>>498123Новый курс, вроде во многих пунктах халявный
>>497404Не осилил обучение, это пиздец, пока до сути доберешься умрешь нахуй
>>497999Ну в iCheck нарисуй их как чекбоксы.
Про gulp тут или в JS треде спрашивать?
>>498547Я хз че ты хошь спросить, но вот есть курс от Кантора и еще недавно видео от чувака вышло.https://www.youtube.com/playlist?list=PLDyvV36pndZFLTE13V4qNWTZbeipNhCgQhttps://youtu.be/vW51JUVT66w
>>498563После запуска gulp появляются только css файлы стилуса, а минифицированый файл стилей - нет. НО, после второго запуска всё ок. Не могу понять где я не так понял логику.
Есть ли какой-то толк в этой сфере от изучения PHP?
>>498576Возможно работа с CMS и то хуй знает. PHP это же бекэнд, а тред о фронте.
>>498576есть, будешь человеком-орекстром, которого в куче вакансий ищут (желательно еще правда работать за мин плату, а также быть не только фронтом, бэком, но еще контенщиком и сео-специалистом и т.д.).ну а вообще чем больше умеешь тем ведь лучше, главное чтобы это оплачивалось соотвественно, а не как если бы ничего не умел
>>498570наверное лучше пайпать сразу, а то может тут асинхронная хрень и на момент первого запуска еще не успевают появится файлы, которые ты хочешь минифицировать
>>498576Базовые основы знать надо, ибо очень вероятна работа с пэхой на серверной стороне.
>>498610Если там REST, то похуй. PHP фронту не нужен.
Понял что за баба раздражала в чате на записях базового jshttp://yseredich.github.io/
>>498731>навык HTML/CSS - 90%>верстка съехала нахуйМда.
Такое-то позорище для htmlacademy.
>>498731>3 сверстанных фиксированных мелколендоса > знание HTML/CSS 90%>один учебный проект из интенсива на JS> знание JS 60%
>>498734>>498735не, ну она вроде не проходила продвинутый, поэтому наверное не адаптивила, но фоны ехать не должны, согласен.
>>498739> знание JS 60%хмм, интересно, что тут считается за 100%
>>498742100% - Брендан Эйк.
>>498746точняк)
>>498740Да тут придираются то больше из-за ее скиллвила типа 90% хтмл/ксс. Если ее уровень знаний 90%, то мой 200%, лол.
>>498740>не проходила продвинутый курс (который в сумме с базовым даст знание от силы 40% возможностей html/css)>90%Наглость - второе счастье.
>>498731кек. верстаны, а ведь на работу если что возьмут эту тупую суку, а не вас.
>>498804Я не планирую трудоустраиваться в Питере, так что мне похуй.
>>498804Да кому она нахуй нужна, на рынке как-будто выбирать не из кого. Баба на корабле вообще к беде.
>>498804не вижу логики
Этот ваш вебпак ведь может заменить гранты-галпы в плане всяких автопрефиксов, группировки медиазапросов, минификаций и прочих штук чисто для css?
>>498817именно это ты и скажешь, когда это >>498804 произойдет.
>>498821Да.
>>498823Сомневаюсь. Мой уровень с ее не сравнить.
>>498825А есть про это подробнее? А то как не полезу гуглить, везде про модули-жсы.
>>498821Да, но вообще в идеале совместить вебпак и галп, самое илитное решение
https://www.youtube.com/playlist?list=PLDyvV36pndZHfBThhg4Z0822EEG9VGenn
>>498827Ну так подтягивай свой уровень то, стыдно должно быть.
>>498831Потому что вебпак все преобразовывается в js-модули и ему обязательно нужна входная точка в js, где ты зареквайришь свою css. Для того, чтобы вынести css в файл, а не использовать как модуль тебе понадобится ExtractTextPlugin.Вообще, найти на ютубе курс Кантора по вебпаку и посмотри. Там все хорошо расписано.
>>498836да я вон выше уже кинул ему >>498834
>>498836>>498838А если прям в двух словах, в чем суть и профиты этой приблуды, кроме того, что это возможная альтернатива галпам-грантам?
Анон, юзаешь ли ты Less Sass? Смотрю интенсив, ну что то как-то....Вложенные переменные еще куда не шло, мб переменные где-то юзануть, но в остальному применения пока не вижу.
вложенные селекторы
>>498840Вложенные селекты, импорты, амперсенд, переменные, возможность мешать цвета.Эти несколько фич покроют 90% твоих требований на данный момент. Меня лично чистый ксс без вложенностей писать даже под дулом пистолета не заставишь
>>498839Это для хипстеров
Лучше через консольные приложения начинать сразу вьезжать? или через GUI? Насколько реальный профит будет от консоли?Ну кроме того, что я крутой парень и ебашу через консоль?
>>498839Основное отличие в том, что вебпак не бездумно проходит по таскам, а парсит файлы, проверяет их на корректность и разбивает на модули (и позволяет менять их на лету). В этом плане он похож на browserify, но работает не только с js, а вообще со всем. Его удобно применять, если у тебя куча компонентов, а у каждого компонента свой js, css, картинки, еще какая-то шняга, а еще нужно что-то забрать из node_modules, а еще что вытянуть из старой либы — он все это склеит в аккуратный бандл не проебав пути и зависимости. Причем модули несложно догружать потом асинхронно.В общем, преимущества вебпака раскрываются в полной мере в больших и сложных проектах со множеством модулей. Если тупо нужно перегнать scss в css, то проще использовать gulp.
>>498845Лучше через консоль. Во-первых ты будешь лучше понимать что происходит, во-вторых сможешь потом писать элементарные команды типа:npm run eslint && npm run stylelint && NODE_ENV=production ./node_modules/.bin/webpack
>>498845Много чего через консоль делается. Но я для начала использовал prepros (на одном макете) так как только знакомился с препроцессорами и было слишком много информации.
>>498854Ни чего не понял,ну ок послушаю твой совет.
http://getbem.com/introduction/
Ананы, насколько сложен жс для человека, который только вкатывается в погромирование, а то я что-то половину задач с http://learn.javascript.ru/ осилить не могу?
>>498942Смотря какие задачи не можешь сделать.Вообще на сколько я слышал, не рекомендуется js в качестве первого языка программирования. Но сам судить не могу, ибо писал в школе на паскале, в универе на фортране и с++
Начиная с массивов, тяжко становится.
>>498965>>498976
>>498942JS один из самых простых языков, по нему огромное количество инфы, примеров, обучалок и прочего. Запускается прямо в браузере, результат видно сразу, все средства дебага встроенные.В нем есть много неочевидной хуйни и странных wat-моментов (привет, динамическая типизация), но если придерживаться правил хорошего кода (всегда ставить === и прочее такое), то этих проблем легко избежать.Вообще, все си-подобные языки похожи друг на друга — различия в количестве синтаксического сахара, типизации, да управлении памятью.
>>498976Хз, что сложного в массивах? Для новичков в программировании я вижу два сложных места:1. Отличия в передаче переменных по значению и по ссылке2. Замыкания, захват лексического окружения и this
Ананасы, киньте годноты по пхп , на работе почему-то это нужно, а что именно нужно я хз.
>>498993Охуеть, принеси то, не знаю что. В любом случае, иди в pr.
>>498965блять, да все кому не лень хуями кроют этот жс. но что поделать, фронтендер по сути язык не выбирает.
>>498993дуй на codecademy, потом может еще чего нароешь.
>>498993В пхп тред иди. Они там вроде даже версткой и js-ом занимаются тоже)
>>498998>Есть всего два типа языков программирования: те, на которые люди всё время ругаются, и те, которые никто не использует.
не знаю как вы, а я крайне хуево секу в алгоритмах. то есть, матчасть по тому как всякие штуки выводить на страницу я еще наверное осилю, но вот когда на собеседовании ушлый интервьюер попросит вывести какое-нибудь хуево число ебаначчи от минус миллиона, жиденько обосрусь нах.
Наткнулся на забавный видос, где чувак верстает говномакет, стилизуя по хтмл тэгам и решил сверстать его сам, заодно поразгребал бутстраповское дерьмо. Оцените, насколько получилось говно/10: http://acilsd.github.io/landing-btsp/И да, я неудержался и напихал туда жикверевских свистоперделок.Олсо, автопрефиксер начистую отказался работать. Я так понимаю, это из-за бутстрапа?
>>499024Ты же знаешь, что все страницы которые показывают менее 60 фпс при скролле автоматом уходят в shit tier?
>>499022Это можно потом отдельно подтянуть. Все, кто ниже senior алгоритмы могут и не знать.
>>499024>.sass-cache в репозитории>либы не из npm>package.json нет>сборщика нет
>>499022А что сложного в фибоначчи? Их главное рекурсией вызывать.
>>499037>что сложного в фибоначчиесли ты заранее с этой хуйней знаком - ничего.
>>499024я даже знаю где ты его видел, этот урок)
>>499042А ты с математикой школьной знаком? f(n)=f(n-1)+f(n-2) ахуеть сложно.
>>499105ну еще с уловием f(1)=1
>>499022А я не понимаю алгоритм решения ханойской башни. Ну понятно, что перемещаем с одной на другую, используя третью как буфер, но вот как оно рекурсивно реализуется не понимаю никак.
>>499141щас тебе этот >>499105 поц объяснит.
>>499174Я на это и надеюсь. С фибоначей у меня нет проблем
Всё-таки как разобраться с адаптивной вёрсткой? сами основы я усвоил, немного поверстал на стандартных примерах, но как например сделать адаптивную шапку сайта в которой есть меню, лого, какие-то надписи и ещё что-нибудь? Может кто скинуть реальный пример адаптивности для бизнес-сайтов, которые красиво свёрстаны и натянуты?
Что где работу та искать ?Сколько хуету эту дрочить sass хуяс, адаптив респонсив бля. Сижу и охуеваю, от мысли хуярить макет в стол блевать хочется.Хотя ясен хуй, есть что подтянуть.Бабла нет,обои жрать скоро буду.
>>499271hh.ru
>>499192Тебе мало примеров в гугле, что ли? Открывай любой сайт лебедева и смотри стили, епт.
>>499274На hh хотят ,что бы я был человек оркестр.Ладно это я так,гавано вылить хотел из себя.
Поцоны вкатываюсь со своими маняпроблемами, короче я в 9 бросил школу, следом бросил неПТУаКолледж, начал учиться в верскускидываю на почту в своем мухосранске фейкогитхуб https://github.com/LitvinenkoEvgeny/storytellerговорю дескать могу и в вебпак и реакт, даже restAPI на джанго организовать смогу, и короче не берут, от слова вообще, че делать ? Я скоро с голоду сдохну. На cyberforum репа есть, ток мне стыдно его заказчикам палить. Че делать то ?
>>499325короче выручай анончик, маман скоро на пенсию а я говно без задач. советов там поднакидай, а то я на форумах стал все чаще встречать долбоебов, которым мне впадлу отвечать, следовательно я че то умею например.
>>499325>могу и в вебпак и реакт, даже restAPI на джанго организовать смогуИ где хоть одна работа, которая это подтверждает?
>>499337ну на гитхабе нет, я просто писал в веб студии аля мухосраньMedia они как бы вообще ни про django ни про реакт не в курсе, че уж говорить про бандлеры и es6
>>499337да и кому из них ( тех кто читает почту ) код что скажет ?
>>499343Лол, ты не резюме отправляешь что ли?
>>499345лол дак нету у меня никакого резюме
>>499347Ну охуеть вообще, неудивительно, что тебя никто не берет. Иди на hh и сделай.
>>499276а где у него хоть один адаптивный сайт?
>>499325>скидываю на почту в своем мухосранске фейкогитхубя не понял, а кому всрался гитхуб, в котором лежит какое-то барахло, но нет ни одной работы? или ты думаешь, что одного факта, что у тебя он есть, достаточно?
>>498563Пидорский говор на втором видео.
>>499386У него почти все сайты с резиновой версткой.
>>499347Чувак, если ты реально во все это умеешь то тебе не составит особого труда сесть, сделать несколько годных проектов или верстануть нормально сайтиков, собрать портфолио, написать резюме и отправлять тогда уже.
ДС.Пригласили на не оплачиваем стажировку до мая. Стоит ли вписываться,шансы на кидалово?Вообще анонсировала, что думаешь,это вроде как круче ,чем в стол верстать...
Вообще анон*
>>499632лол, мне кажется это тебе предложение набраться опыта в реал проектах за бесплатно. На работу потом рассчитывать не стоит, а вот 2 недели поковырять че-нить реальное вполне можно для опыта.
>>499659Ну дело в том,что стажировка до конца мая о_О
>>499663Дропнешь, делов-то
Как можно наебать с опытом работодаетеля? У меня его нет, а везде требуют 3 года. Если допустим я скажу, что у меня опыта 2.5 года, как они это проверят? Рекомендательное письмо? Трудовая книга?
>>499707Второе, если скажешь фрилансер, скажут показывай проекты. В этом плане лучше не наебывать.
>>499707Ты синьером чтоль устраиваешся?
>>499709Ну покажу я им несколько сайтов рабочих и скажу что это я сделал, они что? Будут звонить чтоле туда и узнавать? Или сурцы попросят? >>499713Ноуп, версталой ПХП бомжом и веб-мастером.
>>499632Была бы у меня возможность пойти на стажировку даже не оплачиваемую - пошел бы. Ее всегда реально можно дропнуть, а во вторых все-таки опыта набраться можно быстрее.
>>499722Ты правда думаешь, что все тупые, а ты один умный? Лел. Пробегуться по вопросам "твоего" уровня и тут ты обсерешь все штаны и будешь с позором выставлен, нахуй так делать?
>>499707И да, конторы которые требуют 3 года заведово уебищные и ищут оркестровых макак программированных, а не спецов для развития. Норм фирмы смотрят твои проекты, реализацию тестового.. и поебать им сколько ты там работал, можно 3 года верстать статику с JQ плагинами и в итоге быть хуем-нулем, а можно за пол года нахуячить аналог твиттера какого-нибудь и быть королем нарасхват. Но это не про верстку, а фронтэнд в целом. Ибо какой ебанат ищет верстака с 3х летним опытом? Там за год дрочки в реал проектах будешь как Аллах
>>499707Лучше этого не делать. За спеца с трехлетним опытом ты себя выдать не сможешь, в итоге жиденько обосрешься и сделаешь себе хуже.
>>499726>>499732Допустим я на это всё отвечу, тогда отъебутся? Норм. Я готов навыёбываться на свой страх.>>499728Да, это я согласен. Там требуется и дизайнер и версталла и бекендщик в одном флаконе, но я готов к этому.
>>499733Пытайся, хули. Увидишь, что мы были правы. Начинать сотрудничество с вранья — та еще стратегия.
>>499733Скажи просто что 3ех нет,но покажи что можешь,вот и все.По хуй на их требования,там такое бывают пишут,что слов нет.
Голосуем, анончики.
>>499751https://strawpoll.me/7104603
>>499725Ты из ДСП?
>>499725Автоввод ебаный. Ты из ДС?
>>499761Нет, я из жопы мира)
Поддвачну насчет стажировки. Могу даже в неоплачиваемую, но лучше хотя бы чтоб тысячи 2 грн платили, хоть на еду хватит.
Антоны, а зачем задавать переменные для фонт-сайза? не проще делать классы, в которые вписывать еще и лайн-хейт и жиронсть?
>>499996Потому что на нормальных сайтах есть стайлгайд и у тебя всего стилей текста штук пять. Охуеешь потом менять, если каждый раз будешь в класс прописывать.Пиксели на пике было бы правильней заменить на rem, пожалуй.
БЭМ какая-то хуерга для архи-больших проектов с командой из десятков человек, одновременно работающих над кодом.Не могу себя заставить писать эти длинющие имена классов.
>>500017Так их никто и не пишет руками.
>>500014я как раз и имел ввиду что-то вроде этого делать. только просто классами, а не миксинами.
>>500036Чтобы не было классянки в html надо подмиксовывать. Тем более в БЭМмимо
>>500017Начинаются отмазки - не нравятся имена классов, не хочу их писать, значит БЭМ хуета для архи-больших проектов. Ппц логика
Ананасы, хуй знает где спросить. Как вы обучаетесть? Сколько отдыхаете, сколько учите и.т.п? Дайте годных советов, в выходные часа 3 занимаюсь и все пиздец информация больше не усваивается, что делать?
>>500044Мы же на дваче, не могу\не получается значит НИНУЖНА
>>500048Я по 3 часа где-то тоже занимался когда проходил базовый и продвинутый. Сейчас сижу за js уже часов 6 в день где-то.Делаю по технике помодоро. В перерывах разминку для глаз и шеи. Когда занимаюсь пишу небольшой конспект с основными моментами.
>>500061Спасибо, пойду гляну.
>>500061А ну и да, чтобы инфа хорошо усваивалась надо хорошо высыпаться и гулять на свежем воздухе. Если с первым более-менее норм, то вот со вторым не очень - дома сычую обычно)
>>5000611 в 1, ток в перерывах дизайн, жрать хочется
>>500036А смысл это делать классами? Лишние миксы, не все стили понятны из css, хочешь что-то поправить — нужно в код шаблона лезть. Одни неудобства.
>>500061А что насчет отдыха?Как отдыхать?Просто валяться на диване заебывает, а смотреть смищнявки на дваче и игоре особо не расслабляют.
>>500078Спорт же.
>>500080Например?Кроме турника ничего в голову не приходит.По технике помидорки отдых 5 минут же, не?
>>500084Я лежу с закрытыми глазами и слушаю ахуенную музыку.
>>500084А, ты про кратковременный отдых. Я обычно иду делать чай или просто хожу по квартире, разминаюсь.
а я траллю на двоще. например захожу в верстка-тред и говорю, что верстальщишки какую-то хуйню собачью обсуждают
>>500094бля ну нитраль плиз(((
>>500078Отдых должен быть не у компа. 5 минут (для меня эт не отдых а перерыв) между помидорками я написал - встаю и делаю упражнения для шеи/глаз/приседаю (чередую)А вот отдых (несколько часов который) рекомендуют гулять на свежем воздухе. Но вот тут я не придерживаюсь зачастую (сыч). Обычно просто ухожу от компа лежу с закрытыми глазами слушаю музыку/либо сам играю на гитаре либо еще какую-нибудь хрень делаю, лишь бы глаза и мозг не напрягать особо.Ну и еще рекомендуется пить побольше жидкости (вода там или зеленый чай). Полезно для позвоночника и вообще. Тут рекомендаций придерживаюсь)PS надо уже походу в шапку добавить что ли базовые советы по тайм-менеджменту/здоровью лол
>>500048ничего не делаю. Прохожу игори, смотрю ролики на ютубе, поясняю за жизнь младшему брату. Охуенно быть иждивенцем.
>https://strawpoll.me/7104603/r>Atom 1 vote Чего так мало, атом даже хуже чем брекетс?
>>499752>>499751notepad++
>>500048Утром встаю делаю первый "блок" тасков, в нем немного работаю и в основном гоняю теорию. Вместе примерно 3-4 часаЗатем 2 часа перерыва на велик, книжку или просто поспать, а затем еще один блок где-то на 4-5 часов часов до 10 вечера. Второй блок больше практический. В итоге получается до 2 часов на работу и до 6 на учебу. Вполне неплохо, хочу больше, но не получается пока.Тоже кстати по помодоркам учусь, помогает концентрироваться, да и отслеживать свою работу тоже. Сразу видно, сколько сегодня учился, сколько вчера, успеваемость, как было раньше.В выходные преимущественно отдых, максимум с кодом поиграю или книжку какою по джс читну. В основном ебашу на дальние дистанции на велосипеде, отдыхаю, учу английский, етц.
>>500228>Тоже кстати по помодоркам учусьЧто это ?
>>500231http://lifehacker.ru/2015/05/28/all-about-pomodoro/мимо
>>500228Зимой можно на лыжах, летом на велике.А вот в такую уебанскую погоду как сейчас что делать?
>>500239Не знаю какая там сейчас погода у вас, лично я велик обожаю просто, поэтому сезон грубо говоря не закрывал. Катал и в -7, лол. Все зависит от экипировки. После зимних каток для меня 0 на велике - вообще заебись. Так что на велике можно в любую погоду в любое время, кроме ливня или совсем уж ебанутой сырости. Тогда просто неприятно.
>>500240Что за велик?Зимой что нужно для катания?
Когда задаю размеры в ремах, в ссылках размер неадекватный получается. Кто сталкивался, в чем дело?
>>500248код
>>500250http://codepen.io/anon/pen/ONWzQvесли баттону 18px задать, то размер совсем другой.
>>500245>Что за велик?Kellys Viper>Зимой что нужно для катания?Желание, лол. Ну а вообще конечно теплые спортивные штаны, подштанники возможно, если собираешся в минуса гонять, хорошая обувь, зимние велосипедные перчатки, короткую зимнюю куртку, бафф, хотя можно и без него.А, ну и желательно иметь велосипедный рюкзак с продуваемой спинкой.
>>500237Спасибо
>>500266Все правильно там расчет идет1.8rem в твоем случае это 1.8*16px = 28.8pxУ тебя же для корня шрифт не задан, а значит он дефолтный.
Кстати, если em и rem нужны для адаптива, то почему, они не уменьшаются при ужимании экрана, или зачем они тогда нужны в таком случае?
>>500296>почему, они не уменьшаются при ужимании экранаПотому что они от него не зависят, очевидно же. Почитай доки что вообще такое em и rem.
>>500292что значит для корня? для боди задано же. а для чего надо то?
>>500310Для html.
>>500209>дажеА ты смешной.
>>500469Чего смешного?
>>500494Смешно то, что единственный редактор, позволяющий верстать с psd без сторонних редакторов изображений, у тебя даже можеть быть лучше атома, за который меньше всего голосов.
>>500568че внатуре ? Можно вебшторм удалять ? Прям можно ? Леттер спейсинг там посмотреть, я про нарезку то не говорю, но тени цвета шрифты размеры правда можно ? Brackets я так понял
>>500568> позволяющий верстать с psd без сторонних редакторов изображений,А вот это по-подробнее. Насколько он хорошо слои распознаёт? Или такая же ерунда как гимп?
>>500598я нагуглил https://habrahabr.ru/sandbox/88283/и короче енто типа http://avocode.com/ только порезанный и в редакторе
>>500568>позволяющий верстать с psd без сторонних редакторов изображенийА нахуя надо? Это обрезок же, да и работа с psd в фотошопе очень проста и занимает мало времени. Легче работать в быстром саблайме с фотошопом.
Ананасы, я тут свой первый макет верстаю (на самом деле до этого был опыт, но там все смеха ради) естественно на хтмл/цсс. По макету понятно, что должны быть всякие красивости - слайдер, анимации и т.д. Тут накануне решил больше узнать о бутстрапе, нашел видео где тип объясняет что к чему и заметил, что пример, на котором он это все показывал - один в один по структуре как мой макет. Таки вопрос - стоит ли качать бутстрап, чтобы доделать свою верстку или, т.к. я нубас, превозмогать и пытаться написать самому с нуля? жс не знаюВообще насколько часто применяется БС или подобные ему вещи и насколько это вредно для начинающего?
>>500723Хули вас как помазанных тянет на этот бутстрап. Одно и то же всегда. То люди с jq js учат, то html с бутстрапа. Неужели непонятно что такое бутстрап и зачем оно нужно? пиздец.
И где оп?
>>500598Нормально распознает. Проблемы пока были только с барбершопом, потому что дизайнер мудак, вообще о верстке не думал.
>>500619Например для того, чтобы не покупать фотошоп, и чтобы не держать в отдельном окне тяжелую программу.Алсо, фотошоп тебе не пощволит в два клика экспортировать слой в файл и в код одновременно.
>>500590Можно, если макет не говно. Делал по макету тестовое - буквально смотрел абсолютно все, шрифты, высоту строк, расстояния, цвета, размеры, бордеры, опасити, всё.А вот барбершоп нарисован крайне криво. Например, при попытке считать параметры кнопки брэкеты видели только картинку, предлагали ее экспортировать, не распознали цвет (что очень странно). Также были проблемы с размерами шрифтов и высотами строк.
>>500820палю годнотуhttp://jnet.kz/httml/2014/03/13/eksport-sloev-iz-photoshop-v-odin-klik.html
>>500827То есть, к тяжелому программному продукту, поедназначенному для совсем других целей, предлагаешь еще и костыль прикрутить?
>>500828>автоматизация>костыльты не прав>тяжёлому программному продукту>советует brackets как альтернативуbrackets шустро работает только на небольших макетах, на здоровых, которые, как раз, и используются на практике, он начинает нещадно лагать, гораздо похлеще фотошопа.
>>500828А вообще, каждому своё. Нравится brackets, пользуйся им, но мне на моей некропеке ай3 4 гига удобнее пользоваться связкой сублайма и фотошопа.
>>500845Дай пример макета, на котором брэкетс тормозит. Пока еще не встречал такого.
>>500866Лень искать, но я как-то опробовал его на одном макете на 40 мегабайт. Работать было невозможно.>пока ещё не встречал такогомолодец, что. Может у тебя пека получше.
https://2ch.hk/wrk/res/500885.htmlhttps://2ch.hk/wrk/res/500885.htmlhttps://2ch.hk/wrk/res/500885.htmlhttps://2ch.hk/wrk/res/500885.htmlПЕРЕКАТ