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Прошлый тред >>532095 (OP)
Подскажите плагин для брекетс, который бы автоматически в css файле подбирал названия классов из html при вводе.
Ребят, что почитать/посмотреть на русском/английском о нарезке PSD шаблона? Я чет как-то неуверенно чувствую себя после 35-минутного видео от Громова из интенсива 2015. Хочется поверстать, но вот фотошоп меня тормозит сейчас. На моей машинке стоит Photoshop CC если это важно, если нет - так и нет.
>>545703в процессе разберешься.
http://codepen.io/bloomber/pen/mPGwvaКак выровнять абсолютно спозиционированный текст? left: 50%; right: 50%; не помогает.
>>545802хз, как на кодепене сохранить измененияhttps://jsfiddle.net/92jacfys/ с абсолютнымhttps://jsfiddle.net/crgw4sbL/ без абсолютного
>>545703Попробуй Avocode, базарю, еще захочешь.
>>545802Зачем тебе это?Я нихуя не понял.
>>545843ну а вообще это делается left:50%; margin-left: минус половина ширины твоего обьекта.
>>545842Кстати, посоны, а авокод меньше жрет ресурсов, чем фотошоп? А то для моего старенького ноута тяжкая задача одновременно открыть 3-4 страницы в фш, открыть хром, саблайм. Работает на пределе. Вот думаю может если авокод чутка меньше жрет (хотя бы памяти) его юзать время от времени (да и разобраться в еще одном инструменте лишним не будет)
Кто-то может показать скрин организации файлов в проекте, выполненном согласно БЭМ?Не совсем понимаю идеи разделения css-файлов поблочно. Т.е. ладно там header.css, footer.css. А что насчет всего остального? Насколько мелко надо дробить проект на блоки?
http://portfolio.websciurus.com/https://www.linkedin.com/in/katerynarybalko
>>545960каждый БЭМ-блок - отдельный файл
>>545966У нее еще и блог есть? О_0 круто, чеОсобенно интересно, наверное, почитать про бабель от человека, который толком то на js не писал
>>545997чет она его ведет с 2012 года (первая запись про html) а в портфолио не ахти сколько работ, да и то бОльшая часть макетики академии
>>546005Посмотри линкедин ее. Она уже работает в этой сфере давно, смысл ей сейчас портфолио обновлять? Вот если работку менять будет - может и обновит. И то, этот сайт портфолио - по сути работы в стол. Вместо ссылки на него она даст живые ссылки на действующие сайты.
>>546013Да пускай и дальше работает. Я то че. Вон судя по гитхабу в данный момент базовый по js проходит еще, так что удачи ей
>>545966Забавно что в коде у нее закомментированы еще 2 страницы для портфолио.
Я, наверное, тупой.Скачал ее архив пинка, и просто сижу охуеваю от количества взимосвязей между файлами, пытаясь их отследить и понять.Какая-то ебаная паутина, каждый файл ссылается на несколько других.
>>545960Эм, нахуя делить на много цсс файлов?Запросов же больше...
>>546102Они собираются в 1 автоматически, а редактировать можно каждый в своей папке.
>>546104Ох, слушай, охуенно, про это в продвинутом говорят?
>>546108http://pink.websciurus.com/pink.zipКачай, смотри.Я сейчас мозг себе сломаю, пытаясь разобраться в этой организации файлов.
>>546108В самом конце продвинутого, я бы посоветовал кидаться в сборщики после того как научишься верстать более-менее и будешь вкатываться в препроц.
>>546112Тащем, никто не мешает делать все это и без сборщиков. Самому можно @import-ы расставить.
>>546110Ну вот стартовый Громоваhttps://github.com/nicothin/NTH-start-project
>>545997А кто она?
Ананасы, помогите с flex. Есть у меня блок, допустим main_head, который по умолчанию имеет размер окна пользователя. И в нем есть еще блоки которые должны выстраивается по центру.Я задаю main_head display: flex; flex-direction:column; align-content:center; justify-content:center;Но в main_haid у меня есть еще один блок который должен уже выстроится не по центру а в низу блока(внизу окна). Я ему как дочернему задал параметр align-self:flex-end, но он все равно выравнивается по центру с остальными. Что я делаю не правильно и как можно решить мой вопрос? Спасибо
>>546119Жесть какая
>>546161В плане?
>>546160Ну как вариант, блоки которые должны быть по центру обернуть в див, которому задать дисплей флекс, а тот блок будет вне флекс контейнера
>>546163В плане, что я смотрю на свои учебные папки, там по 4-5 папок в которых по паре файлов. Неужели потом тоже придеться выстраивать такие карусели как в папке блокс и связывать все это галпом
Новый продвинутый интенсив не сливали еще? Хочется пересмотреть, а старый не хочется, устарел же, наверное
>>545685Блять. Это было написано еще в 2012 году. Но почему оно не работает? Может проблема на моей стороне? Пробовал включать брекетс без плагинов. Не помогает. Вчера наткнулся на вот этот сайт, когда искал решение проблемы. http://alperkarayama.com/zametki/brackets-redaktor.htmМожет мне кто-нибудь объяснить, чем занимаются там эти дегенераты?
>>546283>Вчера наткнулся на вот этот сайтЗаебись. Не очень аккуратно сделано, но раз ты нашел, значит это работает.
>>546292Ты не код смотри, а просто прочитай, что там пишут эти люди.
>>546294Я код и не смотрел. Разве что на ссылки страницы, которые ведут в одном направлении.Алсо, это не люди.
Палю элитный канал https://www.youtube.com/watch?v=iJR-TbIjb2w
>>546168Если будешь пилить нормальный сайты+к ним самостоятельно писать джс - то сам к такой системе и придешь, с некоторыми изменениями. Что там сложного-то, все лесс/сасс файлы подключаются в одном файлике, который дальше комплиируется галпом. С джс посложнее чутка, но и там все довольно логично. На самом деле, это охуенно: захотел поправить футер - зашел в сасс-файлик футера, там 20-30 строчек кода, поправил/добавил/удолил, скомпилировал@профит.
http://100dayscss.com/
>>546434как он 053 без джса сделал о_О
>>546427Это все понятно. Хуйня начинается, когда как в этом примере >>546110 начинается комбинирование собственных less файлов с файлами бутстрапа. Вместе с этим начинают смешиваться переменные, миксины, ссылаясь друг на друга. 2 файла grid.less, 2 файла Layout.less, то же самое с миксинами и переменными и еще хуй знает чем.
>>546434Жесткий он
>>546457Это проблемы потомственных бутстрапщиков, в нормальной верстке такого не будет.Олсо, я верстал говносайт корпоративный на сетке бутстрапа (ну и само собой бэм, сасс, галп), и у меня ничего не намешивалось. Все, что конфликтует, можно переопределить. Да и вообще надо компоненты выбирать те, что используются, а не тащить полную библиотеку костылей.
>>546457Да просто бутстрап надо было по нормальному подключать. Громов, кстати, рассказывал про это.Да и на пинке вообще как бы не следовало по их требованиям юзать бутстрап и плагины на jq - а она заюзала.
>>546540Так она и не тащила все. В файле bootstrap.less она большую часть импортов закомментила.
>>546571А где именно он рассказывал как дружить бутстрам, бэм и препроцессоры?
>>546578В продвинутом была структура рекомендованная+ статья у него была. Ща поищу
А что уважаемые господа думают о http://getskeleton.com/ ? По-моему это отличный минималистичный вариант, когда кроме сетки и самых сновных элементов ничего и не надо. После него бустрап выглядит переутяжеленной хуетой.
>>546582во http://nicothin.pro/page/bootstrap-bem
>>546583Используй, если считаешь нужным.В бутстрапе можно только сетку подключить и еще мне в бутстрапе нравится, что сетку можно через препроцессор делать, а не в хтмл классы писать.
Привет, друзья. Решил вкатиться в верстку, как считаете, что лучше сначала пройти все бесплатные курсы в браузере HTMLacademy или сразу перейти к архивам интенсивов?
>>546611Сразу к интенсивам
>>546611курсы бесплатные - часть базового интенсива - пройдешь их походу
>>546611Лучше пройти курсы, чтобы возникало меньше WTF? моментов во время просмотра интенсивов. Они не зря интенсивы - темп там иногда очень высокий.
>>546584Так она вроде таким же образом и подключила, разве нет? Даже чутка меньше наинпутила, чем Громов показал в статье.
Нужен совет. Крч, в 6 вебинаре (там где прайс-лист верстают), чувак прикручивал эту полосу в хедере к ссылкам на активной странице. И что бы убрать ссылку с активной страницы, он вместо <a> изменил на <span>, сломав тем самым блок и ему пришлось дублировать параметры. А что если не ставить спан, а просто убрать у тега <a> атрибут href? Я так сделал и никаких проблем не вижу. Это плохая практика? Не валидно?
>>546660но это ведь архив, я ведь могу их смотреть вечность
>>546688Ну и смысл каждый раз прерывать просмотр и отвлекаться на чтение статей/прохождение курсов, если их лучше заранее пройти?
>>546663Да я ж не копался в ее коде. прочитал>начинается комбинирование собственных less файлов с файлами бутстрапаподумал что совсем атасСейчас глянул - подключала она то может и норм. Но по-хорошему надо было внутри vendors сделать отдельно папку для компонентнов бутстрапа (с указанием версии) и отдельно для слайдера своего. А то все в кучу.Ну и как бы пинк не предполагал подключение бустрапа и других сторонних решений (повторяюсь уже походу)
>>546718Я просто к чему это все дело вкинул в тред.На моем счету всего 2 сверстанных статичных макета, у которых был некий набор html файлов и 2 css файла (нормалайз и мой).А сейчас я столкнулся с этими практиками препроцессоров, БЭМ, разделения файлов по блокам, сборки, частичного использования фреймворков и охуел. Не знаю на что ориентироваться, верстка этой девушки - единственный пример перед глазами, который я даже не особо понимаю.Уже начинаю думать, что я рановато решил подключать сразу несколько практик/технологий, и что надо было это делать более постепенно, что ли.Просто есть мысль сделать сайт-портфолио, используя Less, БЭМ и Bootstrap, скажем так, для демонстрации своих умений. Но вот с комбинированием всех этих ништяков у меня проблема.
>>546733Ну ты продвинутый внимательно посмотри. Там рассказывают как лучше структуру сделать. Да и вообще говоря тут как таковых правил нет жестких. Просто пытайся делать как можно более понятнее, чтобы все по полочкам. Ну лично мое мнение, да и недавно в твиттере обсуждалось - лезть в фреймворки до того как еще толком не научился верстать - плохая идея. Надо все постепенно.
Я смотрю, каждый по своему понимает суть тегов <article> и <section>. См. пикрелейтед.
>>546778Спека - лучший советчик
>>546779Раздел сайта с примерами работ - section. Каждый блок примера работ с описанием и скриншотом - артикл. Я правильно смог в семантику?
Тупой вопрос: брекетс не показывет атрибуты конкретных тегов, а только универсальные?
>>546782Что блять?
>>546873Например сайт - портфолио, типа как у этой >>545966 дамы. Раздел с перечнем выполненных ею сайтов - <section> (в ее случае скорее даже просто <main>, т.к. других разделов у нее нет). А вот блок каждой из работ - <article>.Так понятнее?
Для меня самое не понятное в адаптиве это не стилевые свойства, а структура хтмл. Нигде об этом ни слова, а ведь там может черт ногу сломить. Например на мобиле блок сверху, а на десктопе он уже под двумя снизу и как его туда поместить догадайся. Все никак не могу с этим разобраться
>>546909А разгадка одна - флексы.
Кто с галпом работает, у вас автопрефиксер пашет?
>>546779да хуев на рылоэто как в бэме сраном, статейки-статейками, а каждый дрочит как хочет
>>545703>Я чет как-то неуверенно чувствую себя после 35-минутного видео от Громова из интенсива 2015А конкретнее? Я после этого видео нормально работаю с макетами, всё очень просто с ними.
>>546942Да, а в чем проблема?Настраивал галпфайл по совету анонов из треда. Разве что лайврелоад не стал ставить.
>>546938На флексах тоже может понадобиться два разных блока, банальный пример - уебанская менюшка на адаптивной седоне.
>>547026Нормальная там менюшка.
>>546611Поддерживаю его >>546708Если абсолютный нубас, определенно лучше начать с курсов, благо они проходятся очень быстро, а общие моменты раскрывают.
>>547022А версии какие галпа и префиксера? У меня выдает ебалу какую-то Error: no writecb in Transform class at afterTransform
http://vk.com/tutor_academy?w=wall-86428602_427
Сап трудяги Помогите пожалуйста с одним вопросом Нужно создать сайт/страничку/лендинг/самый простой на основе только этой странички http://ks-monolit.ru/index.php?id=21посоветуйте бесплатный конструктор сайтов чтобы на скорою руку можно было накидать сейчас пробую через github создать страничку типаlightglams.github.io
и ещё нужен нижебродский бесплатный хостинг
Зааплаился на оплачиваемую стажировку Frontend джуна, 600 долларов в месяц, ну, я выслал своё CV и получил тестовое задание. Дальше я охуел, в нём было сказано сделать сайт, который бы принимал .csv файл, записывал его в базу данных, на его основании рисовал графики и таблицы, к слову это было что-то вроде "инвестиционного фонда", чтобы потом можно было сравнивать отдельные промежутки времени по графикам и узнавать, сколько бы ты получил прибыли, например, с 21.02.2000 по 01.12.2006. Заебись, сижу, делаю, распарсил файл, не могу в бд залить, завтра дэдлайн, дали на всё это 4 неполных дня. Если сделаю, то буду въёбывать за копейки (судя по тестовым), если не сделаю, то я совсем дебил. Живу в ЕС, в моей стране средняя 1100 долларов, так что это охуеть какие копейки.
>>547271Джуна можно опустить, вернее будет сказано intern.
>>547271кул стори>Frontend>БД
>>547283В этом и бугурт. Из бэкэндовых скилов в CV было только упоминание умения работы с npm как частью nodejs окружения, в одной строчке с бовером.
>>547284Шли их нахуй. Если ты конечно не троллишь тут
В общем, знает кто хорошие гайды по подключению ДБ к nodejs->express серверу? Я документацию уже не могу видеть, везде что-то уровняapp.get('urPath', function(req, res, next) { // YOUR CODE HERE СУКА БЛЯДЬ КАКОЙ КОДЖ Я ДБ ХОЧУ ПОДКЛЮЧИТЬ БЛЯТЬ А НЕ ЗАПРОСЫ ОТЛАВЛИВАТЬ});
>>547286тебе в js тред. Это не относится к задачам фронта
Как сделать на сайте рабочую форму обратной связи, которая бы пересылала набранное сообщение мыло?2 инпута (Имя, имейл отправителя), 1 текстэриа с текстом письма, 1 кнопка сабмита, по которой письмо бы отправилось с адреса, указанного в инпуте имейла на некий скрытый в скриптах имейл.
>>547376Без бекенда никак.Либо использовать сторонний сервис, типо mailchimp
>>547377Т.е. на Github Pages такое без стороннего сервиса не сделать?
>>547380Конечно нет. Юзай мейлчимп, норм штука, там вроде можно бесплатно.
>>547381Сенкс, бро. Держи смузи с маффином.
>>545572 (OP)Смотрю базовый интенсив HTML Academy, пытаюсь верстать макет Nerds. Не могу понять, как вставить на карту кастомный маркер. В вебинарах говорят, что этой теме будет посвящен некий отдельный скринкаст, но где его взять - непонятно. В той раздаче, которую я скачал, есть только сами лекции и макеты.
>>547428Шапку читать умеешь? думаю вряд лиОткрываешь дополнительные материалы к интенсивам.Открываешь раздел js - там есть видео про вставку карты. В нем рассказано про кастомную картинку
>>547434Спасибо тебе, анон.
>>546110лично я делал так: одна папка для блока, в ней файл block.jade/block.html + block.styl/block.less. и такие папки для каждого блока. потом просто инклудами собираешь нужные блоки. причем инклуд прописываешь именно к папке, дальше через ноду прописываешь как ориентироваться в папках
>>546283сука, обдристался. пиздец ты недалекий
>>546867ааа блядь, мои глаза!!! смени шрифт нахой, иначе глаз лишишься!
>>547271пиздец. стажировка джуна, тестовое задание уровня мидла на 4 неполных дня. еще и не заплатят, я уверен. шли нахуй таких долбоебов.
>>547376находил где-то такую хуету как бесплатный облачный сервер. думаю, можно к нему прихуячить макеты из github, чтобы он их забирал и работал с ними. друг сделал так, только вместо гитхаба использовал свой сервак, откуда страницы забираются сервисом, а БД подключается вообще в другом месте тоже через облачную хуету. думаю, с гитхабом можно сделать также, но могут возникнуть проблемы.Единственная проблема в том, что сервак может работать только 18 часов в сутки что ли, потом выключается.
>>547489Ну охуеть теперь. Давай, поясняй, умник. Я же реально помощи прошу, а не оскорблений.
>>547135оригато десу
>>545572 (OP)шо то не могу скачать >Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPcдо половины доходит и всё ((
>>547531Это не форум. Это просто одна статичная страница, которая ведет на скачку какого-то вируса. Все сообщения, которые ты видишь - просто статика, в которой меняется только пара слов: те слова, которые ты ввел в поисковик. Ты можешь ввести фразу "Залупа кентавра" и перейти на эту хуйню, и вместо фразы "brackets редактор" будет фраза "Залупа кентавра". и все будут ее хвалить. такая хуйня была актуальна несколько лет назад, сейчас ее уже редко где встретишь.
Как на встроенной гуглокарте сделать так, чтобы при изменении ширины вьюпорта, ее центр также оставался по центру вьюпорта?
>>547552Ты, кажется тупой. Я скинул ссылку на эту страницу в качестве рофла. Ибо всё что ты сейчас написал - так оно и есть и я также считаю. Вот я и спрашиваю, как в 2015-2016 году такое возможно...Значит по делу (brackets css class code hint) тебе нечего написать?
пасаны дайте макетов для html academy
>>547598В шапке же есть, не?
Фронтендеры, пытаюсь тут скрестить реакт и вебпак. Уже вроде как лепит файлы вместе, с подключениями разобрался, но теперь сам реакт выдает пикрелейтед. Гугл ничего внятного не выдает.Реквестирую конфиг для вебпака и реакта.
>>547609Тебе все в консоли написали. Ты либо возвращаешь объект из функции render либо пытаешь скормить объект ReactDOM.Render. Вебпак тут не при делах.
>>545572 (OP)С кастомным маркером из макета Nerds все получилось, но теперь возникла другая проблема - двойной бегунок для задания диапазона цен. В дополнительных материалах HTML Academy ничего по теме найти не удалось.
>>547569>Вчера наткнулся на вот этот сайт, когда искал решение проблемы. http://alperkarayama.com/zametki/brackets-redaktor.htm>Может мне кто-нибудь объяснить, чем занимаются там эти дегенераты?>скинул ссылку на эту страницу в качестве рофла>в качестве рофлаОх уж эти маняоправдания.
>>547685скачай интенсив 2015 года в 6 разделе есть видео про его верстку
>>547690Спасибо.
Я наверное совсем тупой, но где взять normalize.css для SASS? Просто одним файлом, потому что единственное, что Google может выдать, по запросу normalize.scss это ссылки на Github аккаунты, где куча разных файлов и библиотек.
>>547698Нахуя тебе нормалайз в сасс, поехавший? Можешь импортировать из цсс же.
>>547700двачую, любой валидный css файл - это автоматом валидный scss файл(с sass такое если я правильно помню не прокатит)
>>547698Учу. Меняешь расширение normalize.css на normalize.scss. Профит.
>>547700как? Просто кинуть в папку SASS и прописать импорт в style.scss. Просто я только начал разбираться с препроцесорами
>>547705Еще можно на .less поменять. Вообще море профита: теперь нормалайз в форматах самых популярных препроцессоров. Все эйчары потекут от такого.
>>547705Спасибо
>>546328Изначально это сайт с интерактивными гайдами, причем старый.
>>547707Срочно выкладываем на гитхаб! Мастхев же.
>>547698Так скачай css и переименуй в .scss, в чем проблема? Там обратная совместимость.Я, например, вендорные css-стили галпом собирал в vendors.scss
>>547719чет опоздал
Господа фронтендерыхуевы, что скажете насчет курсов от udacity.Конкретно для фронтендеров присмотрел:Offline Web ApplicationsObject-Oriented JavaScript JavaScript PromisesBrowser Rendering Optimization JavaScript Design Patterns Front End FrameworksАнон что-нибудь из этого пробовал?По опыту курсеры знаю что курсы на таких сайтах надо брать сразу по хардкору и гуглить, если какие-то базовые вещи не объяснялись, потому что все что с приставкой beginners осилит любой пятикласник и тупо проеб времени на видеолекциях поэтому выбирал intermidiete и advanced в общем хотелось бы отзыва от анонов.В свое время проебал много времени на курсере в таких вещах как javascrips css хуесс бэйзикск, где толком не объяснялись темы, которые на хтмл академии сразу палят на первых лекциях
>>547794Аноны из джс треда советовали их курсы по замыканиям, говорили что охуенно поясняют. Но я не проходил, не знаю.
>>547815Что там разбирать целый курс, в замыканиях?
Охуеть сколько вас пидорасов развелось
>>547858Да хуй знает если честно. Я вот щас почитываю книгу You dont know JS про замыкания, практически закончил, и понимаю, что нового то особо и не узналкроме деталей, и понимания как работает babel. Что Кантор который кстати охуеть как понятно пояснил про скоупы, и поэтапный компил, что Kyle Simpson, что чуваки из JS Garden или какие-то крутые хабристы, суть поясняют одни и те же догмы. Ну может там какие-то крутые практические примеры и кейсы для узания замыканий приводят. Вот это было бы поинтереснее.
>>547863скоро фронтендеры гасить друг друга начнут втихую.как в одном фильме, где чувак хотел устроиться на работу, а чтобы было легче, вычислял и мочил конкурентов.
>>547863
>>547870Поясни за babel, зачем он нужен, нихуя не понятно.
>>547935Если очень просто, то это такой аналог автопрефиксера на JS
>>547935Это транспайлер который переписывает код с es6 на обычный джс.Очень удобно, мне например писать вот такие компонентные штуки
>>547870Читал Кантора про фабрики-функции, ститические методы , методы call, bind - вообще нихуя не понял. Начал читать у Фленагана, как будто понятней сейчас, правда примеров с гулькин нос.Пасоны, вапрос такой, вот где взять задачи по javascript? Вот с верскрой понятно - взял макет и ебашишь, задачи по JS где брать? Сортировка массивов уже в печенках сидит, есть макеты с дополнительнми задачами по js что бы как в реальном проекте?
>>547870Замыкания сильно облегчают работу с асинхронным кодом.Например, есть код:function foo() {const bar = 'bar';// ...setTimeout(() => alert(bar), 1000);// ...}foo()Если бы замыканий не было, то к моменту выполнения setTimeout переменная bar была бы проебана. Замыкание позволяет держать ее в памяти даже после того как функция foo завершила свою работу. Кроме того, если за время отработки асинхронного события с переменной что-то случилось, то в коллбэк придет уже новое значение. УДОБСТВО.
>>548003Придумай себе небольшой проект и напиши его. Что-то простое, типа туду-листа с фильтрами.
>>547998Смотрю я на такие скриншоты и чувствую себя дауном, который нихера не знает.Надо было на пожарника идти.
>>547998где такая няшная подсветка синтаксиса?
>>547998Божечки, какой Ангуляр все-таки мерзкий.>'ngInject';>привязка this руками>ненативный экспорт модулей строкой в километр
>>548017Иди наверни жавовский спринг и xml конфигураций
>>548022Спасибо, у меня уже Реакт есть.
>>548010Не расстраивайся, это просто ангуляр параша>>548013Атом>>548017Двачую, братишка
>>548039>АтомСтоит перекатываться с webstorm?
>>548053Перекатись в учебник Кантора. Если хуево знаешь теорию - тебе никакой, даже самый охуенный в мире IDE не поможет.
>>548053Это сильно разные вещи. Я лично ненавижу громоздкие иде, поэтому использую только редакторы, атом для тайпскрипта, саблайм как второстепенный редактор.
Ребят, посоветуйте бесплатный хостинг.
>>548102gh-pages
>>548107с гитом не в ладах, есть что-нибудь попроще?
>>548068А есть что получше Кантора, него быват такие места в учебника шо пиздец как нихуя не понятно.
>>548111Придется подружиться.>>548116Нет.
>>548117Вот эта например часть "Методы объектов и контекст вызова" - очень, очень, очень поверхностно.
>>548119Поясни.
>>548053Как поможет иде, если не занешь теории? Я с жавы вкатываюсь и не привык писать в блокноте var a = bкогда могу написать человеческие названия за столько же тайпов.Вот и спрашиваю об атоме от бывалых т.к. webstorm это моя привычная java InteliJ idea web edition, возможно не лучший выбор.
>>548123Как я могу объяснить е,сли я нихуя не понял? Вот это вообще темный лес http://learn.javascript.ru/object-methods. Задание с важностью 3 , это пиздец. Функция - это обьект, метод - функция обьекта, но если вызвали без конструктора, то this не получил обьекта и тут смотри собачка непонятная хуйня происходит, объект без объекта. Я ж говорю у меня уже истеричский смешок когда я эту страницу читаю, 3 раз уже.
>>548131Просто когда ты пишешь «очень, очень, очень поверхностно» я предполагаю, что еще что-то от себя добавить хочешь.
>>548131В решении, кстати, все довольно подробно расписано.
>>548131Надо сказать, что все эти задания представляют собой ебанутейшую эксплуатацию малозначимых тонкостей языка и 90% программистов завалится на большей части. Выдохни и начни писать какую-нибудь полезную программку для себя.
>>548139Да, да надо было написать "Я очень, очень тупой"Там еще примеры с контекстом this var user = { firstName: "Василий", export: this // (*)};alert( user.export.firstName );Я понять не могу, свойство user.export должно же возвращать ссылку на это объект. Или только метод должен возвращать. Я скоро как Пахом изъясняться буду, очень не дается эта глава хоть тресни.
"Через this МЕТОД может не только обратиться к любому свойству объекта, но и передать куда-то ссылку на сам объект целиком"Ага в глаза долбусь, только метод может ссылку делать.>>548145А ты молодец, вызвал огонь на себя. Щас тебе устроят аутодафе.
>>548150Ты не тупой, хуйня с this и правда сложная.Что касается твоего примера. Пойми, что this имеет смысл ТОЛЬКО внутри методов объекта. Любое обращение к нему в глобальной функции вернет, собственно, глобальный объект window.
Смотрю на ваши обсуждения JS и депрессуха накатывает. Только начал Pink верстать, еще дохуища непонятного в адаптивной верстке, продвинутый только на половну посмотрел. А вы уже за JS взялись, что мне предстоит еще не скоро.
>>548156>А ты молодец, вызвал огонь на себя. Щас тебе устроят аутодафе.Это вряд ли, лол. Я зарабатываю на жизнь с помощью JS и вижу уровень своих коллег. Быстро и в уме просчитать какой будет this у сложной вложенной цепочки мало кто может. Когда люди пишут код, то никто не пытается перенапрячь мозг и понять текущий контекст. Они просто ставят console.log(this) или debugger и смотрят на результат.Это не говоря уже о том, что применение this в некоторых кругах считают порочной практикой и даже запрещают через eslint.
>>548163Лол, не растраивайся, чувак, при виде верски моего единственного сайта хочеться плакать. Тут раньше БЭМ обсуждали, это вообще неведомая ебаная хуйня, как кунг-фу, никто не знает что это, но при виде верстки других анонов можно было с презрением фыркнуть и сказать "Мой бэм лучше твоего бэма!">>548162Как будто понял, сегодня. Но завтра могу опять запаниковать что не понимаю...
А я вот понимаю теорию, но не могу решить задачку уровня "напишите проверку строки на палиндромы". Банально не могу составить алгоритм а-ля "разбиваем на массив, проверяем, джойним, хуй пизда". Потом смотрю решение и думаю: "блядь, это же элементарно". Грустно становится.
>>548168>Я зарабатываю на жизнь с помощью JSО хорошо, хоть кто то сюда с реальным опытом заходит.
>>548177Сам сформулировал, сам решил.
>>548177Решал такую на собеседовании, лал. Надо сказать, довольно долго скрипел мозгом.
>>548163Я вот со всей этой ветки обсуждения про файловую организацию охуел >>545960Мутно шо пиздец.
>>548119Это нормально. В свое время тоже там запоролся. Серьезные тормоза были когда пытался разобраться. Так случается потому что ты пока не знаешь, нахуя оно надо. Дойдешь в свое развитии до ОО JS, напишешь парочку своих компонентов, и поймешь что ничего страшного там нет.
>>548185Там не очень то и мутно, на самом деле.Идея то простая: сделать разные аспекты стилей максимально независимыми друг от друга, для легкого поиска и редактирования.Первая сложность начинается, когдда ты хочешь сделать это по БЭМ, и начинаешь думать, а что у тебя блоки, что элементы, а где их модификаторы, как это все обозвать и как разбить.Вторая сложность начинается, если ты при этом захочешь заюзать какой-нибудь фреймворк типа Бутстрапа. Тут-то и начинается лютый зоопарк из файлов и их зависимостей, импортов и т.д.Я пробовал разобраться в файловой системе пинка той бабы, но забил хуй. Решил, что буду двигаться по пути "прогрэссив энхансмент", епта, только в собственном развитии. Сначала препроцессоры, потом БЭМ, потом разбивка на разные файлы, а потом уже буду курить как это все дружить с Бутстрапом, например. Все это вместе у меня охватить в голове не получилось, капитулирую.
Саня Першин благословляет этот тред.
Аноны, а как разместить эти блоки? Инлайн-блоками не получится =( В голову приходит только разбить на 3 группы в столбцы, но хотелось бы чтоб при сужении они перепрыгивали на новую строку как в инлайн блоке. Или давай так анон. Как бы сделал ты?
>>548287Гибкая коробка
>>548287Интересно, а как низ этого контейнера будет выглядеть?
>>548291Бля так не честно)
>>548292Так же, не ровно, в зависимости от контента
>>548287Кстати, вопрос к флексодрочерам: как бы ВЫ это сделали на флексах? А то у меня какое-то кривое решение в голове вертится.другой анон, если что
>>548293Display: flex;Flex-flow: wpar column;Контейнеру.
>>548298Хотя нет, проебался, этого мало
>>548287columns: 3 с префиксами попробуй
>>548215Выглядит как быдло со со скамейки во дворе.
>>548287Может три вертикальных списка?
Как лучше сделать - вынести всю типографику в отдельный файл, или прописывать в непосредственно в файле блока?
>>548474Пока спрашивал, сам все понял
>>548477Нам скажшь?
>>548482Да. Типографику удобней выносить в отдельный файл, потому что элементы на сайтах много где повторяются (например меню навигации и т.д.) а тип и размер шрифта обычно разный. Что бы потом не менять шрифт в каждом блоке нужно делать типографику отдельным файлом.
Наконец то проблема решена
>>548541lol
Фронтаны проблема с трудоустройством.Зарабатываю на фрилансе, но уже достало, хочу в офис со всеми вытекающими.Разместил резюме, пригласили на собеседование , дали тестовое.Тестовое делать от 3 до 5 раб дней. Рабочий вариант 3 страниц сайта.Сверстал без детализации, выслал на проверку. Посмотрели, сказали что деталей нет, адаптивности нет и прочие мелкие косяки.Вопрос. Стоит ли их допинывать и на что давить, или отбросить эту контору как кидло на тестовое задание(уже ни раз натыкался в городе на подобное)?
>>548607Откидывай конечно. Эти сраные капиталисты хотят использовать твою работу и поднять миллиарды долларов. А тк нет "деталей и адаптивности", они смогли на тебе заработать только миллионы долларов.Господи, какие же долбоёбы на моём wrk.
>>548668>Господи, какие же долбоёбы на моём wrk. Согласен. Только блеить могут, никакой конкретики.
>>548607Расскажи про фриланс, где заказы берешь?
>>548695На ру биржах фриланса. Все бы ничего но за последний год-полтора стоимость работы за час сократилась раза в полтора, два. При снижении кол-во открытых проектов.
>>548706За еду работал? Каким стеком владеешь?
>>548707В последнее время да. JS+PHP. Планирую вкатиться в ноду. Но в округе 700км нет ни одной открытой вакансии по ней.
>>548607Что если просто проект отдать им, а сорцы у тебя останутся?
>>548215ваня справа?
Если в базовом наставничество нахуй не нужно было, в продвинутом без него никак. Только наставник может проверить твой БЭМ и сказать насколько правильно ты его понял. То же касается приколов с свг-графикой. Ну и нигде не объяснили как сделать в Пинке слайдер-таблицу, хотя в базовом были скринкасты с версткой сложных элеменов.
>>548808У тебя есть гугл и все твои друзья.
>>548808Потому и говорят, что надо идти на продвинутый спустя месяц после базового, чтобы наебашить разных макетов и элементов и набить руку (ибо никто с вашей версткой церимониться не будет). А потом только дополнять свой "воркфлоу" всякими фишечками и методологиями
>>548828Я доверстал Барбершоп, сверстал Nёrds. Думал, хватит для продвинутого.Да и не знаю, какой смысл верстать кучу статики без методологии, перед тем как начать учиться верстать по-взрослому (с БЭМом, препроцессорами, сборщиками, адаптивностью, ретиной и свг)? Даже двадцать сверстанных статичных макета не подготовят к материалу из продвинутого интенсива.
>>548835Потому то это та же самая верстка, просто "приправлена" сверху. Принцип то в основе своей тот же.Ты называл селекторы свои в базовом просто так сказать с пространством имен. Теперь тебе рассказали как можно уйти от каскада делая АНБ. И ты стал называть селекторы по БЭМРаньше писал css, дублируя каждый раз части в названии селектора а теперь ты можешь использовать вложенность, можешь использовать миксины, переменные. Но на выходе то все-равно будет тот самый css который ты учился писать.Раньше ты минифицировал файлы, делал спрайты, оптимизировал графику и возможно рефрешил страницу ручками (если не юзал препрос) а теперь ты разобрался с консолькой, написал конфиг для гранта/галпа и за тебя это делает компутерраньше ты сохранял изображения в одном размере, а теперь ты стал делать х2, х3, юзать тег picture и атрибут srcset Раньше ты юзал только иконочные шрифты, а теперь ты можешь не только их юзать на и подключать к стрице свг графику.Раньше ты верстал фиксированную сетку, а теперь ты "отпускаешь" размеры/задаешь их в процентах и начинаешь с мобильной версии, ставя брейкпоинты медиазапросами и скрывая/показывая/перестраивая элементы для разных ширин.Ты просто каждый раз делаешь надстройки над базой. Это не какая-то новая неизвестная отрасль. Если ты не знал как можно сверстать какую-то штуку в фиксе то ничего вышеперечисленное не поможет тебе сделать ее в адаптиве.
>>548835>>548885Не обязательно применять всё сразу и думать, что же делать с зоопарком новых технологий. Можешь сверстать макет используя препроцессор, потом, привыкнув к нему, в следующем макете добавить БЭМ, потом попробовать сверстать адаптив и так далеедругой анон
>>548885>раньше ты сохранял изображения в одном размере, а теперь ты стал делать х2, х3, юзать тег picture и атрибут srcset Можно подробней об этом? Что за технологии?
>>548935Смотри продвинутый интенсив.Ну или эту презентацию https://www.youtube.com/watch?v=Szo-2D7TtEU
>>548935>>548937а лучше и то и другое
>>548287это masonry сетка jquery в помощь. На просто цсс это не сделать
>>548947Да вроде с флексом разобрался, полет норм. Да и про jquery почитал
Как в Седоне карту вытащить из Фотошопа, а то я заебался уже.
>>548992Интерактивную делай от Гугла.
Тупой вопрос.Допустим, есть проект со стилями, разбитыми на кучу less-файлов. И есть главный less-файл с @import-ами всех этих дочерних файлов.Тот же Prepros сможет его адекватно скомпилировать в CSS? Т.е. он распознает @import-ы, обратится к содержимому дочерних файлов, и соберет единый CSS? Или для этого нужны уже Grunt/Gulp? Потому что у меня почему-то нихера с этим не вышло.
>>548996все нормально там в препросе - он понимает что надо компилить только главный файл - ты что-то не так настроил
>>548994Так она нихуя не похожа получается на оригинальную.>>548996Да.У меня например есть файл style.scss в котором нет ничего кроме импортов (@import "normalize";@import "grid";@import "components/type";@import "components/page-header";@import "components/page-footer";@import "components/intro";)Я в Prepros указал что нужно компилировать style.scss в /css/style.css/ работает.Попробуй файли посохранять, импорты понастраивать, кароче все должно работать, ты где-то проебался братюнь.
>>549002Экспериментальным путем понял, что как-то неправильно импортирую, весь остальной код переносится как надо.@import "bootstrap-3.3.6\less\grid.less"; - я, наверное, в чем-то очевидном туплю, но что неверного в этой строчке?
>>549009Ладно, вроде понял, что в случае с бутстрапом, надо импортировать корневой файл, а уже в нем выбирать те файлы фреймворка, которые понадобятся.
и так аноны, вопрос на засыпку, почему htmlacademy стал более платный? или он такой был? вчера был другой интерфейс и все курсы были без подписки
>>549020Зашел. Прикольно, оно интерфейс поменяли. Все курсы вроде как были - так и остались (у меня все пройдено, ибо те которые по подписке проходил под новый год по акции) Звездочкой помечены подписочные. Добавили еще верстку как я понял магазинчика кекса. Но она тоже по подписке (вот это уже не пройдено)
>>549025подписочные были до этого обновления?
>>549025Бля я в новый год специально дрочил курсы на новогодней гонке, чтобы открыли подписочные за бесплатно. Решил оставить на потом, а сча захожу и там все забрали уже, пидоры.
>>549039Были, только открыты были пару заданий из курса, остальное за подписку.
>>549040Так они и открыли подписочные за бесплатно на время гонки (поэтапно было). После гонки все снова платно стало>>549039ну да
>>549044да, кстати, анон тут архив заливал недавно со скринами этих курсов по подписке
>>549025ты можешь сейчас открыть любой курс, включая подписочный?
>>549052Теперь понял о чем ты. Просто у меня все подсвечивалось зеленым и внутрь не заглядывалhttp://take.ms/HghVY
>>549065Они же не сохраняются. Подписка закончилась и всеВ неподписочные нормально заходит
Аноны, хелп, при ховере не хочет показываться элемент, вот мой говнокод.
>>549091http://codepen.io/anon/pen/KzGXVyОтклеилось
>>549092Если ты про красный квадратик, то "+" поставь после hover
>>549095Охуеть!Спасибо!
>>549092.inner-plastic-windows__sidebar-menu__item:hover::before
>>549098Вот этот вариант еще лучше!Спасибо!!!
>>549101Ток эт, у тебя не БЭМ, а БЁМ какой-то. В БЭМ плоская структура - блок__элементвот такого: блок__элемент__элемент-элементабыть не должно
>>549104А как мне item тогда назвать? просто sidebar-menu__item?
>>549106как вариант даперед тем как что-то юзать прочитай доки хотя бы у Яндекса.и послушай лекцию Громова (2 урок продвинутого)и прочитай статьи того же громова и "Головокружительное погружение в БЭМ"там все отлично объяснено
>>549108Лол, да я вроде посмотрел этот интенсив, но как то проебался с этим. Тут заказы подогнали вот я и пилю, исходя из того, что знаю.
>>549109Охуенно тебе
>>549046есть сурс?
Кто умеет в БЭМ? Дайте короткий мастер-класс по именованию классов сори за каламбур.https://jsfiddle.net/rvs7rznv/
>>549440footerfooter__titlefooter__link-wrapper (or list? container? whatever?)footer__link
>>549492Подразумевался блок социальных кнопок.
>>549493Ну бля, замени footer на social-buttons, логика одна
>>549492Разве ссылки не будут относится к врапперу, а не футеру, т.к. по сути хранятся в нем?
>>549496Можно сделать и так, тогда у тебя будет правда блок внутри блока, я предпочитаю так не делать для семантически связанных элементов, обычно использую контейнер. Тем более эти ссылки могут быть и без него, не думаю, что ни как-то от него зависят.
Поясните мне, нахуя нужен бутсрап? Где вы его используете? Почему в вакансиях часто пишут требование, знание этого говна? Я правильно понял, что вот это говно, как целая библиотека, берется для весртки проекта, а потом еще хуярится каскад, чтобы перебить это говно? Это нормально типа? Это все не делает загрузку сайта долгой и ебанутый код из разной хуйни?
>>549514Сверстал один проект, чтобы понять, что эта за хуйня и забил хуй.> нахуя> ПочемуПотому что на бутстрапе можно быстро накидать говносайт, который будет работать в ие8+.
>>549516Кто за это деньги платит?
>>549514Вообще его компоненты можно отдельно испольщовать, но с другой стороны даже для навигационной менюшки надо включить джве бутстраповские библиотечки и целую джквери, что как бы не очень.Я так понимаю его юзают не особо требовательные по части объема сайта конторы. Типа, современные скорости инета позволяют, вот и хорошо.
>>549517Не знаю, надо спрашивать тех, кто работал/работает, я такой же кукаретик, как и ты. Но когда я верстал свой бутстраповский проектик, мне показалось довольно забавным: набросал дивов с бутстраповскими классами и у тебя все уже адаптивное и резиновое, знай себе декорируй, хуяк-хуяк и в продакшн.
Блядь, я нахуя я все это учу, я не хочу так работать и клепать говно ебаное.
>>549522Никто же тебя не заставляет клепать лендинги на бутстрапе 24/7. Осваивай фулл стек технологий, флексы-хуексы, джс, ангуляры и прочее дерьмо. Сам сейчас охуеваю с джаваскрипта, блядь, я же никогда не запомню эти сотни тысяч методов и нюансов, когда и как их применять, уж молчу про контексты, прототипное наследование и прочие прелести.
вот нормас лендос от 19 летнего чувака который сейчас в spotify работаетhttp://marekdlugos.github.io/TakeMeAsIntern/
>>549520>хуяк-хуяк и в продакшн.и получил на выходе такое вот говнецоhttp://bootstrapthemes.co/demo/html/tork-html-app-landing-page/
Кто-нибудь может мне вырезать хедер из psd макета. У меня просто гимп, я не могу в нем со слоями работать. ;-;
>>549561Поставь авокод или фш через вайн
>>549544говно какое-то, ни одной анимации, нет работы с js и jquery вообще. Фишки лендингов в том, что в них много анимации и красивых фишек, которые компенсируют отсутствие бекенда.
>>549566не получается.
>>549268Приду домой, скину ссылку, оп-хуй опять в шапку не запилил.
>>549561http://www.adobe.com/ua/creativecloud.html
>>549567Смотрите даун обосрался.
Выразительный JavaScript - хорошая книжка? Или пиратить где-нибудь Кантора?
А почему зачморенные мамкины программисты-олимпиадники так не любят js?
>>549759Они привыкли к другим языкам программирования и, видя что в каком-то из языков не так, как они привыкли, вместо того чтобы разобраться, начинает бугуртить
На академии выложили ссылочку на статью. Может кто в кратце перевести, основной момент этой техники? http://blog.lunarlogic.io/2016/boost-your-css-animation-performance-with-repaintless-css
>>549872Я хорошо знаю английский, но идею, вернее ее фишку, толком не понял. Похоже на изменение крайних положений в анимации, когда браузер как бы уже знает координаты заранее, поэтому делает меньше рассчетов. Это либо настолько просто, что не можешь в это поверить, либо слишком сложно.
Вопрос по БЭМу.Громов говорит, для блоков и элементов не может быть общих классов. Но это же охуеть сколько кода получится. Т.е. если мы юзаем Less/SCSS, миксины не допускаются? Ну а хули - чем не общие стили то? Я что-то все никак не могу вкурить этот БЭМ. Смотрю видео - вроде все понятно. Начинаю верстать - сразу куча вопросов и непоняток.
>>549991Туда же. Допустим, есть некие блоки, которые практически одинаковые, в них меняется только содержание. Мне каждому блоку отдельно стили прописывать?
>>549991>>549992Необязательно делать все как говорит Громов, особенно если тебе неудобно. Просто продумай четкую структуру проекта.Я, например, если вижу какуе-то универсальные блоки, форму для отправки поста там, или всплывающие окошки, или подсказки, которые есть много где но они суть одинаковые, пилю под них одну разметку и базовые стили, и потом ее реиспользую несколько раз в виде вложенных блоков.Если блоки отличаются по поведению, но только отчасти, тогда добавляю в название блока модификатор состояния, типа .panel .panel--add-post. Где каскадом прописываю отличия.
>>550007Другими словами ты взял на вооружение частично модель именования классов, и разбития на блоки (но, опять же, частично).Чем глубже копаю про БЭМ, тем больше понимаю, что юзают его каждый по своему, понимание тоже у всех отличается, и при этом по-настоящему его используют только в Яндексе со всем их стеком технологий и библиотек, которые обычному мелкому фронт-эндщику нахуй не сдались.
Ура блять, аноны! Сегодня получил свои первые деньги за сверстанную хуету и натягивание её на вордпресс.
>>550014С почином, братишка! Держи смузи.
>>550018Спасибо! Что за мемас со смузи?
>>550019
>>550032Сука, как же жизненно.
>>550014Что верстал то хоть? Ие8+хуиту на флоатах/бутстрапе?
>>550038На флексах, лол, на иешки старые сказали класть хуй.
>>550014Есть годнота по посадке на wp?заебали, если честно, cms - это же блядь вместо бэкэнда, вот пусть бэк ими и занимается
>>550045Как свободное время будет запилю гайд полноценный по вордпрессу, а не те ебаные обрезки, по которым я учился. Ну еще мне друг подсказывал, а остальное я гуглил.
>>550048Походу это будет хитом. Будем ждать если че(по крайней мере я)
>>545572 (OP)Привет, анончики. Первым-устроился-в-дс-кун на связи, давненько к вам не заглядывал. Зарплатка подросла, 120к на руки, недавно обосрался на собесе в Яндекс, сказали мой уровень "не очень высок". Такие дела. Еще жду ответа от одного пиндосского стартапа, но там надежды тоже мало. Такие дела, жизнь - боль.
>>550056> 120к> жизнь - боль.А ты хорош, сразу видно целеустремленного! Так держать, бро!
Верстаны, что можно почитать про организацию структуры файлов крупного сайта?
>>550032Бекенд петухи должны страдать.
>>550040Повезло тебе, а я верстал хуйню на флоатах (страничку для инет-магаза). После этого забил хуй на фриланс, пока что.
>>550094А что так? Лучше уж верстать за еду, чем работать на говноработе.
>>550048Обязательно.
Чет проиграл с портфолио одной мисс с fl.ruhttp://igurnolog.ru/barbershop/
>>550009Да, почти так. Я использую то что мне нравится использовать, и то с чем удобно работать, а с чем неудобно - модернизирую. Хардкорный бем исключительно по заветам Яндекса это, конечно, очень весело и продвинуто, но он несет свою долю мозгоебли. Она воспринимается как малое зло в крупных проектах, где работает целая тима профи, но очень уж напрягает на маленьких, по крайней мере меня.
>>550126>github>gist.github.comпроиграл
>>550058Спасибр за поддержку, но поверь, бабло это так себе показательпосле 100к/мес
>>550140Поясни тогда, что показатель в данном деле?
>>550140Просто иди нахуй, успешноблядок.Ну или делись опытом, а не вызывай баттхерт понапрасну.
>>550143Лол, типичный анон, нет бы порадоваться и вдохновиться, так нет, сразу зависть.
>>550142Даже не знаю что тебе ответить. Я вдохновляюсь крутыми чуваками из мира open source>>550143>Просто иди нахуй, успешноблядок.Я уже тут, тащемта>Ну или делись опытом, а не вызывай баттхерт понапрасну.Кулстори пилить не буду, заебался уже в сотый раз это делать, но если задашь свои ответы, отвечу
>>550150В каком возрасте начал?За какое время научился определенной технологии(верстка\джс\фреймворки\бэкенд мб)?Почему выбрал это занятие?Какая первая работа была? Фрилансил? Если да, то где брал заказы, и подскажи как лучше договариваться с заказчиками.Хуи сосешь?Бочку делаешь?
>>550156А еще забыл, вышка есть?На работе спрашивают?
>>550156Ща в магаз сбегаю, и отвечу, анончик, минут через 10-15
>>550056о, опять этот пиздабол.
>>550147Если бы он пришел и сказал поздравьте меня, у меня з/п 120к!", то я бы порадовался. А не>жизнь боль
>>550163Да, это я>>550156>В каком возрасте начал?23>За какое время научился определенной технологии(верстка\джс\фреймворки\бэкенд мб)?Я бы не сказал что я чему-то научился. Большинство технологий можно начать применять после какого-нибудь базового туториала. До первой работы обучался с перерывами полгода, потратил все имевшиеся на тот момент деньги на курсы, сейчас смешно вспоминать.>Почему выбрал это занятие?Когда в маге учился, поработал год по спецухе на заводе, охуел от безысходности и начал искать варианты, пару раз обосрался, потом мне на глаза попался вебчик, вспомнил что любил быдлокодить еще в старших классах школы, потом в универе делал лабы одногруппничками, те где надо былокодить, попробовал и понеслось. Фронт а не бэк выбрал просто потому что тогда пошло легче, но сейчас не жалею.>Фрилансил? Если да, то где брал заказы, и подскажи как лучше договариваться с заказчиками.нет, не фрилансил никогда>Хуи сосешь?Бочку делаешь?Нет>А еще забыл, вышка есть?Да>На работе спрашивают?Не, ни разу не спрашивали>>550164> поздравьте меня, у меня з/п 120к!"с чего бы мне так говорить?
>>550178Ой, напиздел, не 23, а 22
Котаны, прошел курсы на штмл академи. Стоит ли покупать подписку, или она не нужна? И еще я так понял теперь лучше всего разбирать интенсив, я прав?
>>550212Там в подписке хуйня в принципе, если 300 рублей не жалко, купи. Ну или держи теорию https://yadi.sk/d/Ka-aU3poqa8bMА так да, смотри сейчас базовый интенсив.
Как придумать домашний проект? Где взять идею? Что делать если в голову ничего не лезет?Мне даже тему диплома научрук придумал.
>>550230Проект чего?
>>550232Чего-нибудь для портфолио.
>>550236Верстка\джс?сука из тебя ответы выбивать надо, да?
>>550237Можно скриптоверстку, можно жавабек. Да хоть сайт целиком! Какая разница?! Неужели процесс генерации идей нельзя абстрагировать от конкретного инструмента?
>>550246Ты блять как охуевший клиент, сделайте то, не знаю что, вы же специалисты, неужели это так сложно?
>>550252Хорошо, давай с другого конца.Возьмем верстку+JS.Поделка какого уровня сойдет для портфолио?
>>549514>потом еще хуярится каскад, чтобы перебить это говно?нет>Это нормально типа?нет>Это все не делает загрузку сайта долгой и ебанутый код из разной хуйни?нет>Кто за это деньги платит?работодатели/заказчикиТы не понял суть бутстрапа, а вообще все юзают его sass/less версии и их можно кастомизировать как угодно
>>545572 (OP)
>>550254Чем тебе макеты из рассылки академии не нравятся?Просто попробуй совместить в одном проекте все самые востребованные технологии. БЭМ, препроцессоры, часть какого-нибудь фреймворка (фандэйшн, бутстрап), оживи все это дело джиэсом, сделай годную адаптивность для мобил/планшетов/десктопов, поддержку нескольких видов ретины.
>>550178>с чего бы мне так говоритьС того, что многие о такой з/п только мечтают.
>>550048Было бы ТАААААААААААААААААК охуенно, ты даже не представляешь!
>>550014А сколько хоть получил и сколько времени занял весь заказ?
>>550413Получил три тысячи в моей мухосрани, лол. Проект делал после работы 4 дня и за 1 выходной. В сумме по времени примерно 2-3 рабочих дня.
Наверное платина и я буду послан на хуй в шапку, но задам. Без опыта программирования с чего начинать? В итоге хочу стать фронтендером. Начинать с вертски или JS? Хватит ли 3-4ёх часов в день?
>>550469Читай шапку, там все написано.
>>550469Всегда хотел спросить у ньюфага, почему ты решил стать фронтендером?
>Web-разработчик>от 5000 до 10000 р>Требования:>наличие опыта в данной сфере>наличие портфолио с примерами созданных сайтовОни серьезно?
>>550519Кинь ссылку на вакансию
>>550522http://srt.rosrabota.ru/vac-full/25826807
>>550525> Обязанности:> создание сайта-визитки для антикафе5-10к за проект норм же, хули ты.
>>550519
>>550289Многие необучаемое быдло, мне же всегда хотелось из этого состояния вырваться>>550525>Саратов
>>550230Напиши тетрис на канвасе
Топ конференция JS быдла:https://telegram.me/joinchat/BE8kJz5Ac82JhSOAbmerbwМемы, рофлы, разговоры о работе, разговоры о не работе, свободное общение.
>>550578Конфы не нужны
>>550580Ну если ты хекка мизантроп.
>>550586Вместо того, чтобы учиться, люди пиздят там о всякой хуйне, свободного времени не у всех так много.
>>550589Ну тут согласен кстати, я обычно раньше только с работы туда заходил (работа не IT), а теперь и до/после работы зависаю. Затягивает эта хуйня из сраки очка.
>>550538мдя
>>550553>СаратовНе самая худшая стартовая локация.
>>548215дристанул с тебя
>>550056собеседование в школу яндекса или просто на работу?
>>550056Можешь гайд запилить, как сейчас учил бы жс умудренный опытом?
>>550056Найс пиздабол. Во-первых, больше 120к в яндексе только топ спецы получают, а ты вряд ли бы пошёл на понижение со 120к. Во-вторых Яндекс это в целом параша, туда можно идти только для набора опыта джуном, всё. Если ты получаешь 120к, то ты явно не джун, и должен знать об этом говне. Сорри, ты обосрался.2 года был в яндексе
А какие условия в русских офисах для ит макак? Я что-то не нашел толковых статей. Запилите свои куллстори)))))
>>550698Что именно ты хочешь узнать?Условия самые разные могут быть, в среднем у тебя будет стол, стул, комп и 2 моника + переферия в опенспейсообразном помещении, гибкий, но не свободный график работы, печеньки и чай на кухне, оплачиваемый обед и, если в компании 100+человек, то почти каждый день кто-то проставляется пиццой на днюху. Также будет кикер или подобная хуйня, массажное кресло, или какая-то зона отдыха. Везде, где работал, было так или типо того (ничем не примечательные средние компании). Что ещё интересно?
>>550705если я хикка и не люблю такие вещи - меня зачморят?
>>550706Уволят по причине асоциальности
>>550706Какие именно вещи? Всем похуй, у нас в офисе штук 20 таких задротов разных возрастов (из примерно 150), никто на них просто внимания не обращает и всё. Делают свою работу и ок. Бесит только, что от них воняет иногда (не от всех, но всё же), и выглядят они как говно неопрятное.
>>545572 (OP)Анонии,хуй знает к вам или нет. Есть бложик с видосами ~ 3000 просмотров в сутки,какую рекламу можно на него прикрутить желательно без говяжих анусов.Adsense не катит контент пизженный, да и коперасты уже нападали.С меня как всегда
>>550751Тебе в /web.Ещё раз тут такую хуйню напишешь - оторву тебе анус.
>>550672На работу конечно>>550678Легко, вот две книгиhttps://www.ozon.ru/context/detail/id/6287517/https://www.ozon.ru/context/detail/id/8144634/Вот видеоhttps://www.youtube.com/watch?v=8aGhZQkoFbQОстальное только практика, только ебашить код. Фреймворки и либы, учатся так:1. Читаешь доки2. Пишешь код>>550681Не знаю чего ты такой нервный, апильсинус. Я знаю что в Я платят немного, но я в процессе собеседования не дошел до оффера, так что самолично не видел суммы, конечно если бы мне предложили меньше 100к я бы не пошел энивей. Такие дела.
>>550766Манька, ну кого ты обманываешь, лол?Давай, поделись, на какую должность шёл, в каком городе? Вангую, что это одна из двух, разраб ui или разраб ui для тестов (только туда берут людей с улицы), в обеих должностях нужно быть дегенератом, чтобы тебе сказали, что твоих навыков не хватает. Там вообще блять кроме чистого жса и жквери ничего знать не нужно (ну окей ещё уметь в юнит тестирование, это тоже за 5 минут учится любым дауном). Платят там не больше 80к, каким образом тебе даже вилку не сказали - я хз, это обычно прямо по телефону сообщают.Книги, которые ты посоветовал, это полное говнище, на которое даже 5 минут потратить будет жалко, особенно нубу. Что и в общем-то показывает твой уровень, который говорит о том, что никаких 120к ты не получаешь. Съебался нахуй теперь отсюда.
>>550781Лол, да что с тобой? Придумай как я могу пруфануть мою историю без диванона, я пруфану, нет проблем.
>>550786Чувак, историю ты можешь пруфануть, это не проблема, проблема в том, что любой чел с зп 120к мог бы устроится в яндекс на изи, т.к. там не нужны никакие специальные знания вообще на те должности, на которые ты типо претендовал.Алсо, вилку зп говорят не предварительном собеседовании, и ты бы сразу слился, если бы у тебя было 120к, мань.
>>550791>говорят на предварительном собеседованиибыстрофикс
Анончики выручайте. Я даже не заню что хочу, но всё таки спрошу. Так вышло что я нищеброд и у меня сегодня выключат интернет. Какие книги, видео и прочее можно скачать чтобы заниматься оффлайн. Может у кого то был опыт.
>>550791Не знаю чего тебя моя история так задела, лол. Хорошо что я туда не попал, раз там такие едких едких петушков берут.Алсо, у меня было одно собеседование, техническое, по скайпу.
>>550794шапку читай
>>550797>таких
>>550756> Ещё раз тут такую хуйню тут ни у кого своих ресурсов шоле нет?
>>550056Что спрашивали на собеседосе?Тоже недавно на джуна к ним пытался, в деньги, тоже не взяли по той же причине. Правда у меня 3 собеседования было.
>>550822Нет, здесь только рабы, ковыряющие чужое говно на денежку>>550826Спрашивали какие инструменты юзал, про опыт и потом небольшой тестик решил онлайн.
>>550856Ну я про тестик и спрашиваю, что за задание было?
>>550862Пили фейкомыльце, скину
>>550781а ты бы как учил жс?
>>550864Да просто в кратце расскажи, что у тебя было?
>>550866Да просто пара десятков хитровыебанных вопросов на тонкости чистого js, и пару функций написать, типа переворота строкисначала хотел написать рекурсивно, лол, потом написал самый просто вариант
Не нюхал jquery ни разу. Я так понимаю это библиотечка, которую подключаешь, потом скачиваешь плагин для неё (например карусель) и по документации прикручиваешь (вбиваешь классы/ид) в код. Так?
>>550868Реально? Блин, да это же супер халява, что-то у меня тоже подозрение, что ты пиздишь, мои задания были намного более жесткие, на связные списки несколько, погоняли по разным алгоритмам сортировки, поиск маршрута по графу, по ноде попросили написать асинхронную тулзу с синхронным выполнением команд. И это всё на джуна. Что за бред, попросили развернуть строку? Это полная хуйня, либо кто-то за этого чела отвечает теперь, либо он пиздит нереально.
>>550871Ну, я же говорю, я собеседовался по скайпу, может если бы меня позвали лично на собес после этого, тоже было бы что-то подобное. Можете верить, можете нет, зачем мне пиздеть, я не знаю.
>>550868И ты с этим типо не справился? Как ты умудряешься разводить работодателя на 120к?
>>550880Я на это место пришел на 80к полтора года назад
>>550871фига себе на джуна требования
>>550910Норм требования, если ты не формошлем, а software engineer
>>550911>шлеп
>>550911Нихуя не норм. ЗП у такого джуна должна быть покруче мидловской. Да и компания небось очень себе на уме. В большинстве случаев предлагают решить что-то простенькое, а не ебут голову всякими алгоритмами новичку. А джун таки новичок, пусть и что-то умеющий.Хотят поиск путей, алгоритмы и прочую хуйню такого уровня - пусть дают соответствующий оффер с соответствующими условиями.А то сталкивался я с компанией в которой тестовое на джуна предполагало создание полноценной игры, требования у них были ебать его в сраку, а платили как желторотому верстале с навыками уровня прикрутить модалку на джиквери. Долбоебы просто пытались урвать себе подешевке умного дева, убедив его что он не такой уж умный. Надеюсь эти пидоры разорились. мимо фронтендер
>>550946Так я и сказал>не формошлеп, а software engineerА ты описал формошлепствоПример с созданием тут ни к месту, и в этом случае я с тобой согласен.
>>550442Ну неплохо, очень даже.
>>550946ЗП 80к для джуна в яндексе на ту позицию, что я описал.
>>550870Типа того. А еще с прикрученным жиквери можешь писать ее облегченный код.
Аноны, доделал свой первый макет нердс практически полностью, осталось фильтр цены только оживить. Подскажите пожалуйста в сторону каких событий копать, в интенсиве только про разметку говорили по этому фильтру.
>>551128Анон,не стоит вскрывать эту тему, тут джс нужен. Оставь пока. Потом доделаешь для начала изучи верстку и все инструменты, которые к ней относятся.
>>551128>>551144http://refreshless.com/nouislider/ есть готовое решение без jquery. Может быть пригодится.
>>551144Я знаю что тут js нужен. Я с ним знаком, но не знаком с событиями. В сторону каких событий копать?
Анчоусы, где валяется файл с тем, что эммет выводит? например, я ввожу img и жму таб - выводится вот это <img src="" alt=""> , а нужно чтоб еще выводились атрибуты ширины и высоты помимо alt.
>>551148Чет странное решение какое-то. Я думал там надо при нажатии мышки отслеживать ее движения и в соответствии с ними менять лефт/райт у кнопочек и ширину заполнителя, а когда кнопку отпустить перестать.
>>551157На то оно и готовое. Чтобы, когда будет реальный проект, не задрачивать жс, а подключить либу весом 17 кб.Ну а если писать скрипт для себя - всё как ты описал.
>>551154Если кому интересно, нашел решение, но другое http://docs.emmet.io/actions/update-image-size/
>>551150Если я правильно помню тот фильтр, то тебе нужен drag and drop на джс.
>>551191Да, уже читаю на learnJavaScript
Фронтаны, поясните за Bootstrap CDN. Если я от бустрапа только сеткой пользуюсь, она нормально будет подхватываться или как?
Таакс, Антошки. А как можно укарачивать линию заполнителя с левой стороны? Если с правой ее размер с помощью width меняется.>>551200>>551157>>551150>>551128-кун
>>551414Посмотри как nouislider сверстан и сделай также. При такой верстке не нужно будет контролировать заполнитель вообще.
>>551420Это ж либа? Я либами вообще не пользовался если честно.
>>551424В смысле не знаю что с ними делать.
>>551424Причем тут пользовался или нет?Просто посмотри как там сделано, для примера.
о, тоже нужен слайдер этот. он меня омрачил, спасибо, буду разбираться.вообще, как-то непонятно, это ж задание после 2 урока, сделать до 4. Макет самый легкий. Во 2 видео идет обсуждение далекое от таких вот переключателей.И не очень понятно как фильтры размечать, а так же лоты в магазине. Разметил как вижу, но мне кажется, что в реальном проекте я наделал бы кучу костылей заднеконцовому.
>>551440Я вот почти полностью сделал этот слайдер. Кроме левого регулятора. Там все очень сложно и во всем базовом интенсиве, включая урок по js, далеко от этого слайдера.
>>551445так это, че делать с ним по-плану?
>>551447Не оживляй. Я для себя это делаю. Для саморазвития.
>>551463в код гайде ничего про него вообще не сказано, т.е. его предстоит статично на тех значениях нарисовать и всё?
>>551470Да
>>551472ну, тут даже разметку с первого раза не сделаешь сто процентно правильной. Уже когда оформлять стилями буду, тогда придется и разметку править. Ладно, спасибо
А есть треды/пасты про ui/ux? Занимался этим в 2010 на fl.ru, потом забросил, сейчас мозг высох так что ничего не могу придумать (раньше сидел на уроках и рисовал на листке макеты приложений). Есть ли шанс вкатиться туда?
Я хуею. Думаю уже два дня о том, подключать или нет систему сеток бутстрапа/скелетона/фандэйшн, и писать ли мне дизайн элементов самому, или подключить часть MDL (или спиздить из него стили нужных элементов).Смотрю видео на ютубе - людям похуй. Подключают весь бутстрап, весь MDL, подключают JQuery и им норм.Может, я зря дрочу на оптимизацию и вес сайта? Такое ощущение, что всем вообще насрать сколько он в итоге будет весить - подключают к нему любую хуйню, даже не по частям, а полностью.
>>551281Бамблби вопросу.
>>551538Хуйней ты страдаешь.Одна ебанная картинка на мегабайт перебьёт все твои никому не нужные микроптимизации, а если ты ещё гзипуешь всё, то тебе вообще должно быть похер.>>551281Не очень понятный вопрос.CDN это просто сервер в инете, где лежит нужный файл. Что угодно оттуда будет подхватываться, надо только найти нужный сервер.
>>551538>Такое ощущение, что всем вообще насрать сколько он в итоге будет весить - подключают к нему любую хуйню, даже не по частям, а полностью. This. По крайней мере, видео для ютуба (нерусскоязычного) снимают дизигнеры, которые и в дримвивере лепили бы свои лендинги, если бы он удовлетворял их требованиям. Но если хочешь в один прекрасный день выкатиться из верстки говнолендингов за доширак на приличную зарплату — оптимизируй.
>>550871Не так давно собеседовался, примерно в полтора десятка мест ходил, никто мне связными списками мозг не ебал, я вообще не знаю что это такое и нахуй нужно.Зачем вообще что-то спрашивать про ноду, если там принципы построения полностью отличаются от тех, что используются во фронте, так как все асинхронное и ВЕСЬ код на промисах/генератора?Хоть какие-то алгоритмические задачи были только на одном собеседовании и то, уровня разбить массив по анаграммам.Зато везде интересовались прошлыми проектами, что я там делал и используемым стеком (я реактоеб и вебпакодрочер). Плюс показывал свой пет-проект.Устроился на 130к. Предложений было более чем достаточно. Уверен, что тот анон не пиздит.
>>551548Я имею в виду, что у меня из всего бутстраповского CSS только сетка.
>>551552>я вообще не знаю что это такое и нахуй нужно.А я вот не знаю, как вы умудряетесь находить долбоёбов, который вам столько платят без этих знаний.Можешь, например, рассказать, как ты сделаешь вложенные комментарии на реакте? По типу как реддите или жж. >Зачем вообще что-то спрашивать про ноду, если там принципы построения полностью отличаются от тех, что используются во фронте, так как все асинхронное и ВЕСЬ код на промисах/генератора?Потому что должность предполагает написание своих тулз на ноде.
>А я вот не знаю, как вы умудряетесь находить долбоёбов, который вам столько платят без этих знаний.На хедхантере же. Выложил резюме, мне написали.>Можешь, например, рассказать, как ты сделаешь вложенные комментарии на реакте? По типу как реддите или жж. Какая конкретно часть вызывает вопросы? Проще всего стянуть с сервера сразу все дерево и отрендерить рекурсивной функцией. Манипуляции — по id каммента. Если дерево подгружается кусками, то задача немного усложняется, но некритично — нужно отмечать в стейте приложения, что какие-то куски не подгружены.>Потому что должность предполагает написание своих тулз на ноде.Поздравляю, а моя не предполагает. Мне нравится работать с интерфейсами и я с ним работаю.
>>551573>>551569
>>551552>Устроился на 130к. Предложений было более чем достаточно. Уверен, что тот анон не пиздит.Тут дело не в предложениях, а в том, что у него уже есть 120к, при этом он собеседуется на джуниорскую должность в яндексе, за которую больше 80к не заплатят. Попахивает пиздежом.
>>551573>Какая конкретно часть вызывает вопросы? Проще всего стянуть с сервера сразу все дерево и отрендерить рекурсивной функцией. Манипуляции — по id каммента. Если дерево подгружается кусками, то задача немного усложняется, но некритично — нужно отмечать в стейте приложения, что какие-то куски не подгружены.Если ты не знаешь, что такой связный список, то ты никогда в жизни не поймешь, что нужно делать. Алсо, раз ты упомянул про рекурсию, значит ты имеешь какое-то понятие, а значит снова пиздишь "я вообще не знаю что это такое и нахуй нужно.">Поздравляю, а моя не предполагает. Мне нравится работать с интерфейсами и я с ним работаю.Ну а хули ты тогда пиздешь на то, что спрашивают про ноду? Что за бред?
>>551575Хуею с ваших зарплат.мимо хочу работать фронтэндером хотя бы за 16к
>>551583Чувак, тут половина пиздежа. Такую зп ты просто так не получишь, либо ты хороший спец с 3-4 годами работы, либо должно очень сильно повезти и ты нарвешься на долбоёбов, которые будут сорить деньгами.
>>551579>Если ты не знаешь, что такой связный список, то ты никогда в жизни не поймешь, что нужно делатьТак может ты объяснишь сразу зачем он там и какие преимущества даст?Про рекурсию я знаю потому что без нее вообще сложно что-то древовидное сделать.>Ну а хули ты тогда пиздешь на то, что спрашивают про ноду? Что за бред?Писать утилиты на ноде вообще никакие боком не относится к базовым знаниям фронта. А пизжу я потому, что если тебя ебали в хвост и гриву на собеседовании, то это не еще не значит, что во всех компания предъявляют такие требования. Или что эти требования вообще адекватны рынку труда.
>>551585Это обычная зарплата нормального спеца в ДС. Если ты шаришься во фронте или Руби, то приходи, побеседуем.
>>551587шаришь*
>>551586>Так может ты объяснишь сразу зачем он там и какие преимущества даст?Без него ты в принципе не реализуешь ничего подобного. Я хуею с таких ребят как ты. Сложнее лендингов вы вообще что-то делаете?>Писать утилиты на ноде вообще никакие боком не относится к базовым знаниям фронта. А пизжу я потому, что если тебя ебали в хвост и гриву на собеседовании, то это не еще не значит, что во всех компания предъявляют такие требования. Или что эти требования вообще адекватны рынку труда.Бля, хули ты приебался вообще? Какой блять фронт? Я что хоть где-то упоминал вакансию фронтендера? Что блять за вопрос "зачем спрашивать о ноде"? Тебе блять какая разница?
>>551587>Это обычная зарплата нормального спеца в ДС. Как это противоречит моим словам? Да, это зарплата нормального спеца, но не дебилойда без базовых знаний.
>>551590Да-да, я уже понял, что ты охуел и что я получаю зарплату несправедливо. Так ты пояснишь про связный список или нет? Статью в вики прочитал. Ок, прикольно, но зачем?
>>551590>Я что хоть где-то упоминал вакансию фронтендера?>Front-end thread №3Какой самый известный самолёт на тихоокеанском театре военных действий?!
>>551598Тред полон маркап девелоперов-хохлов, я гарантирую это.
>>551590>Какой блять фронт? Я что хоть где-то упоминал вакансию фронтендера?Бро, ты возможно уже забыл, но высказался про детские требования на собесе ты в ответ на рассказ фронтендера про то как он устраивался на позицию фронтендера. А еще ты сидишь в треде для фронтендеров. Ну это так, между прочим.
>>551599Я и сам оттуда, лол. А при чем тут хохлы, собственно?>>551598-кун
>>551596Ты реально настолько тупой? Это пиздец несправедливо тогда.Попробуй реализуй вложенные комментарии без него.>>551600И что? Я где-то сказал, что нода обязательно для фронта, хуле ты приебался? Я рассказал, о чём меня спрашивали и всё. Алсо, если ты не умеешь в асинхронность ещё, и удивился бы такому вопросу, то такого чела вообще брать не стоит.
>Ты реально настолько тупой? Это пиздец несправедливо тогда.Я почему-то так и подумал, что ответить по существу тебе нечего.
>>551604Сука, ты даже до второй строчки не дочитал, лол? Совсем мозг отсох?
>>551601Несколько тредов тому назад анон забавлялся тем, что по запросу "markup developer" находятся только хохлы на апворке.
>>551602>хуле ты приебалсяПросто ответил на твой вопрос, но ты видать не догнал до сих пор.>Алсо, если ты не умеешь в асинхронность ещёПри чем здесь асинхронность вообще?
>>551607У нас тут это вообще мегапопулярная тема - в it уходить, причем многие переходят с совершенно других областей например, я, лол.У вас то есть всякие вахты, нефтяные вышки, служба по контракту - там везде можно схожие бабки получать. У нас таких областей работы нет, так что щито поделать десу.
>>551608>Просто ответил на твой вопрос, но ты видать не догнал до сих пор.Какой вопрос, что за хуйню ты несешь? Я не задавал никаких вопросов. Ты пиздец тупой, как в жизни, так, я чувствую, и в кодерстве.
>>551609У кого у вас-то, я сам новорос.
Реально, всю эту хуйню надо в шапку заносить, или куда-то сейвить, когда тупые аноны хвастаются фейковой зарплатой, а потом после мало-мальски серъезного вопроса сливаются.- "Получаю 130к, а вы все бомжи"- "Окей, расскажи зачем нужны связные списки"- "Азаза ололо я вообще не знаю нахуй не нужны"- "Получаю 120к, задавайте вопросы"- "Что спрашивали на собеседосе?"- "Попросили развернуть строку, я не справился"Пиздец, это ведь просто лол.Жду не дождусь, когда стану проводить собеседосы сам, буду таких петушков унижать каждый раз.
>>551611И что у вас с айти сейчас?
>>551612Ну и кто лох, если эти чуваки без твоих знаний получают такие бабки, а ты - меньше?
>>551610>Какой вопрос, что за хуйню ты несешь? Я не задавал никаких вопросовНа дваче можно просмотреть историю ответов. Потрудись. >Ты пиздец тупой, как в жизни, так, я чувствую, и в кодерстве.Человек сходу обвиняющий незнакомого человека в чем-то, как правило, сам обладает этими качествами.
>>551613Ничего. Фрилансю через интернет, с выводом нала проблемы, ибо у нас не работает ни одного банка, кроме государственного.
>>551617Но у вас нет государства.
>>551612>Жду не дождусь, когда стану проводить собеседосы сам, буду таких петушков унижать каждый раз.Бодливой корове Бог рогов не дал
>>551614Охуеть теперь, мы что все лохи тогда, по сравнению с каким-нибудь крутым банкиром и т.д.? Ты ебанашка совсем? Мне вообще строго похуй на деньги, в месяц трачу 15к наверно только.90% их этих даунов - пиздаболы. Вот чел с яндексом точно, просто уверяю.>>551615>На дваче можно просмотреть историю ответов. Потрудись. Потрудись сам, манька. В своём выдуманном мирке можешь на любые вопросы отвечать, но здесь я ничего на задавал тебе.>Человек сходу обвиняющий незнакомого человека в чем-то, как правило, сам обладает этими качествами.Я не сходу обвиняю, по твоим постам видно, что ты отсталый. Отвечаешь на выдуманные вопросы, по 3 раза сам задаешь один и тот же вопрос, не разбираешься в типах данных и т.д. Ты тупой, сорри.Не слушайте пиздаболов, учите лучше базовые основы программирования и всё будет ок.Всем удачки, я спать.
>>551618Государства нет, а банк есть.
>>551621>Я не сходу обвиняю, по твоим постам видно, что ты отсталый.Что видно тебе-то блять? Я тебе щас третий или четвертый пост строчу. С момента уточнения про фронтенд-тред тебе 2 разных человека отвечали, придурок. Ты даже этого не понял?
>>551621>Мне вообще строго похуй на деньгиА, ну понятно чего тебя так разворотило.
>>551612Подскажешь, как javascript учить?
пока некоторые лошки копротивляются флексбоксам и до сих пор пихают распорки под флоуты, нормальные люди уже вовсю втыкают, каким будет следующий шаг в этом направлении:https://css-tricks.com/snippets/css/complete-guide-grid/
>>551621>Охуеть теперь, мы что все лохи тогда, по сравнению с каким-нибудь крутым банкиром и т.д.?да.
>>551832http://caniuse.com/#feat=css-gridНу и нахуй оно надо?
>>551866По секрету:нормальные люди следят за тенденциями, чтобы быть во всеоружии когда они станут полноценным стандартом, грубо говоря когда другие будут сидеть вчихлять - то ты уже будешь понимать что и как.Это конечно к гридам меньше относится, а вот к js больше. Тогда и особой попоболи как некоторые испытывать не будешь от количества фреймворков, либ и т.д. Ибо если следишь за прогрессивным сообществом, то ты штуки всякие знаешь и игрался с ними еще до того как они станут мэйнстримомЕстественно играются не на рабочих проектах, если вдруг не понятно.
>>551879Тут ты конечно прав, но там где-то в статье написано, что это будет стандартом новым?Люди еще на флексы до конца не перешли, а тут уже грид сетку выкатили.
>>551883Я вообще другой анон, если че. Я видимо недостаточно точно выразился, ты пробуешь ЛЮБЫЕ фишки, до того как они уйдут в широкие массы.Естественно тебя никто не заставляет это делать. Но как бы если нравится деятельность - то ты будешь ковыряться о всем новом, интересном.Что касается гридов - они относительно давно муссируются уже. И сейчас находятся в драфте. Поэтому есть вероятность что это будет стандарт. Но етественно могут и быть и доработки и т.д. Для этого и идет драфт
>>551907Да дело в том, что я еще всю текущую инфу не выучил, лол. Когда начну джс учить придется начинать со старых фреймворков, а потом когда выйдут новые придется учить еще и их...
>>551883вангую затяжные срачи по поводу грид vs флекс. видимо кому-то там очень доставляет наблюдать за холиварами версткодрочеров, даже тут неоднократно срались по поводу флексов, поддержки и прочей херни.
>>551919Ну так учи текущую, все постепенно. Не надо бросаться с головой во все сразу - только каша будет.
Народ, не пойму как сконкатенировать все файлы стайлус, чтобы потом мэин.стайлус скомпилировать в мэин.цсс?gulp.task('stylus', function () { return gulp.src('app/stylus//*.styl') .pipe(stylus()) //.pipe(concatCss('main.css')) .pipe(gulp.dest('app/css')) .pipe(browserSync.reload({stream: true})); });
>>551919Что мешает учить актуальное?Ты наверное тот кун, что SQL с основ теории БД изучает?
>>551939Чтоб сконкатенировать файлы стайлус их надо импортировать в основной, потом основной уже комперлировать в цсс.У тебя здесь написано, что все файлы компилировать, еще и слеш лишний>return gulp.src('app/stylus//*.styl')Можешь мой галпфайл со стайлусом посмотреть, может поможетhttps://github.com/gitanon/gitanon.github.io/blob/master/projects/joremipsum--adaptive/gulpfile.js
>>552004как ты поставил gulp-autoprefixer, если это приблуда для основного плагина autoprefixer и без него нихуя не пашет?
>>552019Пашет всё норм, у неё у самой в депсах обычный автопрефиксер
>>552004>У тебя здесь написано, что все файлы компилировать, еще и слеш лишнийДве звезды между слешами означают, что выбираются все файлы из под папок, а не только в указанной.А как импортировать то, ну через галп? Я то могу руками поинклудить в стайлусе, но тогда и галп мне не нужен будет
Нашел, вдруг кому пригодится, правда подключить пока не смог. gulp.task('styles', function () { gulp.src(paths.styles + '/*.styl') .pipe(sourcemaps.init()) .pipe(stylus({ paths: ['node_modules', 'styles/globals'], import: ['jeet/stylus/jeet', 'stylus-type-utils', 'nib', 'rupture/rupture', 'variables', 'mixins'], use: [nib()], 'include css': true })) .pipe(sourcemaps.write('.')) .pipe(gulp.dest(paths.css)) .pipe(browserSync.stream()); });http://www.wunderkraut.com/blog/stylus-with-gulp-a-fantastically-fast-front-end-workflow/2015-08-11
У меня другой вопрос.Теперь оно все файлы напрямую компилирует в main.css, а main.styl остается пустой, попробовал в src оставить пустые кавычки, тоже работает, нахер она тогда нужна и как все это собрать в main.styl?gulp.task('stylus', function () { return gulp.src('app/stylus/main.styl') .pipe(stylus({ paths: ['app/stylus/blocks', 'app/css/'], import: ['header', 'footer', 'fonts.css'], 'include css': true })) .pipe(gulp.dest('app/css')) .pipe(browserSync.reload({stream: true})); });
Кто-нибудь пришел/идет к успеху посредством самоучёбки?
>>55213775к получаю, ровно 10 месяцев работаю, только самоучеба, только хардкор
>>552155Пруфы сэр
>>552137На днях получил свои первые деньги за проект, для меня это успех, учитываю то, что 3 месяца назад я даже не знал про верстку вордпрессы и прочую хуету.
Пацаны, поясните за cmder.
Помогите моему непутевому брату найти работу на 12к+ в месяц. вордпресс?мимо-руби-кун
>>552155>>552213Как удалось ворваться? Через фирму и собеседования или через интернет? Если в интернете, то через какой сайт ворвались?
>>552269Знакомый хороший прогер сказал что я зря выбрал фронт-энд и лучше бы учил руби. Типа, вот где настоящее бабло будет в ближайшие годы.
>>552283Да все погромисты такие - кококо мое говно лучше.
>>552285Так он не спец в руби, лол. Он оче хорошо Java и Python знает, с руби никогда не работал.
>>552283хз, я нашел себе заказчика 2 месяца, моя первая работа. первый месяц было 150-250$ в неделю(15$), сейчас 300.а в js парашу я соваться боюсь, не поспеешь за ХАЙП АНГУЛЯР РЕАКТ ХААЙП. ну нафик.
>>55229215$ в час, 2 месяца назад*
>>552292Фронтендер? Где нашел, на русской бирже?
>>552292Он просто ездил, пробивал почву в Одессе. Ему там предложили $2000/месяц. Ну и заодно в целом на рынок труда посмотрел. Говорит, для спецов в руби аналогичные предложения сразу +$500-1000, по сравнению с пайтоном, например.
Объясните нубу на пальцах что такое эти ангуляры/реакты, и зачем они нужны фронт-эндеру.
>>552308руби. создал тред в /r/rails на реддите, написало двое.
>>552312смотря какой у тебя уровень. еле-еле ебашишь на jQuery - рано. если же у тебя много лапшекода на jQuery - читай про React.
небольшой список ресурсов для поиска работыhttps://news.ycombinator.com/item?id=11405239https://www.reddit.com/r/forhirehttps://jobspotting.com/en/http://careers.stackoverflow.com/про русские биржы забудьте, это адок мудоебов с хуевой оплатой.
>>552315Да нет, я JS знаю на уровне "присвоить/убрать класс". Так, для себя хотел хоть примерно понять что это и зачем. Типа "бутстрап это набор заготовок для CSS, из которых можно целиком собрать стили страницы".
>>552314Четко. Сколько руби учил? Может есть сылки, которые считаешь полезными в обучении.
>>552314Англ. хорошо знаешь?
>>552320ну... точные даты не скажу, вебом заинтересовался в 2012, перебрал пхп, asp.net mvc, джанго, больше всего понравились рельсы. поигрался, забросил на полгода. потом учил по вечерам, писал себе бложик, иногда делая перерывы по месяцу... а вот серьезное изучение начал в июле 2015, тратил несколько часов каждый день пожалуй.на гитхабе один минималистичный бложик, лол (https://github.com/zernie/playground/blob/master/app/models/user.rb), зато не говнокодерский.самый полезный - http://railstutorial.ru/chapters/4_0/beginningну и доки на rusrails.ruиз примеров больших проектов, на которые стоит взглянуть: gitlabhq
>>552325можешь еще на ютубе смотреть railscasts и http://www.youtube.com/user/mackenziechildrailscasts чуть-чуть устарел, но качество кода выше.
>>552323Ежедневно читаю reddit, смотрю сериалы с сабами несколько лет. т.е, читаю статьи по рельсам на буржуйском. т.е. технический английский вообще без проблем, а вот в разговорной речи допускаю ошибки, потому что когда-то насрал на грамматику. попробую исправить с помощью лингвалео, когда время будет..
>>552317Как верстала по-английски называется?
>>552270Да уже много раз рассказывал свою историю, просто через hh. Прогрессия зп: 20к-35к-50к-75к, каждые 3 месяца просил повышение, главное не забрасывать развитие и дальше читать, упражняться и учится нового. По началу будет очень сложно, я первые пару месяцев убитый домой приходил, вообще не было желания что-то делать, сейчас полегче, даже начал свои проектики пилить.
>>552356verstala
>>552373spasibososi huy, shutnik ebaniy blyad'
>>552369мне 12 лет, за сколько я могу научится кодить на руби? хочу купить bmx
>>552369у тебя как, получается тратить на работу ровно 40 часов в неделю? я трачу сверх часов 6-7, ибо не успеваю
>>552378Ну я в офисе работаю, и в целом у нас спокойный очень проект, редко когда нужно что-то сделать прям срочно. Так что нет, ничего не перерабатываю, кроме 8 часов. Да и то я ведь не все 8 часов задрачиваю, тут перерывчик, там чайку попил, здесь твиттер почитал, потом в кикер поиграл, в итоге часов 5 выходит от силы. Но в дороге, или дома, постоянно задрачиваю литературу разную или пишу свои штуки, мне нравится кодить.
>>552381заебись. какой обьем работы получается за день выполнить?
>>552325Спасибо
>>552377См. фак
>>552311А в жаватырпрайзе еще больше. Разные техи, разные задачи, разная нагрузка.
>>552337упоролся, mackenziechild это крудопетушок, который с рельсами и руби ничего не имеет общего.
>>552431Я имел ввиду в рамках веба, конечно.
Как сделать чтобы при нажатии на дочерний элемент меню не нажимался родительский?
>>552444e.stopPropagation()
Пацаны, как мне сделать с less хуйню как на пике? Или это только sass без скобок и точки-запятой может?
>>552450Один вопрос: нахуя?
>>552445thanks
>>552445http://stackoverflow.com/questions/15531126/stoppropagation-preventing-childs-onclick-functionsздесь пишут что это багованный метод
>>552460сделал по другому, оказалось нужно всего лишь применить другой селектор (относящийся непосредственно к элементу)
>>552451Двачую, со скобками читаемость получше
Если здесь есть уже работающие/фрилансящие аноны, скажите, сколько времени вы потратили на то, чтобы освоить джс на уровне "не стыдно отсылать резюме"? Я имею в виду базовый джс, без этих ваших ангуларов и прочего. Особенно интересен опыт тех, кто вкатывался с нуля, без знания других ЯП.
>>552541Два года, но довольно лениво. С Реактом. Без фреймворков ты на рынке не особо нужен, только в качестве jQuery-макаки. Я вообще особо не изучал чистый JS, только базовый синтаксис. Потому что это унылое дрочево в консоли, а на фреймворках можно сразу делать работающие продукты.(да, я знаю, что Реакт не фреймворк, я имею в виду всю экосистему)130к, который не знает про связанные списки
>>552568Добавлю: вначале не изучал. Потом-то конечно додрочил и замыкания и прототипы и es6.
>>552568Посоветуй годноты по Реакту и с чего лучше начать
>>552460Никаких багов там нет, лол, ебанулся?.Другое дело, что код, в котором используется много стопПропагейшенов - это говнокод.
>>552541В фак лень посмотреть, расписано же все, по часам даже.
>>552541120к получаю, чистый жс почти не знаю вообще, ну т.е. там нюансы разные, прототипы, прочая хуйня, вообще не рублю в этом, пишу на ангуляре + жквери только, плюс утилити либы юзаю, типо лодаша. Освоил всё примерно за год.
https://2ch.hk/wrk/res/552601.htmlhttps://2ch.hk/wrk/res/552601.htmlhttps://2ch.hk/wrk/res/552601.htmlhttps://2ch.hk/wrk/res/552601.htmlПЕРЕКАТ
>>545685Atom