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://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко. https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc======================Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfUСтарая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uzПрошлый тред >>561684 (OP)
<test/>test<test/>
Освятил
Подкиньте сложный макетик, а то все изи какое-то.
Анон, откуда могли взяться эти милипизерные отступы перед и после изображения?Красным выделен центрующий контейнер, ширина синего дива - 33%, ширина дива с изображением - 66%. Поставлю хоть на 0.1% больше и всё пойдёт по пизде.
>>569843дай угадаю, эти блоки display: inline-block?
>>569843Код вбрасывай. Возможно дефолтные отступы инлайн блоков, если ты на них верстаешь, а возможно просто расхождение потому что 33 + 66 !== 100
>>569846Нет. Оба флоатнуты.>>569852Опять же, один процент - и всё пойдёт по пизде.Ладно, вот код.https://jsfiddle.net/anonchik/zbf32uka/
>>569865https://jsfiddle.net/ec9h8s6x/
>>569877Пиздец, лол.Спасибо.
>>569877В чем космический эффект? При 35/65 тоже без промежутка. А вот при 38/62 он еще больше.
>>569865>>569877ГОВНОКОД !!!
>>569889Ну в тз если я правильно помню должно быть строго 1 часть на текст и 2 на картинку. Ну вот это самый близкий вариант. Идеально конечно же не сделать из-за особенностей деления, лол
>>569896Спасибо, анон, а то я блять сам не знал.Каким еще может быть код человека, который серьёзно этим начал заниматься 2 недели назад?
Кстати, можно было еще сделать не так как я в дробных частях, а тупо flex юзать (например grow поставить 1 часть и 2 части соответственно)
>>569879вся залупа с округлением идет из-за фикс ширины контейнера, если поставить скажем .container { width: 764px;} то все норм будет. То есть ноги растут из фиксированной ширины оболочки, и если подумать нахуй тебе внутри проценты, если родитель фиксированный? С таким же успехом можешь жесткие пиксели прописать.
>>569918Просто такие ширины (процентные) были прописаны в стайлгайде.
>>569922ну так если это не резина в калькуляторе посчитай, пиздец беда
>>569923Я и считал, всё равно все пиздой шло.
>>569931бля я хотел посчитать, но в твоем html можно хуй сломать. Кароче нахуй.
>>569954Делал как учили в интенсиве, лол.
>>569955ну хуй знает, я вот тоже их смотрел, но делал не оглядываясь туда и в своем коде теперь разбираюсь без каких либо проблем, и ебал я такие матрешки.
>>569963в вакансиях как написано бывает: умение разбираться с чужим кодом или гавнокодом, не суть =)мимо анон
>>569967Нормальный код у него.
>>569975дак я ничего за код вообще не сказал, читать умеешь? Написал тому анону, что умение разбираться в чужом коде требуется обычно.
>>569978А. Ну я подумал, что говнокод к нему относится.
>>569975да никто и не сомневается..http://codepen.io/anon/pen/ZWNazO
>>569997Не вижу ничего плохого в добавлении дива-центровщика.
>>570039мне похуй. Иди нахуй.
>>570039ты когда наверстаешься до ебени фени, по-другому заговоришь, центровики везде писать да потом копаться в груде этого говна не есть хорошая идея. Минимализм и читаемость, остальное матрешкин говнокод.
Товарищи, те кто макеты верстает, вы как с паддингами и маргинами ебётесь текстовыми? Это ж с ума можно сойти.
>>570054что с ними не так?
>>570061Как определить, что в каких случаях использовать? Маргин текста, паддинг текста, паддинг блока?
>>570116почитай про разницу между блочными элементами и инлайновыми. Посмотри еще интенсив и все будет понятно
Есть анон, разыскивающий работу фронтенд-разработчика?Нужно умение применять БЭМ, знание ванилы и jQuery.Если кого заинтересовало, пилите фейкопочту.
>>570150БЭМ-нэйминг или фулл-стек БЭМ?
>>570154нахуй вообще бэм стек если ты не в яндексе работаешь?
>>570154Нейминга/фс будет достаточно на начальном этапе. Проект в продакшене, говнокода под рефакторинг много. Смотреть буду на скилы именно в этом плане.
>>570158Венчурные инвестиции.
>>570150раскинь пару слов о проекте, какие задачи
>>570150Что есть "ванилла"? Разметка или джава скрипт?
Чёт я не понимаю.Нахуя дрочить HTML и CSS, когда всё современное верстается на какой-то другой хуйне?
>>570168http://vanilla-js.com/
>>570164Посидишь некоторое время (месяц) на рефакторинге js/css. Потом в паре с бэкендщикам будешь допиливать форк общей платформы.
>>570168ньфанька)
>>570178прочитай про устройство браузера, может понятно станет
>>570181Как что-то плохое. Если ты не забыл это тред еще и для новичков.
>>570179Спасибо.
>>570178на какой же, лол?
Поясните ньюфагу вкратце:БЭМ-нейминг - когда мы используем только для именования сущностей по БЭМ, но при этом всё хуярим в один css файл?
>>570197Не обязательно в один. Просто разбиваем файлы по типу, а не по назначению.
>>570186ванила есть чистый JS>>570197бэм нэйминг это просто специальное наименования классов для ухода от каскадности.
>>570190на с++
>>570202>Просто разбиваем файлы по типуНе совсем понимаю, ты имеешь ввиду тип файла (js, scss, css), или тип того что в файлах. (button, form, slider, header, footer...).
>>570202так если файлов css будет много будет много http запросов и страница будет больше грузиться ?
>>570150Вообщем, если кто захочет попробовать силы/найти работу, пилю свою фейкопочту james.various@yandex.ru. Обратную связь обещаю.Команда нормальная, без заёбов, не стартап, удалённо/коворкинг. З/п без задержек. Будет тестовое, я проверяю (35 строк кода), но все оргвопросы с ПМом. Много legacy-трэша, которое работает, но пахнет. Будет весело.
>>570230Для этого есть сборщики.
>>570230это все собирается в 1 css файл с помощью пакетного менеджера grunt, gulp...
>>570234Зачем пердолится с грантом если есть божественные импорты в препроцессорах?
>>570178Ты имеешь в виду программки "сделай лендинг в два клика"?))))00
>>570225Так может кто-нибудь ответить. Не является ли это лишним хуедрочевом - разбивать css файл на множество мелких, в которых будут лежать header, footer, button, form и тд...?
>>570250В больших проектах без этого никуда. Представь что у тебя слитый в единое целове кссник имеет 5к строк. Как в нем ориентироваться будешь?
>>570241Да я вообще не ебу о чём вы сейчас говорите
>>570255Ок, спасибо. Значит лучше прививать эту привычку уже сейчас, что бы потом не обосраться.
>>570265в продвинутом тебе все это расскажут
>>570312Кстати продвинутый интенсив годный? Или лучше просто пока верстать, верстать и верстать, чтобы голову лишним не забивать?
>>570231Больше нужен JS'ер чем верстала?
>>570320я делал так: сверстал все макеты базового и сел за продвинутый. там тебе объяснять как верстать не будут, расскажут про необходимые для современной верстки доп фишки и инструменты, которые ты уже будешь внедрять в свой отточенный подход так сказать. ну и естественно про адаптивность расскажут и мобайл-фёст
Как нихуя не понять джпг.https://htmlacademy.ru/courses/113/run/28Вот эта штука.Почему базис 100px?Почему у нечетных коэфф 0, у четных один, они же все разные?
>>569906Нормальным?
>>570371Сам хуй знает, братан
Кстати, а где можно почерпнуть такие базовые макеты для верстки для новичков? Желательно с исходным кодом
>>570525желательно это типо как в требованиях к работе обязательно?
>>570552Ну, хочется же код проверить на перегруженность потом.
>>570150Если собираете на гранте/галпе, готов взяться.anonchik-nyashka@rambler.ru
>>570826>@rambler.ru Надеюсь это фейло-мыло
>>570850фейко*
Блядь, смотрю портфолио верстальщиков на говнобиржах аля веблансер/фл — сплошное однотипное буттсрап говно. И зачем я упарываюсь уникальными макетами на флексах с семантикой, бэмом и блекджеком? Кто-нибудь вообще это оценивает по-достоинству? Я так думаю, что нет.
>>570850Для фейков не очень хочется связываться с гуглом/айклаудом, сам понимаешь
>>570898Лол. Только сейчас увидел, что тут написано.>anonchik-nyashka@До этого я был уверен что там имя и фамилия.Походу я сегодня себе не плохо так глаза выебал кодерством...
А вообще очень часто замечаю за собой хуйню, когда впервые в тексте прочитываю какое-нибудь слово неправильно, и если это слово мне снова в тексте встречается, то я автоматически его как бы пропускаю. И только в конце, или перечитав пару раз, каким то чудом замечаю и понимаю что там написано не то что я думал... Пиздец бесит...
>>569536 (OP)Анон, как определить, что section, а что article? Что span, а что текст в диве?
>>570934>что спан, а что текст в дивеспан - это кода конкретный текст в диве ты хочешь перекрасить. див - просто блочный элемент.>что секшон, а что артиклсекшон - просто несколько объединённых по какой-то причине дивов, артикл - самостоятельный элемент веб-страницы, который можно невозбранно оттуда выдёргивать.
>>570953Как понять "самостоятельный элемент веб-страницы, который можно выдергивать?" Каким образом он самостоятелен? Куда его можно выдёргивать?
>>569619Ебаать.. Бомбануло с ноута. 10 лет пользуюсь. Какой на этом гавне кодинг?
>>569536 (OP)ищем фронт-энд-макаку.Спб.Чкаловская.400€/месяц.Задавайте ответы прямо сюда.
Что скажете за курсы "специалист" при бауманке ?
>>570975>Задавайте ответы прямо сюда. Что такое Спб?
Один я даун который в HTMLacademy не понимает как биатлон пройти? Пиздец же. Я ему код, а он мне распидорашивает мишени по всей странице.
>>570994Жопа какая-то. Вообще нихуя не понял. Хотя курс прошёл вообще влёгкую.
>>570994возможно не один, но скорее всего один
>>571003Нахуй иди, толстяк. Судя по форуму овер 2к человек не выполнило задание на 100%
>>571011я на сотку все задания выполнял, они там простые максимум на 20 минут
>>571011Ёбаный ад. Кто создал это испытание, маму того ебал.
>>571016пиздабол.
>>571016>я на сотку все задания выполнял>все задания выполнял>все задания>заданияВ глаза ебёшься?
Подкиньте нормальную статью по тегу Picture, где все бы разложили по полочкам, с примерами включающими адаптивные изображения и ретинизацию в зависимости от плотности пикселей девайсов.inb4 Продвинутый интенсив - это такая блядь халтура, что дальше некуда.
Так, оперовскую статью я нашел. Но остался один вопрос. Есть 2 набора изображений: квадратные и широкие. Суть в том, что квадратные мне нужны на ширинах <480px и >839px (т.е. мобильные и десктопные вьюпорты), а широкие, соответственно, на >439px и <840px.Как это оформить в <picture>?>>571030-кун
>>570982норм. ходил туда. базу дадут. дальше уже проще будет все понимать. живое общение в любом случае пизже, чем пустое выкание в монитор.но есть минус - со мной в группе были тетки, которые хотели задать вопрос, но сформулировать никак не могли, да и вообще много ненужных вопросов и ошибок у людей старшего контингента.
>>570826Нет, у нас сборка несколько иначе организована. Полностью в ведении бэкенда.
>>570886Я за месяц штук 60 уже прособеседовал по теории/практике. Вообщем, выводы просто неутешительные, в индустрии пиздец.1. Народ не может отцентировать блок;2. С JS пиздец. Полное отсутствие понимания логических операторов, контекста функций, работы с массивами и данными;3. Нейминг у 99% такой - chornaya-block, registratsia-click, shapka. Это из реальных тестовых. С переменными/методами вообще ужас.И это не сверхтребования какие-то. Это реально вызубрить, выработать навык за месяц-три. Но нет же, лол.>>570231 - кун
>>571167>1. Народ не может отцентировать блок;Не каждый блок просто центруется, зависит от ситуации. Или ты про margin: 0 auto;?
>>571169Ни одним из способов. Ни при каких обстоятельствах.
>>571167Какие вопросы задаешь по теории/практике?
>>571167бля, чувак, ты просто сделал мой день и поднял чсв само собой, спасибо.
>>571167Сколько тебе лет, и чем сам занимаешься, пишешь на чем-то, или ты уже все это перерос?
>>571167Лол, всегда думал что в компании ломится куча кандидатов с охуительной версткой, знанием джс на уровне профессионал, парочкой фреймворков ангуляр/метеор и т.д. Чем они вообще тогда занимаются? Статику на бутстрапе верстают?
>>571180Как можно сверстать статику на бутстрапе? А главное - зачем?
>>571181Под статикой я подразумеваю верстку вообще, в т.ч адаптивную, без оживления с помощью JS.
>>571175Ляпы тестового разбираю, спрашиваю, почему именно так. Просто косячная вёрстка, не учтена кроссбраузерность. В JS 99% сравнивают в стиле if ((1 > 0) == true), плодят тучу переменных. Вообщем, 5ый класс.>>571178Я обычный фронтендщик. Просто нам нужно ещё.>>571180Кандидатов ломится дохуя, но подавляющее большинство ставит или надругалось над телом Битрикса, или ставит темы на вордпресс.
>>571176ты же в илитном треде сидишь, хули удивляешься
>>571194Так напиши в ЖС тред
>>571194А вам нужны те, кто в JS пока не понимает?
>>571194Вы там на js приложения пишете полноценные, или чем ограничивается его применение?
>>571202Не, скорее наоборот.>>571206Бизнес-логика сайта.
>>571210это например каких сайтов? Пример приведи какой-нибудь. А то сейчас все понятия растяжимые.
>>570965Это фотошоп, лалка
>>571214Авито.
>>571030Удвою. Я чет нихуя не могу понять как правильно его прописать, шоб работало.
>>571030>>571326https://www.youtube.com/watch?v=O9JGDHEL2b8Тут вроде неплохо объясняли, только я уже точно и не помню.
Анон, а как бы ты сделал эту карусель Кантора http://plnkr.co/edit/mmB7VI860TmlheRj7jlm?p=preview адаптивной, если ширина "li" в процентах?
Анон, вопрос по адаптивной седонеЯ долго пытался понять, но так и не вкурил как правильно делается кадрирование фоновой картинки в хидере. У меня есть одна и та же картинка, которую на разных страницах (главная там, фотографии и тд) по-разному кадрировать. Как добиваться соответствия макету?
>>570958переставлять куда угодно,хоть в другой блок, хоть в новую страницу вставить, он не должен поломаться.
>>570975>ищет фронтенда>Санкт-Петербург>зарплата уровня хуевого версталы>фронт-энд-макакаНахуй из треда, выебистая мразь.
>>570180О яебал такое говно. Реально просто лютый пиздос разбирать чужой говнокод и чистить его. Сейчас занимаюсь именно этим, в некоторых местах все настолько плохо, что приходится хуярить заплатки, так как можно похерить весь фронт нахуй из-за пары узких мест. А на переписывание с нуля времени нет, проект на стадии последнего тестирования перед сдачей.
>>571338Ты про спрайт? Есть у тебя изображение, в котором много одинаковых картинок с прозрачным фоном и отступами друг от друга. Блоку с определенным классом задается background, равный этому изображению, потом у него прописывается background-position и background-repeat: no-repeat. И потом уже попиксельно подгоняют изображение при помощи background-position. Ну и у блока обычно фиксированные размеры, хоть и не всегда.
>>571440Мы, кстати, намного больше платим.>>570231 - кун
>>571448Но кому-то надо этим заниматься в любом случае. Плюс для новичка отличная возможность хоть врубиться как этот говнокод функционирует в принципе.
Котаны, подскажите, пожалуйста, как сделать такую карусель, как в юлмарте? Киньте ссылку на годный плагин, или пример.
>>571468http://www.internet-technologies.ru/articles/article_2279.html
>>571470Спасибо
Анон, привет. Я тут относительно недавно вкатился в верстку, посмотри, пожалуйста, мой код - нет ли там ничего такого вырвиглазного и тому подобное.https://jsfiddle.net/8L8yfu8o/
>>571522сам новичок, но могу тебе подсказать с одной штукой:#000000;#ffffffподобные херовины можно сокращать до 000 или fff
>>571529Спасибо. А сам-то как считаешь, нормально всё, кроме этого?
>>571531ну, да. мне показалось, что читабельно. я сейчас угораю по этой хернеhttps://habrahabr.ru/company/piter/blog/280828/мне показалось, что у тебя все понятно в CSS.
Аноны, почему в этих тредах никогда не идет речи о CMS, разве фронт-енд не подразумевает натягивание на CMS?
>>5715221. Каскад не нужен2. Таблицы, флоаты, инлайн-блоки → флексы
>>571455Вот и я об этом. Ищут фронта, который будет горбатиться над заданиями уровня фронтенд-разработчика за зарплату верстальщика.
>>571555Нет. Готовые CMS используются только для простых сайтов.
>>571584Точнее сказать не для простых, а для типовых.
>>571457Надо делать так, чтобы потом не приходилось перепиливать говнокод. Или хотя бы пытаться. Новичку как раз не стоит подобным заниматься, так как может нахвататься и продолжить подобную практику. Ну и по описанию такое чувство, что ищут козла отпущения, который будет рефакторить говнокод, от которого все отказались. Неприятно как-то.
>>571591Не, мы возьмём новичка и сразу ему логику платёжной системы дадим пилить. Потом на хэши посадим, дата-слой. Чотко будет, ага? Тем более там было сказано про форк, пожизненной каторги никому не обещано.Надо делать - отлично звучит в модном стартапе, где накатил кокса, смузи, позвонил парню, вмазал ангуляр. А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.
>>571584>>571589Этот не прав. Натягивание верстки на движок CMS - это одна из частей фронтенда, не самая приятная, но все-таки одна из частей. Просто никто в этом треде не хочет этим заниматься, да и вообще мало кому это нравится. Но хороший фронтенд хотя бы раз натягивал верстку на движок, для расширения кругозора. Это мог быть платный проект, а могла быть обычная проба для себя.
>>571599Я хороший фронтенд и не то что никогда не натягивал верстку на CMS — вообще никогда к ним не прикасался.
>>571602двачую этого
>>571595>5+ Мб JS-говнокодаПоправил, не благодари.>А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.Что мешало сразу пилить нормально? Предполагаю, код писали бэки, а теперь требуется еще один фронт, чтобы эту кашу поправить. И почему ты этим не займешься? Хочешь свалить такую стремную работу на джуна, в то время как сам будешь попивать смузи и попиливать логику?
Привет, парни. Я нихуя не могу понять БЭМ (нгэйминг). Точнее, я вроде бы понял его суть и смысл, но не могу врубиться, как все таки надо его правильно делать. Можете что - то посоветовать? Вот, например. Возьмем адаптивную Седону, версию под мобильники. Основной контент, там есть блок фишек, которые описывают почему нужно ехать в городок. Я понимаю так, это элемент основного содержания страницы, то есть <div class ="main-content__features-block"></div>, но ведь это только контейнер для фишек, а каждая из фишек это отдельный блок, который в свою очередь имеет свои элементы. Но ведь по бэм нельзя делать элемент элементу. Я, нахуй, блять, запутался. Я что - то неправильно понимаю?
>>571605Спор ради спора. Я тут немного не за этим, так что ты победил.
>>571581Вроде бы флексбокс ещё не до конца хорошо поддерживается, не?
>>571617IE 10+
>>571619Хорошо, а "каскад" что такое?
>>571612В бэм-нэйминге нет слова нельзя. В голове прокрути архитектуру вложенности и дописывай через __ к родителю. Все. В сасс очень удобно потом через & с этим работать, прям мне доставляет.
>>571622У элемента не может быть элементов.
>>571612Ты это я.Правда, я уже начинаю подзабивать на главную идею БЭМа как конструктора независимых блоков, и просто стараюсь неймить по-БЭМовски в меру своей фантазии. Но если в элементе внезапно обнаруживаются другие элементы - без зазрения совести юзаю каскад. Ибо сидеть выдумывать 3 часа напзвания классов меня не улыбает. Каскадность слабая, классы по-БЭМовски понятные и описывают суть элементов - ну и ОК.
>>571624Бэм нэйминг вася, не подчиняется бэм методологии. .main__content_block__dolbaeb_list
>>571627Эй, спокойней. Давай без ПРОБОЕВ ПАМЯТИ
>>571625была у меня такая проблема. Знаешь как решается? Когда с высоких уровней опускаешься на низкие можно смело юзать припеси типа left down list column при взгляде на верстку сразу становится понятно что к чему
Вообще правила БЭМа какие-то уж очень строгие. Допустим, есть у нас блок, в котором дохуя чего. Тех же блочков, элементов и т.д. И эти другие блочки и элементы имеют свои обертки. И эти обертки надо тоже как-то стилизовать. И как их называть? Видать, в Яндексе с таким не сталкиваются.
>>571612Во-первых main-content__features-block хуевое название, слово block избыточно (особенно учитывая то, что это элемент, лол).Во-вторых что тебе мешается сделать features-block блоком, а не элементом?В-третьих, не обязательно называть вложенные элементы соответственно уровню вложенности.Как не надо:block__containerblock__container-itemblock__container-item-titleКак надо:block__containerblock__itemblock__title или block__item-title
>>571627Хуйни не неси плес
>>571620Селекторы вида .class ul li .another-class
>>571612>Но ведь по бэм нельзя делать элемент элементу.Но ведь по бэм нельзя делать элемент элементу.Блять, вы презентации из интенсивов вообще смотрите, или как?
>>571638>block__container>block__container-item>block__container-item-titleКак раз этот вариант очень удобен в препроцессорах.
>>571642Блять, ты на сайт БЭМа то хоть раз заходил, методологию читал? #000 по #fff написано, что нельзя.
>>571647Но не очень удобен в JS.
>>571649Чем не удобен? По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__element
>>571657Тем, что длинные классы получаются.>По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__elementЭто вообще ерунда какая-то.
>>571659Уточню, что под JS я имею в виду React/Angular. Или любую другую технологию на которой пишутся шаблоны.
>>571638погоди ка погоди. Твой вариант описывает абсолютно другую структуру. block__container-item-title подразумевает тройную вложенность. А все твои это двойная вложенность.
>>571660Недавно впервые поучаствовал в реальном проекте, увидел структуру интертнет-магазина на php. Там тоже по сути все собиралось из файлов-шаблонов. Реакт и ангуляр - они про то же?
>>571661>В-третьих, не обязательно называть вложенные элементы соответственно уровню вложенности.
>>571665однако когда смотришь такой код он читается гораздо лучше. Поэтому довод про длинные имена идет нахуй
>>571662Нет, это фронтенд-технологии. Обе из которых, впрочем, включают шаблонизаторы.
>>571666Ноуп. На пике код одного из моих компонентов (функция cn просто генерит имена в БЭМ-стиле). По-твоему это бы лучше читалось, если бы logo-image назвался root-header-logo-image? А когда я решу поменять верстку, то все переименовывать? Ну охуеть, спасибо.
>>571599Ты имел ввиду хорошего человека-оркестра, а не фронт-енда.
Ваши флексы ебаные на мобилках не поддерживаются блять, а бэм-нейминг вам нахуя, я так и не понял. Что за хуйню вы тут устроили сука?
>>571694Попизди тут еще http://caniuse.com/#search=flex
>>571696А теперь открой на своем ведре или гейфоне твою хуйню, сверстанную на флексах и отсоси, теоретик хуев.
>>571698Так, парни, у нас тут человек не слышал про автопрефиксер. Срочно два куба постцсса ему!
>>571701Так ты открыл или нет?
>>571705Неоднократно верстал. Не расскажешь что конкретно там не поддерживается, котик?
>>571711Так ты ссылочку-то кидай
>>571713За щекой у себя проверь.
>>571714Проверил, не нашел. А теперь иди нахуй, диванный теоретик без пруфов.
>>571714необъективный ответ, у тебя аргументы закончились или ссылок нет? мимиКрокодил
Кидайте ссылку на флексы, проверю.мимо-Андроидобог
>>571716Без пруфов чего? Я тебе уже кинул ссыль на caniuse. Жду конкретный примеров на какой системе какое свойство не работает. Если у тебя их нет, то иди нахуй.
ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>??
>>571721Ссылку кидай, что ты верстал на флексах под мобилку, мы тут всем тредиком на разных устройствах проверим.
>>571681посмотрев на любой элемент-модуль ты сразу понимаешь откуда у него растут ноги. Но ты не совсем правильно понял мой подход, я предлгаю прописывать эти пути модульно. То есть вложенность может быть уровня 3 где-то после идут уже элементы.
>>571724Я не собираюсь что-то кидать и деанониться чтобы опровергнуть бред не подтвержденный ни одним пруфом.
>>571725Не вижу особых отличий от моего примера.
>>571735значит я твой не понял
>>571724Могу я скинутьhttps://meduza.io/Работаю в медузе уже почти год
>>571724https://htmlacademy.ru/проверяйте
>>571739Ты один из восьми разрабов? Чем занимаешься?
>>571723>ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>??Так че, может кто ответить.Я понимаю, что в любом случае придется использовать полифилл в реальных проектах, но всё-равно интересен этот момент.
>>571773Гугли доклад Макеева, точно не помню, но он вроде упоминал про это.
А флексохейтер-то и сдриснул, лол.
Смысл вообще хейтить флексы? лол. Скоро все равно все на них будет.
>>571772Там больше на самом деле, есть удаленные/контрактныеВерстка, фронт
>>571739Сколько получаешь?
Почему итт постоянно спрашивают сколько ты получаешь? Вас на hh забанили?
>>571813Не скажу, ндаИ в вопросе нету смысла, ты же не знаешь мои обязанности, сколько у меня опыта и вообще какая именно должность, так что.. На хорошую жизнь в дс2 хватает
>>571829То что пишут на hh и получается в действительности, может сильно отличаться
>Завтра ищешь в интернете книжку Dive into python. Похуй если ничего не поймешь. Затем идешь на python.org и изучаешь стандартную библиотеку от корки до корки. Потом зубришь, именно, сука, вызубриваешь конвенцию по написанию питоньего кода - PEP8, чтобы от зубов отскакивало. Когда напишешь свою первую имиджборду, по пути изучив верстку на html+css, скачиваешь и изучаешь любой питоний асинхронный вебсервер, рекомендую Tornado или Gevent. Как переделаешь имиджборду, чтобы выдавала по крайней мере 5 тысяч запросов в секунду, можешь идти дальше - тебя ждет увлекательный мир хайлоада. Apache Hadoop, сверхбыстрые асинхронные key-value хранилища, MapReduce. Отсос хиккующих выблядков / просто неудачников типа рейфага или сисярп/джава-хуесосов, которые сосут хуй по жизни не заставит себя ждать и уже через пол года ты будешь получать такие суммы, что любая баба будет течь при одном упоминании твоей зарплаты.Бред или в блокнотик сохранить как пособие? Сам две недели как учу хтмл.
>>571844Это паста, нюфанька
>>571848В ней какая-то доля правды?
>>571837 У них же офис в Прибалтике?
>>571862А за два года реалистично выполнить этот сценарий, гуманитарию с iq 118?
>>571850Нет, это даже не оригинал пасты, а переделка под питон.>>571863Я в любом случае на удаленке и на контракте
>>571522Для начала неплохо (если ты первую неделю верстаешь). И да, флексы - заебись, но не бросайся сразу в них, поверстай на флоатах/инлайнах/дисплей-тейблах, это тебе в любом случае будет нужно (почти везде требуют либо ие8+ либо как минимум ие9+).PS Хотел было даже пофиксить слегонца, но, святой артемий лебедев - зачем вы ебучий джсфиддл для верстки используете, люто неудобная хуерга же. Заливайте на православный кодепен.
Охуеваю с уровня менеджмента местных конторок.Я тот анон который рассказывал что его умудрились дважды позвать на собес. В первый раз сходил, вроде нормально, но фидбека не получил, то есть вообще. Ничего не сказали по окончании, просто с улыбкой проводили к двери. Через 3 дня отзвон от эйчара, типа приходите на собес. Я уточнил что уже был, извинились, сказали будут перепроверять.Проходит 2 недели, я уже и забыл о том что туда ходил. Звонок на телефон, представились админом из этой компании и сказали что надо ставить какой-то чат и заводить акк. На что я справедливо изумился. Предложил уточнить, так как мне не отзванивались для согласовывания условий, а между тем 2 недели прошло, я за это время уже мог уйти в другую компанию/фриланс/крестовый поход/etc. Немного поболтал с их тимлидом, уточнил общие вопросы, предложил устанавливать все завтрато есть сегодня ибо занят. Вроде все ок. Сегодня ни ответа ни привета. Вот я хуй знает анон, либо слишком придирчив, либо это таки бардак и нехуй с ними связываться. Что думаешь на эту тему? Алсо, возможно такое отношение выработалось из-за моих предыдущих собесов. Их было всего 2 и давно, но оба в крупные аутсорсинговые компании с центральными офисами в штатах и ЗЕ. И вот там все действительно заебись. Эйчары все по несколько раз уточняют и разжевывают, собеседования ведутся как положено, а в конце, даже если ты не подошел, тимлид 10 минут объясняет тебе почему ты крут, и почему они не могут сделать тебе оффер.
>>571920Хуйня какая-то, я бы уже их послал.
Есть тут те, кто верстал этот макет?Я правильно понимаю, что мороженки - это просто фон хедера? Или надо специальный див создавать и на ЕГО фон их ставить?
я вам ультрагодноту по вордпресу принес аноны https://tyler.com/
>>571937Меня смущают вот эти 3 кружка, выглядит как слайдер.
>>571943Отклеилось
>>571942О, збс подгон
>>571944Ну это и есть слайдер.Другой вопрос, как это по семантике правильно верстать? Тут 2 варианта, либо я в хедер засовываю просто нав со всякими окошками поиска, логотипом и прочей парашей (кстати похоже так и надо, учитывая его размер), либо я хедер обёртываю в див, на фон которого ставлю мороженки.Вроде бы первый вариант, а слайдер идет в диве на фоне которого это изображение, сразу после хедера.
>>571920Похоже на какую-то лютую парашу.
>>571978Ты не догоняешь.>нав со всякими окошками поиска, логотипом и прочей парашейВо-первых: не стоит в nav пихать всякую парашу. Он не для этого.>а слайдер идет в диве на фоне которого это изображениеВо-вторых: Фоновое изображение предназначено для оформления и только для него.Картинка с двумя мороженками - промо изображение.Да и вообще, какого хуя ты в СЛАЙДЕР пихаешь фоновое изображение?
>>571993Нет, я оговорился, в наве только менюхи. А все остальное, к ним не относящееся - просто рядышком в хедере. Так?А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?
>>571996>А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать? БЛЯЯЯЯЯЯЯЯЯЯЯЯЯТЬ
>>571996Нет, это фон слайдера. На то он и слайдер, что кнопочку переключаешь и изображение меняется.
Пацаны, такая хуйня, выделяю область в фотошопе, хочу выделенное сделать прозрачным, а ебаный ластик замыливает за выделенной областью, как мне с ним совладать? Я там разные кисти выбирал, все так делают.
Посоны, есть ли смысл добавлять normalize или reset в мой собственный бойлерплейт? Прошу аргументировать мнение.
>>572018Не совсем понял, в чём суть твоей проблемы, но попробуй выделить област и ткнуть del.
>>571725Ебанутая система. На сложном проекте у тебя получится такая вложенность, что ты охуеешь. Сам писал нечто подобное, когда плохо понимал бэм. Овердохуя уровней вложенности не нужны. Почитай про бэм поподробнее.мимо
>>571920Стремно как-то. Бардак у них там творится. И новеньких, видимо, совсем не уважают.
>>571920спроси у них, почему эти так делают
>>571725Зачем прописывать боди_#чтото#, если отображаемый контент хтмл может быть только в боди? Футер это часть боди, а не тот же уровень, что хеад и боди. Мне кажется ты не понимаешь иерархию хтмл, тебе надо сначала разобраться с этим. https://learn.javascript.ru/dom-nodes
Есть тест (1 вопрос для примера из пикрелейтед), нужно для него сделать веб-страничку. Т.е под 1 вопрос по 3-4 чекбокса, в конце теста выдается результат сколько правильных и неправильных ответов.У кого-нибудь есть шаблон для такого? Моих знаний Javascript не хватит чтобы это всё устроить, тем более сдавать нужно уже через 2 дня. Если бы не сроки, то сам бы сделал, т.к в принципе интересно, да и вместо практики какой-то сойдет.https://jsfiddle.net/vxcy1p5q/ - есть похожее, но всё таки немного не то.
>>572084Гугли jquery plugin quiz.
>>571999Там не только фон слайдера, там фон всей страницы меняется.
>>572023Очень хороший совет, спасибо. Только вот на деле все равно полстоянно получается, что элементы должны иметь элементы. А те в свою очередь тоже их имеют. И вся суть БЭМ идет из-за этого нахуй.
Поясните вкратце за Avocode, уже юзабельно? Баг с направляющими, думаю, должны уже фиксить. Если пофиксят, то не поскуплюсь на лицуху, зело заебало в дуалбуте сидеть.
>>572203Косяки с тенями. На днях проебался знатно.
>>572232Т.е. нужно ещё месяц-второй подождать?
>>572281Не знаю, это к разработчику вопросы, но пришлось ставить вайн+фотошоп.
>>572306У меня под вайном только CS2 нормально заработал, но он слишком стар уже. Печалька.
>>572309CS5 работает отлично.Не уверен, что 100% решение, но установи через sudo apt-get install playonlinux, там подтянется всё, чего не хватает, если лень вручную ебаться с установкой.
>>572313Ноут слабоват, может не потянуть. Но я попробую, спасибо.
>>572316Ебать ты простой, цены на макбуки видел?
>>572324Половина зарплаты?
>>57232515" макбук про с человеческой начинкой - в полтора раза больше моего годичного заработка на апворке.
>>572329Хз, бросай Апворк тогда. Я там давно не работал, но демпинг ебанутейший, как помню.
>>572336С демпингом проблем нет, просто я вкатывался с нуля, не имея опыта работы в офисе.
>>572343Что знаешь, какие заказы берешь?
>>572346Жиквери разработчик. Делаю psd-to-html, прикручиваю всякие плагины, аякс, всё такое. Потихоньку расширяю влияние на чистый php и дизайн, дабы на вордпрессе сайтики ваять.
>>572159Так и итоге, мороженое ставится как фон страницы? А кнопки слайдера и информация с 10-22 абсолютно спозиционированы?
>>572324Видел. Не тянешь макбук — бери подержаный мак мини с авито. Все равно перелезать придется рано или поздно.
>>572038вы заебали я накидал примерно. Я не пишу боди что-то. Боди это как корневой каталог.
>>572368Подержаная прошка 13 тоже опция. Что-то типа early 2013. Тысяч 40, я думаю.
>>571937я тут мимо-анон, много говорить не буду просто дам направление так сказать:1) в бэм не важна реальная иерархия все заменяется на связь блока и элемента. Блок может содержать внутри себя элементы и другие блоки.2) не забываем про миксы (в БЭМ они есть)
>>572375бля, это сюда >>572174
>>572368>>572372Я не думаю, на данном этапе моей карьеры мне позарез нужен мак. Рано или поздно да, придётся.
>>572378Ну, не самая важная вещь в мире, но работать станет попроще. Просто хотел отметить, что мак это не обязательно космические деньги.
>>572380Существенная переплата за небольшой прирост по сравнению с Linux. Сомнительное вложение.
>>572375ну правильнее сказать, что вся соль бэма уход от каскада в отдельных модулях. А модули это отдельные классы в общей структуре, это типо и позволяет потом брать модуль и втыкать куда угодно подцепив его стили.
>>572382Прирост довольно солиден же.Отпадает необходимость в ебле с вайном/виртуалками, более широкий набор инструментов (навскидку - скетч и зеплин), ретина, ёпта!
>>572329Проиграл с тебя.Во-первых, зачем нужен 15"? Бери 13 с ретиной.Во-вторых он стоит около $2к. Если ты фрилансер, зарабатывающий $4к в год, то у меня для тебя плохие новости.
>>572510в чем мак хорош при фронт-энде?
>>572515У меня знакомый как раз с прошкой 13-дюймовой. Дома с ней работает, приезжает в офис - подключил по HDMI к монитору - и там же опять работает. Может легко съездить к клиенту и показать продукт.Машинка легкая, очень быстрая.
>>572515Да ничем, разработка идеальна на линукс, но если говорить о фронт-енде, то появляется нужна в фш и тогда катит мак
>>572534не тормозит или что? я просто уже давно не сидел на винде. все на маках. на винду трудно садиться. какая-то она не такая - думает иногда долго, тормозит
>>572534А чем Линукс лучше?
>>572538Винда на норм железе и с чистой ос тоже не тормозит, и даже летает. >>572549http://www.makeuseof.com/tag/6-superb-reasons-use-linux-programming/
>>572559Абсолютно все эти преимущества относятся и к макоси.
>>572562ну так понятно, речь про то, что если бы не фш нахуй не надо было бы переплачивать за мак.
>>572567Не согласен. Маки отлично собраны, там ретина и няшная ось. У нас рубисты тоже на маках работают.
>>572571Они не пидоры часом?
>>572573Не знаю. А это что-то плохое?
>>572579Я просто хочу с ними работать. Я пидор просто.
>>572571собраны они на тех же заводах, что и делы какие-нибудь собирают. Так что это спорный плюс. А визуальная макось это такое, дело вкуса. Есть линукс оболочки копии, хуй отличишь.
>>572585а забыл добавить бесспорный плюс. Только с яблоком на задней стороне ты выглядишь со строны как современный хипстопидар. Это да, тут мак лучше.
>>572589Ну разумеется.
>>572593Пик отклеился
>>572585ну, собраны-то на одном, но качество, что материалов, что сборки получше будет. конечно, маки стоят огого, но если сравнивать по хар-кам, то цена на винде будет плюс-минус такая же
>>572596Напрягает маленькие размеры экрана. Неудобно кодить же. Я привык на ноуте кодить, а на доп мониторе следить за изменениями в браузере.
>>572596ну ты и фантазер. http://www.dns-shop.ru/product/a87f851428f33361/156-noutbuk-dell-inspiron-5548-9298-serebristyj/сравни ка железо. http://www.dns-shop.ru/product/4cb507b9c6bc3361/133-noutbuk-apple-macbook-air-mjve2rua-serebristyj/
>>572603Кто в своем уме купит макбук без ретины и с TN матрицей?
>>572603Ну охуеть аналоги. А вес, материал корпуса и тип диска ты характеристиками не считаешь?
>>572621за разницу в цене можешь себе два ssd купить, хотя не для игр тебе и этого гибрида хватит и разницы ты не почувствуешь, особенно учитывая, что линукс стоять будет. Вес больше на килограмм, и я конечно понимаю, что хипсерков вес в 2 кг на их хрупкие плечи ебать разница. А материалы примерно одинаковые, там такой же пластик ток серебристый. И да, спорить яблочными поехавшими идея глупая, я знаю. Это и телефонов и касается. Зря я начал, зря.
>>572629>там такой же пластик ток серебристыйЭто алюминий.Ты сравниваешь два ноута, которые вообще в разных классах находятся. Эйр это ультрабук и для него весь очень важен. Работают обычно все-таки на прошках.
>>572637>весьвес
>>572637кароче каждому свое.
>>572640Более-менее опытные кодеры используют Линукс, самое дно - винду. Где-то посередине Макось.
Ананасы, посоветуйте пожалуйста отличную книгу про Angular.js, я начал читать O'Reilly на английском, все шло отлично, пока в книге не начался разбор реального приложения, там у меня шары в мозгах свернулись, до сих пор в себя прихожу. Все основы по ангуляру я уже усвоил - привязки, директивы, объекты, модули, фильтры. Нужно понимание - как построить свое маленькое ангуляр-приложение, как спроектировать директивы, связи, контроллеры и т.д. Очень нужно для первого ангулар-портфолио, ибо сидеть на 600-800 долларах в месяц заебало неимоверно. мимо апворк джиквери разработчик
>>572655Нехуй читать краденные книги с торрентов. Купил бы нормально, всё бы понял.
>>572656Не поверишь, но она в бумаге, куплена.
>>572649>>572594
>>572655Бля как ты так смог, без опыта, у тебя тогда портфолио хоть какое-то было, когда вкатывался на апворк, работаешь за фиксированную плату или почасовую? Английский хорошо знаешь?
>>572655Посоветую учить Реакт.
>>572665На самом деле это не очень сложно. Главный момент - английский и умение общаться с людьми по переписке (харкач научит).Реальный опыт достаточно небольшой, работаю с сентября прошлого года. Поначалу демпинговал, но работу делал на 10 из 10, каждый проект вылизывал как писечку молодой тян. Есть почасовая работа, есть фиксированная ставка. По фиксированной больше нравится работать - есть стимул побыстрее завершить проект и с клиентом нет никаких качелей по учету времени. В портфолио до сих пор нет ничего приличного, кроме двух Wordpress веб сайтов на премиум-темах. Хотя сами темы и охуительно смотрятся. Было пару интересных и красивых веб-приложений, но заказчик не позволил вывесить картинки.
>>572668Чому?
>>572672Уточнение: под реальным опытом я имел в виду опыт реальной разработки (верстки + скрипты)
>>572673Он классный, на него тоже много вакансий, у него намного более пологая кривая обучения. См. линк с актуальными технологиями в шапке.
>>572672Демпинговал как сильно пару баксов в час?
>>572695Нет, минималка там 3 бакса, на нее я и пошел работать в первый контракт. Сделал первые 30 баксов, на второй контракт меня взял тот же клиент, но уже на 5 баксов. Дальше удачно выстрелил китаец уже на 8 баксов и я за октябрь уже получил около 320 долларов суммарно.
>>572698а делал-то что в основном
>>572700да то же, что и сейчас по-большому счету: костыли-заплатки, сделать старый ублюдочный корявый сайт адаптивным, написать лендинг с нуля, используя препроцессоры, написать веб-верстку и скрипты для вебприложения для фотографий и чатика, куча заданий было для Wordpress, большие и маленькие. Когда стал TOP RATED, то сразу ощутил небольшое облегчение в поисках нормальных заказов - люди охотнее тебе платят больше, если видят, что у тебя одни пятерки. Несколько раз присылали прямое приглашение на неплохой контракт.
>>572698Какие у тебя дальнейшие планы, анончик. Продолжать фрилансить, или стать офисным планктоном?
>>572706Хочу хорошо подтянуть какую-нибудь библиотеку (angular или, как советовал товарищ по несчастью выше, react), выйти на нормальные проекты по 20-25 долларов в час. Затем хочу нанять в офис пару обезьянок на простые задания с UpWork и может быть из этого что-нибудь получится. Как я уже говорил - у меня очень мало реального опыта, нету даже и года. И в команде не работал вообще никогда.
>>572710самоучка? долго учился?
>>572712Самоучка. Где-то полгода, после основной работы по 2-3 часа в день, начал сперва с C# почему-то, потом прошел MySQL, потом прошел фронт-енд. Сейчас джиквери спагетти-код в принципе получается, даже игрушку сапер сверстал на джиквери лол.
>>572672Красава. А на сколько англ хорош, прямо вообще без проблем разговариваешь/переписываешься?
>>572715молотка! удачи тебе
>>572718блин, я думал ты работодатель, предложишь сейчас что-нибудь интересное. Прям выложил все карты! (тут смайлик)
>>572720я только начинаю вкатываться. курсы прошел, книжку почитываю, с ленью борюсь понемногу
>>572720Так а что тебя не устраивает (ну кроме 600-800 долларов в месяц, которые в украине, например, космические просто, еще и сидя дома) ?
>>572710Я думаю всё зависит от твоих целей. Некоторые и без опыта устраиваются, работая за еду. А потом потихоньку вырастают. И тогда, если их опыт и знания не соответствуют зарплате, то уже с этим багажом устраиваются в более крутую фирму.Тебе, наверное, нет смысла идти в офис работать за еду, коль ты на фрилансе относительно неплохие деньги делаешь.
>>572725все устраивает, но хочу куда-то развиваться, от контрактов типа psd to html понемногу деградируешь все-таки.
>>572717Английский неплохой, на общие темы разговариваю без проблем, за специфическими терминами конечно лезу в словарь.
>>572730Ну это само собой, я думал, ты любой ценой в офис хочешь на эти технологии.
>>572734мне уже за 30, думаю в офисе среди 20-летних сеньеров я буду выглядеть как жених на панихиде
>>572738А прошлая работа какая была?
>>572730>деградируешь все-таки.Скорее стоишь на месте. Ты ж ведь не становишся хуже, хоть и выполняешь одни и те же задания, наборот, ведь со временем это все идет на автомате, да и придумать что-то более эффективное/удобное можно. Или ты о том что технологии идут вперед и за ними надо поспевать?
Соснул с прохождением всех интенсивов к 19му.мимо-стремящийся
>>572751сколько времени на интенсив тратил в день? еще не приступал, хочу прикинуть хер к носу для начала, чтобы было понятно по сколько времени уделять
>>572754Я хотел все три за неделю, да так чтобы еще и в голове что-то осталось. А в итоге только вот первый заканчиваю.
>>572751А, помню тебя. Я ещё тогда цокнул языком, увидя твои космические цели, так как сам думал примерно также - отсмотрю первый интенсив за недельку, сверстаю все четыре макета ещё за недельку, а там добью второй попутно изучая js. а через два месяца устроюсь на работу с портфолио, а ещё через полгода стану как Аллах, освоив все фрейморки мира и замучу себе топовую работку тысяч на 100 с блэкджеком и шлюхами.
>>572799А я, наверное, еще более слоупочный, чем вы оба вместе взятые.Начал изучать зимой, прошел codecademy (html/css), htmlacademy (включая платный курс), отстмотрел первый интенсив, доверстал Барбершоп, сверстал Нердс, сверстал страничку портфолио, и сделал первую верстку за деньги. И это считай, почти за пол года.Продвинутый еще не досмотрел (осановился на JS), понемногу начал применять препроцессоры, в JS пока вообще не могу. Ну разве что там addClass, короче самый минимум.Один знакомый за пол года смог влезть в Python и устроиться макакой за 5$/час. Чувствую себя дном.
>>572807Куда устроился то он? И учил голый питон?
>>572812Питон и джангу. Ну он еще слегонца знает хтмл/цсс и совсем базово джиэс.Устроился по удаленке на буржуинов работать.
>>572020мне почему-то больше нравится reset.css, даёт больше свободы, чем reset - я лучше напишу пару дополнительных строк кода, чем буду учить, какие встроенные css правила у каждого браузера.
>>572836Чё?
>>572510>если ты фрилансер, работающий за $4к в год, то у меня для тебя плохие новостида вы охуели!
>>572850>335$/месяц>имплаин это нормальная з/п
>>572649>самое дно - виндуиспользуемая ось не зависит от опытности кодера. Под все оси есть все необходимые инструменты
>>572836>чем resetчем normalize.cssфикс
>>572852ну так-то 20к, средняя зарплата для миллионника.
>>572864Но не в айти же, где люди в валюте получают, а не в говноденьгах типа рублей или гривен.
>>572869и там тоже, если ты первый год работаешь. Кому ты с опытом в год нужен то?
>>572878Джун спокойно может рассчитывать на 500 бачей в месяц, если конечно имеет необходимые знания.
>>572884ну, джун это не верстала, а уже относительно продвинутый кодер, умеющий работать с обширным стеком технологий, но не имеющий опыта. Так сказать, уже как минимум вторая ступенька в кодерской иерархии.
>>572021С дел такая же хуйня.
Аноны, нужна такая функция (JS) : Нажимаю на 1 кнопку на сайте, и после того как она выдаст результат - она становится больше не активна. Как сделать?
>>572986$(button).click(function(){if (!$(button).hasClass('disabled')) {// do stuff$(button).addClass('disabled');}Через класс можно поменять её внешний вид, чтобы показать, что она больше не работает.});
>>572986http://stackoverflow.com/questions/3014649/how-to-disable-html-button-using-javascriptИли вот так.
Антоши, нужен плагин для навешивания скроллбара на любой див. Надо чтобы работало, как обычный overlfow: auto, но с возможностью стилизации скроллбара.
>>573016mCustomScrollbar
>>573027Поэтому нужно делать фоллбэки.
Так что насчет флексов? Как они ведут себя в андроидах/айфончиках? К сожалению сам затестить могу только в девтулс, а от них, насколько я понимаю, толку мало. мимо предложили стартануть проект на ИЕ10+, но с кучей адаптива, и чтоб на последних мобилках все было норм
>>573039>>571696
>>573018Спасибо
Котаны, сверстал барбершоп, очень подробно разобрал для себя все моменты. В целом всё понял. Могу ли я пропустить эти макеты с нердом и остальными ради продвинутого интенсива и учится уже в полной мере? Или все же лучше доверстать до конца? Учусь по 5-9 часов в день, пытаюсь освоить минимальный уровень знаний за который начнут платить хоть 5к рублей, хотя бы за год.
>>573059Можешь конечно, но барбершоп охватывает далеко не все аспекты вёрстки, с каждым новым макетом ты будешь узнавать что-то новое. Кроме того, для работы нужно портфолио, тут-то тебе и пригодятся эти нерды и т.д.
>>573059ты на платный собрался?
>>573062Я просто хочу начать верстать сразу с адаптивом, препроцесорами и всем таким, потому что чувствую что делаю не всё что мог бы.>>573066Если бы. У меня денег даже на еду не всегда хватает.И еще вопрос. Базовый джаваскрипт мне очень понравился. Становится слишком тяжелым(хотя бы на среднем уровне) что бы развлекаться?
>>573071Верстай эти макеты с адаптивом и препроцессорами, что тебе мешает?
>>573076Ну я подумал что возможно понадобится закрепить базовый уровень, прежде чем переходить на более сложный. Весь вопрос в том - сильно ли хуже так торопится?
>>573080Я не проходил интенсивы, т.е. в базовом нет инфы по адаптивности совсем? Тогда да, лучше пройди его и после начинай верстать. Fixed-width макеты в портфолио тебе не особо помогут. Как доберёшься до препроцессоров, поставь сразу gulp.
>>573071>Базовый джаваскрипт мне очень понравился.Что это? ЖС из базового интенсива?
>>573090Базовый + http://learn.javascript.ru/ (частично). Очень весело, но я боюсь что я слишком тупой для этого, и банально многие вещи перечитываю по много раз, и даже тогда сижу с тупым лицом.
>>573097Да из базового интенсива* Простите, устал за сегодня.
>>573097Ну там жса по сути и нет.
>>573087Спасибо, я вот слышал про этот гулп и так понял это сорт оф автоматизация, но до конца не стал разбираться. Можно в двух словах о чём это?
>>573097Чтобы стать жиквери разработчиком, много ума не нужно, не бойся.
>>573102Ну ладно, спасибо.
>>573104Спасибо, анон.
>>573103Смотри, сейчас ты пишешь в css файл, сохраняешь, идёшь в браузер и тыкаешь f5. Когда станешь использовать препроцессор - добавится ещё действие - пойти в консоль, нажать стрелку вверх и энтер, чтобы скомпилировать стили. Нужно будет вручную писать браузерные префиксы и прочую ебалу.С гульпом процесс таков:1) написал изменения в .less файл (если используешь лесс).2) открываешь браузер, а там всё уже готово и перезагружено.
>>573105Параллельно почитывай Кантора, современем придет понимание. Я сам первую часть учебника долго курил, так как нюфаня в погромировании.
>>573110У препроцов есть свои cli, которые умеют вотчить.Так что тупо для стилей галп излишен.
>>573112со временемФикс*
>>573110Спасибо, я пробовал воспользоватся программой которая называется Prepros, она делала то что ты описал. Она сильно хуже этого гулпа?
>>573112Спасибо за совет.
>>573117Забей на тулзы, лучше на начальном этапе больше кодить, чем в них разбираться.Препрос говно, но опять же, по началу сойдёт и он, если просто стили компилить и жс, например. Галп это для всяких более сложных штук, ну и он быстрее в разы.
>>573120Спасибо большое.
>>573113И browserSync поддерживают?
>>573127Ты ахуеешь, но у него тоже есть cli, так что даГалп нахер не нужен для всего этого говна, намного быстрее и проще сделать нпм скриптами
>>573134Ну ладно. Но всё же пиздатый гульпфайл я себе по скринкастам Кантора уже сделал, а разбираться с другими прожками мне сейчас впадл.
>>572997Почему вставляя в конце функции строку document.getElementById("btnPlaceOrder").disabled = true; кнопка сразу же не работает. Т.е если код выполняется сверху вниз, то он сначала должен выполниться, а потом уже выключить кнопку или нет?
Вопрос от дауна: как и зачем использовать тэг pictures? Соответствующий урок в продвинутом смотрел, все равно нифига не понял.
>>573144Наверняка платиновый вопрос, но все же, что лучше ставить гульп или грунт? Или это однохуйственно
>>573156Галп
>>573156Галп быстрее раз в 5 если не 10, удобнее, и у него более красивый конфиг на чистом джс (как пример: http://codepen.io/anon/pen/RazZZN)Грант более старый, там куча готовых тасков и плагинов, предназначение которых выходит далеко за рамки не то, что верстки, но и вообще фронтенда. Но грант подробно разбирается в продвинутом от кокодеми, на выходе получается что-то типа такого (http://codepen.io/anon/pen/YqoxxK) (это мой грантфайл полугодичной давности, лол).tl;dr - если только начал, можешь посидеть на гранте. Но я лично сразу потратил пару дополнительных часов на гуглинг инфы по галпу и не пожалел.
>>573160Блядь, ебучая макаба ссылки со скобочками пидарасит, а я все время забываю.Ну да и хуй с ним.
>>573160Ок, спасиб.
>>573164Можешь вообще мой галпфайл взять, я его по совету анонов с треда как раз составлял (скобочку убери из ссылки только, лол).
>>573170А что у тебя за структура проектов? Дай скрин плс :3
>>573153бамп
Аноны, киньте ссылку темы на learn.javascript.ru , которая даст понять, как с помощью JavaScript можно выводить данные например в <p>(хз можно ли так) или куда-то ещё, например в таблицу..
>>573176Да обычная, ньюфажная, ничего особенного. Вот седона, например. Кстати, я ее сверстал где-то месяца три назад, сейчас думаю отрефакторить, и это такой пиздец, лол. Ну, в плане, код вроде нормально структурирован, но это же надо вспоминать, что где и куда, и схуяли я инпуты обернул во флексовый контейнер и т.п.
>>572363Бамп вопросу
>>573186JS - асинхронный язык, он не дожидается завершения предыдущего действия, чтобы запустить следующее. Нужно воспользоваться функцией-коллбэком. Расскажи подробнее о том, что делаешь.
Прошло полтора месяца с тех пор, как я начал изучать JS, и я до сих пор охуеваю с задач типовида "напишите функцию, которая принимает в качестве аргументов массив функций, которые возвращают свой индекс внутри этого массива".
>>573188А почему у тебя кнопки в компонентах, а не блоках?мимо ньюфаг
>>573215Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
>>573248Вставь строку отключения кнопки в конец своей функции-обработчика, или воспользуйся коллбэком, опять же. button.addEventListener('click', function(event, callback){// делай свои грязные делаcallback();});
>>573228Какова практическая ценность таких задач? Подрочить алгоритмосики это, конечно, полезно, но только в качестве хобби.
>>573255блять, дабл пост, сорян
>>573250Так строка и находится в конце функции, но ПОЧЕМУ то отключает кнопку ещё до её выполнения.
>>573257Пили на codepen.
>>573228Да ладно, че в этом сложного?Учу жс с марта
>>573228Этот господин >>573260 прав. Есть же indexOf.
>>573259http://codepen.io/gfgdghfghh/pen/LNKOzd
>>573263В html и js ошибки, подсветило же. Из-за них не показывает страницу.
Господа, поясните за практические аспекты вёрстки mobile-first. Сначала я пишу стили без любых медиа запросов, чтобы норм было на мобильнике, потом создаю медиа с min-width и описываю?
>>573272При mobile-first проще верстать именно адаптивные сайты. Когда верстаешь сначала под десктопы, сложнее разместить блоки под мобильные версии.
Пацаны, а кто эти хорошие люди, которые слили интенсивы? Учащиеся или сама академия, чтобы привлечь народу?И может быть кто нибудь знает, слит ли самый свежий интенсив продвинутый?
>>573306Я ж потому и интересуюсь, надо адаптивчик красивенький сделать.
>>573309Попробуй mobile first, потом еще захочешь, гарантирую
>>573312Так я правильно процесс работы описал?
>>573313Нет, сначала ты верстаешь под мобильники, чтобы блоки без медиа запросов на десктопе отображались так же, как и на мобильниках, а потом потихоньку добавляешь медиа-запросы под каждое разрешение, начиная с @media screen and (min-width:480px) и заканчивая десктопом.
>>573320Я то же самое и написал по сути, но всё равно спасибо.
>>573321Да, я уже понял, извиняй, ночь не спал, работал, мозг уже плохо соображает.
>>573312Чем проще? Наоборот, геморрой же. На десктопе в 99% случаев отображается больше элементов, чем на мобильнике. Что, каждый раз, с увеличением ширины вьюпорта, добавлять новые блоки которые к тому же могут ломать существующую верстку? Зачем, когда можно сразу сверстать полноценную версию, и уже скрывать ненужные на мобильниках и планшетах элементы?
>>572655В общем, я нашел вроде достойную книгу по angular, очень объемная, но автор отличный и пишет очень доступно. Имя Ari Lerner, книга ng-book. Первая же ссылка вкудахте ведет на халявную копию на английском языке. все тот же мимо апворк джиквери разработчик
>>573403Как думаешь, как вкатываться в ангуляро-разработку? Ведь чтобы потренироваться, сделать тестовый проект, нужно иметь бэкенд, который будет служить посредником между ангуляр-приложением и базой данных с всякими API.
>>573415Нарисовать, например, JSON объект для анальных игрищ с ангуляром не составит большого труда, я думаю. Еще его можно сохранять в кэш и загружать из него - почти симуляция работы с базой данных лол.
>>573403На каком уровне ты знаешь Жиквери, всякие штуки дрюки сам на нем пишешь?
>>573422максимум, что смог из себя креативного исторгнуть на текущий момент - это игра сапер.А по работе пилю обычное говно - манипуляции с DOM, менюшки с анимацией. Приходилось пару раз всякие трюки делать, типа динамического добавления data- атрибутов и дальнейшая работа с ними.
Такс антоши, если кому-то еще интересно я тот анон со странной компанией в которой бардак >>571920Таки пересеклись мы с ними, правда по моему звонку, установили всякую дичь на мой ПК типа телеграма и акка в их редмит. Дали мне задание, верстка первой страницы сайта который следует в дальнейшем разрабатывать и поддерживать и попросили сделать все шибко охуенно. Но есть одно но. Они назвали это задание тестовым, а работы там на часов 20-25. Уточняю щас по оплате, если скажут что бесплатно или оплата при условии что им понравится, то дропаю. Все правильно делаю?
>>573431Конечно правильно. Могут вообще кинуть, поэтому попроси хотя бы 30% аванса на работу. Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?
фывфыыв
>>573432Сомневаюсь что они таки кинут, потому что компашка из моего города, в десяти минутах ходьбы, да и занимаются они отнюдь не продажей говяжьих анусов. Вроде как солидная контора с кучей сотрудников. С другой стороны, возможно в их понимании нормально дать нескольким фронтам один проект а в беседе промелькнули слова о том что один дают задание всем а потом смотреть кто им понравится. Ну тогда извините, я тут не на голодный ярмарок явился, чтоб после оффера меня пичкали тестовыми на пару дней полноценной работы и потом еще думали, нравится ли им. >Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?Честно говоря не знаю точно, если до того дойдет, уточню. Я думаю что это все-таки просто уточнение, насчет качества верстки. Ну тоесть минимум оберток, все в проекте структурировано, разделено по файлам, замешано на препроцессорах, оптимизировано, по возможности оттестировано и т.д. Ну и ессно адаптивность надо под каждый экран подогнать, нормальные именования селекторов and so on.
Блядь изучаю бутстрап, пиздец инструмент для домохозяек. Я так полагаю все юзают только их сетку? Ну типо дизигнеры пилят под 12 колонок дизигн и все быстренько его натягивают?
>>573440я иногда шрифты бутсраповские подтягиваю, реже жиквери плагины и совсем редко готовые стили для элементов. Почти никогда - их колоночную систему.
>>573446я вакансии часто с бутстрапом вижу. И что-то мне подсказывает, что они делают сайты на заказ как раз по простой схеме. А что там за jq плагины? Это на меню всякие?
>>573448плагины на табы, аккордионы, попапы и куча другой хуйни: http://getbootstrap.com/javascript/
>>573449и ради этого ты целые файлы тянешь?
>>573451смотрю всегда по конкретному заданию, всегда стараюсь тянуть как можно меньше
Аноны, помогите советом. Делаю адаптив с LESS. Задача - сделать всему-всему box-sizing: border-box по умолчанию, чтобы не надо было постоянно прописывать. Как это делается?
>>573497* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
>>573497примесь сделай, хотя если там будет только это то время ты не съэкономишь
>>573498спасибо
>>573498А нахуя префиксы то? http://caniuse.com/#search=box-sizing
>>573526на всякий случай, но руками не пишется, автопрефиксер для этого
>>573527Автопрефиксер же проверяет, нужны ли они.
>>573608ну так да
>>570231Не актуально, нашли фронта.
Ребят, как у вас руки не опускаются от осознания сколько нужно учить? Я вот читаю и просто млею.
>>573188И это ты называешь ньюфажной? Нод джс, препроцесоры, джава скрипт, gulp... По какому маршруту ты это учил? И как долго?
>>573694Очень просто: я уволился с прошлой работы, и денег мне еще максимум на пол года. А терпения тянки и того меньше. Так что глаза боятся, а руки делают.
>>573703Там нет ноды, там есть модули, под галп, скорее всего. мимо
>>573694тут главное лень победить, как мне кажется. я получаю удовольствие от процесса, особенно когда все получается.
>>573708И на каком ты сейчас уровне?
>>573694Когда у тебя в кошельке в 5-10 раз больше, чем у Ваньки Ерохина, почему бы нет?
>>573711Привыкаю к адаптиву. Впереди самое сложное - JS. Но, думаю, какую-никакую я все-таки работку к тому времени найду. А там главное не прекращать учиться.
>>573715долго уже ебешься?
>>573710Мне тоже нравится, но от осознания того насколько я далеко, просто хренею. Вон там человек выложил структуру макета "седоны" с базового интевсива. От одного вида сколько там всего плохо. И ведь это какой-то макет из базового интенсива, что же будет дальше?
>>573718С зимы, но до апреля куча времени уходила на прежнюю работу.Сейчас бодрее пошло, даже один заказ за деньгу (пусть и малую) выполнил. Обещают еще подкидывать.
>>573720бля, я тоже прихуел от него. я думал, что все проще и меньше.
>>573721где заказ подобрал?
>>573721А как занимался? Как в оп посте?
>>573727Codecademy - htmlacademy (включая платные курсы) - базовый интенсив - барбершоп - нердс - продвинутый интенсив (еще не закончил) - сайт-портфолио - подработочка.Пока так. Пока допиливаю свое портфолио, хочу вылизать его до блеска. Потом возьмусь за пинк, наверное.
>>573724По знакомству.
>>573723Ничего страшного там нет. Когда напишете пару своих проектов скорее всего после продвинутого интенсива то структура у вас будет примерно такой же, если не сложнее, и вы будете четко понимать, почему надо делать именно так. В ОП посте не зря указан порядок обучения. Все знания даются постепенно, если вы чего-то не понимаете, это не значит что задача или охуеть как сложна. Это значит что вы просто не прочитали еще статью которая объясняет тот конкретный кусок, или видеурок, или не попрактиковались, или попросту не дошли до того уровня задач, когда подобный подход вообще нужен. Нет смысла объяснять человеку принципу ООП, если он на JS ничего больше функции перебора массивов не писал. мимо ОП
>>573732А можешь показать сайт-портфолио?
>>573740Почему-то не очень хочется светиться тут. Не знаю даже почему.
>>573742jpg приклей хуле
>>573743вот так оче удобно https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl
>>573747От так хуяк и прикрепляешь. Эт говноделие на бутстрапе сейчас за 3 часа наваял.
А вот такой вопрос, вот есть макеты с академии(те что с интенсива). Ну я могу их разметить и сделать как на картинке, но они же работать не будут. Кому нужен неработающий сайт? Ну т.е там кнопки не переключаются, нельзя двигать эти ползунки. Зачем они дают такой макет который новичок не может до конца сверстать? Так мало того, там еще и страниц не хватает. И что с этим делать?
>>573752Я надеюсь из этих 3-х ты 1-н час разбирался с бутстрапом и еще час искал картинки.
>>573758это для тренировки верстки. Потом в js сможешь, доделаешь функционал.
>>573761разбирался в бутстрапе ессественно большую часть времени.
>>573758Да пофиг. Я выложил, кому надо - тот нажмет F12 и посмотрит код. В дальнейшем уберу их подальше, выставляя на первое место ссылки на реальные проекты.
>>573379Двачую, до сих пор не могу понять этот принцип "mobile first".Все объяснения обычно заканчивались фразой: попробуй и сразу поймешь что это круто.Попробовал. Все равно в голове приходится держать десктоп потоянно, а итоге что-то забываешь и постоянно приходится возвращаться к html во время стилизации.
>>573437Не знаю, какая у тебя ситуация, но я когда был безработный (3 месяца назад) брался за все тесты, иногда на это уходило до недели.Даже не рассуждал делать-не-делать, возьмут-не-возьмут или что могут наебать. Но мне делать просто нечего было. Днями сидел и смотрел как падает снег после возвращения из Питера в свою мухосрань (все-таки снег - это очень провинциально).
>>573806У меня немного иная ситуация. Тот же проект для резюме и повышения скиллов который я щас делаю, еще вылизывать надо пару полноценных рабочих недель.В первую очередь я заинтересован в работе с нормальными ребятами с которыми мне будет комфортно. Эти, скорее всего, такими не являются.
>>573817Ну так ты уже решил сам все, не зависимо от их ответа
>>573269Ну пишет идентификатор хуевый какой-то. Но чет не пойму я.
Как думаете? Появилась следующая мысль.Небольшие фирмы попадают в зависимость разной степени от своих программистов и фронтендщиков. Так как увольнение кого-то влечет за собой торможение всего процесса работы фирмы в виду того, что новому специалисту придется тратить время на то чтобы разобраться в особенностях (говнокоде) своего предшественника и так на каждом отдельном проекте.Также фирмы пренебрегают исходниками кода. То есть в проектах лежат уже скомпилированные html/css. И не факт что старый специалист оставит jade/scss (не со зла, просто забудет).Таким образом, внезапное увольнение становится невозможным (разве что специалист уйдет в месячный запой). И пока кто-то является держателем всех проектов фирмы, он является хозяином положения.Что скажете, фронтендщики?
>>573858Мысль справедлива практически для любой работы сложнее грузчика. Даже продавцу нужно осваиваться на новом месте. Я, прежде чем стать фрилансером, работал машинистом холодильных установок на мясокомбинате, чтобы разобраться во всех премудростях рабочего процесса, у меня месяца 2 ушло.
>>573821Тащемта они ответили что оплатят, я предложил уточнить цену. Они мне начали задвигать за профессионализм и что им нужен качественный продукт. Ответил что я всегда выкладываюсь по максимуму и назвал свою цену, 3 часа нет ответа. Это мне нихуя не нравится, в довесок ко всему тому что было до этого. Если мне и дальше придется вытягивать из них необходимую информацию клещами, то пусть себе ищут другого фронта. С таким уровнем организации работать совершенно некомфортно.
>>573864все-таки в работу холодильных установок ты, наверно, мало внес отсебятины.И тот кто тебя заменил, через те же пару месяцев изучения того же оборудования продолжил работать не натыкаясь постоянно на следы твоего былого присутствия.
>>573858Во многом согласен. Особенно это касается мелких команд разработчиков. Например, случай из личной практики. Уходит разработчик движка на ноде, и замену ему не могут найти месяцами. Проект тупо простаивает потому что движок не готов, а без него нельзя продолжать разрабатывать фронт, так как все что можно было сделать без движка на клиенте уже сделали. Впрочем, это касается любых проектов где мелкая скамья запасных и большой порог вхождения. К примеру, знаком с руководством небольшой СЕО фирмы, практически вся коммуникация и продвижение в ней держится на смышленом и очень работоспособном менеджере. Если он уходит, встанет тупо все.
>>573881Отсебятины-то я оставил, но ни мои предшественники, ни последователи не лезут туда, где могут на неё наткнуться. Я для примера привёл, без разницы почему, но процесс почти везде длителен. Кроме того, что мешает фирме держать несколько фронт-ендеров?
>>573883я еще даже не говорил про большой порог вхождения. Там вообще наверно крах фирмы наступит....знакомый админ работал в госучреждении в тот период когда им выделили деньги на закупку компов и создание сети. Поставил и настроил оборудования на миллионы рублей. И потом ушел... Кажется, они до сих пор оправится не могут, хотя прошло уже лет 10
>>573890Для мелких одного хватает за глаза.
>>573858Недавно довелось поучаствовать в реальном проекте. Там остался даже .less файл от исполнителя, но макаки заказчика вносили свои изменения не в него, а в css, что вылилось в полный пиздец. Мне, соответственно, тоже не улыбалось разбираться чего они там наворотили и как это исправить, поэтому просто добавил свой min.css скомпилированный из .less в их копилку говнокода.
>>573907прогеры у меня на проекте не страдают скромностью если нужно что-то быстро поправить в стилях.Я потом смотрю лог в гите и добавляю все вручную в нужные scss файлы, чтобы все было упорядочено. Не дохуя, но много времени отнимает, но лучше ничего не придумал.
>>573234Спиздил у кого-то, когда осваивал препроцессоры. Ну и вообще это логично, там в одном компоненте все кнопочки описываются, через экстенды, например, тоже удобно а каждая кнопка - это как бы отдельный блок по БЭМу, городить кучу файлов под каждую кнопку - как-то тупо. Правда в седоне всего 2 с половиной кнопки, но я просто учился. >>573703Ты это все через месяц-два поставишь и настроишь, в этом нет ничего сложного или особенного же.
>>573720Не, ребят, расслабьтесь, я выложил фулл-респонсив седону, с адаптивными изображениями, свг и ретиной. Верстал ее начиная с 4 урока продвинутого интенсива.
>>573624отсюда нашли, или с другого источника?
Анон виз проблем хир. Это нормально не сходу решать все испытания академии и прибегать к помощи форума? Как по палате вообще температура? Или уже все давно работают в яндексе? Интенсив еще не начинал.
>>574031какая разница. Главное что для тебя это норма. Всегда будут те, кто справляется лучше и хуже, результат один-полученные знания. Так что не трать время на определение своих умственных способностей относительно других.
>>574074Ты всю жизнь мою описал, всегда на поезд опаздываю, спасибо.
>>574031До сих пор не закончил большую часть испытаний. Вот это говно, например. Зачем оно нужно? Нет, если ты любишь копаться в каскадах уровня body ul li a > hui~pizda и тыкать импортанты - то пожалуйста.Хотя, сейчас попробую решить, интересно аж стало.
>>574126У меня просто бредовые, а может и нет, мысли о том что вот не могу решить обычное испытание, значит всё, крах, ничего не получится. Как у тебя сейчас судьба складывается с версткой? Котопрофайл только на 92% сделан.
Ну да, отличное задание, 10/10. Не думаю, что мне где-нибудь в реальной жизни придется тыкать столько импортантов, лол.Может, это хитрый план кокодемии по отпугиванию ньюфагов?>>574136С версткой все неплохо, упарываю JS, потихоньку рефакторю сверстанное говно вроде адаптивной седоны, чтобы не стыдно было в портфолио класть.
Ну нафиг, на большее моего терпения не хватит. Удвою этого анона >>574145 не теряйте время, сидя на этих испытаниях.
>>574149>>574145>>574140Спасибо аноны, буду меньше зацикливаться на этом!
Анончики, поясните одну вещь. Вот, допустим у нас есть форум, каждый пользователь ставит себе аватар, загружая картинку. Картинка, само собой сжимается по размеру рамки (200х200). Но ведь она от этого не весит меньше. Эта задача бекенда уменьшить её размер?
>>574158Я нуб, но предположу, что тут вступает логика CMS. То есть да, бэк.
>>574165>>574169А что на счет ретины, где размер должен быть х2? В таком случае в беке нужно обрабатывать 2 картинки? Одну под 200х200, вторую под 400х400. Ну а с нашей стороны прихуяривать picture/srcset?
Ананасы, кто что может сказать про 10 месячное обучение от geekbrains? Увидел рекламку недавно и стало интересно.Да, я ленивая жопа и сам не могу, заебало самому всё надрачивать не видя профита, разве что мамке могу похвастаться достижениями.
Пример верстки по БЭМ для самых маленьких от академии. https://youtu.be/txUZrAQnSLg?t=8m31sМожете конечно смотреть с начала, если вас не будет раздражать его эканье.
>>574281Привязка отвалилась, да и хуй с ней. 8:31 если че.
Кстати, этот подкаст кто-нибудь слушает? У меня пока руки не дошли. Но вроде должно быть годно. Леха Симоненко присутствует.https://soundcloud.com/web-standards/
Мне прям легче стало, лягу пожалуй спать. А завтра буду смотреть и верстать вместе с ведущим интенсива барбершоп. Медленно и размеренно. >>574153
Кто-нибудь в стартующем скоро js-интенсиве участвует?
>>574360Поучаствуем, если скинешь видео и материалы оттуда.
>>574362а еще никто не скидывал?
>>574363Скидывали 2015, вроде, года.
Парни, пилю глласи из академии. Коротенькая хтмлька.http://codepen.io/Synaphai/pen/reEQyMКак прилепить position: relative только к ссылкам списка первого уровня, без ссылок дропдауна, при том, что первая ссылка обернута в span?
>>574366Попробуй задать для кажого элемента списка класс и к нему прилепить релатив. ИМХО
>>574370Это понятно, а поизящнее никак нельзя? Не хочется лепить класс, ради сраного декоративного элемента.
>>574373.main-navigation>ul{ position: relative;}
>>574366.main-navigation>ul>li>span>a,.main-navigation>ul>li>a{position: relative;}
>>574366зачем в span обернул?
>>574385Полагаю, потому что там дропдаун, который не должен быть ссылкой. Алсо у меня сразу такой вопрос, а можно в таких случаях использовать <a> без атрибута href? Эффект будет тот-же что и со <spanom> но без лишнего кода в css.
>>574393можно li использовать
>>574384>.main-navigation>ul>li>span>a,>.main-navigation>ul>li>a{>position: relative;>} Признателен за старание, но когда я это применяю к своему коду, все дичайше крашится. Даже не стал разбираться почему.Метод с классами самый простой и очевидный, хотя это и костыль.>>574385Долго объяснять. Если кратко, то таким образом я обернул ссылку и дропдаун выпадающий из нее.Вообще макет глласи меня знатно вымораживает, его кто-нибудь еще верстал? Он реально такой муторный или это я неопытный?
>>574400Так дропдаун выпадает когда ты наводишь мышку на лишку, не доходя до самой ссылки.
>>574400Но ведь на <а> может быть куча стилей. Тот же паддинг, цвет...
>>574403http://codepen.io/g1un/pen/NNZEZx
>>574407какая задача стоит, опиши шире.
>>574281Спасибо тебе, добрый человек. Наконец-то кто-то нормально привел в пример использование БЭМ.
>>574412Да хотя бы взять тот-же барбершоп. Там область клика по ссылки огромная, благодаря паддингам у ссылки. А если повесить паддинг на ul, то область клика по ссылки будет только там где текст. Не очень удобно.
>>574415На самом деле, тот пиздюк забил хуй на гайд, а там самое интересное должно было впереди - файловая структура...
>>574408Да, ты прав. Я дичайше тупанул, выставив паддинги вместо маргинов и не заметил этого, из-за чего мне потом пришлось кучу кода писать.
>>574426Если нужна шире область клика - повесь padding на a.http://codepen.io/g1un/pen/NNZEZx
>>574431>Там область клика по ссылки огромная, благодаря паддингам у ссылки.Но всё равно спасибо, кэп.>Если нужна шире область клика - повесь padding на a.
Поясните за прохождение курстов htmlacademy. Если я пройду все эти тесты, и сверстаю их стандартные макеты, то как это поможет мне при поиске работы? В смысле, если я напишу в резюме, что я прошёл htmlacademy, лол.
>>574440наличие бумажек и дипломчиков в этой сфере ничего не решает.Все решит тестовое задание и/или собеседование.
>>574442Да я вот думаю, стоит заплатить за месячную подписку и побить ачивки.
>>574440Сможешь, как я, сделать сайт-портфолио, чтобы было на что хоть ссылку сначала кинуть. Чем-то же его заполнять надо, прежде чем реальные работы появятся.
>>574444У меня тоже были такие мысли: стоит/не стоит. Потом наступил перелом и решил, что это все копейки по сравнению с возможным результатом.
https://2ch.hk/wrk/res/574452.htmlhttps://2ch.hk/wrk/res/574452.htmlhttps://2ch.hk/wrk/res/574452.htmlhttps://2ch.hk/wrk/res/574452.htmlПЕРЕКАТ
>>571020оно кстати очень простое, я когда допетрил сам охуел, но это все бесполезная хуйня разбиратся в селекторах чужого кода
Анончики, читнул тут, что ретина отличается от чем-то особым от обычного экрана при равном соотношении пиксель на сантиметр, но так и не понял, чем. Дайте ссылочку почитать.
>>574572у ретины пикселей в два раза больше
