24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
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 и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Ребят, что почитать/посмотреть на русском/английском о нарезке PSD шаблона? Я чет как-то неуверенно чувствую себя после 35-минутного видео от Громова из интенсива 2015. Хочется поверстать, но вот фотошоп меня тормозит сейчас. На моей машинке стоит Photoshop CC если это важно, если нет - так и нет.
>>545842 Кстати, посоны, а авокод меньше жрет ресурсов, чем фотошоп? А то для моего старенького ноута тяжкая задача одновременно открыть 3-4 страницы в фш, открыть хром, саблайм. Работает на пределе. Вот думаю может если авокод чутка меньше жрет (хотя бы памяти) его юзать время от времени (да и разобраться в еще одном инструменте лишним не будет)
Кто-то может показать скрин организации файлов в проекте, выполненном согласно БЭМ?
Не совсем понимаю идеи разделения css-файлов поблочно. Т.е. ладно там header.css, footer.css. А что насчет всего остального? Насколько мелко надо дробить проект на блоки?
>>546005 Посмотри линкедин ее. Она уже работает в этой сфере давно, смысл ей сейчас портфолио обновлять? Вот если работку менять будет - может и обновит. И то, этот сайт портфолио - по сути работы в стол. Вместо ссылки на него она даст живые ссылки на действующие сайты.
>>546108 В самом конце продвинутого, я бы посоветовал кидаться в сборщики после того как научишься верстать более-менее и будешь вкатываться в препроц.
Ананасы, помогите с flex. Есть у меня блок, допустим main_head, который по умолчанию имеет размер окна пользователя. И в нем есть еще блоки которые должны выстраивается по центру.
Я задаю main_head display: flex; flex-direction:column; align-content:center; justify-content:center;
Но в main_haid у меня есть еще один блок который должен уже выстроится не по центру а в низу блока(внизу окна). Я ему как дочернему задал параметр align-self:flex-end, но он все равно выравнивается по центру с остальными. Что я делаю не правильно и как можно решить мой вопрос? Спасибо
В плане, что я смотрю на свои учебные папки, там по 4-5 папок в которых по паре файлов. Неужели потом тоже придеться выстраивать такие карусели как в папке блокс и связывать все это галпом
>>545685 Блять. Это было написано еще в 2012 году. Но почему оно не работает? Может проблема на моей стороне? Пробовал включать брекетс без плагинов. Не помогает.
>>546168 Если будешь пилить нормальный сайты+к ним самостоятельно писать джс - то сам к такой системе и придешь, с некоторыми изменениями. Что там сложного-то, все лесс/сасс файлы подключаются в одном файлике, который дальше комплиируется галпом. С джс посложнее чутка, но и там все довольно логично. На самом деле, это охуенно: захотел поправить футер - зашел в сасс-файлик футера, там 20-30 строчек кода, поправил/добавил/удолил, скомпилировал@профит.
>>546427 Это все понятно. Хуйня начинается, когда как в этом примере >>546110 начинается комбинирование собственных less файлов с файлами бутстрапа. Вместе с этим начинают смешиваться переменные, миксины, ссылаясь друг на друга. 2 файла grid.less, 2 файла Layout.less, то же самое с миксинами и переменными и еще хуй знает чем.
>>546457 Это проблемы потомственных бутстрапщиков, в нормальной верстке такого не будет. Олсо, я верстал говносайт корпоративный на сетке бутстрапа (ну и само собой бэм, сасс, галп), и у меня ничего не намешивалось. Все, что конфликтует, можно переопределить. Да и вообще надо компоненты выбирать те, что используются, а не тащить полную библиотеку костылей.
>>546457 Да просто бутстрап надо было по нормальному подключать. Громов, кстати, рассказывал про это. Да и на пинке вообще как бы не следовало по их требованиям юзать бутстрап и плагины на jq - а она заюзала.
А что уважаемые господа думают о http://getskeleton.com/ ? По-моему это отличный минималистичный вариант, когда кроме сетки и самых сновных элементов ничего и не надо. После него бустрап выглядит переутяжеленной хуетой.
>>546583 Используй, если считаешь нужным. В бутстрапе можно только сетку подключить и еще мне в бутстрапе нравится, что сетку можно через препроцессор делать, а не в хтмл классы писать.
Привет, друзья. Решил вкатиться в верстку, как считаете, что лучше сначала пройти все бесплатные курсы в браузере HTMLacademy или сразу перейти к архивам интенсивов?
Нужен совет. Крч, в 6 вебинаре (там где прайс-лист верстают), чувак прикручивал эту полосу в хедере к ссылкам на активной странице. И что бы убрать ссылку с активной страницы, он вместо <a> изменил на <span>, сломав тем самым блок и ему пришлось дублировать параметры. А что если не ставить спан, а просто убрать у тега <a> атрибут href? Я так сделал и никаких проблем не вижу. Это плохая практика? Не валидно?
>>546663 Да я ж не копался в ее коде. прочитал >начинается комбинирование собственных less файлов с файлами бутстрапа подумал что совсем атас Сейчас глянул - подключала она то может и норм. Но по-хорошему надо было внутри vendors сделать отдельно папку для компонентнов бутстрапа (с указанием версии) и отдельно для слайдера своего. А то все в кучу. Ну и как бы пинк не предполагал подключение бустрапа и других сторонних решений (повторяюсь уже походу)
>>546718 Я просто к чему это все дело вкинул в тред. На моем счету всего 2 сверстанных статичных макета, у которых был некий набор html файлов и 2 css файла (нормалайз и мой). А сейчас я столкнулся с этими практиками препроцессоров, БЭМ, разделения файлов по блокам, сборки, частичного использования фреймворков и охуел. Не знаю на что ориентироваться, верстка этой девушки - единственный пример перед глазами, который я даже не особо понимаю. Уже начинаю думать, что я рановато решил подключать сразу несколько практик/технологий, и что надо было это делать более постепенно, что ли.
Просто есть мысль сделать сайт-портфолио, используя Less, БЭМ и Bootstrap, скажем так, для демонстрации своих умений. Но вот с комбинированием всех этих ништяков у меня проблема.
>>546733 Ну ты продвинутый внимательно посмотри. Там рассказывают как лучше структуру сделать. Да и вообще говоря тут как таковых правил нет жестких. Просто пытайся делать как можно более понятнее, чтобы все по полочкам. Ну лично мое мнение, да и недавно в твиттере обсуждалось - лезть в фреймворки до того как еще толком не научился верстать - плохая идея. Надо все постепенно.
>>546873 Например сайт - портфолио, типа как у этой >>545966 дамы. Раздел с перечнем выполненных ею сайтов - <section> (в ее случае скорее даже просто <main>, т.к. других разделов у нее нет). А вот блок каждой из работ - <article>. Так понятнее?
Для меня самое не понятное в адаптиве это не стилевые свойства, а структура хтмл. Нигде об этом ни слова, а ведь там может черт ногу сломить. Например на мобиле блок сверху, а на десктопе он уже под двумя снизу и как его туда поместить догадайся. Все никак не могу с этим разобраться
>>546611 Поддерживаю его >>546708 Если абсолютный нубас, определенно лучше начать с курсов, благо они проходятся очень быстро, а общие моменты раскрывают.
Зааплаился на оплачиваемую стажировку Frontend джуна, 600 долларов в месяц, ну, я выслал своё CV и получил тестовое задание. Дальше я охуел, в нём было сказано сделать сайт, который бы принимал .csv файл, записывал его в базу данных, на его основании рисовал графики и таблицы, к слову это было что-то вроде "инвестиционного фонда", чтобы потом можно было сравнивать отдельные промежутки времени по графикам и узнавать, сколько бы ты получил прибыли, например, с 21.02.2000 по 01.12.2006. Заебись, сижу, делаю, распарсил файл, не могу в бд залить, завтра дэдлайн, дали на всё это 4 неполных дня. Если сделаю, то буду въёбывать за копейки (судя по тестовым), если не сделаю, то я совсем дебил. Живу в ЕС, в моей стране средняя 1100 долларов, так что это охуеть какие копейки.
В общем, знает кто хорошие гайды по подключению ДБ к nodejs->express серверу? Я документацию уже не могу видеть, везде что-то уровня app.get('urPath', function(req, res, next) { // YOUR CODE HERE СУКА БЛЯДЬ КАКОЙ КОДЖ Я ДБ ХОЧУ ПОДКЛЮЧИТЬ БЛЯТЬ А НЕ ЗАПРОСЫ ОТЛАВЛИВАТЬ });
Как сделать на сайте рабочую форму обратной связи, которая бы пересылала набранное сообщение мыло?
2 инпута (Имя, имейл отправителя), 1 текстэриа с текстом письма, 1 кнопка сабмита, по которой письмо бы отправилось с адреса, указанного в инпуте имейла на некий скрытый в скриптах имейл.
>>545572 (OP) Смотрю базовый интенсив HTML Academy, пытаюсь верстать макет Nerds. Не могу понять, как вставить на карту кастомный маркер. В вебинарах говорят, что этой теме будет посвящен некий отдельный скринкаст, но где его взять - непонятно. В той раздаче, которую я скачал, есть только сами лекции и макеты.
>>547428 Шапку читать умеешь? думаю вряд ли Открываешь дополнительные материалы к интенсивам. Открываешь раздел js - там есть видео про вставку карты. В нем рассказано про кастомную картинку
>>546110 лично я делал так: одна папка для блока, в ней файл block.jade/block.html + block.styl/block.less. и такие папки для каждого блока. потом просто инклудами собираешь нужные блоки. причем инклуд прописываешь именно к папке, дальше через ноду прописываешь как ориентироваться в папках
>>547376 находил где-то такую хуету как бесплатный облачный сервер. думаю, можно к нему прихуячить макеты из github, чтобы он их забирал и работал с ними. друг сделал так, только вместо гитхаба использовал свой сервак, откуда страницы забираются сервисом, а БД подключается вообще в другом месте тоже через облачную хуету. думаю, с гитхабом можно сделать также, но могут возникнуть проблемы.
Единственная проблема в том, что сервак может работать только 18 часов в сутки что ли, потом выключается.
>>547531 Это не форум. Это просто одна статичная страница, которая ведет на скачку какого-то вируса. Все сообщения, которые ты видишь - просто статика, в которой меняется только пара слов: те слова, которые ты ввел в поисковик. Ты можешь ввести фразу "Залупа кентавра" и перейти на эту хуйню, и вместо фразы "brackets редактор" будет фраза "Залупа кентавра". и все будут ее хвалить. такая хуйня была актуальна несколько лет назад, сейчас ее уже редко где встретишь.
>>547552 Ты, кажется тупой. Я скинул ссылку на эту страницу в качестве рофла. Ибо всё что ты сейчас написал - так оно и есть и я также считаю. Вот я и спрашиваю, как в 2015-2016 году такое возможно... Значит по делу (brackets css class code hint) тебе нечего написать?
Фронтендеры, пытаюсь тут скрестить реакт и вебпак. Уже вроде как лепит файлы вместе, с подключениями разобрался, но теперь сам реакт выдает пикрелейтед. Гугл ничего внятного не выдает.
>>547609 Тебе все в консоли написали. Ты либо возвращаешь объект из функции render либо пытаешь скормить объект ReactDOM.Render. Вебпак тут не при делах.
>>545572 (OP) С кастомным маркером из макета Nerds все получилось, но теперь возникла другая проблема - двойной бегунок для задания диапазона цен. В дополнительных материалах HTML Academy ничего по теме найти не удалось.
>>547569 >Вчера наткнулся на вот этот сайт, когда искал решение проблемы. http://alperkarayama.com/zametki/brackets-redaktor.htm >Может мне кто-нибудь объяснить, чем занимаются там эти дегенераты? >скинул ссылку на эту страницу в качестве рофла >в качестве рофла Ох уж эти маняоправдания.
Я наверное совсем тупой, но где взять normalize.css для SASS? Просто одним файлом, потому что единственное, что Google может выдать, по запросу normalize.scss это ссылки на Github аккаунты, где куча разных файлов и библиотек.
>>547698 Так скачай css и переименуй в .scss, в чем проблема? Там обратная совместимость. Я, например, вендорные css-стили галпом собирал в vendors.scss
Господа фронтендерыхуевы, что скажете насчет курсов от udacity. Конкретно для фронтендеров присмотрел: Offline Web Applications Object-Oriented JavaScript JavaScript Promises Browser Rendering Optimization JavaScript Design Patterns Front End Frameworks Анон что-нибудь из этого пробовал? По опыту курсеры знаю что курсы на таких сайтах надо брать сразу по хардкору и гуглить, если какие-то базовые вещи не объяснялись, потому что все что с приставкой beginners осилит любой пятикласник и тупо проеб времени на видеолекциях поэтому выбирал intermidiete и advanced в общем хотелось бы отзыва от анонов. В свое время проебал много времени на курсере в таких вещах как javascrips css хуесс бэйзикск, где толком не объяснялись темы, которые на хтмл академии сразу палят на первых лекциях
>>547858 Да хуй знает если честно. Я вот щас почитываю книгу You dont know JS про замыкания, практически закончил, и понимаю, что нового то особо и не узналкроме деталей, и понимания как работает babel. Что Кантор который кстати охуеть как понятно пояснил про скоупы, и поэтапный компил, что Kyle Simpson, что чуваки из JS Garden или какие-то крутые хабристы, суть поясняют одни и те же догмы. Ну может там какие-то крутые практические примеры и кейсы для узания замыканий приводят. Вот это было бы поинтереснее.
>>547863 скоро фронтендеры гасить друг друга начнут втихую. как в одном фильме, где чувак хотел устроиться на работу, а чтобы было легче, вычислял и мочил конкурентов.
>>547870 Читал Кантора про фабрики-функции, ститические методы , методы call, bind - вообще нихуя не понял. Начал читать у Фленагана, как будто понятней сейчас, правда примеров с гулькин нос. Пасоны, вапрос такой, вот где взять задачи по javascript? Вот с верскрой понятно - взял макет и ебашишь, задачи по JS где брать? Сортировка массивов уже в печенках сидит, есть макеты с дополнительнми задачами по js что бы как в реальном проекте?
>>547870 Замыкания сильно облегчают работу с асинхронным кодом.
Например, есть код:
function foo() { const bar = 'bar'; // ... setTimeout(() => alert(bar), 1000); // ... }
foo()
Если бы замыканий не было, то к моменту выполнения setTimeout переменная bar была бы проебана. Замыкание позволяет держать ее в памяти даже после того как функция foo завершила свою работу. Кроме того, если за время отработки асинхронного события с переменной что-то случилось, то в коллбэк придет уже новое значение. УДОБСТВО.
>>548053 Это сильно разные вещи. Я лично ненавижу громоздкие иде, поэтому использую только редакторы, атом для тайпскрипта, саблайм как второстепенный редактор.
>>548053 Как поможет иде, если не занешь теории? Я с жавы вкатываюсь и не привык писать в блокноте var a = b когда могу написать человеческие названия за столько же тайпов. Вот и спрашиваю об атоме от бывалых т.к. webstorm это моя привычная java InteliJ idea web edition, возможно не лучший выбор.
>>548123 Как я могу объяснить е,сли я нихуя не понял? Вот это вообще темный лес http://learn.javascript.ru/object-methods. Задание с важностью 3 , это пиздец. Функция - это обьект, метод - функция обьекта, но если вызвали без конструктора, то this не получил обьекта и тут смотри собачка непонятная хуйня происходит, объект без объекта. Я ж говорю у меня уже истеричский смешок когда я эту страницу читаю, 3 раз уже.
>>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 Как будто понял, сегодня. Но завтра могу опять запаниковать что не понимаю...
А я вот понимаю теорию, но не могу решить задачку уровня "напишите проверку строки на палиндромы". Банально не могу составить алгоритм а-ля "разбиваем на массив, проверяем, джойним, хуй пизда". Потом смотрю решение и думаю: "блядь, это же элементарно". Грустно становится.
>>548119 Это нормально. В свое время тоже там запоролся. Серьезные тормоза были когда пытался разобраться. Так случается потому что ты пока не знаешь, нахуя оно надо. Дойдешь в свое развитии до ОО JS, напишешь парочку своих компонентов, и поймешь что ничего страшного там нет.
Идея то простая: сделать разные аспекты стилей максимально независимыми друг от друга, для легкого поиска и редактирования.
Первая сложность начинается, когдда ты хочешь сделать это по БЭМ, и начинаешь думать, а что у тебя блоки, что элементы, а где их модификаторы, как это все обозвать и как разбить.
Вторая сложность начинается, если ты при этом захочешь заюзать какой-нибудь фреймворк типа Бутстрапа. Тут-то и начинается лютый зоопарк из файлов и их зависимостей, импортов и т.д. Я пробовал разобраться в файловой системе пинка той бабы, но забил хуй. Решил, что буду двигаться по пути "прогрэссив энхансмент", епта, только в собственном развитии. Сначала препроцессоры, потом БЭМ, потом разбивка на разные файлы, а потом уже буду курить как это все дружить с Бутстрапом, например. Все это вместе у меня охватить в голове не получилось, капитулирую.
Аноны, а как разместить эти блоки? Инлайн-блоками не получится =( В голову приходит только разбить на 3 группы в столбцы, но хотелось бы чтоб при сужении они перепрыгивали на новую строку как в инлайн блоке. Или давай так анон. Как бы сделал ты?
>>548287 Кстати, вопрос к флексодрочерам: как бы ВЫ это сделали на флексах? А то у меня какое-то кривое решение в голове вертится. другой анон, если что
>>548482 Да. Типографику удобней выносить в отдельный файл, потому что элементы на сайтах много где повторяются (например меню навигации и т.д.) а тип и размер шрифта обычно разный. Что бы потом не менять шрифт в каждом блоке нужно делать типографику отдельным файлом.
Фронтаны проблема с трудоустройством. Зарабатываю на фрилансе, но уже достало, хочу в офис со всеми вытекающими. Разместил резюме, пригласили на собеседование , дали тестовое. Тестовое делать от 3 до 5 раб дней. Рабочий вариант 3 страниц сайта. Сверстал без детализации, выслал на проверку. Посмотрели, сказали что деталей нет, адаптивности нет и прочие мелкие косяки. Вопрос. Стоит ли их допинывать и на что давить, или отбросить эту контору как кидло на тестовое задание(уже ни раз натыкался в городе на подобное)?
>>548607 Откидывай конечно. Эти сраные капиталисты хотят использовать твою работу и поднять миллиарды долларов. А тк нет "деталей и адаптивности", они смогли на тебе заработать только миллионы долларов.
>>548695 На ру биржах фриланса. Все бы ничего но за последний год-полтора стоимость работы за час сократилась раза в полтора, два. При снижении кол-во открытых проектов.
Если в базовом наставничество нахуй не нужно было, в продвинутом без него никак. Только наставник может проверить твой БЭМ и сказать насколько правильно ты его понял. То же касается приколов с свг-графикой. Ну и нигде не объяснили как сделать в Пинке слайдер-таблицу, хотя в базовом были скринкасты с версткой сложных элеменов.
>>548808 Потому и говорят, что надо идти на продвинутый спустя месяц после базового, чтобы наебашить разных макетов и элементов и набить руку (ибо никто с вашей версткой церимониться не будет). А потом только дополнять свой "воркфлоу" всякими фишечками и методологиями
>>548828 Я доверстал Барбершоп, сверстал Nёrds. Думал, хватит для продвинутого. Да и не знаю, какой смысл верстать кучу статики без методологии, перед тем как начать учиться верстать по-взрослому (с БЭМом, препроцессорами, сборщиками, адаптивностью, ретиной и свг)? Даже двадцать сверстанных статичных макета не подготовят к материалу из продвинутого интенсива.
>>548835 Потому то это та же самая верстка, просто "приправлена" сверху. Принцип то в основе своей тот же.
Ты называл селекторы свои в базовом просто так сказать с пространством имен. Теперь тебе рассказали как можно уйти от каскада делая АНБ. И ты стал называть селекторы по БЭМ Раньше писал css, дублируя каждый раз части в названии селектора а теперь ты можешь использовать вложенность, можешь использовать миксины, переменные. Но на выходе то все-равно будет тот самый css который ты учился писать. Раньше ты минифицировал файлы, делал спрайты, оптимизировал графику и возможно рефрешил страницу ручками (если не юзал препрос) а теперь ты разобрался с консолькой, написал конфиг для гранта/галпа и за тебя это делает компутер раньше ты сохранял изображения в одном размере, а теперь ты стал делать х2, х3, юзать тег picture и атрибут srcset Раньше ты юзал только иконочные шрифты, а теперь ты можешь не только их юзать на и подключать к стрице свг графику. Раньше ты верстал фиксированную сетку, а теперь ты "отпускаешь" размеры/задаешь их в процентах и начинаешь с мобильной версии, ставя брейкпоинты медиазапросами и скрывая/показывая/перестраивая элементы для разных ширин.
Ты просто каждый раз делаешь надстройки над базой. Это не какая-то новая неизвестная отрасль. Если ты не знал как можно сверстать какую-то штуку в фиксе то ничего вышеперечисленное не поможет тебе сделать ее в адаптиве.
>>548835 >>548885 Не обязательно применять всё сразу и думать, что же делать с зоопарком новых технологий. Можешь сверстать макет используя препроцессор, потом, привыкнув к нему, в следующем макете добавить БЭМ, потом попробовать сверстать адаптив и так далее
>>548885 >раньше ты сохранял изображения в одном размере, а теперь ты стал делать х2, х3, юзать тег picture и атрибут srcset Можно подробней об этом? Что за технологии?
Допустим, есть проект со стилями, разбитыми на кучу less-файлов. И есть главный less-файл с @import-ами всех этих дочерних файлов.
Тот же Prepros сможет его адекватно скомпилировать в CSS? Т.е. он распознает @import-ы, обратится к содержимому дочерних файлов, и соберет единый CSS? Или для этого нужны уже Grunt/Gulp? Потому что у меня почему-то нихера с этим не вышло.
>>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/ работает. Попробуй файли посохранять, импорты понастраивать, кароче все должно работать, ты где-то проебался братюнь.
>>549009 Ладно, вроде понял, что в случае с бутстрапом, надо импортировать корневой файл, а уже в нем выбирать те файлы фреймворка, которые понадобятся.
>>549020 Зашел. Прикольно, оно интерфейс поменяли. Все курсы вроде как были - так и остались (у меня все пройдено, ибо те которые по подписке проходил под новый год по акции) Звездочкой помечены подписочные. Добавили еще верстку как я понял магазинчика кекса. Но она тоже по подписке (вот это уже не пройдено)
>>549025 Бля я в новый год специально дрочил курсы на новогодней гонке, чтобы открыли подписочные за бесплатно. Решил оставить на потом, а сча захожу и там все забрали уже, пидоры.
>>549106 как вариант да перед тем как что-то юзать прочитай доки хотя бы у Яндекса. и послушай лекцию Громова (2 урок продвинутого) и прочитай статьи того же громова и "Головокружительное погружение в БЭМ" там все отлично объяснено
>>549496 Можно сделать и так, тогда у тебя будет правда блок внутри блока, я предпочитаю так не делать для семантически связанных элементов, обычно использую контейнер. Тем более эти ссылки могут быть и без него, не думаю, что ни как-то от него зависят.
Поясните мне, нахуя нужен бутсрап? Где вы его используете? Почему в вакансиях часто пишут требование, знание этого говна? Я правильно понял, что вот это говно, как целая библиотека, берется для весртки проекта, а потом еще хуярится каскад, чтобы перебить это говно? Это нормально типа? Это все не делает загрузку сайта долгой и ебанутый код из разной хуйни?
>>549514 Сверстал один проект, чтобы понять, что эта за хуйня и забил хуй. > нахуя > Почему Потому что на бутстрапе можно быстро накидать говносайт, который будет работать в ие8+.
>>549514 Вообще его компоненты можно отдельно испольщовать, но с другой стороны даже для навигационной менюшки надо включить джве бутстраповские библиотечки и целую джквери, что как бы не очень. Я так понимаю его юзают не особо требовательные по части объема сайта конторы. Типа, современные скорости инета позволяют, вот и хорошо.
>>549517 Не знаю, надо спрашивать тех, кто работал/работает, я такой же кукаретик, как и ты. Но когда я верстал свой бутстраповский проектик, мне показалось довольно забавным: набросал дивов с бутстраповскими классами и у тебя все уже адаптивное и резиновое, знай себе декорируй, хуяк-хуяк и в продакшн.
>>549522 Никто же тебя не заставляет клепать лендинги на бутстрапе 24/7. Осваивай фулл стек технологий, флексы-хуексы, джс, ангуляры и прочее дерьмо. Сам сейчас охуеваю с джаваскрипта, блядь, я же никогда не запомню эти сотни тысяч методов и нюансов, когда и как их применять, уж молчу про контексты, прототипное наследование и прочие прелести.
>>549544 говно какое-то, ни одной анимации, нет работы с js и jquery вообще. Фишки лендингов в том, что в них много анимации и красивых фишек, которые компенсируют отсутствие бекенда.
>>549759 Они привыкли к другим языкам программирования и, видя что в каком-то из языков не так, как они привыкли, вместо того чтобы разобраться, начинает бугуртить
>>549872 Я хорошо знаю английский, но идею, вернее ее фишку, толком не понял. Похоже на изменение крайних положений в анимации, когда браузер как бы уже знает координаты заранее, поэтому делает меньше рассчетов. Это либо настолько просто, что не можешь в это поверить, либо слишком сложно.
Вопрос по БЭМу. Громов говорит, для блоков и элементов не может быть общих классов. Но это же охуеть сколько кода получится. Т.е. если мы юзаем Less/SCSS, миксины не допускаются? Ну а хули - чем не общие стили то? Я что-то все никак не могу вкурить этот БЭМ. Смотрю видео - вроде все понятно. Начинаю верстать - сразу куча вопросов и непоняток.
>>549991 Туда же. Допустим, есть некие блоки, которые практически одинаковые, в них меняется только содержание. Мне каждому блоку отдельно стили прописывать?
>>549991 >>549992 Необязательно делать все как говорит Громов, особенно если тебе неудобно. Просто продумай четкую структуру проекта. Я, например, если вижу какуе-то универсальные блоки, форму для отправки поста там, или всплывающие окошки, или подсказки, которые есть много где но они суть одинаковые, пилю под них одну разметку и базовые стили, и потом ее реиспользую несколько раз в виде вложенных блоков. Если блоки отличаются по поведению, но только отчасти, тогда добавляю в название блока модификатор состояния, типа .panel .panel--add-post. Где каскадом прописываю отличия.
>>550007 Другими словами ты взял на вооружение частично модель именования классов, и разбития на блоки (но, опять же, частично).
Чем глубже копаю про БЭМ, тем больше понимаю, что юзают его каждый по своему, понимание тоже у всех отличается, и при этом по-настоящему его используют только в Яндексе со всем их стеком технологий и библиотек, которые обычному мелкому фронт-эндщику нахуй не сдались.
>>550045 Как свободное время будет запилю гайд полноценный по вордпрессу, а не те ебаные обрезки, по которым я учился. Ну еще мне друг подсказывал, а остальное я гуглил.
>>545572 (OP) Привет, анончики. Первым-устроился-в-дс-кун на связи, давненько к вам не заглядывал. Зарплатка подросла, 120к на руки, недавно обосрался на собесе в Яндекс, сказали мой уровень "не очень высок". Такие дела. Еще жду ответа от одного пиндосского стартапа, но там надежды тоже мало. Такие дела, жизнь - боль.
>>550009 Да, почти так. Я использую то что мне нравится использовать, и то с чем удобно работать, а с чем неудобно - модернизирую. Хардкорный бем исключительно по заветам Яндекса это, конечно, очень весело и продвинуто, но он несет свою долю мозгоебли. Она воспринимается как малое зло в крупных проектах, где работает целая тима профи, но очень уж напрягает на маленьких, по крайней мере меня.
>>550142 Даже не знаю что тебе ответить. Я вдохновляюсь крутыми чуваками из мира open source >>550143 >Просто иди нахуй, успешноблядок. Я уже тут, тащемта >Ну или делись опытом, а не вызывай баттхерт понапрасну. Кулстори пилить не буду, заебался уже в сотый раз это делать, но если задашь свои ответы, отвечу
>>550150 В каком возрасте начал?За какое время научился определенной технологии(верстка\джс\фреймворки\бэкенд мб)?Почему выбрал это занятие?Какая первая работа была? Фрилансил? Если да, то где брал заказы, и подскажи как лучше договариваться с заказчиками. Хуи сосешь?Бочку делаешь?
>>550163 Да, это я >>550156 >В каком возрасте начал? 23 >За какое время научился определенной технологии(верстка\джс\фреймворки\бэкенд мб)? Я бы не сказал что я чему-то научился. Большинство технологий можно начать применять после какого-нибудь базового туториала. До первой работы обучался с перерывами полгода, потратил все имевшиеся на тот момент деньги на курсы, сейчас смешно вспоминать. >Почему выбрал это занятие? Когда в маге учился, поработал год по спецухе на заводе, охуел от безысходности и начал искать варианты, пару раз обосрался, потом мне на глаза попался вебчик, вспомнил что любил быдлокодить еще в старших классах школы, потом в универе делал лабы одногруппничками, те где надо былокодить, попробовал и понеслось. Фронт а не бэк выбрал просто потому что тогда пошло легче, но сейчас не жалею. >Фрилансил? Если да, то где брал заказы, и подскажи как лучше договариваться с заказчиками. нет, не фрилансил никогда >Хуи сосешь?Бочку делаешь? Нет >А еще забыл, вышка есть? Да >На работе спрашивают? Не, ни разу не спрашивали >>550164 > поздравьте меня, у меня з/п 120к!" с чего бы мне так говорить?
>>550212 Там в подписке хуйня в принципе, если 300 рублей не жалко, купи. Ну или держи теорию https://yadi.sk/d/Ka-aU3poqa8bM А так да, смотри сейчас базовый интенсив.
>>550237 Можно скриптоверстку, можно жавабек. Да хоть сайт целиком! Какая разница?! Неужели процесс генерации идей нельзя абстрагировать от конкретного инструмента?
>>549514 >потом еще хуярится каскад, чтобы перебить это говно? нет >Это нормально типа? нет >Это все не делает загрузку сайта долгой и ебанутый код из разной хуйни? нет >Кто за это деньги платит? работодатели/заказчики
Ты не понял суть бутстрапа, а вообще все юзают его sass/less версии и их можно кастомизировать как угодно
>>550254 Чем тебе макеты из рассылки академии не нравятся?
Просто попробуй совместить в одном проекте все самые востребованные технологии. БЭМ, препроцессоры, часть какого-нибудь фреймворка (фандэйшн, бутстрап), оживи все это дело джиэсом, сделай годную адаптивность для мобил/планшетов/десктопов, поддержку нескольких видов ретины.
Наверное платина и я буду послан на хуй в шапку, но задам. Без опыта программирования с чего начинать? В итоге хочу стать фронтендером. Начинать с вертски или JS? Хватит ли 3-4ёх часов в день?
>>550589 Ну тут согласен кстати, я обычно раньше только с работы туда заходил (работа не IT), а теперь и до/после работы зависаю. Затягивает эта хуйня из сраки очка.
>>550056 Найс пиздабол. Во-первых, больше 120к в яндексе только топ спецы получают, а ты вряд ли бы пошёл на понижение со 120к. Во-вторых Яндекс это в целом параша, туда можно идти только для набора опыта джуном, всё. Если ты получаешь 120к, то ты явно не джун, и должен знать об этом говне. Сорри, ты обосрался. 2 года был в яндексе
>>550698 Что именно ты хочешь узнать? Условия самые разные могут быть, в среднем у тебя будет стол, стул, комп и 2 моника + переферия в опенспейсообразном помещении, гибкий, но не свободный график работы, печеньки и чай на кухне, оплачиваемый обед и, если в компании 100+человек, то почти каждый день кто-то проставляется пиццой на днюху. Также будет кикер или подобная хуйня, массажное кресло, или какая-то зона отдыха. Везде, где работал, было так или типо того (ничем не примечательные средние компании). Что ещё интересно?
>>550706 Какие именно вещи? Всем похуй, у нас в офисе штук 20 таких задротов разных возрастов (из примерно 150), никто на них просто внимания не обращает и всё. Делают свою работу и ок. Бесит только, что от них воняет иногда (не от всех, но всё же), и выглядят они как говно неопрятное.
>>545572 (OP) Анонии,хуй знает к вам или нет. Есть бложик с видосами ~ 3000 просмотров в сутки,какую рекламу можно на него прикрутить желательно без говяжих анусов.Adsense не катит контент пизженный, да и коперасты уже нападали.С меня как всегда
>>550766 Манька, ну кого ты обманываешь, лол? Давай, поделись, на какую должность шёл, в каком городе? Вангую, что это одна из двух, разраб ui или разраб ui для тестов (только туда берут людей с улицы), в обеих должностях нужно быть дегенератом, чтобы тебе сказали, что твоих навыков не хватает. Там вообще блять кроме чистого жса и жквери ничего знать не нужно (ну окей ещё уметь в юнит тестирование, это тоже за 5 минут учится любым дауном). Платят там не больше 80к, каким образом тебе даже вилку не сказали - я хз, это обычно прямо по телефону сообщают. Книги, которые ты посоветовал, это полное говнище, на которое даже 5 минут потратить будет жалко, особенно нубу. Что и в общем-то показывает твой уровень, который говорит о том, что никаких 120к ты не получаешь. Съебался нахуй теперь отсюда.
>>550786 Чувак, историю ты можешь пруфануть, это не проблема, проблема в том, что любой чел с зп 120к мог бы устроится в яндекс на изи, т.к. там не нужны никакие специальные знания вообще на те должности, на которые ты типо претендовал. Алсо, вилку зп говорят не предварительном собеседовании, и ты бы сразу слился, если бы у тебя было 120к, мань.
Анончики выручайте. Я даже не заню что хочу, но всё таки спрошу. Так вышло что я нищеброд и у меня сегодня выключат интернет. Какие книги, видео и прочее можно скачать чтобы заниматься оффлайн. Может у кого то был опыт.
>>550791 Не знаю чего тебя моя история так задела, лол. Хорошо что я туда не попал, раз там такие едких едких петушков берут. Алсо, у меня было одно собеседование, техническое, по скайпу.
>>550056 Что спрашивали на собеседосе? Тоже недавно на джуна к ним пытался, в деньги, тоже не взяли по той же причине. Правда у меня 3 собеседования было.
>>550822 Нет, здесь только рабы, ковыряющие чужое говно на денежку >>550826 Спрашивали какие инструменты юзал, про опыт и потом небольшой тестик решил онлайн.
>>550866 Да просто пара десятков хитровыебанных вопросов на тонкости чистого js, и пару функций написать, типа переворота строкисначала хотел написать рекурсивно, лол, потом написал самый просто вариант
Не нюхал jquery ни разу. Я так понимаю это библиотечка, которую подключаешь, потом скачиваешь плагин для неё (например карусель) и по документации прикручиваешь (вбиваешь классы/ид) в код. Так?
>>550868 Реально? Блин, да это же супер халява, что-то у меня тоже подозрение, что ты пиздишь, мои задания были намного более жесткие, на связные списки несколько, погоняли по разным алгоритмам сортировки, поиск маршрута по графу, по ноде попросили написать асинхронную тулзу с синхронным выполнением команд. И это всё на джуна. Что за бред, попросили развернуть строку? Это полная хуйня, либо кто-то за этого чела отвечает теперь, либо он пиздит нереально.
>>550871 Ну, я же говорю, я собеседовался по скайпу, может если бы меня позвали лично на собес после этого, тоже было бы что-то подобное. Можете верить, можете нет, зачем мне пиздеть, я не знаю.
>>550911 Нихуя не норм. ЗП у такого джуна должна быть покруче мидловской. Да и компания небось очень себе на уме. В большинстве случаев предлагают решить что-то простенькое, а не ебут голову всякими алгоритмами новичку. А джун таки новичок, пусть и что-то умеющий. Хотят поиск путей, алгоритмы и прочую хуйню такого уровня - пусть дают соответствующий оффер с соответствующими условиями. А то сталкивался я с компанией в которой тестовое на джуна предполагало создание полноценной игры, требования у них были ебать его в сраку, а платили как желторотому верстале с навыками уровня прикрутить модалку на джиквери. Долбоебы просто пытались урвать себе подешевке умного дева, убедив его что он не такой уж умный. Надеюсь эти пидоры разорились.
>>550946 Так я и сказал >не формошлеп, а software engineer А ты описал формошлепство Пример с созданием тут ни к месту, и в этом случае я с тобой согласен.
Аноны, доделал свой первый макет нердс практически полностью, осталось фильтр цены только оживить. Подскажите пожалуйста в сторону каких событий копать, в интенсиве только про разметку говорили по этому фильтру.
>>551128 Анон,не стоит вскрывать эту тему, тут джс нужен. Оставь пока. Потом доделаешь для начала изучи верстку и все инструменты, которые к ней относятся.
Анчоусы, где валяется файл с тем, что эммет выводит? например, я ввожу img и жму таб - выводится вот это <img src="" alt=""> , а нужно чтоб еще выводились атрибуты ширины и высоты помимо alt.
>>551148 Чет странное решение какое-то. Я думал там надо при нажатии мышки отслеживать ее движения и в соответствии с ними менять лефт/райт у кнопочек и ширину заполнителя, а когда кнопку отпустить перестать.
Таакс, Антошки. А как можно укарачивать линию заполнителя с левой стороны? Если с правой ее размер с помощью width меняется. >>551200 >>551157 >>551150 >>551128-кун
о, тоже нужен слайдер этот. он меня омрачил, спасибо, буду разбираться. вообще, как-то непонятно, это ж задание после 2 урока, сделать до 4. Макет самый легкий. Во 2 видео идет обсуждение далекое от таких вот переключателей. И не очень понятно как фильтры размечать, а так же лоты в магазине. Разметил как вижу, но мне кажется, что в реальном проекте я наделал бы кучу костылей заднеконцовому.
>>551440 Я вот почти полностью сделал этот слайдер. Кроме левого регулятора. Там все очень сложно и во всем базовом интенсиве, включая урок по js, далеко от этого слайдера.
>>551472 ну, тут даже разметку с первого раза не сделаешь сто процентно правильной. Уже когда оформлять стилями буду, тогда придется и разметку править. Ладно, спасибо
А есть треды/пасты про ui/ux? Занимался этим в 2010 на fl.ru, потом забросил, сейчас мозг высох так что ничего не могу придумать (раньше сидел на уроках и рисовал на листке макеты приложений). Есть ли шанс вкатиться туда?
Я хуею. Думаю уже два дня о том, подключать или нет систему сеток бутстрапа/скелетона/фандэйшн, и писать ли мне дизайн элементов самому, или подключить часть MDL (или спиздить из него стили нужных элементов). Смотрю видео на ютубе - людям похуй. Подключают весь бутстрап, весь MDL, подключают JQuery и им норм. Может, я зря дрочу на оптимизацию и вес сайта? Такое ощущение, что всем вообще насрать сколько он в итоге будет весить - подключают к нему любую хуйню, даже не по частям, а полностью.
>>551538 Хуйней ты страдаешь. Одна ебанная картинка на мегабайт перебьёт все твои никому не нужные микроптимизации, а если ты ещё гзипуешь всё, то тебе вообще должно быть похер. >>551281 Не очень понятный вопрос. CDN это просто сервер в инете, где лежит нужный файл. Что угодно оттуда будет подхватываться, надо только найти нужный сервер.
>>551538 >Такое ощущение, что всем вообще насрать сколько он в итоге будет весить - подключают к нему любую хуйню, даже не по частям, а полностью. This. По крайней мере, видео для ютуба (нерусскоязычного) снимают дизигнеры, которые и в дримвивере лепили бы свои лендинги, если бы он удовлетворял их требованиям. Но если хочешь в один прекрасный день выкатиться из верстки говнолендингов за доширак на приличную зарплату — оптимизируй.
>>550871 Не так давно собеседовался, примерно в полтора десятка мест ходил, никто мне связными списками мозг не ебал, я вообще не знаю что это такое и нахуй нужно.
Зачем вообще что-то спрашивать про ноду, если там принципы построения полностью отличаются от тех, что используются во фронте, так как все асинхронное и ВЕСЬ код на промисах/генератора?
Хоть какие-то алгоритмические задачи были только на одном собеседовании и то, уровня разбить массив по анаграммам.
Зато везде интересовались прошлыми проектами, что я там делал и используемым стеком (я реактоеб и вебпакодрочер). Плюс показывал свой пет-проект.
Устроился на 130к. Предложений было более чем достаточно. Уверен, что тот анон не пиздит.
>>551552 >я вообще не знаю что это такое и нахуй нужно. А я вот не знаю, как вы умудряетесь находить долбоёбов, который вам столько платят без этих знаний.
Можешь, например, рассказать, как ты сделаешь вложенные комментарии на реакте? По типу как реддите или жж.
>Зачем вообще что-то спрашивать про ноду, если там принципы построения полностью отличаются от тех, что используются во фронте, так как все асинхронное и ВЕСЬ код на промисах/генератора? Потому что должность предполагает написание своих тулз на ноде.
>А я вот не знаю, как вы умудряетесь находить долбоёбов, который вам столько платят без этих знаний. На хедхантере же. Выложил резюме, мне написали.
>Можешь, например, рассказать, как ты сделаешь вложенные комментарии на реакте? По типу как реддите или жж. Какая конкретно часть вызывает вопросы? Проще всего стянуть с сервера сразу все дерево и отрендерить рекурсивной функцией. Манипуляции — по id каммента. Если дерево подгружается кусками, то задача немного усложняется, но некритично — нужно отмечать в стейте приложения, что какие-то куски не подгружены.
>Потому что должность предполагает написание своих тулз на ноде. Поздравляю, а моя не предполагает. Мне нравится работать с интерфейсами и я с ним работаю.
>>551552 >Устроился на 130к. Предложений было более чем достаточно. Уверен, что тот анон не пиздит. Тут дело не в предложениях, а в том, что у него уже есть 120к, при этом он собеседуется на джуниорскую должность в яндексе, за которую больше 80к не заплатят. Попахивает пиздежом.
>>551573 >Какая конкретно часть вызывает вопросы? Проще всего стянуть с сервера сразу все дерево и отрендерить рекурсивной функцией. Манипуляции — по id каммента. Если дерево подгружается кусками, то задача немного усложняется, но некритично — нужно отмечать в стейте приложения, что какие-то куски не подгружены. Если ты не знаешь, что такой связный список, то ты никогда в жизни не поймешь, что нужно делать. Алсо, раз ты упомянул про рекурсию, значит ты имеешь какое-то понятие, а значит снова пиздишь "я вообще не знаю что это такое и нахуй нужно."
>Поздравляю, а моя не предполагает. Мне нравится работать с интерфейсами и я с ним работаю. Ну а хули ты тогда пиздешь на то, что спрашивают про ноду? Что за бред?
>>551583 Чувак, тут половина пиздежа. Такую зп ты просто так не получишь, либо ты хороший спец с 3-4 годами работы, либо должно очень сильно повезти и ты нарвешься на долбоёбов, которые будут сорить деньгами.
>>551579 >Если ты не знаешь, что такой связный список, то ты никогда в жизни не поймешь, что нужно делать Так может ты объяснишь сразу зачем он там и какие преимущества даст?
Про рекурсию я знаю потому что без нее вообще сложно что-то древовидное сделать.
>Ну а хули ты тогда пиздешь на то, что спрашивают про ноду? Что за бред? Писать утилиты на ноде вообще никакие боком не относится к базовым знаниям фронта. А пизжу я потому, что если тебя ебали в хвост и гриву на собеседовании, то это не еще не значит, что во всех компания предъявляют такие требования. Или что эти требования вообще адекватны рынку труда.
>>551586 >Так может ты объяснишь сразу зачем он там и какие преимущества даст? Без него ты в принципе не реализуешь ничего подобного. Я хуею с таких ребят как ты. Сложнее лендингов вы вообще что-то делаете?
>Писать утилиты на ноде вообще никакие боком не относится к базовым знаниям фронта. А пизжу я потому, что если тебя ебали в хвост и гриву на собеседовании, то это не еще не значит, что во всех компания предъявляют такие требования. Или что эти требования вообще адекватны рынку труда. Бля, хули ты приебался вообще? Какой блять фронт? Я что хоть где-то упоминал вакансию фронтендера? Что блять за вопрос "зачем спрашивать о ноде"? Тебе блять какая разница?
>>551587 >Это обычная зарплата нормального спеца в ДС. Как это противоречит моим словам? Да, это зарплата нормального спеца, но не дебилойда без базовых знаний.
>>551590 Да-да, я уже понял, что ты охуел и что я получаю зарплату несправедливо. Так ты пояснишь про связный список или нет? Статью в вики прочитал. Ок, прикольно, но зачем?
>>551590 >Я что хоть где-то упоминал вакансию фронтендера? >Front-end thread №3 Какой самый известный самолёт на тихоокеанском театре военных действий?!
>>551590 >Какой блять фронт? Я что хоть где-то упоминал вакансию фронтендера? Бро, ты возможно уже забыл, но высказался про детские требования на собесе ты в ответ на рассказ фронтендера про то как он устраивался на позицию фронтендера. А еще ты сидишь в треде для фронтендеров. Ну это так, между прочим.
>>551596 Ты реально настолько тупой? Это пиздец несправедливо тогда. Попробуй реализуй вложенные комментарии без него. >>551600 И что? Я где-то сказал, что нода обязательно для фронта, хуле ты приебался? Я рассказал, о чём меня спрашивали и всё. Алсо, если ты не умеешь в асинхронность ещё, и удивился бы такому вопросу, то такого чела вообще брать не стоит.
>>551602 >хуле ты приебался Просто ответил на твой вопрос, но ты видать не догнал до сих пор. >Алсо, если ты не умеешь в асинхронность ещё При чем здесь асинхронность вообще?
>>551607 У нас тут это вообще мегапопулярная тема - в it уходить, причем многие переходят с совершенно других областей например, я, лол. У вас то есть всякие вахты, нефтяные вышки, служба по контракту - там везде можно схожие бабки получать. У нас таких областей работы нет, так что щито поделать десу.
>>551608 >Просто ответил на твой вопрос, но ты видать не догнал до сих пор. Какой вопрос, что за хуйню ты несешь? Я не задавал никаких вопросов. Ты пиздец тупой, как в жизни, так, я чувствую, и в кодерстве.
Реально, всю эту хуйню надо в шапку заносить, или куда-то сейвить, когда тупые аноны хвастаются фейковой зарплатой, а потом после мало-мальски серъезного вопроса сливаются.
- "Получаю 130к, а вы все бомжи" - "Окей, расскажи зачем нужны связные списки" - "Азаза ололо я вообще не знаю нахуй не нужны"
- "Получаю 120к, задавайте вопросы" - "Что спрашивали на собеседосе?" - "Попросили развернуть строку, я не справился"
Пиздец, это ведь просто лол. Жду не дождусь, когда стану проводить собеседосы сам, буду таких петушков унижать каждый раз.
>>551610 >Какой вопрос, что за хуйню ты несешь? Я не задавал никаких вопросов На дваче можно просмотреть историю ответов. Потрудись. >Ты пиздец тупой, как в жизни, так, я чувствую, и в кодерстве. Человек сходу обвиняющий незнакомого человека в чем-то, как правило, сам обладает этими качествами.
>>551614 Охуеть теперь, мы что все лохи тогда, по сравнению с каким-нибудь крутым банкиром и т.д.? Ты ебанашка совсем? Мне вообще строго похуй на деньги, в месяц трачу 15к наверно только. 90% их этих даунов - пиздаболы. Вот чел с яндексом точно, просто уверяю.
>>551615 >На дваче можно просмотреть историю ответов. Потрудись. Потрудись сам, манька. В своём выдуманном мирке можешь на любые вопросы отвечать, но здесь я ничего на задавал тебе. >Человек сходу обвиняющий незнакомого человека в чем-то, как правило, сам обладает этими качествами. Я не сходу обвиняю, по твоим постам видно, что ты отсталый. Отвечаешь на выдуманные вопросы, по 3 раза сам задаешь один и тот же вопрос, не разбираешься в типах данных и т.д. Ты тупой, сорри.
Не слушайте пиздаболов, учите лучше базовые основы программирования и всё будет ок. Всем удачки, я спать.
>>551621 >Я не сходу обвиняю, по твоим постам видно, что ты отсталый. Что видно тебе-то блять? Я тебе щас третий или четвертый пост строчу. С момента уточнения про фронтенд-тред тебе 2 разных человека отвечали, придурок. Ты даже этого не понял?
пока некоторые лошки копротивляются флексбоксам и до сих пор пихают распорки под флоуты, нормальные люди уже вовсю втыкают, каким будет следующий шаг в этом направлении:
>>551866 По секрету: нормальные люди следят за тенденциями, чтобы быть во всеоружии когда они станут полноценным стандартом, грубо говоря когда другие будут сидеть вчихлять - то ты уже будешь понимать что и как.
Это конечно к гридам меньше относится, а вот к js больше. Тогда и особой попоболи как некоторые испытывать не будешь от количества фреймворков, либ и т.д. Ибо если следишь за прогрессивным сообществом, то ты штуки всякие знаешь и игрался с ними еще до того как они станут мэйнстримом Естественно играются не на рабочих проектах, если вдруг не понятно.
>>551879 Тут ты конечно прав, но там где-то в статье написано, что это будет стандартом новым?Люди еще на флексы до конца не перешли, а тут уже грид сетку выкатили.
Я видимо недостаточно точно выразился, ты пробуешь ЛЮБЫЕ фишки, до того как они уйдут в широкие массы. Естественно тебя никто не заставляет это делать. Но как бы если нравится деятельность - то ты будешь ковыряться о всем новом, интересном.
Что касается гридов - они относительно давно муссируются уже. И сейчас находятся в драфте. Поэтому есть вероятность что это будет стандарт. Но етественно могут и быть и доработки и т.д. Для этого и идет драфт
>>551907 Да дело в том, что я еще всю текущую инфу не выучил, лол. Когда начну джс учить придется начинать со старых фреймворков, а потом когда выйдут новые придется учить еще и их...
видимо кому-то там очень доставляет наблюдать за холиварами версткодрочеров, даже тут неоднократно срались по поводу флексов, поддержки и прочей херни.
Теперь оно все файлы напрямую компилирует в main.css, а main.styl остается пустой, попробовал в src оставить пустые кавычки, тоже работает, нахер она тогда нужна и как все это собрать в main.styl?
>>552137 На днях получил свои первые деньги за проект, для меня это успех, учитываю то, что 3 месяца назад я даже не знал про верстку вордпрессы и прочую хуету.
>>552292 Он просто ездил, пробивал почву в Одессе. Ему там предложили $2000/месяц. Ну и заодно в целом на рынок труда посмотрел. Говорит, для спецов в руби аналогичные предложения сразу +$500-1000, по сравнению с пайтоном, например.
>>552315 Да нет, я JS знаю на уровне "присвоить/убрать класс". Так, для себя хотел хоть примерно понять что это и зачем. Типа "бутстрап это набор заготовок для CSS, из которых можно целиком собрать стили страницы".
>>552320 ну... точные даты не скажу, вебом заинтересовался в 2012, перебрал пхп, asp.net mvc, джанго, больше всего понравились рельсы. поигрался, забросил на полгода. потом учил по вечерам, писал себе бложик, иногда делая перерывы по месяцу... а вот серьезное изучение начал в июле 2015, тратил несколько часов каждый день пожалуй. на гитхабе один минималистичный бложик, лол (https://github.com/zernie/playground/blob/master/app/models/user.rb), зато не говнокодерский.
>>552323 Ежедневно читаю reddit, смотрю сериалы с сабами несколько лет. т.е, читаю статьи по рельсам на буржуйском. т.е. технический английский вообще без проблем, а вот в разговорной речи допускаю ошибки, потому что когда-то насрал на грамматику. попробую исправить с помощью лингвалео, когда время будет..
>>552270 Да уже много раз рассказывал свою историю, просто через hh. Прогрессия зп: 20к-35к-50к-75к, каждые 3 месяца просил повышение, главное не забрасывать развитие и дальше читать, упражняться и учится нового. По началу будет очень сложно, я первые пару месяцев убитый домой приходил, вообще не было желания что-то делать, сейчас полегче, даже начал свои проектики пилить.
>>552378 Ну я в офисе работаю, и в целом у нас спокойный очень проект, редко когда нужно что-то сделать прям срочно. Так что нет, ничего не перерабатываю, кроме 8 часов. Да и то я ведь не все 8 часов задрачиваю, тут перерывчик, там чайку попил, здесь твиттер почитал, потом в кикер поиграл, в итоге часов 5 выходит от силы. Но в дороге, или дома, постоянно задрачиваю литературу разную или пишу свои штуки, мне нравится кодить.
Если здесь есть уже работающие/фрилансящие аноны, скажите, сколько времени вы потратили на то, чтобы освоить джс на уровне "не стыдно отсылать резюме"? Я имею в виду базовый джс, без этих ваших ангуларов и прочего. Особенно интересен опыт тех, кто вкатывался с нуля, без знания других ЯП.
>>552541 Два года, но довольно лениво. С Реактом. Без фреймворков ты на рынке не особо нужен, только в качестве jQuery-макаки. Я вообще особо не изучал чистый JS, только базовый синтаксис. Потому что это унылое дрочево в консоли, а на фреймворках можно сразу делать работающие продукты.
(да, я знаю, что Реакт не фреймворк, я имею в виду всю экосистему)
>>552541 120к получаю, чистый жс почти не знаю вообще, ну т.е. там нюансы разные, прототипы, прочая хуйня, вообще не рублю в этом, пишу на ангуляре + жквери только, плюс утилити либы юзаю, типо лодаша. Освоил всё примерно за год.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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 и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://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=974803
https://github.com/o0/keksobooking
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред