Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.====================КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ>Можно ли вкатиться в randomAge.Можно.>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.>С чего начать? Что учить? Куда смотреть?Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку. >Есть ли работа?Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять. >Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.>Сколько времени займет обучение?Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Верстала с пониманием JS и портфолио - 600+ часов.Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.>Слышал что для устройства на работу нужно портфолио.Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.>Подскажите хостинг/сайт/место где все эти проекты держать?Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.>Могу ли учить верстку/JS после работы по 2 часа?Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.>Могу ли я спросить что-то в треде?Конечно. Но перед этим следует проделать следующие действия.1. Подумать.2. Погуглить.3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать.Если решения все равно нет - спрашиваешь.Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота. =====================Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма. Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте. 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Теория продвинутых курсов HTMLacademyhttps://yadi.sk/d/Ka-aU3poqa8bMБазовый интенсив за 2015 год:http://nnmclub.to/forum/viewtopic.php?t=899131Тот же базовый но посвежее, за 2016 год:http://nnmclub.to/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpПродвинутый интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=900609Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.https://github.com/tsergeytovarov/htmlacademy-basic-additional-materialБазовый JS интенсив за 2015 год: http://nnmclub.to/forum/viewtopic.php?t=974803https://github.com/o0/keksobookingМакеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>552601 (OP)
Освятил.1. Есть один сайт на Ангуляре с Ляравелем. Сайт несложный, но недовылизанный. Нужно пофиксить там баги и дописать кое-где риалтайм обновление интерфейса.2. После этого тот же сайт нужно портировать на Метеор. Знание его не обязательно, потому что мало кто его знает вообще, можно изучать в процессе.3. Допиливание новой функциональности.4. Мобильное приложение, на том же Метеоре, скорее всего.Оплата позадачная. Желательно анон из Украшки.Работка подходит для начинающих, первая задача вообще проверка на вон-из-профессии, не надо бояться, если будут сложные моменты, я проконсультирую.Скп holypiss
Немного оффтопа. Но я не могу не поделится своей радостью. В лисе пересел с Addblocka на uBlock. Нереально быстро всё начало грузится. Зашел на ютуб и кончил. Видео меньше чем за секунду стартуют.Знаю что в меня полетят ссаные тряпки, но я уверен, что кому-нибудь эта информация будет полезна. https://addons.mozilla.org/ru/firefox/addon/ublock-origin/?src=discovery-learnmore
Ух, доверстал вчерашнее тестовое задание. Вчера над адаптивом часа 2 сидел, ничего не выходило, сегодня с утра на свежую голову за полчаса справился. http://brauzerka-2014.tkтестировал только в лисе и хроме
>>561888http://brauzerka-2016.tkfix
>>561889Кстати, на хроме почему-то так и не заработало, до сих пор добавляет полосу горизонтальную полосу прокрутки, даже на мобилках.
>>561889хотя нет, всё работает. Это похоже просто в яндексе минимальную ширину окна браузера залочили.
>>561888как тестовое то получил?
>>561910разослал резюме в десяток контор своего Новосибирска, которым нужен front-end разработчик или html-верстальщик, из одной прислали тестовое задание. В резюме не привирал, из навыков написал только HTML и CSS, хотя поверхностно знаю много чего ещё. Ну и два говносайтика в портфолио есть.
https://htmlacademy.ru/courses/55/run/18Кто как эту сраку решил?
>>561913там же нет ничего сложного. С чем возникли проблемы?
>>561914Там везде у меня проблемы, пытался верстать все по правилам, отсутпы кратны 5-ти и т.д, но почему то в верхней иконке с датой надпись на пол пикселя ниже, чем надо. Теги и комментарии левее чем надо пикселя на три. Дело, видимо, в инлайн блоках или типа того, короче, мне бы кто-нибудь с результатом 100% скинул сюда свой код по этому заданию - был бы очень благодарен.
>>561917выполнил это задание в своё время на 91%, не знаю, где получить тот код.
>>561923Не, мне бы 100% и по правилам. Я набыдлокодить и сам могу на 100%, но не хочу. А код там, с недавних пор, сохраняется в задании.
>>561925Так там задания такие, что иногда чтоб 100% получить, нужно быдлокодить. Вообще, вёрстка pixelPerfect не нужна и выполняется кучей дополнительных селекторов с новыми отступами или относительным позиционированием с небольшим смещением элементов.
>>561941Нет, на самом деле там задания такие, что все значения кратны 5-ти.И если ты ставишь другие значения - значит ты где-то чего-то не уловил. И надо переучиваться.
>>561948ты не прав. Твой результат преобразуется в картинку, и твоя картинка попиксельно сравнивается с их картинкой, которая генерируется устаревшей версией их браузера на сервере. Такие дела.
>>561949как-то непонятно я объяснил :(
>>561951Ты всё понятно объяснил, но давай спорить не будем. У меян есть опыт, который показывает, что можно быдлокодить, не улавливая каких-то моментов, а можно перечитать курс ещё раз и сверстать задание с соблюдением условий.
Аноны, подскажите, какого хуя не работает, если специфичность больше?
>>561964специфичность у обоих селекторов одинаковая.
http://csslint.net/Что скажете про этот сервис?
>>561968Блеа, спасибо. Я просто оба цсс файла поменял местами и сработало.
>>561976хз, нашёл у меня в 184 строках 35 ошибок, в основном там, где я переопределял встроенные или уже установленные мною стили нулями.
>>561911С вопросами которые ты вчера задавал у тебя и html,css поверхностные. Без обид.Если что и себя тоже считаю нубом еще
>>561960Поддвачну.
>>561889прокрутка
>>562103знаю, но текущими темпами без мотивации, ментора и дедлайнов хрен я их когда-нибудь разовью.
>>561949ага, только твой код преобразуется в картинку ТЕМ ЖЕ браузером на сервере, что и код образца, так что условия одинаковые
А как сделать, чтобы гитхаб пэйджес выводил страницы из общего репозитория, то есть у меня есть репа origin и в ней папки с разными страничками, но по адресу /<username>.github.io/origin/<projectname> пишет, что штмл файл не найден. или так нельзя сделать?
>>562371Не уверен что такое вообще можно сделать. Зато можно сделать одну страницу как представление или main-page портфоли, со ссылками на другие страницы, которые тоже висят на gh-pages.
>>562390Да, этот вариант я тоже держу в голове. Просто интересно было понять возможен ли тот вариант
https://invite-me-to-2chpr.herokuapp.com/Есть одна конференция в слаке, там постоянно идут разговоры за жизнь и IT, есть полумертвые каналы по языкам и неумолкающий #random, присоединяйтесь.
Есть у кого-то аналоги этого сайта http://tympanus.net/codrops/Чтоб такой же упор на крутой ui с примерами и туторами?
>>562445Ух, покликал на разные кнопочки, у меня аж комп зашипел. Нафиг такое делать?
>>562454А что у тебя за комп такой?
>>562483i3, 4gb ram
Почему когда я указываю через css путь к фоновому изображению - он начинает искать с папки, где лежит style.css а не index.htmlУ меня допустим такая структура:index.htmlimg > bg.imgassets/styles/style.cssКак прописать через css путь к bg.img?
>>562503в твоем случае../../img/bg.img
>>562510Спасибо.
Я так и не нашел единого мнения: насколько флексы лучше сношения с флоатами/иб? И стоит ли вообще юзать все эти удобные, но подозрительные 100vh и прочее?
>>562520флексы удобнее, понял это, когда верстал тестовое задание. Пользуйся онли флексами, флоаты - костыль.
>>562529Там гриды еще на подходе. Задумка типа гриды - масштабные блоки, а флексы внутри них будут использоваться уже. То бишь, это некая сводная технология получится.
>>562142.item {height} по задумке статичные, они не должны тянутся в зависимости от контента?
Вопрос на засыпку, кто-то может сделать этот гамбургер плавно выезжающим?http://codepen.io/nicothin/pen/dPqdydУ меня не получается, например.
>>562700Все, сделал.
>>562700Что ты имеешь в виду под "плавно выезжающим" ?
>>562710Та все, уже, не нужно
Анон от безделья и безденежья в свой отпуск учу html. Со знанием HTML можно какую нибудь работку найди чтобы тупо с голоду не сдохнуть, на то время пока на пхп макаку переучусь?
>>562715вряд ли, конкуренция в верстке ахуеть,там монстры-то за копейки уже ебашат, и нахуй они тебе эту же работу будут давать, если у тебя даже портфолио нет?
>>562717спасибо, обнадежил.
Советую всем кто уже прошел Кантора, знает английский и имеет пару месяцев практики на джс взглянуть на серию пикрелейтед. Чувак доступно и красиво объясняет кучу вещей. Гуру после прочтения вы не станете, зато смотреть на код будете чище.
>>562728отклеилось
>>562717тогда почему мне скинули элементарное тестовое задание? Серьёзно, интересно.
>>562728это как раз у меня в списке прочтения и было после кантора и js garden'a
>>562742ну как вариант чтоб ты на халяву им сверстал че-нить. Люди которым нужна норм верстка не смотрят на новичков вообще ибо есть из кого выбирать. Где задание брал?
>>562745>чтоб ты им нахаляву что-нибудь сверсталне, исключено. Слишком простой макет был.>Где задание бралразослал резюме в несколько контор, в одной дали тестовое задание
>>562708как сделал-то? Переход не хочет работать.
>>562749ну если ответят отпишись. Контора-то в мухосранях?
>>561861А на хром есть что-то подобное?
>>562751Новосибирск
>>562745Та не, всякое бывает. Не всем же нужны фронтендеры которые меньше чем за 500-700 бачей и жопу с дивана не поднимут. Возможно им нужен таки обычный верстала, с апетитами поскромнее.
>>562700бля как сделать пункты меню выезжающими, нихуя не впираю. По клику им просто визибилити трушное кидается. Анимацию что ли пилить с трансформами
>>562772Ну у меня получилось только так, и то я не придумал как сделать, чтобы плавно раскрывалось с 0 высоты до полного размера. Сделал через scale. Оно раскрывает с середины, но хоть как-то.
>>562793а что изменение высоты nav с 0 до 100% не катит?
>>562793>>562772ну тип как-то так можно
Аноны сейчас каждый пес из подворотни лезет программистскую среду. Не получится так что через 5 10 лет, будет жесткий демпинг и средней руки погромизд будет работать за корку хлеба, ибо будет таких девелоперов как грязи. Или допустим нахуячат супер интерфейсы что домашний попугай сможет верстать любой сайт, а?
>>562800получится и так уже демпинг либо человек-оркестрыесть правда и норм конторки но туда соответственно и конкурс так сказать вышетак что заниматься подобным следует только если ты именно хочешь этим заниматься, себя вне ит не представляешь и тебе на все посрать
>>562800Хуй его, я в этом деле не мастак но если верить рынку труда то в европке нехватка 800000 рыл в сфере IT.
>>562797логично, только косячок с первым пунктом небольшой получается на закрытии.
>>562800Ну допустим, дальше что?
>>562800По идее, через 5-10 лет у тебя будет опыта как минимум на 5-10 лет, а это значит, место себе всегда найти сумеешь. С другой стороны зарплата да и нагрузка будет ничуть не лучше и не хуже зарплаты в других сферах, где надо думать.
>>562796Если при нулевой высоте элементу не задать дисплей ноне, то оно, не убирает его, он просто лежит и сверху на него наезжает нижний элемент. Возможно я просто не смог грамотно анимация выстроить, так что, если кто-то сделает, будет интересно
>>562800не каждый пес. Это в веб дизайн и верстку да, а ты пойди посмотри на сложные проекты на том же js все пиздец, пойди найди не джуниоров вечных. Просто на вскидку попробуй запилить веб приложение с серверной стороной на ноде, и подумай сколько долбаебов это не осилит, я думаю процентов 90 из набежавших домохозяек и экономистов. Да и тот же веб становится мощнее и тяжелее, и как следствие сложнее. Хотя конечно и через пять лет верстать одностраничники тож кому-то надо будет.
>>562797А вот это грамотно, я не додумался
>>562797А как фиксануть задержку при закрытии?
>>561888анон расскажи нубу твой сайт на каком хостинге?где регал доменное имя? всё за свой бабос?
>>562826Двачирую. Года три уже занимаюсь веб-макакингом, а навыка как у новичка, да и зарплата на том же уровне.
>>562838подобрать max-height под твои пункты - я взял от фонаря 1000pxнаверное 250px и .5s для transition подойдет
>>562838добавить переменную состояния, если состояние открытого транзишен убрать.
>>562842>сайт на каком хостингепочти бесплатный хостингер, отдал 50 рублей за хостинг для двух сайтов.>где регал доменное имяdot.tk , абсолютно бесплатно>всё за свой бабосда, 50 рублей таки отдал. Кстати, на твоём месте я бы всё-таки запилил такие сайтики-песочницы как страничку на гитхабе, если, конечно, не хочешь учить ещё и какой-нибудь пхп.
>>562849>>562851Спасибо. Первый пункт сработал, я поставил 100% , а оно оказывается до конца страницы считало
>>562852пасибки
>>562867https://www.zzz.com.ua/ruвот бесплатный
>>562865Будешь должен)шучу, я тут почти никогда ничего не спрашиваю, ибо сначала серфинг в гугле и мозгование, а после этого как правило 99.9% вопросов отпадают
>>562826 я тот хуй хоторый за хтмл взялся, Js возможно осилить без серьезного матана, просто я пиздец старый (27лвл) и матан со школы не трогал.
>>562878Та я пытался сделать так, только задавал обычный хэйт, и оно не скрывало элемент. Потом начал ебаться с трансформом
>>562843ты лентяй или дело в генах?
>>562881матан или математику?возможно, тут нет особо сложной херни никакой
>>562881>jsЗависит от задач. Веб-макакинг - достаточно просто гуглить, ну и неделя максимум на изучение синтаксиса. А вот для чего-то серьёзного да, нужен матан.
Сап антоши, вкачусь в этот итт не по теме. Есть две возможности: пойти на очку в засраное говно(ит,другой город) или на заочку в шарагу на ивт. После 18 планирую плотно вкатиться в веб и сьебать в конторку уже к годам 20-22 работать за еду, все это, конечно, совмещать с учебой(если смогу, хз). Студенческая жизнь мне нахуй не всралась, но второй путь состоит именно в этом, идти на дневное обучение(если поступлю, хз) и получить образование уровня "непомойка внатуре"+ социализации, но потратить на это куда больше времени и сил. Становиться Великим погромистом и погромиовать анусы не собираюсь. Какое же говно блять, сложно. Какие подводные камни? Анончик, можешь нахуй послать, не обижусь, понимаю, что такое нужно решать самостоятельно, но я убиваюсь уже об эту хуйню да и верного пути, тут, наверное, нет. пиздец.
Аноны, есть у кого в закладках годные видосики, картинки, статьи по структуре файлов в БЭМ, не до конца понимаю, как всё это лучше организовать. Продвинутый интенсив не помог
>>562915>После 18 планирую плотно вкатиться в веб и сьебать в конторку уже к годам 20-22 работать за едуНравится веб - вкатывайся сейчас, и через пару месяцев/полгода/год (у кого как) сможешь работать за еду. Корочка твоя нахуй никому не нужна.
>>562915Совет: если пойдешь в универ на дневное, то самообразовывайся в том направлении, в котором хочешь (ты ж в вэб? вот и пили всякие проектики, читай литературку и т.д.). Клади хуй (ну или просто менее серьезно относись) на многие предметы. Пытайся даже курсачи делать по технологии, которую хочешь изучить.Чтобы не получилось как у меня, что ходил на пары, все сам сдавал и понимал что какая же это все шляпа, которые нахуй в конторках никому не вперлась. и потом после окончания универа уже садишься и начинаешь вчихлять в вэб ибо это хотя бы то, что нравится и ты начинаешь чувствовать удовлетворение от того чем занимаешься. А в универ шел думал научат будет все классно, а там только своим подходом охоту отбили.Тебе по сути мало чего будут давать полезного. Но обрати пристальное внимание на алгоритмы и структуры данных, базы данных и какой там язык у вас будут преподавать (с++ у нас был например). Все, остальная параша будет маны, фаны, дифуры, терверы, и еще куча всякой математической поебени. На них как бы плевать особо не стоит но и тратить времени дохуя не надо - сдал и ладно. Твоя задача набить опыт и знания технологий и на 3 курсе идти искать работку. Тебя как молодого студента быстро возьмут, особенно если покажешь проэктики.Вот примерно такой совет могу дать. Себе бы так же советовал, если бы можно было вернуться в прошлое.
>>562929посмотри видосы от яндекса
>>562940вот ссылочкиДля тех, кто только начинает изучать БЭМ, советую посмотреть вводные вебинары от Дмитрия Белицкого (в порядке возрастания сложности):1) https://ru.bem.info/forum/-661/2) https://ru.bem.info/forum/-685/3) https://ru.bem.info/forum/-696/
>>562940спасибо, займусь
>>562939> Себе бы так же советовал, если бы можно было вернуться в прошлое.Я бы себе дал совет вообще не идти в универ и даже не смотрет ьв сторону образовательных учреждений, а сразу изучать ЯПы
>>562954трактор с коркой проще завестиа так да, вариант тоже, поэтому я и написал ЕСЛИ в начале опуса
Помогите разобраться с навешиванием листенеров. Допустим есть у меня карусель, у нее есть стрелочки переключения слайдов влево и вправо. Нажатие на стрелочку, переключает слайд и вешает анимацию клика либо реджекта на стрелочку. Анимация - стандартный @keyframes. Их проблема в невозможности перезапуска без костылей. Следовательно, чтобы нормально перезапустить ее, надо сначала повесить класс с анимацией на домЭлемент, а затем, слушая событие animationend, снять.Итак есть некий код:Carousel.prototype.showSlide = function( index ) { function addArrowAnimation( arrow, className ) { arrow.classList.add( className ); arrow.addEventListener( "animationend", function( event ) { this.classList.remove( className ); }) } if( index > 0 ) { addArrowAnimation( event.target, "arrow-reject" ); return; } else { addArrowAnimation( event.target, "arrow-clicked" );// also change slide and do some stufff }}Вроде бы все нормально, но есть нюанс. Функция addArrowAnimation вызывается всегда, вне зависимости от того разрешено переключение или нет. Она навешивает анонимный листенер animationend, но и не убирает его за собой. Правильно ли я понимаю, что каждый раз запуская эту функцию, я плюсую один дополнительный обработчик в память? То есть кликнув по стрелочкам раз 100, я соответственно пиздец как насорю этой сотней нахуй никому не нужных листенеров? код работает отлично, никаких багов в переключении, это больше вопрос перфекционизма и понимания принципов работы DOM в связке с JS
>>563014Вопрос снят, сам разобрался.
>>562881что значит осилить? Если разобраться как работает язык это еще не значит, что ты ахуенный программист. Выучить-то его не сложно а вот уметь применять в задачах различной сложности уже другое. JS как и любой ЯП это инструмент, выучить его не значит научиться программировать. Можно выучить и применять на несложных задачах, зачастую сайтовый JS, или можно писать на нем крутой физический движок, где матана будет столько, что сам аллах молиться начнет. Поэтому твой вопрос корректнее будет звучать как: могу ли я осилить js для решения обычных, несложных веб задач. И я скажу тебе-да.
>>563086>осилить js для решения обычных, несложных веб задач.Осилив это, я смогу заработать на тарелку с супом? Просто устал я быть дизелистом,в своей мухосрани получаю 30 к это в принципе потолок, выше только севера, но напрягает холод и жить с васянами в вагонах .
>>563112сможешь. Но тут дело такое, нужно постоянно учиться, что бы быть нужным. Но гипотетический рост зависит только от умственных способностей и желания. IT в этом плане крутая сфера, ибо карьерный рост зависит только от разработчика (от его профессионализма). Есть и минусы, зачастую для роста нужно часто менять место работы во избежании стагнации.
>>563112бро, не стоит лезть в программирование только ради денег. Это должно быть по фану. Иначе пожалеешь потом.
>>563129поддвачну
>>563129кстати да, забыл дописать, что если все делается ради денег, то роста не будет, быстро все это заебет и наступит стадия разочарования.
>>563129вот, кстати, я сейчас сам вяло изучаю программирование исключительно для того, чтобы не быть кириллом и хоть что-то уметь в геймдеве. И всё больше понимаю, что лучше мне всё-таки вкатиться во что-нибудь другое.
> твое лицо когда твой хозяин не смог придумать маскота и решил использовать твою фоточку как маскот
>>562881Матан, в принципе, не нужен, если ты не хочешь ебашить уникальные алгоритмы. Нужна логика и мышление. Меня сейчас, возможно, закидают говном, но я вот посмотрел один из бесплатных вебинаров одной весьма мерзкой конторки, там мужик довольно годно все делает, хотя, конечно, и говнокодит напропалую, плюс ненужный кофескрипт, но для ньюфага сойдет в качестве примера того, как разрабатывается всякая хрень (смотрел на х2, перематывая.) https://geekbrains.ru/events/1
>>562881>>563181https://youtu.be/hT7RNAq-zvohttps://youtu.be/7N2a2qTf9ik
И так господа вопрос, был ли тут уже анон который запостил скрины из курсов по подписке, если был киньте сурс
>>563193дело пиздит. Но мне кажется вся соль тут как раз в рашке, менталитет не позволяет людям понимать, что начинать заниматься чем-то новым в 30-это не пиздец тупая идея. Связано зачастую с тем, что карьерный рост во многих компашках и сферах очень долгий без мам и пап, и начинать в 30 ну тип долбаеб, добьешься чего-нибудь небольшого только к 40, а там уже и ипотеку на бетонный ящик не взять(ибо 20 лет выплачивать, а в 60 уже умрешь) и солярис в кредит хуй знает как выплатишь. Проблема эта навязана обществом и она в головах людей, поэтому хватит пиздеть о том, что мне поздно начинать, если тебе не больше 35 и у тебя нет жирухи жены и трех личинусаов.
>>562933Этого двачую. Вкатывайся сейчас, если нравится. Корочки нужны только твоим родителям, сейчас они практически ничего не решают в вебе.
>>563193Полезно
>>562954Я бы тоже.Мимо
>>562954однако тех вышка всегда плюс, особенно по it. Там дают фундаментальные основы.
>>563213В шапке есть
Пиздос, насколько охуевшие люди меня окружают. Стоило один раз починить компьютер знакомому по-пьяни, как остальные просят починить и их, бесплатно...
>>563263Почему бы не помочь знакомому? Или ты мелочный задрот?
Я не понимаю зачем вы пугаете ньюфагов, мол атата конкуренция большая, нигде не берут, через 100500 лет будет НЕНУЖНО, и тд. Почему я прохлажусь по вакансиям и там куча предложений? Почему в моей хохляндии из пендосии набирают людей работать, и даже готовы обучать? Вы какие-то негативно настроенные, пиздец. Куда не пойди тебе гарантий никаких не дадут, даже хуже. Так ты хоть можешь как-то повлиять на своё положение, а так сплошной рандом. Рядовой хиккан будет гнить, и хрен куда поднимется, без связей, без родителей, без всего. Не понимаю я вас.
>>563340лол, никто ни кого не пугает. Эти посты всегда писались, типа вот нахуй учить если веб все? Пишут эт те кто даже не начинал или кто осилить не может. Это норма.
>>563310Один раз помог подобному знакомому, поставил винду. через полгода эта винда у него наебнулась, человек метал говно в мою сторону и требовал, чтобы я купил ему новый жесткий диск, починил компьютер и заново поставил винду, верещал про то, что мог поставить винду в сервисном центре и прочее. При том, что поставил винду я ему по-дружески и бесплатно. С тех пор никому ничего не чиню, слишком много выебываются люди, особенно когда получают все нахаляву.Мораль: если ты не работаешь в СЦ, шли на хуй любого, кто попросит починить компьютер, особенно если знакомый и бесплатно. Есть шанс попортить отношения только из-за того, что человек не разбирается в железе. Ну и большинство подобных ребят просто любят халяву и наебывают незадачливых рачков по возможности.
>>562945спасибо
>>561684 (OP)Не знаю кто составил этот гайд. но готов его нарядить в форму школьницы и ублажать сексуально по всякому неделями. Настолько вот ты хорош!
>>563371тоже, кстати, всегда интересовало, кто пишет все эти гайды, и главное, зачем?хотя, с другой стороны, если раньше в подобных тредах я только спрашивал, то теперь нередко и отвечаю на вопросы ньюфагов. Может, ещё и дальше эволюционирую
>>563263>Стоило один раз починить компьютер знакомому по-пьяни, как остальные просят починить и их, бесплатно... Я в последнее время вообще всем говорю что нигде не работаю. Пол года назад на дне рожденья знакомого сказал что программист. Так ко мне человек 10 подошло со своими ебаными проблемами. У всех комп тупит. У всех надо снести да переустановить, всем помогай. Всем бесплатно, мыж друзья. Ну и что что мы впервые на дне рожденья увиделись (Реально я там только друга знал и его тян) щас выпьем и лучшими друзьями станем (а я ещё и не пью). В итоге 2 часа там салатики поел и сьебал оттуда со скоростью гоночного болида после того, как ко мне какой-то хрен подошёл и попросил ему SUN стойку 16 юнитовую нахаляву настроить и ПО поставить (работы на 500к рублей)...
>>562555Почему этого не было сделано 20 лет назад c выходом css1 или хотя бы 15 там, с выходом css 2. Зачем заставлять весь мир ебаться с флоутами и прочим калом?
>>563385потому что были таблицы и не было кучи устройств с разными разрешениями
>>563393и вообще, вся эта еботня с красивостями началась не так давно, раньше пользователям важнее было содержимое.
>>563340Надейся на лучшее и готовься к худшему.Да и трезвая оценка должна быть. По 60 человек откликов на вакансию это не выдумки. Про демпинг и конкуренцию на фрилансбиржах тоже. Если не говорить, что реально надо впахивать, то люди поковырявшись чутка начнут предъявлять претензии: мол вы мне тут говорили, что у меня все легко получится, так вы суки соврали.Да и то, что в ит должны идти люди которые готовы постоянно саморазвиваться и для которых это и работа и хобби в одном лице - тоже норм позиция.Грубо говоря не надо сюда вкатываться из-за того, что вы где-то услышали, что можно поднять денег. Если же вы не представляете своей жизни без ковыряний в коде и готовы впахивать - добро пожаловать, братцы
>>563378Тыж программист. Тоже раздражают эти заебы. Хотите винду переставлять - учитесь сами или завите эникея или сисадмина.
>>563385Прежде чем пиздеть сначала бы почитал побольше. При css2 верстали на флоатах тоже
>>561684 (OP)>Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.Поясни почему 3-4 макета, это 400+ часов? Вроде макет сверстать уходит часов 10 максимум. Нет?
>>563457>макет сверстать 10 часов максимумсмотря какой. И пока верстала изучит всё и научится использовать.
>>563463А и вправду. А Какие принято класть в портфолио? Какие по величине? Есть хороший тон по оформлению? (Мол обязательно задейтсвовать формы заплнения регистрацию присобачить и прочее?)
>>563371а вот поддвачну, автор няшка мать его милашка.
Аноны к концу рабочего дня, глаза очень устают. Без очков практически перестаю видеть, практикую гимнастику для глаз и прочего, но что результат не очень, раздражение у меня проходит только за выходные, боюсь как бы вообще не ослепнуть, вы как справляетесь?
>>563374Эволюционируешь. Я лично не понимаю зачем жопить инфу?! Что бы конкурент не выучился и не отобрал хлеб что ли? Хаха так по рашински, ей богу.
>>563551тут дело не столько в том, что жалко инфы, а в том, что писать такое - долгий, сложный и неблагодарный труд. Другое дело - ответить на простенький вопросик, ответ на который у тебя уже в голове и написать его - дело пары минут.
>>563562С чего это неблагодарный. Я вот ему благодарен, как и почти все тут находящиеся. Может ему доставляет когда он делает что-то нужное кому-то?! Да и писалась шапка не за один тред как бы.
Анончики, объясните мне-дауну как собираются лесс файлы. Допустим, есть стайл.лесс куда импортируются другие лесс файлы, в соответствии с файловой организацией. А потом это все компелируется в цсс. Правильно? То есть в цсс стили писать не надо?
>>563764верно, компилируется файл со всеми импортами в главный css
>>563769Пасиб
>>563371Надеюсь ты 20-летняя кареглазая брюнетка с тонкими чертами лица. >>563635Изначально гайд был запилен анонами из первых тредов, в особенности тогдашним ОПом, и это, насколько я понимаю, было довольно давно, года 3 назад. Их и следует благодарить в первую очередь. Сейчас, если я правильно помню их фидбеки в треде, они почти все уже разработчики с шестизначными зарплатами.Я в тред попал где-то год назад чуть раньше на самом деле, ну да и ладно, не суть. В то время он откровенно загнивал. Народу было мало, а те что были, в основном только ныли о том, что нет работы, надо учить JS, что все это бесперспектвино и вообще умрет через полгода. Изредка забегали потроллить копирайтеры. Вообщем уныленько. Даже перекаты толком не запиливали.Я только начинал свой путь в разработке, по сути просто прошел курсы ребят из академии, и решил что если учиться, то вместе веселее. Вот и стал регулярно пилить перекаты, затем, когда стал что-то понимать - переписал пасту, ОП-пост, добавил материалов что советовали антоши плюс полезные ссылки из своих закладок, так оно и закрутилось. Почему это делал и делаю? А почему нет? Это не сложно, когда помогаешь кому-то что-то выучить, то и у самого в голове все по полочкам расставляется. Да и так веселее.Я вообще очень рад развитием треда. Уровень у здешних анонов сильно поднялся, и уверен, будет расти еще выше. Уверен, через полгода тут уже будут идти разговоры за фреймворки и всякий продвинутый фронт. Опять же компания здесь уютная, всегда помогут. мимо ОП
>>563778два чая опу
>>563778оп, к чему пришёл сейчас? Над чем работаешь? Сколько получаешь?
>>563778Оп, сколько времени прошло со старта до первой денюжки на доширак?
Может кто-то объяснить, почему у хуяндекса этот блок не article/section и почему заголовок не заголовок....
>>563799за денюжку на доширак ты можешь начать верстать, освоив базовый курс на htmlacademy и статью в блоге "Фотошоп" для верстальщика.
>>563823Отклеилось
>>563791Да я на самом деле по скиллам ниже многих здесь. Плотно занимаюсь фронтом где-то месяцев 7-8.Щас есть парочка проектов на удаленке, где я пишу фронт. К сожалению щас там все встало, потому что есть серьезные нерешенные проблемы с бэком.Решил в это время заняться обновлением резюме, плюс подтянуть знания. JS знаю хорошо, верстку так и вовсе отлично, смотрю в сторону реактаили может метеора, хз пока и ноды. На удаленке, когда есть работа, получается ~5 бачей в час.>>563799Если говорить про плотное изучение по минимум 5 часов в день, то где-то полгода. Однако были перерывы по месяцу или больше, когда либо вообще не учился, либо учился крайне мало 2-3 часа в день, и даже меньше. Так что общий временной промежуток на самом деле больше. Ну и да, тут есть нюанс. Я в свое время хотел тупо выучить верстку и пойти работать за еду. А потому передумал, лол. Понял что хочу нырнуть во фронтенд полноценно, а для этого нужен хороший JS. Так что теоретически на доширак в конторку можно было и раньше устроится. Проблема в том, что in my opinion, чистый верстальщик без JS, особенно если он выполняет задачи исключительно по верстке, замыкается в своем стеке.Получается что на работе ты делаешь одно и то же, а после работы надо еще найти время и желание изучать JS и всю инфраструктуру, а поверьте, даже после 6 часов в день на удаленке это не так легко.
>>563823ты породил во мне другой вопрос - почему у меня в браузере не отображается исходный код главной страницы яндекса, там только какое-то жёлтое предупреждение на первой строке.
>>563829Ну вот я так по 5 часов и сижу, прошел все бесплатные курсы академии, сейчас буду смотреть интенсивы и вертстать макеты из них. Ну вот я просмотрю и усвою все интенсивы, и по джсу тоже, дальше куда плыть? Интенсивы планирую осилить за неделю.
>>563829Меня ЖС пиздец морозит. Учу два месяца, но ощущение, что стою на месте. От этого сильно подгорает
>>563835> осилить за неделюНе получится.
>>563835>Интенсивы планирую осилить за неделю.Анон выше прав, не получится. А вообще, если все их осилишь и под каждый сделаешь несколько проектов, то есть будешь следовать советам из пасты, то к тому времени наверняка поймешь и сам, куда тебе развиваться дальше. >>563836У меня 2 месяца только Кантор занял, правда я не спешил с его изучением. Не забывай соблюдать правило 70/30. 70% - практика, остальное - теория.
>>563848Я хуй знает где практику брать. На кодварс задачки пиздец, похлеще чем у Кантора
>>563848Я попытаюсь осилить. 19 мая отпишу как оно, а пока отправлюсь дальше ботать.
>>563849я сегодня вот на кодварс зарегался (пока 6 кью, но получил решая задачки из пятого) мимо анон
>>563835не выйдет за неделю все интенсивы пройти. Пройти за неделю базовый - еще ладно, поверю (и то смотря что вкладывать в понятие пройти). Все же, включая js - нет, не получится, даже если по 12 часов в день сидеть.
Аноны, поясните за файловую структуру БЭМ.По совету анона, посмотрел вебинар от яндекса: https://ru.bem.info/forum/-661/В принципе, всё то, что касается стилей - концепция понятна. А что насчет html? Стоит ли разбивать html? Громов что-то говорил про библиотеки проектов, или это уже другое, не имеющее общего с БЭМ.
Кто-нибудь итт имеет опыт работы с лендингом на вордпрессе?
>>563903Уёбуй, нахуй)))
>>563411Мне например нравится, но я не уверен что смогу осилить сложный уровень кодинга. Я достаточно тупой для этого. Упрусь в свой предел и даже не представляю что в этом случае буду делать.
Наткнулся на русский ресурс по гиту, там все четко прямо, как по мне там есть все, что надо знать https://githowto.com/ru Хз мб все в курсе, но все равно скину, мб кому пригодится.
>>563928было в допах к интенсивам
>>563930ну ок.
Анон, когда мы используем атрибут href, а когда src? Хочу я там ссылку на изображение например вставить, или другая какая ситуация. Что нужно использовать?
>>563936http://stackoverflow.com/questions/3395359/difference-between-src-and-href
>>563937сукааааааа, лан, спасибо анон, буду переводить
>>563936если кратко то src добавляет ресурсы в твой проект а href ссылка куда-то
>>563942Окей
Опять наткнулся на полезную хуйню, можете обоссать, если уже было.http://css-live.ru/wp-content/uploads/2014/10/flexboxsheet-small__5.png
>>563969Спасибо, анон.
Мне кажется или есть специальный тег для задания оглавления списку и как вообще озаглавливать список. HELPanon
>>563986ты про nav?
>>564002я про <ul>
Отличная статья. https://sarasoueidan.com/blog/icon-fonts-to-svg/Самое охуенное в ней - ссылки на ресурсы, которые позволяют экстрактить чистый свг из иконочных шрифтов и даже пнг. Никаких тебе больше геморроев с псевдоэлементами и прочим дерьмом, только plain simple svg.сам толком не тестил, если что
Я тут мимокрокодил, но задам такой вопрос. Есть тезис, что мол все кто связан с ит, по сути должны учится всю жизнь. Но у меня куча знакомых програмиздов, и они постоянно куда-то ездят, бухают, задротят, ект. Откуда они тогда берут время на это, если они должны постоянно апдейтить свои знания?
>>564110смотря над чем работают, может они во время работы скилы получают новые, а возможно наоборот, им нихуя не надо и они пишут какую-нибудь коммерческую хуйню по старым законам жанра и ебали они что-то новое внедрять ибо ненужно. Тут задачи определяют и требования.
>>564110В энтерпрайзе можно работать с техами пятилетней давности, потому что там куча легаси кода, который никто не собирается менять под хайп.А в вебе, наоборот, проекты меньше, их легче запустить, а что-то новенькое появляется стабильно часто, поэтому чтобы быть на гребне, нужно выделять на это время.
>>564146Выделять на это время понятие растяжимое. Можно ведь и 10 часов в неделю выделять, а можно и вообще после работы и все выходные что-то учить новое.
>>564110Они именно разрабы? Или может они эникеи какие-нибудь? человек в ит - это понятие растяжимое.А так да, выше тебе уже написали
Нужна помощь не знаю как записать эту штуку. Сейчас сижу на втором уроке интенсива базового как я понял без наставника будет туго по этому и нужна ваша помощь. После второго вебинара стоит задача сделать "скелет страницы"как на пик1 выбрал я себе в качестве макета нердс, индекс сделал, а с каталогом не могу понять как заскелетировать эту часть пик2
>>564310Забей на это пока что. Позже (в 6 уроке) Першин покажет как это сделать
>>564318оставить пустым div?
>>563903А что нужно тебе?Нахуя вообще лэндинг на вп пихать?
>>564329Как вариант. Я изображение просто вырезал и вставлял в разметку. Потом Делал по нормальному
>>563778Человек!
По БЭМу.У элементов могут быть другие элементы? А у этих, других, еще элементы? Как это все обычно записывается?В общем, задача сделать блок с двумя колонками: слева в колонке миниатюры, клацая по которым меняется контент правой колонки, состоящий из картинки сверху и текста снизу. Не совсем понимаю как по БЭМу их обозвать.
>>563255я не нашёл можно >пальцем тыкнуть?
>>564402почитай повнимательнее, теория продвинутых курсов
>>564375чет тип такогоgallerygallery-preview gallery-preview__item gallery-contentgallery-content__imggallery-content__description
>>564375Тоже с БЭМ сейчас мучаюсь. Целый час разбирался, с файловой структурой проекта. А точнее, с настройкой scss, watch, livereload, @import. Вроде фигня, но уж очень много всяких файлов нужно было соединить вместе, что бы в конечном итоге готовый код уходил в style.cssА по БЭМ, если не смотрел, по посмотри https://ru.bem.info/forum/-661/
>>564375>У элементов могут быть другие элементы?Нет.Я бы сделал так. Не знаю, правильно ли это на 100% по бэму.block { //левая колонка control { control_item {} } //правая колонка content { content_item { img{} p{} } }}
>>564407А оранжевый div ты бы как обозвал?
>>564413<p> там не прокатит, потому что это должен быть див с кусками текста и возможно даже небольшими картинками. Т.е. ему тоже нужен какой-то класс.
>>564405Спасибо тебе большущие человечище
>>564430сделай блоком и назови description или к >>564407добавь col-left и col-right
>>564425gallery-content__item
>>564450но если считаешь, что она может быть отдельно на странице, лучше блоком (имею ввиду картинка с подписью)сделать чет типа card card__img card__description
>>564335Один раз прислали тестовое на удаленку, и там был лендинг, нужно было сверстать и натянуть на вордпресс. Я тогда еще не знал как весело работается с вордпрессом, но суть была не в этом, а в том, что я смотрел туториалы на ютубе, а там все примеры были блоги, и у меня нехило так подгорело, от того, что я не понимал , что блядь должен делать лендос на ВП.
>>564476чет это не пахнет тестовым, а больше наебаловом, чтобы ты им нахаляву сверстал и натянул
>>564478два чая. На тестовом какую-нибудь казуальщину вообще должны давать. Вроде этого: http://brauzerka-2016.tkкстати, меня не взяли, и правильно сделали
>>564478А ну хер знает в таком случае, это было в декабре 2014, я тогда еще и не предполагал, что такое существует
>>564478Они, кстати, ничего не ответили, так что вполне возможно.
вспомнил кстати картинку на эту тему - ща если найду - кину.
>>564499во
>>564502лол
>>564502Крайне годно, вспоминается отрицательный опыт.
Что можно/нужно выучить кодеру, что бы найти работу в ДС1/2 (Рашко-хохло), что бы хватило снять однушку и минимально пожрать.Интересуют именно спектр знаний и технологий который можно освоить за 2-3 месяца, занимаясь каждый день, + желательно много документаций и видеоуроков ( неважно на каком языке ), так же интересует фриланс, где сейчас больше всего заказов? в веб-разработке? интересует человек, который проконсультирует по вышеизложенным вопросам.
>>564517Если идешь в IT за деньгами - можешь идти нахуй. Не обижайся.
>>564517что консультировать, осваивай интенсивы, потом сверстай пару макетов, спрашивай за их недостатки в этом треде. При интенсивных занятиях в течении трёх месяцев будешь профи, и сможешь устроиться без проблем фронт-енд разработчиком.
Правильно ли я понял идеологию БЭМ?То есть мы можем использовать блок main-menu на других старницах, не в шапке и без логотипа, перетащив папку main-menu/main-menu.scss в директорию нужной страницы. Тоже касается блока App и его элементов.
>>564521>в течении трёх месяцев будешь профи, и сможешь устроиться без проблем фронт-енд разработчикомНу зачем человека обманываешь?
>>564517Блять, а шапку почитать никак?Три месяца мало.
>>564520>>564521>>564527Тоесть кроме вёрстки за 3 месяца мне ничего не светит?
>>564526>зачем человека обманываешьс профи я, конечно, перегнул, но практически все лоу и мидл левельные задачи он решать сможет.
>>564534Да ты что. И в ангуляре с реактом разберется достаточным образом? А это ведь миддл самый натуральный.
>>564532почему, ещё успеешь приобрести нормальные для решения большинства задач знания жс.
>>564536>ангуляр и реактдля того, чтобы устроиться в ДС на 40к это и не нужно.
>>564525Наркоман штоле? Зачем куда-то файлы перетаскивать?Анончики, поймите уже — есть методология именования классов в CSS и есть полный стек БЭМ со структурой папок, сборщиками и прочим дерьмом. Вам нужно только первое. Полный стек использет 3,5 компании во всем мире.Я уже не говорю о том, что БЭМ понемногу уходит в прошлое, уступая CSS-модулям.
>>564537Это ложь.
>>564548я не говорю, что он сможет писать продвинутые браузерные приложения со сложной клиентской логикой. Но вполне сможет прикручивать и кастомизировать слайдеры, перекрашивать и перетаскивать иконочки с кнопочками, делать всякие-разные формы обратного звонка.
>>564554Такие вакансии еще поискать. Мало кто захочет возиться с настолько нескилловым парнем.
В шапке давно уже почасовка написана. Она довольно адекватная. Споры ни к чему. Все, кому надо прикинуть сроки - пусть смотрят туда
>>564554>>564542>>564537>>564536Базовые знания HTML, CSS, Bootstapa у меня есть + сейчас активно осваиваю Ангуляр, но пролистал список вакансий и заказов на фрилансе и что-то совсем плохо с ним.
>>564546Спасибо за наводку, почитаю про них.Значит всё в одном css файле хуярить и в хуй не дуть?
Чет вроде простая хуйня, но я завис. Как такое сделать на бутстрапе? Чтобы выбранная вкладка как бы сливалась с содержимым.
>>564517учи хаскель.
>>564517Учи Ruby.
>>564571Я не знаю где ты листал вакансии, но на hh 90% вакансий фронтов подразумевают либо Ангуляр либо Реакт.
>>564574>Значит всё в одном css файле хуярить и в хуй не дуть?Что? Как ты сделал такой вывод вообще? Один модуль — один файл.
>>564587Почему тогда в ОП-посте так мало всего по Ангуляру?
>>564597Потому что есть JS-тред в программаче. Кто дошел до ангуляра - сидит еще и там.
>>564597Потому что Реакт круче, бгг.В сотый раз кидаю линк со списком технологий, которые используются в современном JS: https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0bОп-хуй, добавь его в шапку, плес.
>>564592Что-то типо того?Я тупой если что
>>564581Бамп вопросу. Ну помогите, анончики, мой первый проект за деньги же.
>>564607Угу, только в одном регистре. Пик из нашего фронта. По идее в папке еще должен лежать тест.
>>564546>что БЭМ понемногу уходит в прошлое, уступая CSS-модулям.Во-первых модули оверхайпнутое говно.Во-вторых, бэм и модули не имеют ничего общего, соответственно не могут друг друга заменить. Ты можешь использовать просто бэм, можешь использовать просто модули, можешь юзать всё вместе. Откуда ты сделал данный вывод - непонятно, видимо ебанашка.
>>564620Аргументы будут или ты только в оскорбления умеешь?Я сделал этот вывод из практики. Раньше использовал БЭМ-нотацию, теперь модули. В контексте CSS они решают одну и ту же задачу — обеспечивают разделение неймспейсов. Вся разница в том, что в БЭМе неймспейс ты задаешь руками, а в модулях он задается автоматически. С точки зрения работы с модификаторами разницы нет.
>>564546>CSS-модулямкароч ща погуглил и чето не понел, это че, всякие модные питухи нынче будут топить вот за такую хуесрань в хтмл?
>>564629Лалка, бэм не обеспечивает вообще никакого разделения неймспейсов. Дальше говорить нет смысла, видимо тебе два дня назад взяли на работу, ты ещё не врубился.
>>564629>В контексте CSSА в каком контексте ещё могут быть ксс модули и ксс бэм наименование, пиздец что за херню ты несешь?
>>564637То есть по существу тебе возразить нечем. Ок.
Вы своими разговорами ньюфагов пугаете. Я запутался. В общем блоки вот так должны лежать?
Если я пойду в конторку и я буду там единственным версталой, то мне хуй-что предъявит из-за того что я последняя надежда или будут обвинять во всех смертных грехах? опыта работы у меня нет кроме портфолио
>>564670>последняя надеждачиво блять?верстаков нынче как грязи, будешь косячить, пойдешь нахуй.
На картинке див, внутри которого 4 дива.Как заставить 4 дива внутри распластаться с равными промежутками между собой на всю ширину?https://jsfiddle.net/qdfcv1od/
Мое первое задание за деньги, первая работа. И все прям как по канону.>Так адаптивность нужна будет?>Ну да!>А где макет для мобильной, планшетной версий?>Да дизайнер исчез, мы их так и не получили>Так что делать будем?>Ну ты придумай чтоб оно как-то красиво адаптировалось
>>564682ФЛЕКСБОКС@СПЕЙС БИТВИН
>>564687>>564689то что я и хотел, надо флексы изучить будет
>>564685Мда, бери дороже тогда, ибо нехуй
Чот посмотрел вчера на psd которые по торентам раздают (html academy). И приуныл. Мало того, что там одностраничные макеты! Так там они ОДИНАКОВЫЕ. Ну тоесть эдакий модный червяк. Мотаешь его вниз, а там типа такая моднота, новые пикчи, ряяяяя.Я успел посмотреть тольк 30 макетов, но это же пиздец. Сверстал 1 макет, считай сверстал всё. Знай себе меняй пикчи на бэкграунде, да в ус не дуй. Ну может где ещё кнопки местами поменять. И ЭТО ВСЁ. Вот вам сучки интенсив от html academy.
>>564581Как в бутстрапе сделать хз.Но технология такова, что при клике или наведении, ты назначаешь на элемент класс с цветами, который сливают выбранный элемент с фоном.element:hover{ background-color: xxx; border-right: none;};
>>564965>по торентам раздаютГде там эти торренты?Кинь ссылку, пожалуйста.
>>564970>Где там эти торренты?В шапке треда например.>Кинь ссылку, пожалуйста. Теория продвинутых курсов HTMLacademyhttps://yadi.sk/d/Ka-aU3poqa8bMБазовый интенсив за 2015 год:http://nnmclub.to/forum/viewtopic.php?t=899131Тот же базовый но посвежее, за 2016 год:http://nnmclub.to/forum/viewtopic.php?t=999246https://yadi.sk/d/3AhpPwHaq5BwpПродвинутый интенсив за 2015 год:http://nnmclub.to/forum/viewtopic.php?t=900609
Как сделать чтоб в html файле в саблайме(пик1) появлялась полоса прокрутки как в цсс файле(пик2). А то при большом количестве кода в хтмл происходит дикий пиздец и нихуя не видно.
>>564965Лол
>>565000Установить WebStorm.
>>565006Можно поподробнее?
>>565000preferences > settings userдобавь и нужное значение вставь"wrap_width": 0
>>565019Спасибо, но я тупой, не сохраняются настройки почему-то, ошибка выскакивает. В чем проблема?
>>565022синтаксис{опция,опция}
>>565024Спасибо большое!
>>565011IDE для Web'a
Пишу юзерскрипт для днищеработки. Имеется 2 вида инпутов: text и checkbox. Загвоздка в том, что input type"text" по дефолту disabled и активируется по клику на input type"checkbox". Нужно как-то сделать клик по чекбоксу, который бы активировал input type"text". Может показаться глупым, но ебусь с этим уже второй день, до этого только классы в жс создавал. Есть строчка, в которой чекбоксы проставляются как checked, но input type="text" все равно залочены: http://pastebin.com/hbA3ucRN . Ссылку на веб-страницу дать физически не могу, ибо вход на сайт только по сертификатам. Заранее спасибо.
>>565343ну в голову приходит повесить на чекбокс лисенер на change и переключать type=text активность через setAttribute и removeAttribute
>>565343изи же :1) создаешь событие клика2) диспатчишь его на не включенный чекбокс = PROFIT
>>565366ну, атрибут disabled ессессено
>>565000ctrl + shift + pwwenter
Аноны, а какой график работы для параллельного самообразования вы считаете более нормальным - 5/2 или 2/2?
>>56545324/7
>>565456а перерыв на обед где?
>>565461в процессе)
>>56545615 помидоров в день.
>>564980Хех, на nmn клуб несколько лет уже не заходил.Советую там курсы от компании специалист. Я по ним в своё время почти все языки выучивал.
>>565513Спасибо за наводку.По описанию выглядит вполне себе вкусно.http://nnmclub.to/forum/viewtopic.php?t=919095
>>565456А серьёзно? Мне кажется, 2/2 лучше - во-первых, меньше времени на дорогу буду тратить, во-вторых, рабочий день для самообразования один хрен потерян будь он хоть 8, хоть 12 часов.
>>564335Интересует как блоки динамически выводить через админку. Через рубрики и посты?>Нахуя вообще лэндинг на вп пихать?Да мне тоже интересно нахуя, но на апворке дохуя заказов видел именно лэндингов на вп.
>>565756на main page делаешь лендинг, а остальные части сайта - отзывы покупателей, форум, тикетница, интернет-магаз, всё такое. Удобно же.
>>565453Накопи денег и увольняйся или найди работу где надо нихуя не делать и получать мелкий оклад на еду.
>>565816>найди работу, где надо нихуя не делать и получать оклад на едухотел бы, но кому я такой нужен с 11 классами образования.
>>565819Как раз таких ебланов туда и берут, продавцы в мелкие магазины и охранники.
>>565820и как гуглить такие вакансии? Алсо, охранником не возьмут, слишком безобидно выгляжу.
>>565822Суть охранника - сидеть в будке и делать вид что охраняешь.Тебе в днищетред, там люди на такое говно устраиваются
>>565829это понятно, и я знаю, что справлюсь, но я просто действительно похож на няшного мальчонку и в охране не нужен. А так быть сторожем на каком-нибудь большом и никому не нужном объекте - ультрагоднота.
Короче так. После просмотра интенсива по js от академии решил проштудировать Кантора. Перед этим в начале месяца прошел тест так сказать чтобы сверить результаты до и после (скрины выкладывал или тут или в js треде)Результат по первой части был 80%Сейчас спустя 13 дней проштудировал первую часть учебника Кантора (кроме es2015). Сдал - вышло 100% (вопросы легкие попались видимо), решил что 100 дюже много прошел еще раз уже на 85% (что то, что то выше изначального). В принципе доволен, прирост в понимании есть и чувствуется, значит не зря читал.Думаю за выходные добить новые возможности и приступать ко второй частисамое интересное только начинается ведь, работа со страницей, все дела)P.S. еще параллельно на codewars зарегался - прикольная штука, с утра мозги размять
Знаю какие-то самые самые основы HTML/CSS. Начал изучение JS, занимаюсь этим по 4-5 часов в день (это как 3-4 часа для нормального человека, т.к я туповат), пока только 2 дня. Мотивирует то, что я осознал - в 19 лет уже нужно как-то думать о будущем, заработке денег, независимости от родителей, да и просто хочется хоть чему-то научиться. В данный момент очень нужны деньги - это реально сильно мотивирует моё изучение, учитывая что сама тема Веб-разработок мне немного интересна. Тупо звучит конечно и большинство с такими охуенными мыслями-мотиваторами нихуя не взлетают и бросают это дело, но я всё таки хочу попробовать.Но пару вопросов: 1) Через какое время ТЫ, анон, начал зарабатывать на вебе хоть какие-то деньги, при том что изучал всё это с нуля? Очевидно что это очень индивидуально, но всё таки интересно. 2) Когда вы только начинали изучать Веб (html/css/js и тд), то сколько времени уделяли этому в день (часов) ?
>>565903Хуйня полная этот тест, один из самых тупых, что я видел.>>565919Ровно через 2 месяца с нуля. В среднем думаю часов 5 в день занимался первый месяц, потом чуть меньше. Хотя я скорее дрочил по 8 на буднях, а на выходных отдыхал обычно.
>>565903эт хуйня, я тож когда кантора учил сдавал эту хуйню на профи. Это тест на знание нюансов, ты потом забудешь половину ибо в реальном написании скриптов встречать практически в 100% случаев не будешь. всякие еба сложения, ибо сам будешь писать и рот ты ебал такие изхищрения
Сап, анон. Интересует средняя температура по больнице у верстальщиков: сколько средних страниц верстается в день/сколько в среднем берут за страницу?
>>566000Мы тебе тут копирайтеры или что, количество страниц в день, лол. Разные проекты, разные задачи, разные сроки. Одни делаются за несколько суток, другие пилятся месяцами и постоянно поддерживаются.
>>566000Почасовая работа. Самое дно - 120-150 р.\час
>>565903>проштудировал первую часть учебникаТы хочешь сказать, что ты выучил первую часть учебника за несколько дней, решив все задачи? Либо я тупой, так как перечитывал ее несколько раз в течении месяца, либо ты сам себя обманываешь.
Поясните за pixel perfect.Дают мне макетик, я его экспортирую в jpg, закидываю в одноименный аддон для хрома, он появляется, но оказывается уже/шире экрана. Аддон позволяет регулировать масштаб картинки довольно грубо, так что добиться совпадения не удаётся.Что ж, иду в фш, беру этот JPG и растягиваю до нужной ширины, сохраняя пропорции. Теперь в аддоне всё выглядит норм, но расстояние между элементами пошло по пизде. Там, где дизайнер задумывал красивые 25px отступа, стало что-то вроде 26,8px. Тут-то я и оказался в тупике. Как с этим работать?
>>566145Забить на pp
>>566150Хороший вариант, но я хочу делать свою работу качественно.
>>566151Качество работы не пострадает от двух пикселей.
>>566154Может и так, но иногда речь не о двух пикселях. Подожду ещё вариантов.
>>566155>хочу делать свою работу качественно>pixel perfectЛучше пиши качественный расширяемый код, pixel perfect не нужен от слова совсем. Хотят pixel perfect - пусть конвертируют макет в жпг и вешают бэкграундом.
Аноны, как лучше проверять себя в вёрстке макетов? Тупо если всё совпадаёт с картинкой, значит всё заебись, или же глубже проверять код на наличие косяков? Где это можно сделать? Если не брать во внимание третьих лиц, может быть есть какие-нибудь онлайн-проверяльщики кода а-ля валидаторы?
>>566145>Там, где дизайнер задумывал красивые 25px отступа, стало что-то вроде 26,8px.>Тут-то я и оказался в тупике.>Как с этим работать?Перестать страдать хуйней, например.
>>561684 (OP)На какой из курсов записаться? И не разводка ли это? Хочу в офлан-класс. http://levelp.ru/courses/veb-tekhnologii/front-end-developer/http://levelp.ru/courses/veb-tekhnologii/web-developer/
>>566145>Дают мне макетик, я его экспортирую в jpg, закидываю в одноименный аддон для хрома, он появляется, но оказывается уже/шире экрана.Ты ебанутый. У тебя есть фотошоп, а ты страдаешь хуйней, изменяешь размеры макета и в какой-то левой хуете вставляешь jpeg. Ясно, что у тебя все по пизде пойдет. Бери размеры из фотошопа и не выебывайся, тогда все будет нормально.
Поясните за препроцессор Jade и остальные для хтмл синтаксиса. Я могу понять зачем мне нужен препроцессор в ксс, но зачем он для разметки? Неужели просто еммета не хватает? Нужно ли его учить?
>>566572Поясните вообще за препроцессоры. Не затратит ли их изучение времени больше, чем экономия во время работы?
>>566606Второй или третий урок продвинутого интенсива
>>566572Jade это шаблонизатор, забей на него, пока не дойдешь до js-фреймворков, вне их инфраструктуры он не нужен. "Учить" - это ты сказанул, конечно. На том же сасс/лесс/стайлус можно просто сесть и писать сразу, понимание удобных штучек вроде экстенда и миксинов придет в процессе.
Баг в авокоде, на остальных страницах тоже самое с направляющими. Кто сталкивался?
Ппц, пытаюсь верстать барбершоп. Вроде всё понятно, но как то глаза боятся. Так как не понимаю когда правильно так писать, а когда нет. Что в этом случае делать? Просто писать как могу? Или попытаться разобрать максимально правильную верстку с чужого кода?
>>566634чужой код это еще хуже хуйня. Может и есть качественные уроки, но на ютубе от иванов только сдеградируешь, я уверен, у тебя лучше код.
>>566634Просто пиши больше, можешь когда возникает вопрос записывать его, потом вернешься. Если бояться писать код, то не научишься.
Скажите мне, какие преимущества у авокода над фотошопом?По цене он явно проигрывает.
>>566650https://www.youtube.com/watch?v=DA0VolcD2U4впечатляйся.Никто не сталкивался с проблемой описанной выше? Так бы всё очень здорово было, авакод годнота.
>>566634А я чёт посмотрел интенсив базовый, и понял что всё что там показали мне вообще практически не помогло. Все теги знаю, но смотрю на саблайм и не знаю даже с чего начать.
>>566719тебе ж после каждого видео задания дают. Бери и делай. Надо, пересматривай моменты заново и так далее.
>>566720Задания я делал, я даже заранее прошел всю академию.У меня наверно именно проблема с пониманием плана действий.Вот например, 4-е видео про сетки, Там он верстает с чистым штмл(Без разметки), а я пытался верстать с старой разметкой. В итоге 30 минут думал почему я обнулил все отступы в боди, а сверху перед хедерем у меня отступ. Ну конечно мог бы догадаться что дело в списке, но такое.
>>566727Я тебе позже напишу, можно создать отдельную конфу для такого потока, кто +\- на 4 курсе.
>>566730Я за, только в чём? телеграм? скайп?
>>566731ICQ.
>>566730еще одни со своей конфой) я уже сбился со счету сколько их было
Кто нибудь здесь верстал макет Техномарт?У меня есть вопрос про js. На главной странице есть форма и карта, которые должны быть скрыты по умолчанию, и всплывать при клике на их кнопки. Это ок. На странице каталога их нет, но есть другая форма, с таким же функционалом. Внимание, вопрос: хуле она не работает?В общем, я так понял, что это какой - то конфликт возникает, потому что если закомментировать код первых двух форм, все нормально, третья форма работает как надо. Также, если поменять порядок кода в js файле, третья форма работает, но две другие перестают работать. Что это за хуйня?Надеюсь более менее понятно объяснил.Песочница: https://jsfiddle.net/to9nm0nb/
>>566774В popupCartClose попробуй более специфичный класс засунуть.
Котаны, такой вопрос. Вот в 4-м видео базового интенсива мужик верстает всю сетку разом. Я попробовал подойти по другому и сразу до конца верстать например шапку. Какие минусы у этого способа по сравнению с тем что делает он?
Привет, коллеги. Только начал изучать жаваскрипт, не особо понимаю все эти штучки. Понадобилось написать мне слидер. Вот типо такого, как на дисгастингмен. Ну, вроде написал код, а он не работает. Помогите, чем можете. Буду благодарен за ссылки (не нахуй), по этой теме.http://codepen.io/sashaslow/pen/eZojmW
>>566820Ты судя по всему, ты вообще ничего не понимаешь, без обид. Я сам только учусь, но даже я вижу, что у тебя в джс код вообще нерабочий, ты выбираешь ровно один элемент и по клику по нему добавляешь ему же класс эктив, который у тебя еще и в цсс неправильно прописан. И... все, собственно, лол.
>>566820Если код не работает первым дело смотришь консоль. Не работает он у тебя потому что ты повесил обработчик на список элементова еще потому что это не кода слайдера нихуя.Насчет ссылок. Послать тебя с таким уровнем знаний только в учебник Кантора.
Как сделать такую "тень" лучшим образом?У меня есть идея с расположением одного дива под другим, но мне кажется что это вандализм и что может существовать специальные таги или свойства для этого.
>>566825>>566832Второй день учу, так как только сейчас понадобилось. А что в css неправильно прописано?Я выбираю ровно один элемент, да, это не баг а фича. Просто по отдельности строчки кода вроде и ищут объект и класс добавляют, а все вместе не работает. Ладно, буду разбираться.
>>566896z-index
>>566896box-shadow
>>566900то что надо
>>566897Не работает потому что в JS надо по массивам и коллекциям проходится циклом. Хочешь чтоб заработало через querySelectorAll - пройдись по коллекции через фор, и на каждый ее элемент вешай обраотчик.
Верстаны, это нормально, если при изменении масштаба браузера верстка идет по пизде? На 50% съезжают мелкие блоки, на 33% более крупные. Верстка фиксированная.
>>566804Пробовал, не сработало. Я жс знаю только из базового 7 вебинара, но я подумал чуть чуть и вот моя теория: жс на второй странице не работает потому что нет элементов, для которых он написан. То есть, нет первой и второй формы, а их скрипты в жс файле прописаны в самом начале, мне кажется, что из за того что этих форм нет, а скрипты для них есть, жс ломается и не дает загружать третью форму, которая есть. Это объясняет почему третья форма загружается, если писать для нее отдельный инлайновый код в хтмл или закомментировать код в жс для первых двух, а для нее оставить. Или даже просто поменять местами код в жс. Как моя теория?
Аночники, а возможно ли сделать так, чтобы картинка в браузере обновлялась после малейшего изменения в файлах проекта, без ручного сохранения в этих файлах, и без перезагрузки браузера?
Верстаны, не знаете, как работают дробные части пикселя? Почему пиксель - не минимальная неделимая точка на мониторе?
Аноны, напомните название бесплатного плагина для фотошопа, в котором можно посмотреть цсс градиента, теней или бордер-радиуса.
>>567071http://css3ps.comОП, влепи в шапку.
>>566731Телеграм можно
>>566812тоже задался этим вопросом. Насколько я понял, мы верстаем сразу то, что прошли и в большом количестве. В Реальном проекте ты разметил шапку, сетку, оформил. Потом мэин или его часть, снова сетка, оформление и так далее.
>>567060есть плагины livepreview, в том же брекетсе встроенные. Как по мне, то кнтрл+ы удобнее и привычнее.
Кто-то авакодом пользуется? Поясните как направляющие пофиксить.
Ребятки, помогите, пожалуйста, на вас вся надежда.Я ищу курс с хтмлакадеми. Всё, что я помню - там была верстка меню техномарта, делали вот эти вот треугольные штуки CSS-ом.
>>567081а авокод можно спиратить? Если и есть триал на месяц для ознакомления, то этого маловато.
>>567084Раз в полмесяца регай новый акк, проблем то.
>>567083https://www.youtube.com/watch?v=uS99nER1PwYпосмотри, как тут сделали треугольники
>>567085геморрой же. Я лучше дальше фотошопом пользоваться буду тогда.
>>5670872 минуты на регистрацию экономят кучу времени пердолинга с фотошопом.
>>567086Cпасибо, но мне желательно именно тот курс найти. Там еще делали такую штуку, мол как на пике - с помощью радиобаттонов делали мол сортировщик по цене.
>>567089Отклеилось.
>>567088там надо, наверно, ещё один почтовый ящик регать. Новый логин придумывать и куда-то записывать. Неудобно. А в фотошопе я и слой в картинку одним кликом экспортирую, и линейку местную использовать привык.
>>567090ну щёлкай по всем по очереди, это же не так долго.
>>567048удваиваю вопрос
Да блять, ну что за хуйня?
>>567071CssHat
>>567101а он не бесплатный
>>567103Ну он же попросил именно бесплатный плагин
>>567098Сильнее всего съезжает в хроме и ие, как будто бы какие - то левые отступы добавляются. В лисе идеально, словно забетонировано. С чем может быть связано?
Еще раз. Есть те, кто юзает Авакод? Тред назад тут была куча анонов, которые рассказывали как он охуенен. Где вы?
>>567168Ну тут я, и что?
>>567174Не было такого?>>567099>>566625
>>567176Нет
>>567181а макеты эти запускал?
>>567184Давай запущу, скиньА так уже где-то год юзаю авокод, ни разу такого не было
>>567197https://yadi.sk/d/8IKbp4Flqzmf9?ct=t(hamail_20160415)Вот. С ежемесячной рассылки htmlacademy. У меня в одном макете только направляющие работали - это в стандартной демонстрации какого-то их плагина для фотошопа.
Товарищи, вот это вот говно как пофиксить? перенос делал br-ом
>>567099Братишка, а ты купил его или нашел кряк? Поделись? если не сложно :3
>>567099он бесплатный на 15 дней
>>567233Нужен код. Но вообще, я так понимаю, ты задал отступ от этого кружка, да? Задай отступ справа от label
>>567201Ты какую-то херь скинул под названием атлантида, там нету сетки вообще
Нихуя не пойму, что за авокод и почему от него все ссутся? чем лучше фотошопа?
>>567243Я это вообще все списком делал, а радиобаттоны делал в пространстве, где были дефолтные маркеры.
>>567245Да как это нету, есть же.Ладно, вот тут точно есть. Этот макет разбирают дохуя анонов из треда.https://yadi.sk/i/M9B1uQUZridRH
>>567242Ну про 15 дней я видел, но неужели на него нет кряка? Фотошоп грузит намертво мой комп при экспорте каждой картинки.
>>567233На, посмотри как у меня сделано, а то мне впадлу пояснять тебе.http://codepen.io/anon/pen/BKEGXQ
>>567201ваш авокадо еще не созрел.Кстати, вчера туда загружал макет нердса, все направляющие были. Сейчас - нет, лол.
>>567286бля, ну как так, что за обида ебаная. в саппорте молчат со вчера.а какая винда у тебя?
>>567286использую его совместно с фотожопом. Удобно брать из него тени, градиенты и тд.
>>56728710ка
>>563903Лендинг на вордпрессе это вообще какой-то пиздец. Что за поебень?Если уж очень надо цмс для лендинга, то лучше сделать на Модэксе.
>>567300цмс нужна, наверно, не для лендинга, а для окружения лендинга. То есть главную страницу сделать на голом html'e, а уже к этому прикрутить форумы, интернет-магазины, отзывы покупателей, тикетницы, вот это всё.
>>563903думаю нужно чтобы один анон сделал 1 разбор полётов что да как да и закрыть этот вопрос нахуй
Анон, я вообще не понимаю как засунуть кнопку "купить" рядом с блоком цены. Помоги, пожалуйста.http://codepen.io/tvoibatya/pen/YqMdBZ
>>567440Ох вов, тебе нужно серьёзно поработать с классами. Есть мнение что ты не понимаешь к чему ты применяешь свойства.
>>567445Поподробнее?
>>567201Это платный контент?
>>567451в шапке есть, можешь выкачать Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
>>567453Что это значит?
>>567440Вот такhttp://codepen.io/anon/pen/eZobwq
>>567457у тебя лиса?
>>567453Ну я имею в виду, эти рассылки только платным подписчикам? Если я попробую поверстать по их макетам и выложу в своё портфолио, меня не засудят нахуй?
>>567463рассылка бесплатная для всех желающих
>>567463не засудят
ёбаное авокадо ваше.где можно скачать 2.7 или 2.8, вроде есть такие? с оффсайта у меня 2.6
>>562772jquery('elem').slideDown('fast') куда удобнее для этого, чем твое нагромождение.
>>567300Все так делают, ничего особенного в этом нет. Удобно, если тебе нужно что-то больше, нежели отправка сообщения на мыло. Так что тут ты не прав
>>567654Никто так не делает. Для лендинга какие-то супер штуки не нужны, так что нахуй тебе вордпресс тащить, если можно на чистом пхп написать?
>>567750Кто сказал что это будет быстрее, лол?
>>567750Так можно про что угодно сказать, но это не всегда в итоге правильно.Будет быстрее написать что-то на жквери, чем на реакте, но это не значит, что в итоге это лучше/выгодне и т.д.Будет быстрее взять готовую либу, чем написать своё решение, но это не значит, что в итоге тебе не придется от неё отказать и потратить больше времени на переписывание.Тащить вордпресс ради какой-то хуйнюшки это верх долбоебизма, и да, как уже сказали >>567754, скорее всего это не будет быстрее.
>>567762> Если нужны простые модули типа авторизации, отправки и обработки форм и т.д., то проще взять из плагинов, чем писать с нуля.Да брось, это пишется за тупо полчаса. Я не говорю, что не нужно брать вообще никакие либы, но нахера там нужен будет ВП? Это бред
>>567762Тем более если ты их по 10 штук в месяц клепаешь, лучше свой бойлерплейт сделать какой-то и с него копипастить
>>567766>Я уже сказал почему. Пишем велосипеды? Авторизация за полчаса? Ну да, удачи.Ну сорри, если ты не можешь это за полчаса написать невелосипедную авторизацию, то это твои проблемы. Скорее всего они вызваны тем, что ты только чужой готовый код умеешь использовать.
Как стилизовать контрол бар http://joxi.ru/GrqggqRiN0WEv2
Что за спор по поводу ВП?У меня на апворке заказчики время от времени просят сделать им лендинг на ВП, чтобы они могли вручную править контент страницы. Я сам не совсем понимаю, зачем, видимо копаться в html и php файлах им западло. Плюс - вордпресс даёт уже готовую админку, которая иногда тоже необходима заказчикам.
>>567286Что за макет, от академии?
>>567799ты бы еще на файловый обменник закинул...
>>563028Ну. так расскажи нам, хули ты как не родной.
>>563263>>563310>>563351>>563378https://www.youtube.com/watch?v=q0iFBGcRuJk
Сап господа! Ищу поддержки и мотивирующих куллстори, так как что делать я знаю. Короче узнал я, что в конце июня со мной попращаются на нынешней работе. Посему надо срочно вкатиться в верстку. У меня 2 месяца на изучение и практику. Успею, как думаете? Джаваскрипт то конечно не успею, но вот набраться минимума знаний для получения работы смогу за 2 месяца? Короче написал как мудак, и вообще хз зачем написал хотя наверное потому что тут все мои друзья .
>>567574удобнее, но тащить jq для одного выезжания меню пиздос тупая идея.
Так аноны, серьезный вопрос. Объясните откуда берутся эти линии. У меня есть подозрения, что проблема вообще в моей видеокарте, ибо была подобная хуета в иллюстраторе. Откуда эти линии могут браться?
>>568106забыл добавить что там прямоугольники перевернутые друг на друга сложены, и эти грани какого-то хуя видны, хотя по логике быть не должно ничего
>>568114Браузер блеадь
>>568093jq нужно тащить в любой более-менее серьёзный проект. А на нагрузку - похуй, владельцы ящиков не нужны.
>>568117в том-то и дело что там пиздец в коде, но по факту граней быть не должно какая разница, это просто прямоугольники перевернутые и фоны перевернутые. откуда грани взялись хуй знает, мой код не даст тебе ответа там нет ни бордером ничего, просто наложенные геометрические фигуры с перевернутыми фонами и оверфлоу хидденами.
>>568124На андроиде все збс
>>568125и как вот эту поебень гуглить? Пиздец амд сраный, дрова последние.
>>561684 (OP)Кто-нибудь работает в студии? Сколько у вас норма для верстки адаптивного сайта, например тех же Седоны и Пинка?
>>568295>Сколько у вас нормая говорю про время, 2 дня?
>>56830010 часов суммарно.
>>561684 (OP)Палю годноту:http://css.yoksel.ru/
>>568295Чисто верстка одностраничника - по сложности, от суток до 3 дней.Аноны, как же меня бесит рефакторинг чужой верстки, в которой использовался бутстрап. Приходится либо костылить, либо переписывать все нахуй. Заебался уже, и приходится каждые пару минут смотреть на результат, чтобы что-нибудь не съехало. И ладно бы это была обычная статика, но хуй, это готовые шаблоны на продакшене. И написаны они так мерзостно, что хочется отхуярить предыдущего верстальщика по еблу чем-нибудь тяжелым.
>>568396
>>568123Какой ты, сука, долбоеб. Тебе говорят "дай код", ты отвечаешь, что код нихуя не даст. Как тогда разбираться, почему поехало все к хуям, по корявому jpeg'у? Ты, видимо, совсем отбитый, никто не будет тебе по фотке гадать. Ты либо даешь ссылку на код, либо сосешь хуи и решаешь все сам, без посторонней помощи. Тут сидят люди поопытнее тебя, которым твой код может сказать больше, чем тебе.
>>567776>за полчаса написать невелосипедную авторизациюЕсть готовый движок, на котором уже лет 5 все делают лендинги, а ты предлагаешь послать это на хуй и написать авторизацию с нуля. Нахуя? Создание адекватной авторизации займет больше времени, чем натягивание верстки на вордпресс. Это экономически невыгодно.Пиздец, пограмисты уровня /b. Ясно, почему большая часть всех этих "фронтендов" не могут никуда устроиться.
>>567836Обычно все дело в админке. Это удобно для заказчиков.
>>568093Ну да, проще написать ебаный велосипед на нативе и пидориться на пару часов больше. Олсо, jquery - это не какая-нибудь убертяжелая либа, всего 100кб, которые экономят тебе кучу времени. Сравни ее с тем же бутстрапом, который все версталы пихают куда только можно.
>>568425Нафига фронтендерам вообще копаться в cms и знать пыху? Это не их приоритет.
>>568442Не все)
>>568442нахуй этот бутсрап нужен, когда есть sass susy
>>568443Нормальный фронтенд все время развивается и учит новые языки не обязательно пыху, сам подумываю о питоне. Ну и знание хотя бы того же вордпресса может понадобиться. Захотел - натянул верстку, взял за это больше денег. Не захотел - не натянул, но знания и опыт есть. Ну и сейчас знание вордпресса как раз таки уходит в сторону фронтенда, как ни странно. Знаю нескольких фронтов, работающих в студиях, которые иногда натягивают верстку на вордпресс и вполне себе довольны. Но и зарплаты у них очень неплохие.>>568445Но многие.
>>568462Сорта говна. Навернул susy и рад. Максимум, что можно использовать из бутстрапа, так это дропдауны, и те пишутся за 20 минут на jquery. А с бутстраповским ебанутым гридом у неопытных верстальщиков получается такая несуразная каша, что просто пиздец, приходится потом за ними переписывать.
>>568465Если и куда развиваться, то лучше уж в ноду
>>568416на, профессионале, расскажи в чем же тут дело. http://codepen.io/anon/pen/PNvwzb
>>568488без этого только на котейке переходы слабо видны
>>568488бля я уже весь заебался искать проблему и решил открыть в фаерфоксе, там вообще почти все идеально, пиздец
>>568630у меня в хроме тоже такая хрень
>>568488У меня в хроме картинка немного размытая по сравнению с лисом.
>>568488У меня все везде нормально отображается.Linux: firefox, chrome. Так что иди нахуй, там и выебывайся, обмудок.
>>568663но ведь выебывался ты, я лишь доказывал тебе, что проблема не в коде, не?
Прошел боевое крещение.Выполнил первый заказ за деньги. 3 дня кодинга практически с утра до вечера. Опыт был хороший, осталось теперь надеяться, что заплатят, лол.
>>568674желаю тебе удачи и всего наилучшего
>>568676И тебе удачи, няша.
>>568462Нахуй этот саси нужен, когда есть флекс-бокс.
>>568674Где заказ брал, что за заказ, что знаешь вообще, какие были сложности, сумму сам указывал или нет?
>>568705>-http://caniuse.com/#feat=flexbox
>>568708>Где заказ бралЗнакомый опытный прогер подкинул.>что за заказВерстка отдельной страницы для интернет-магазина, правка верстки их главной страницы.>что знаешь вообщеHTML/CSS/Less, достаточно могу в адаптивность для простых заданий.>какие были сложностиАдово говняная верстка сайта, вообще не по семантике, которую умудрились сделать затем еще говнянее. Причем, делала якобы крутая киевская студия. Не вдаваясь в подробности, могу сказать, что один и тот же селектор мог в CSS попадаться до четырех раз в 10-тысячестрочном коде, причем стили были иногда взаимоисключающими.Ну и впервые видел живой проект на php-движке, увидел его структуру, модули и т.д. Очень познавательно.>сумму сам указывал или нет?Нет, мне по сути все равно за какую сумму делать. Я сейчас безработный и сижу набираюсь опыта, учусь, смотрю второй интенсив, верстаю собственную страничку портфолио. Даже если бы мне сказали за 100грн это делать - я бы взялся, т.к. считаю что опыта у меня 0, и знаний тоже не особо.
>>568736Ну молодец, удачи тебе.
Аноны, я вот закончил макет барбершопа. Что мне делать дальше, куда развиваться? Верстать, верстать, и верстать до посинения, чтобы от зубов отскакивало? Какие еще есть материалы помимо хтмлакадеми?
>>568761Верстать что-то более сложное, чем барбершоп. Освоить ксс препроцессор, можно сразу gulp, посматривать в сторону jquery.
>>568757Дякую. И тебе всего хорошего.
Товарищи, есть тут те кто верстал макет Седоны?
>>568774Блять, не то.Короче, вот эту вот парашу полу-треугольную ниже главного логотипа как сделать?
>>568775В макете эта херня вместе с логотипом идет как одно целое, поэтому можешь так и вырезать.
>>568761Сверстал барбершоп? Так тебе уже пора в продакшен. Можешь уже подавать объявления, только не забудь приложить барбершоп к нему.
>>568784Поглядев что сейчас делают за деньги, можно к такому выводу и прийти. Бутстрап, JQuery, и в продакшн. Ну и еще пяток слайдеров разных прикрутить, чтоб круто смотрелось.
>>568781Мне кажется, если пилить адаптивно, то возникнут проблему. Вроде для этого эту белую фигуру свг картинкой прихуяривают.
>>568765Ваниллу пусть сначала учит. Не надо еще прибавление в семье погромистов на jq
>>568793Так может ее всю и сделать свг, вот я щас опять попробовал сварганить из треугольников, но там угол заворачивается не в ту сторону.
>>568815На кой хуй ему ванилла? Цель - побыстрее получить оплачиваемые навыки, а не получить хорошую базу для дальнейшего развития как программиста.
>>568822хаха, оплачиваемые навыки, в 2016 году кто-то еще верит, что программистишкам кто-то оплачивает навыки? во насмешил.
Анончики. А вы заморачиваетесь с min-device-pixel-ratio для фоновых изображений? Допустим у нас есть блок header с фоновым изображением на весь этот блок, и в зависимости от размера фьюпорта, должна загружаться картинка определенного размера. Это легко для понимания и реализации. Но ведь еще нужно предусмотреть экраны с повышенной плотностью пикселей, что прибавит довольно много кода. Стоит ли заморачиваться? http://codepen.io/anon/pen/qZGbJd
>>568857>вьюпортасамофикс
Как я понимаю, советуют использовать normalize.css вместо reset.css, но разве по БЭМу не лучше использовать ресет? БЭМ же пропагандирует полный отход от зависимости тегов от отображения.
на следующий топ пост
>>568892Нахера это говнище на ОП пост?
>>568897прост
>>568910Зачем ты говно захавал?>прост
>>568784бля у вас хотя продакшн есть, у меня пока только хуяк-хуяк получается
Господа ,есть ли годные курсы веб-дизайна в дс.Сам оч ленив ,в самообучение не могу.Надеюсь на вашу помощь,судари
>>569043>Сам оч ленив ,в самообучение не могуЕсли не собираешся это менять, то лучше тебе в профессию не лезть, разочаруешся
Анон, какого хуя тексты в последних двух блоках не хотят выравниваться по центру?http://codepen.io/tvoibatya/pen/ONYXpL
>>569071.main-navigation a { color: #000000; line-height: 26px; font-weight: bold; text-decoration: none; text-align: center; !!!! display: block; padding: 15px 0; width: 153px;}
>>569073бля хуйню сморозил не читай
>>569075Кстати твой восклицательный знак навёл меня на мысль юзнуть !импортант, и получилось. Значит есть в ксс правило, которое перекрывает то, что я хочу?
>>569043Просто забей на эту область работы.Иди туда, где ты будешь не ленив.
>>569078Значит, есть. Тебе браузеры девтулзы дали, юзай их.
>>569082Фишка в том ,что мне нужен подгоняющий факт в лице педагога и неполучения какой-нибудь корочки ,оффлайн курсы - эт самый торт в этом плане
>>569043>>569088
>>564310Анон, у меня к тебе предложение, давай проходить интенсив вместе.Вот мое мыло, напиши, если заинтересовалоalex.al.vicious@gmail.com
>>569071мне кажется, что ошибка в том, что у тебя nth-child указывает не на нужные тебе теги, по спецификации они более важные .класс тег:псевдо 12 > чем правило выше
>>569101Да забей, я уже просто расхуярил навигацию как ссылки с блочно-строчным типом. Потом почитаю и на практике посмотрю, как надо было ебаться с этими списками.
>>569106Держи, отсосёшь потом .main-menu li:nth-of-type(n+3) a { text-align: center;}
>>569109высший нахуй пилотажот души!
Анон вопрос. Что такое верстка?
>>569123Воспроизведение дизайна с помощью кода, в следствии чего получается интернет страница
>>569127Что такое код?
Кто-то обмазывался обучающими статьями от гугла на google.developers?Сегодня начал читать про performance. Охуенная вещь, рекомендую. https://developers.google.com/web/fundamentals/performance/?hl=en
>>569132Мамкин траль чтоли?
>>569132Блять, иди нахуй.
>>568714> 94.04%
>>568873Открою тебе секрет: можно вообще ничего не использовать, все равно ты обнуляешь самые критичные места. А ресет - ненужное говнище.
Анон, почему у вставленного в див изображения может быть какой-то отступ сверху?
>>569201Потому что у него display: inline
Поясните, сейчас ещё принято верстать для ие6, или вообще для каких-то старых ие?
>>568857тэг picture
>>569222От заказчика зависит. Ну и ты и заказчик должны понимать, что верстка для таких браузеров будет стоить больше времени и сил, и попросту что-то будет забаговано.
>>569224Фоновое изображение, не картинка.
Как нихуя не понять джпг.https://htmlacademy.ru/courses/113/run/28Вот эта штука.Почему базис 100px?Почему у нечетных коэфф 0, у четных один, они же все разные?
Че не перекатываете?
Антоны, объясните чем плох @import. Линтер пишет предупреждения и просит использовать link.
>>569222На работе верстаем максимум ие8+
>>561889>55 строк кода>3 блока>Вчера над адаптивом часа 2 сидел>с утра на свежую голову за полчаса справился. Долго чёт.
>>569402знаю.Кстати, тестовое задание провалил, как и ожидалось.
>>569222вобщем-то, уже можно слать всех с требованием ie8. Работы от этого не уменьшится. Большинство уже просит просто ie10+ либо современные браузеры.
Аноны, а какие профиты от владения собственным браузером? Зачем корпорации их продвигают, платят деньги на разработку, вот это всё?
https://2ch.hk/wrk/res/569536.htmlhttps://2ch.hk/wrk/res/569536.htmlhttps://2ch.hk/wrk/res/569536.htmlhttps://2ch.hk/wrk/res/569536.htmlПЕРЕКАТ
>>569535может биг дата?