24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак. Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc Да, и не один а двое, азазазза, кхм. Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио. Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать? Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Менеджер по продажам — 45 тысяч рублей. Графический дизайнер — 50 тысяч рублей. Верстальщик — 35 тысяч рублей. Программист — 60 тысяч рублей. SEO-специалист — 45 тысяч рублей.
Анон, смотри. Я хочу, чтобы scss компилировались в css без сохранения вложенности селекторов, так как я имею их по бэму, и дочерним селекторам прописываю уникальные имена с помощью апострофа. Как это реализовать? Всё содержимое scss файла заключать в @at-root?
>>596582 будет два класса у элемента один бс сетки и один бем в котором можно максимально полно его описать и переносить независимо от контейнера, а так весь scss переписывать
>>596548 бамп От бутстрапа нужны только сетка. Как её лучше использоватьс БЭМ. 1) class="jopa__anus--otbelennij col-sm-4 col-lg-4 col-md-4" 2) Или как в статье через примеси, инклудами, экстенжами? 3) ваш вариант
>>596742 Тащемта, тебе нужно собрать "свой бутстрап" из нужных тебе компонентов, а потом подключить скрипты и стили в script и link соответственно, только тогда все заработает. Иначе, сколько не копипасть, без путстрапа нихуя не выйдет
Кто нибудь сейчас смотрит интенсив? Мне не дает покоя эта семантика html5 и главная барбершопа, а именно её колонки с контентом. В интенсиве за 2015 год лектор сделал так: <section class="column-left"></section> <section class="column-right></section>
Тут то я и охуел. Ведь в документации написано, шо секция это тематический неповторяемый блок. Он же её использует как обработчик.
В интенсиве за 2016 год исправился, сделал так <div class="index-content-left> <h2 class="index-content-title">Заголовок</h2> <p>текст</p> </div> <div class="index-content-right></div>
НО! Тут тоже не всё гладко. Банальный пример: что если мы захотим сделать цвет заголовка новостей красным? Писать говнокод костыль?
Анон, что если сделать так: <div class="index-content-left"> <section class="news"></section> </div> <div class="index-content-right"> <section class="gallery></section> </div>
Так мы имеем: div - обработчик, выравнивает контент. section - тематическое, уникальное содержимое.
>>596771 Получаем красный заголовок у всех левых колонок. Там 4 колонки всего, 2 левых 2 правых. А что если потом на сайт захотят добавить еще, и их будет уже по 3, 4 с каждой стороны?
>>596465 (OP) Разослал резюме со своими тренировочными макетами сверстанными в компании которым всякие джуниоры требуются, а сам кроме верстки на инлайн-блоках и флоатах нихуя не знаю. Сука. СУКА. СУКА!!
>>596771 >>596788 >>596758 Да вы охуели, блядь, шапка для кого написана? Или вы жопой читаете? В песочницу заливай и ссылку скидывай сюда, никто в этой параше на глазок копаться не собирается.
Делаю тестовое в одну компанию. В тестовом нужно запилить скрипт смены новостей. Дизайн тестового практически полностью слизан с дизайна плиток в последних виндовсах. Проблема в том, что эффект смены новостей должен быть конкретным - visually, it must look like changing content on tiles of Windows 8 or later versions. А я с восьмой виндой и выше никогда не работал. Кто-то знает какой именно эффект от меня требуется??
Алсо, немного порылся в инете и нашел вот это https://youtu.be/TtLa0_QOo0Y?t=2m10s На 2:10 показан эфект смены контента в плитке. Новая новость выползает снизу и накрывает старую. Это оно анон?
А как верстается бухим? Я вот накатил сейчас полторашку, и меня еще ждет литр пива. Попробую что-нибудь щас заебенить, какой-нибудь сайт на бутстрапе и к нему слайдер, и пусть слаудер будет адаптивным. А дизайн я скопилирую с разных работ от сайта dribble
>>596993 Да я не понимаю тупо откуда инфу брать. Если в базовом хотя бы показали как верстать тот же самый барбершоп то на продвинутом ничего нет из примеров.
>>596992 это нормально, так будет во всем новом, что ты попробуешь, поеби себе мозги и все станет ок, может не в первых раз. Но не пей, я вот сейчас накатил, и нихуя не сделал, ложусь спать.
>>596989 Да вот я смотрю и натыкаюсь на кучу говнокода от самого лектора. Это понятно даже такому нубу как я, когда я начинаю гуглить. Может это и специально сделано так, что бы облегчить понимание новичкам.
>>596465 (OP) Пиздец, аноны, я охуеваю. Делаю верстку одного сайта. Мобильная версия не просто не похожа на десктопную, там даже блоки разные. Даже текст другой, некоторых блоков не хватает, картинки через жопу вставлены, некоторые одним слоем, не некоторые компоненты не проработаны, и прочая такая муть. Сука, как бомбит, высказал начальству, жду, пока ответят. Пиздец, короче. Пикрилейтед - один и тот же блок, в первом случае слайдер, во втором - вообще какая-то параша, хуй пойми, че с ним делать. И это еще не так плохо.
>>597007 Еще с одним блоком вообще полная поебень, половина блоков на мобильниках скрывается, у второй появляются иконки, они меняют свое расположение, появляется блок с кнопкой покупки этой параши, блоки нихуя не похож на оригинальный, даже текст совсем другой, появляется совсем другой заголовок блока с другим текстом. Сижу и охуеваю.
>>597007 >Даже текст другой лишь одно слово отличается, наверняка дизайнер проебался, остальное я не вижу проблем переписать медиазапросами [бухой анон, который нихуя не сделал, но до сих пор не спит]
>>597018 А ничего, что в одном случае это слайдер с изображениями, а в другом случае - раскрывающийся список, который хуй пойми как открывается, и хуй пойми, что у него внутри. В макете нихуя нет.
Есть еще подобная хуйня, только немного наоборот. На десктопе - просто несколько отзывов пользователей со ссылкой на страницу, а на мобиле - вертикальный слайдер. Ну и конечно, стили совсем другие.
Ну, и подобная хуйня, как на втором пике, только там 6 элементов. А на десктопной версии - 12. И у этих 6 злементов на мобиле есть иконки и прочая муть, а на десктопе нихуя, они просто спозиционированы. Ну, это так, не сильно уебищно.
Бесит именно этот слайдер, который должен превратиться в выпадающий список. А что делать с остальными слайдами? Скрыть их?
>>597023 просто вежливо уточни у манагера/дизайнера как должно быть в не очевидных вещах, например где список раскрывается. Это ошибка дизайнера, что он не оставил раскрытым в макете не одного пункта для примера. >Ну, и подобная хуйня, как на втором пике, только там 6 элементов. А на десктопной версии - 12. И у этих 6 злементов на мобиле есть иконки и прочая муть, а на десктопе нихуя, они просто спозиционированы. опять же, ничего сложного здесь быть не должно, иконки вообще можно ебануть псевдоэлементами все, иду спать
>>597026 Вся фишка в том, что дизайнер уже пару недель не появляется онлайн, так что спросить у него ничего не могу. И так после каждого отданного макета, дизайнер исчезает.
Ребят, где посмотреть про зависимости и конфликты тегов или атрибутов и т.д. Не могу понять, почему у меня не применяется фоновая картинка к диву. В css всё верно прописываю через background:url() и св-ва типа repeat в разных комбинациях, этот див - блок 900х60, к нему особо и не применено ничего кроме обычного box-sizing?
Хуёво, посоны. Болею. Вчера была температурка, так что я тяпнул один саше "противгриппа" и лёг спать, нихуя не доделав по своим фрилансо-проектам. Конечно, там всего лишь конская доза парацетамола и витамин С, но это лучше, чем ничего.
Сегодня встал с больным горлом и поплёлся на работу. На улице уныло, на работе уныло пишу код, в общем, всё как-то уныло. Лол.
Всё не оставляют мысли о собственном блоге, но сначала хочется разделаться с проектами, за которые мне заплатят, лол. Думаю захуячить его на MODX, благо я знаю и люблю эту CMS/CMF-ку.
>>597186 >Не могу понять, почему у меня не применяется фоновая картинка к диву. Проверь пути. Проверь HTML код, везде ли закрыты теги, нет ли где разрывов. Посмотри в инспекторе, правда ли у этого дива есть ненулевая ширина и высота, проверь, закрыты ли кавычки и опять же, нет ли разрывов в CSS коде.
>>597302 Бро, какую цмску советуешь освоить, если мне хочется пилить просто лендинги с небольшими приложениями в виде каталогов, отзывов клиентов и тикетниц? ModX под это дело - оптимальный вариант, или лучше wordpress?
>>597338 >Бро, какую цмску советуешь освоить, если мне хочется пилить просто лендинги с небольшими приложениями в виде каталогов, отзывов клиентов и тикетниц?
Ну смотри. Я использую модэкс, во-первых потому что я его давно знаю и давно на нём делаю разные проекты, а во-вторых, потому что у меня уже подготовлена его сборка с уже установленными и настроенными плагинами, etc. Так что, для того чтобы начать новый проект, мне достаточно залить на хостинг файлы, импортировать БД и прописать домен в паре мест. Вот и всё.
Так что, я бы на твоём месте выбрал WP. Мануалов по нему много. Сам он достаточно удобный.
>>597370 >Сколько ты учился? Года полтора. Но, вообще, я человек-оркестр, помимо вёрстки и js знаю маркетинг, SEO, контекст, всю вот эту хуйню. Может быть, для кого-то подобный разброс знаний и не пойдёт на пользу, но мне очень нравится. Я, вообще, тащусь от всего веба в целом. От сайтов, от дизайна, от лендингов, от тизеров "ваша мамка умрёт через три дня если...", от HTML-разметки, от CSS-кода. Меня прут хитровыебанные jQuery-скрипты, я восхищаюсь аккаунтами на гитхабе некоторых разрабов, охуеваю с топа Awwwards, дрочу на флексы и grid и пробуриваю небеса от высоких CTR рекламных кампаний.
Мне всё это нравится и, хотя, мне немного жаль, что я нашёл эту свою стезю всего лишь в 22-23 года, а не раньше, всё равно, это лучше, чем начать в тридцатник.
А я помню как всё начиналось. Я помню Internet Explorer 7, помню как в школе ходил в кружок информатики, где нас учили делать сайты на фреймах, на таблицах, потом я узнал про CSS. Мне всё это нравилось, но потом где-то года на 4-5 я выпал из всего этого (когда поступил в универ).
В универе мне не понравилось и я дропнул его на предпоследнем курсе и вернулся к вебу. Довольно долгое время крутился среди сеошников, на топсапе, в конфе илитариума, среди арбитражников. У меня даже есть свой заброшенный бложик с 15К просмотров.
И вот, теперь я сижу в говноофисе на должности верстальщика за 25К, хотя мог бы, вполне себе, за это время (полтора года) достичь гораздо большего. Но я не унываю и продолжаю качать скиллы и искать возможности для самореализации, как по деньгам, так и для души.
>>597388 Анон, почему до сих пор не запилишь браузерку? Вообще, ощущаешь себя способным сделать это? Я вот в этом треде сижу исключительно для того, чтобы в последующем уметь написать годный клиент для такой игры, ну и подзаработать денег на арт. Или лучше пойти по какому-нибудь другому пути?
>>597418 Ну не знаю, фотошоп не сильно требовательный, я запускаю его в виртуалке параллельно с браузером и саблаймом. Правда, действительно не хватает графического планшета.
>>597426 Ну, если у тебя двухъядерный проц и 2 гига оперативки, то, да, требовательный. А так ничего особенного, обычная прога, не сильно жрет ресурсы.
>>597414 >Не думал еще и фотошоп подучить, чтобы потом еще и рисовать в случае чего?
Ну так я его знаю как веб-дизайнер. Макеты делаю в нём, когда фрилансю. >>597418 >планшет графический Вот это да, не помешало-бы, но вот >пека помощнее Это уже вопрос удобства. Я делал макеты и на нетбуке с Atom-овским процем и встроенной Intel-видеокартой. Разумеется, это извращение, но если другого инструмента нет, то и на таких можно выжить.
>>597399 >Анон, почему до сих пор не запилишь браузерку? Вообще, ощущаешь себя способным сделать это? Слишком много ебатни. Клиент-серверное взаимодействие, дизайн, баланс, отладка. Я бы с удовольствием ушёл, например, в сферу своего digital-агентства или веб-студии (хотя в чистом виде сейчас веб-студии, т.е. ориентированные исключительно на разработку убыточны), или запилил бы какое-нибудь SPA.
8 гигов оперативы, этот пидарас есть всю свободную, я ему ограничил на 3,5 гига в настройках, а так крашилось все нахуй и вечно выскакивает сообщение, что недостаточно памяти
>>597433 >веб-студии, т.е. ориентированные исключительно на разработку убыточны Можно моар инфы? Как-то планировал свою веб-студию запилить.
>>597434 Ну хуй знает, у меня 12 гигов, все летает, фотошоп никогда не жрал больше 4 гигов (ограничение виртуалки) и никогда не тормозил. Правда, бывают проблемы с памятью на жд, эта хуйня сохраняет временные файлы, весом под 1-2 гига.
>Mount & Blade, но в браузере, онлайн, с фентези, стимпанком, более продвинутой экономикой и пошаговой боёвкой. Слушай-ка, анон, кажись я тебя знаю. Не мы ли с тобой как-то в скайпе беседовали и я тогда, или ты, упомнул, что задрачиваешь в СкачиМочи и ты сказал, что хочешь запилить онлайновую версию?
Было это, кажется, полгода назад.
>>597435 >Можно моар инфы? Как-то планировал свою веб-студию запилить.
Ну смотри. Если ты хочешь просто делать сайты, то выгоднее оставаться фрилансером. Сделать себе пиздатое портфолио, промо-сайт и работать в среднем ценовом сегменте.
Начинающая веб-студия вряд ли сможет отхватить крупный заказ, в основном, начальные проекты — это всевозможные лавочники, рыночники, муниципальные учреждения и т.п., которым нужен продукт "под ключ" за 10-30К. Как правило, заказчики в этом сегменте ничего не понимают в веб-разработке и веб-дизайне, но считают себя неебаться гениальными бизнесменами и лезут со своими идиотскими советами, обсуждают продукт с другом, женой, секретаршей, женой-секретаршей, собакой и на основе этого выкатывают правки.
Короче, за эти 15К ты сожжёшь себе нервов больше, чем в проекте за 80К, пробиваясь через непроходимую тупость и упёртость заказчиков.
Начиная где-то с 40К, начинается средний ценовой сегмент (в провинции, Поволжье) конкретно сайтов (сюда я отношу и ИМ, и лендинги и корпоративные, и визитки, короче всю хуйню). Вот тут уже есть и адекватные заказчики, и просто даже продукт, который приятно реализовывать.
А веб-студия, даже если не арендовать офис, то это всё равно зарплата сотрудникам, при росте количества и качества заказов это выход "в белую", регистрация как ООО. Можно, конечно, нанимать сотрудников на аутсорс, попроектно, кого-нибудь из Украины (не в обиду, посоны, но у вас человеко-час труда дешевле), но тут есть риск, что сотрудник просто исчезнет (а это происходит в 60% случаев) на середине проекта и вы останетесь перед дедлайном с голой жопой.
Короче, веб-разработка как бизнес это тот ещё геморрой.
>>597487 Вполне возможно, я уже года два хожу с этой идеей в голове. Даже прототип на ммоконструкторе писал с разноклассовой боёвкой, кланами, караванами, крафтом и отбоем городов. Разумеется, криво и с использованием кучи костылей.
>>597487 >>597487 >хотя в чистом виде сейчас веб-студии, т.е. ориентированные исключительно на разработку убыточны Проиграл с этой аналитики. А в каком виде не убыточны? Если по ночам переформировываться в фирму грузоперевозок? Ты вообще даун?
>>597499 >А в каком виде не убыточны? Не убыточно, если браться ещё за контекстную рекламу, SMM, айдентику, фирменные стили, продвижение брендов, вирусную рекламу, мобильную разработку и т.п.
Если продавать продукт пакетами, например разработка + продвижение. И т.д.
>>597499 Работал в веб-студии, которая брала заказы и имела несколько собственных проектов. Потихоньку эта студия перестала брать заказы и полностью занялась своими проектами. Разница в доходе большая, но и штат раздули раза в 2-3. мимо
>>597511 То, про что ты говоришь - это говностудия называется, моча с говном, делает всё - не умеет нихуя. Это вообще не связано с вебом. Нормальные студии сейчас занимаются аутсорс разработкой приложений. >>597513 А я вот работаю в компании (100 разработчиков), у которой есть свой огромный проект, но при этом мы легко берем аутсорс заказы, особенно в "несезон", когда никаких больших фишек не запланировано. И это даёт огромный буст доходов.
>>597559 Расскажи хоть, что за тематика. Расскажи, что ты там делаешь. вообще, всегда казалось, что чем крупнее проект, тем менее эффективна работа каждого отдельно взятого программиста и гений, способный тянуть всё в одно рыло, на весь золота
>>597563 Да просто джун-вебразработчик (хотя зп норм, как мне кажется, 75к). Пилю фронт, ничего особенного. Ага, согласен, хоть тут и не супер-мега-энтерпрайз, но всё достаточно бюрократизировано, например, чтобы поменять цвет текста в каком-то месте на фронте, т.е. одну строчку ксс поменять, может занять в общей сложности целый день и потребуется участие 5-6 людей. Т.е. нужно сделать задачу манагеру, задизайнить, заапрувить её, отправить в разработку, закодить, отправить в тесты, смержить, опять протестить, затем задеплоить.
Как сделать в фотошопе то, что делается в пеинте с помощью выделения - копировать - новый файл - вставить? Я делаю тоже самое в фотошопе - получается какая-то хуйня.
>>597688 Выделяешь область, прожимать ctrl+shift+c, создаёшь новый документ, вставляешь через ctrl+v. Разумеется, перед тем, как выделить, не выбираешь никаких слоёв.
Сейчас, короче, обнаружилось, что кодер поставил на мою готовую вёрстку бутстрап, обвешал классы всеми этими col-md-12, непонятно зачем. Разумеется, часть вёрстки слетела. Я крайний. Заебок колобок.
>>597957 >Анон, а ты по БЭМ верстаешь? Нет, но БЭМ знаю. Я обычно использую такую схему. Делю всё на семантические блоки. Названия внутренних блоков делаю по схеме первая 1 или 2 буквы (или, если там небольшое слово из 3-4 букв, то полностью слово) большого блока, затем, через дефис, название внутреннего блока. Если внутренний блок, в свою очередь, подразделяется на какие-то ещё блоки и данное использование становится неудобным, то добавляю ещё один уровень через дефис, на этот раз по отношению ко второму блоку. Но не больше трёх, максимум четырёх в крайних случаях уровней.
Мне очень заебок, код читается как "Гарри Поттер", легко и ненапряжно.
>>597975 Конечно, ёпта, но без особого фанатизма. Всегда нужно смотреть на макет и мысленно разбирать его на составные части, и думать в таком духе, что, мол, а что будет, если здесь будет больше текста. Или меньше. Или, вообще, не будет. А что будет, если владелец сайта пизданёт тут такую картинку. А тут такую. А что будет, если бла-бла-бла.
Ладно, посоны, поеду домой. Мне вроде получше стало, так что, думаю, зайду и куплю себе шаурмы на последние деньги, лол. Бабло от заказчика, наверное, завтра только придёт.
Сделал тестовое для одной компании, там js, пошел на собесед. Сказали что мой js полное говно, хотя и работает. С архитектурной точки зрения дно, поэтому читайте Стояна Стефанова, чтоб не выглядеть дебилом потом.
Есть выпадающий список как на картинке и при наведении мыши выделяеться цветов элемент списка. Когда я делаю li:hover , то стрелока нихуя не попадает в li - вторая картинка. Как сделать что бы выделяло целую строку? Завернуть li в div?
>>598139 Очень впадлу писать самому и по этому скопировал шапку из седоны. Ананасы, давайте сюда задачки с собеседований по JS. И в шапку накидайте их. Ну там всякие тупорылые, split(Массив).
Сделал я ее на реакте, их вроде более-менее устроило решение, но на собеседовании все же выяснилось, что я зеленоват для этой вакансии, т.к. им крепкий миддл нужен был, а я всего полгода тогда работал. И они сходу начали пытаться сбивать зарплату, что меня несколько удивило. В итоге остался на своем текущем месте работы.
Лучше развивай своё портфолио в стезе фронтендера. >>597430 Фотошоп нормально запускается даже на средних макетах на планшете с виндой и 2гб озу, ничего не крашится.
>>598230 нормально запускается и можно нормально работать - разные вещи. У меня 4 гига оперативы и ай3, и время от времени фотошоп, в котором открыт макет и пара сопутствующих изображений, крашится. И это при том, что помимо него у меня открыты только консоль, сублайм и пара вкладок в браузере.
>>598219 Пиздец, я даже не могу условие до конца понять.
>Узкие карточки всегда занимают ширину 400 пикселей;
>Широкие карточки в «колоде» занимают 400 пикселей, если широкая карточка находится наверху колоды, то она занимает всю доступную ширину, но не больше 960 пикселей.
Так чем отличаются узкие карточки от широких, если они не на верху колоды.
Почему происходит такая ебаная хуйня http://codepen.io/ogurchik/pen/vKNwaQ? Почему ячейки списка li лезут вбок, почему они не занимают всю ширину родительского блока?
>>598236 Пиздец, что вы такое делаете с виндой, что у вас простецкий фотошоп крашится? Сидел на 2 гигах, открывал фотошоп, саблайм и пару вкладок хрома, ничего не крашилось. Правда, сильно подтормаживало, если в хроме было больше 3 вкладок.
>>598236 Работать можно, но на 8 дюймах неудобно. С внешним монитором через HDMI Нормально. Текстовый редактор и несколько самых нужных вкладок открыто в фоне.
Если крашится то с чем-то проблемы, может версия фш криво крякнутая, может быть у тебя память битая, проверь memtest86.
Ну начнем с того что я ненавижу ебучую экзальтацию вокруг БЭМа. А теперь вопрос, называть блоки в беме надо исходя из его положения на страничке, типа как в типографском деле - типа Шапка, кант, обрез или блять исходя смысла который он несет - ebany-banner-ebuchego-lendinga-reklama-vaginu?
>>598411 Это оправданно в крупных проектах, но вот для лендосов БЭМ да, не нужен. Я бы даже сказал, противопоказан, ибо отнимает гораздо больше времени. А так можно ебануть всё быстренько и забыть.
Хелп. Какой плагин нужно подключить к svgo, что бы удалить эту base64 хуетень? Для тупых, которые не разбираясь начнут писать херню - вот тут плагины. https://github.com/svg/svgo#what-it-can-do
>>598411 >>598411 Теперь я понял почему вы тут из за него вы тут друг друга говном поливаете. Я Вижу понимаю семантику этого блока ТАК! А ВЫ СУДАРЬ, ХУЕПУТАЛО, ПРОСТИ ГОСПОДИ
>>598454 Блять, скажи уже, не томи. Я уже 15 минут пытаюсь гуглить scss verbose и подобную хуйню. >>598452 Хуясе паралелли. Как раз Линей разработал систему по которой можно работать, а яндекс написал какие то расплывчатые правила, а там ебитесь сами.
>>598461 Пардонте, я не знал как пишется Линнй Карл. Мы же про него говорим? БЛЯЯЯЯ ну скажите как написать эту хуйню в scss - " padding-top, padding-bottom: 8px;"
Блять, у меня такое ощущение, что я с умственно отсталым говорю. http://codepen.io/anon/pen/zBvgQr Эта блять всё та же свг картинка, только без лишнего дерьма, которое мне нагенерил Inkscape когда я делал трассировку. Вот я и просил свго плагин, который убрал бы мне эту парашу и оставил только path.
>>598587 Ахахахаха, слилась лалка. В следующий раз думай своей пустой головой, прежде чем кидатся на людей с оскорблениями. Специально дял пиздаглазых инвалидов кинул эту картинку, но он всё-равно своим скудным умишком не понял что это svg.
>>598588 У тебя мозга нет, ебашанка. Я тебя спросил нахуя ты б64 пнгшку засунул в свг, и сказал, что это пнгшка не закешируется, чё ты мне тут вилять начал, дебил?
>>598620 Я по определению воспринимаю оскорбляющую на ровном месте других людей макаку как недоразвитое существо, смысл слов которого нужно занижать до уровня пятикласника. Так что да, продолжай в том же духе. Не удивляйся, что в дальнейшем твои слова, на сколько бы они не были правильными и умными, будут воспринимать и итнерпитировать как слова недоразвитого детя.
Я тоже хорош, повелся на провокацию школьника, но что поделать, впервые вот тут меня так с ходу начали оскорблять.
Пацаны, поясните мне плиз как сейчас верстать модно. Все эти ксс-фреймворки, бутстрап, полимер-проджект - щито это и зачем. Мне нужно сделать простой интернет-магазинчик, который будет хорошо выглядеть и на компе, и на телефоне с минимумом анимации. Куда рыть и что почитать, я блядь даже ключевых слов современности не знаю.
>>598642 Хочешь поспорить? >>598481 Я после первого слова даже не стал вчитываться в текст.
А зря, сэкономил бы пол часа времени на бессмысленные посты, обяснив ему сразу, что это результат трассировки свг в inscape, который я хочу убрать с помощью svgo плагина, а не просто засунутый мною картинка в base64.
>>598652 Потому что сразу надо писать понятно, чмошник. Особенно забавно, что ты сам написал хуй пойми что вначале, а потом начал выдавать претензии типо >Мне че, додумывать еще за тебя нужно? Ты обоссан, вали нахуй и обтекай.
>>598653 Спасибо за охуительный совет, ага. Бекенд сам напишу, это не есть проблема. Проблема с современными фронт-енд свистоперделками. Что есть небольшого, а не блядь динозавры на жаваскрипте, для симпатичных кнопочек и разных размеров экрана или хоть как это гуглить.
>>598655 Я просил плагин для свго, который бы мне убрал base64 код. Нахуя ты вообще начал открывать свой поганый рот? Не знаешь, так пройди мимо. Нет он как последняя пидораха начинает влезать, куда только можно влезть.
>>598657 Какой вопрос - такой ответ. Если нужен фреймворк - смотри в сторону бутстрапа или фандейшн. Как ими пользоваться прям на офф сайтах и написано.
>>598660 спросил бы ты меня о питоне то же самое - я бы тебе гайдлайнов накидал. не думал что в этом пизданувшемся с ног на голову фронтенде всё настолько плохо. я не знаю нужен ли мне фреймворк. я не ебу что за хуйня постксс, нахуя пишут шаблонизаторы для кссов на жаваскрипте и тд и тп. вот думал может кто нормальную, блядь, инфу подкинет с обзором существующих технологий и нахуя они state of art java script из шапки - хуйня без конкретики, во всяком случае для меня >>598659 да неужели
>>598662 Ты не спросил, что тебе от фронтенда нужно. Может ты хочешь неебовое изоморфное приложение. А может тебе просто стилизовать какой-нибудь очередной говносайт. Тогда хуячишь бутстрап, сверху обмазываешь жиквери плагинами, аякс-хуякс — и вуаля бля.
>>598662 Тебе весь стек технологий фронта расписать, что ли? Ну охуеть теперь. Задавай конкретные вопросы - тебе конкретно на них ответят. А не ололо, посоны, как делать фронтенд шоб модно и современно расскажити вкратце.
>>598664 Сайт я делаю для себя и мне не лень для этого потратить скажем неделю-две на какое-нибудь говно типа polymer-project Я просто хочу до того как я вляпаюсь в ожиревшее за 7 лет моего отсутствия жиквери или этот модный бутстрап - понять что вообще есть и зачем что.
>>598662 >state of art java script из шапки - хуйня без конкретики, во всяком случае для меня Там список абсолютно конкретных либ с рассказом какая для чего предназначена. Какая тебе еще блять конкретика нужна?
Мля короче бекенд-петухи не могут в фронтенд. Фронтенд это бля дизайн, чтоб продавалось на хуй и клиент пищал от какйфа. А бекенд - это бездуховность и тлен, машину тренировать биты обрабатывать. Нанимай фронтенд-господина и будет тебе все норм.
>>598665 Да ё-маё, не верю я что не существует для фронта чего-нибудь типа fullstackpython где на пальцах в трех словах поясняют что к чему в целом по отрасли. И не верю я что нормальный фронтендщик на такие вещи не натыкался. Шапка тоже ответа не дает, она вся на совсем вкат без обзора точена
>>598666 Ну окей, вот тебе примерный лист: цсс +хтмл5 база, далее, препроцессоры (scss/less/stylus), флексы, адаптивность (включая картинки), галп с плагинами для сборки. Вуаля, спустя три-четыре месяца ты пишешь хороший, годный валидный йоба-css. Не хочешь? Обмазываешься говном бутстрапом, играешься со шрифтами и фонами - вуаля, спустя пару часов у тебя очередной сайт на бутстрапе. JS смотри сам, епт, чего тебе нужно. Хочешь, чтоб менюшки свители-пердели и красиво выезжали, но не хочешь вникать - кочаешь жиквери плагины, подключаешь их, профит. Иначе пиздуешь на лерн.жаваскрипт, вдумчиво читаешь, практикуешься, опционально - осваиваешь ES6, линтеры, бабели и прочую ересь, переходишь на реакт/ангулар - вуаля, спустя год ты можешь писать йоба-фронтенд.
>>598667 Такая же но сразу обо всем в HTML CSS и js, а не только по js >>598669 С тех пор как я в последний раз занимался фронтом он по моему скромному мнению просто перевернулся с ног на голову обильно брызгая говняными велосипедиками студентишек. Куда мутулз дели, демоны? Зачем? Чего жиквери такой тормоз стал? Вопросы, вопросы. >>598670 Бро, во ей-богу, для моих целей двух недель хватит. Просто хочу сделать все по-человечески а не на отъебись.
>>598671 Не раз замечал, что питонщики все сравнивают со своей экосистемой. Я прямо представил, как ты вкатываешь в какой-нибудь С++тред и говоришь "ну епт, не верю, что по плюсам не существует чего-нибудь типа fullstackpython где на пальцах в трех словах поясняют, что к чему в целом по отрасли".
>Такая же но сразу обо всем в HTML CSS и js, а не только по js Sass, CSS modules или БЭМ. Для верстки актуальны флексы. В HTML ничего особого нового не изобрели.
>>598678 Дополню, что есть и отдельные плагины на ванилле. К примеру, я находил годный слайдер на флексах. Не думаю, что ты хочешь упороть хардкорного фронтенда по вене, это реально минимум 2-3 месяца на одну только верстку (и то у нас тут есть аноны, которые за это время так и не смогли в адаптивность, например). Накатываешь бутстрап и обмазываешь плагинами.
>>598677 Сарказм я уловил, и да, экосистема питона мне кажется не идеальной, но более чем достойной. Что до плюсов - там хоть терминология новая не вводится раз в месяц. >>598680 Я тебя понял. Спасибо. Бутстрап так бутстрап. >>598681 У меня есть опыт верстки пусть и давний. Просто хотел узнать что есть нового хорошего и годного "для людей" в сфере, и попробовать сделать так. Если нихуя кроме бутстрап - окей, пусть так. >>598684 Да хоть 2 года, подумаешь. Я никуда не опаздываю, не в этом релизе так в следующем, чего нет.
>>598688 > нового хорошего и годного Флексбоксы. SCSS\Stylus в качестве препроцессоров. Свг, ретинизация, продвинутая работа с медиа-выражениями. По-сути то ничего и не поменялось, просто теперь пишут нормальный аля "модульный" css-код благодаря препроцессорам и не флоатят все блоки влево (а если тебе не нужны пользователи ие10 и ниже, то на флексах можно сделать такое, что раньше только на JS можно было). Ну и галп-хуялп, автоматизация, все дела.
Здаров, верстаны. Есть ли какой-то способ подключать иконочные шрифты по-модному, ну то есть не тупо копируя весь код в стилевой фаил, как учат в первом интенсиве?
>>598711 Картинками. Если для себя и пофиг. А если для дяди и по тз - спрайтами. А по модному есть сайты который тебе делают спрайт из нескольких иконок.
Надо бы как-то сымитировать рабочий день, я уже и не помню, как работать 8 часов в сутки. Насколько я понимаю, сверстать адаптивчик главный страницы сайта за день это вполне нормально.
>>598770 В нашей компании не работают аниме-пидоры и долбящиеся в глаза люди. Корпоративная этика, понимаете ли. Так вас проводить, или вы сами найдете дорогу?
Доброго времени суток всем ИТТ. Я действительно новенький в этом треде и, в принципе, новенький на двачах. F.A.Q. читал. Мне очень нужен ваш совет. О себе: 25lvl, аспирант по спец. физика конд.состояния. По ходу написания магистерской/кандидатской приходилось переводить много технической литературы +кандидатский экзамен по английскому сдал, поэтому знания английского на таком уровне: почти все понимаю, могу сказать что мне нужно, но когда сам составляю предложения торможу и могу ошибаться временами/неправильными глаголами. Вообщем речь на ангельском далека от интеллигентной. Но как я понял вне языковой среды устную один хер не дотянуть, сколько книжек не читай. Из основных скиллов – знание физики/матана немного формул и интегралов, матлаба/математики/мейпл вот это вот все. Из дополнительных скиллов – фотошоп (коррекция, работа со слоями, шрифтами, 3D), иногда подрабатываю (замазать прыщ/задизайнить группу в VK, видеоредактор (sony vegas). Из личностных качеств – машина учебы (ЕГЭ в 2007 году на 85+ по мат/физ, красные дипломы и пр.), не интроверт, уравновешен/музыкант клавишные, гитара я левша. Сейчас переживаю сильный кризис. Основанный на том, что в то время как твои одноклассники после 9 класса пошли на сварщика и живут хорошо/на северах жопы морозят, зарабатывают по 30к+ в месяц, ты начитанный сидишь в своем НИИ и живешь в общежитии на степендию 7,5к и зарплату лаборанта на 0,4 ставки. +5к. Если честно, с перспективами тоже голяк (преподаватели-доценты в регионах - 20к, ставка МНС/НС с кандидатской 15-19к). Ну да ладно, что я вас утомляю. Задача такая: Изучить рынок труда, выбрать наиболее перспективное направление на рынке IT и начать обучение в этом направлении. Очень желательно, чтобы полученый опыт позволил мне иммигрировать, желательно в штаты. Т.е. работа в команде (не фриланс). На еще одно образование вроде "computer science" у меня просто нет жизненных годов. Что уже сделано: Почитал немного о HTML, CSS. На первый взгляд все довольно просто, не думаю что такие спецы нужны, наверняка в штатах хватает своих и индусов верстать сайтики по шаблонам. О чем прошу вас: Какую дисциплину взять? Что осваивать? Я не хочу метаться между C++, Питоном, разработкой на Android/IOS. Каких спецов на рынке труда сейчас особенно ценят? Не паста. Крик души. Извините просто в финансовом плане сейчас очень плохо и обидно за загубленные 7 лет жизни которые посвятил науке Спасибо.
>>598931 >обидно за загубленные 7 лет жизни которые посвятил науке Спасибо. А вот это действительно смешно:) мимо потративший 7 лет жизни на работу в такси:) И это... на сша можешь рассчитывать только если в лотерею гринкард выиграешь. Другие программы ты не потянешь ни сейчас ни потом. Можно подумать о канаде, но я бы на твоем месте для начала подумал о москве. когда ты стабильно начнешь получать больше 100к, привыкнешь к новому доходу и уровню жизни планы об эмиграции выстроятся сами.
>>598951 В DV lot. участвую ежегодно, в этом году буду вместе с женой. Насчет переезда в Мск. Надо думать. В любом случае у меня еще есть один год в своем регионе, я не могу уйти из аспирантуры, (армия) за это время постараюсь подтянуть навыки. >>598952 Вот это действительно полезный пост, thx. Очень адекватный тред, вкатываюсь. Но буду в основном только читать.
>>598972 Лучше выкатывайся. Если ты хорошо можешь в матан - тебе прямая дорога в бэк. Там и денег зачастую больше. Сейчас на западе Rubi оче в тренде, специалистов крайне не хватает и з/п нихуевые. Вот, попробуй: http://railsforzombies.org/
>>598997 Что заебали? Я тебе рекомендую то, что мне самому рекомендует опытный знакомый. Говорит, на руби сейчас поднимается тренд, можно рубить бабло. Я просто в математике и логике не очень силен, поэтому в бэк не суюсь.
>>599046 Это уже мемом можно делать. А мне знакомый за фронт-энд задвигал. Полтора-два года говорит, и ты в шоколаде. Мне слово выкатывайся не понравилось. Фронт-энд сейчас цветёт бурным цветом, можно просто имея в голове достаточные знания и обкатанные инструменты и шаблоны рубить бабло одним пальцем. Ну, может не одним.
>>599066 Во фронте конкуренция больше. Я бы не стал сюда соваться, если бы мне не нравилось, и если бы обладал развитым логическим мышлением. Бэк, мне кажется, намного спокойнее и прибыльнее.
>>599072 Спокойнее? Спишь такой ночью, а тебе начальник звонит и сердитым, тревожным голосом говорит: "У нашего заказчика "HUJ-BAnk", для которого ты пилил бек, вся информация о клиентах утекла в чужие руки." И ты больше этой ночью не спишь.
>>599046 Как там в 2007? Руби уже опустился дальше некуда, опытные спецы фрилансеры заказы с трудом себе находят, у которых по 5 лет опыта за плечами, а ты собрался вкатываться в мертвую технологию где 1,5 джун вакансия будет. Заебись.
Фронт-енд актуальнее некуда, платят в нем сейчас больше всего и будет еще актуальнее. Браузерные технологии развиваются семимильными шагами, потом еще начнут игры перекочевывать и можно будет даже в геймдев податься. Во фронтенде дефицит кадров потому что большая часть это гоайти "ну я чет на джквери там слайдер могу хуйнуть гыыыы хэтэмэл каэсэс))))".
>>599122 Хз, правильно ли я предполагаю, но скоро с этими навыками >"ну я чет на джквери там слайдер могу хуйнуть гыыыы хэтэмэл каэсэс))))". которых сейчас некоторым достаточно, что бы на фрилансе работать за еду, в дальнейшем они просто вымрут, если конечно не эволюционируют в жесткого фронтендера или дизайнера. Ибо появляется много удобных инструментов, с которыми тому же дизайнеру, немного поддрочив html, css, js будет достаточно, что бы делать и дизайн и верстку, ни с кем не делясь. Это касаемо фриланса.
Аноны, использующие бутстрап. Подскажите, как можно сделать лого по середине? марджин: 0 авто не срабатывает. Если делаю через марджин-лефт, то при уменьшении экрана лого остается на месте, а все остальное сдвигается.
Бля есть ли альтернатива фотошопу? Он просто меня заебал, сначала скачал 2 васянских репака и они не работали как надо, потом установил оригинальный и поставил на него кряк с отключением интернета и ковырянием фаила host. Работало все нормально неделю, а потом по пизде пошло. Еще он жрет оперативки многи и записывает много файлов в фаил подкачки, из-за этого у меня и жесткии диск с ним не справляется. Я бы установил CS3, но в вебинаре академии говорят что нужно обязательно новый использовать.
>>599205 >Бля есть ли альтернатива фотошопу? Не знаю, что у тебя за проблемы, у меня всегда всё ставилось отлично. Сидел на версиях CS2, CS3, по мере выхода. Сейчас остановился на CS5. Новые пока лень изучать.
Если у тебя есть Mac, поставь Sketch.
>>599140 >Да я уже второй раз сажусь делать заказ с биржи фриланса, а мне не оплачивают, выбирают другого исполнителя Что ты имеешь ввиду? Ты делаешь заказ, сдаёшь его и тебе не платят? Или ты просто подписываешься, что готов сделать, а тебя не выбирают исполнителем?
>>598931 Анон, а почему ты не хочешь вкатиться в эту же тему "физика конд. состояния", только в Европе или в Новом Свете, тем более, что у тебя знание английского имеется?
>>598230 >Кому нужны эти блоги? Никому. Так, анон, я и не собираюсь тратить на это дохуиллион времени. Просто для души пописывать периодически, а скиллы, разумеется прокачивать и дальше.
Поясняю ньюфагам по хардкору. Курсы академии на сайте - норм. Интенсивы академии - говно. Александр Першин - говнокодер, быдло, которое произносит английские слова на уровне дцпшника (хиден, адобе, публик, и.т.д.), неплохой бизнесмен, раз втюхивает эти говнокурсы нескольким сотням лохов каждый год.
>>599228 Ты зелёный штоле? Першин в первую очередь хороший педагог. Курсы на академии - говно далекое от реальности, лекции - хороши pdf-ки и разделы где демонстрируются примеры верстки.
Вообще я ненавижу любые видеокурсы, люблю книги, но что делать, курсы быстрее и являются хорошим въездом.
Аноны, как передавать введенное в инпуте значение в другой жлемент, например в span? Т.е. вот посетитель вводит число в инуте, а ниже оно сразу же отображается в спане (ну или в другом элементе, не обязательно спан)?
Аноны, смотрю продвинутый интенсив и у меня назрел вопрос: обязательно использовать артиклы/секшены? Могу ли я просто все на дивах ебашить, как на РЕАЛЬНОЙ работе на это смотрят?
Ребят, в общем не буду обьяснять, нахуя, но ватчер смотрит за папкой, в которую кладу файлы. Как только там появляется файл - изменение в папке - запускается watch task. Этот таск творит магию и потом по задумке удаляет этот файл из этой папки. Проблема в том, что удаление файла также считается изменением в папке, соответственно запускается watch task, который в этот раз проработает в холостую, так как там ничего нет. Кто-нибудь знает, как это поправить?
Снова вопрос по поводу бутстрапа. Кто использует карусель из него, как сделать, чтобы текст тоже изменялся в размерах при изменении размера экрана? Не уже ли как в адаптивной верстке задавать при каждом разрешении размеры?
>>599433 Да хуй знает, я предварительно сврстал тестовое им. По теории почти ничгео не спрашивали, а то, что спрашивали, ответил. Типа че юзаешь для автоматизации, используешь ли препроцессоры, как бы ты оценил свою верстку. Больше про жизнь срашивали, чем интересуюсь по жизни, какую компанию считаю хорошей, какую нет, сколько зп хочешь, быстро ли учишься, почему не закончил универ и т.д. По JS вообще ничего не спросили. Ну и спросили за сколько смогу выучить пыху, лол. Компания большая кстати, с филиалами аж в СШП, не говновебстудия.
>>599484 Хуй знает, меня один раз по скайпу вообще чувак про смысл жизни спрашивал, лол, типа какой у меня смысл жизни. Наверное троллил, потому что я тогда был барбершопным нубом, а он мне прислал задание на react+nodejs. А так я думаю почти всегда спрашивают, ну и про вышку сказали что лучше бы была, типа будут на это тоже обращают внимание. Энивей, пока не взяли, сказали что сообщат о результатах в течении недели, да и то будет еще какое-то собеседование, уже то ли с директором, то ли с эйчаром повыше. ЗП сказал что хочу 15-20. Когда уходил -обернулся, они улыбались, что это может значить?
>>599228 Английские слова ты охуеешь воспринимать на слух, а потом писать теги правильно: тег «бади» — <bady>, тег «баттон» - <batton>, теги «пи» и «ай» — <pi>, <ai>, класс «сайн-ин» — class="sain-in". Код требует правильных буковок, так что правильный английский там не всрался.
>>599498 Оба интенсива, 5-7 макетов, JS книгу Кантора прочитал. Я хуй знает, это провинция, я хуй без вышки и опыта. ЗП посмотрел по городу - такие же примерно у верстал. Так что если меня на пятнашечку возьмут, то я обосрусь от счастья наверное. Может я лох и демпингую?
>>599528 Да не, вот думаю сейчас реакт дрочнуть, если не возьмут а если возьмут, то тем более, потому что это походу уже становится минимумом для джуна.
>>599538 Да ну, бред какой, тут процентов 90 анонов говорили, что вышка не нужна, работающие люди тут тоже почти все без вышки. И какой-то мухосранский пизданутый работодатель решил затребовать диплом, ведь в его манямире есть только интеллектуалы с ВО и дворники и слесари без ВО.
Лучше менее пизданутую контору поискать, чем зазря в вуз снова идти, имхо. К тому же, зачем тебе как фронту пыха? Хотят фуллстэк-оркестра за 15 тыров?
>>599553 > удобно, приятно, все как-надо, изкаробки
Так что конкрктно то. Чем отличается от того же брекетса к примеру. на скрине вижу кнопку Run в ide она обычно отвечает за запуск программы, а тут что делает/
>>599552 Да они не затребовали, просто сказали что играет роль конечно, когда я спросил. В ВУЗ вообще не хочется идти больше, конечно, все равно там нихуя не учат. Меня вообще с четвертого курса пидорнули из-за одного ебанутого препода, которая ставила оценки по настроению. Родители пиздец на мозги капают, они считают что без вышки только толчки драить и в маке посулу мыть.
Аноны, наверное не сюда спрашивать надо, но может у вас было такое же - вот я сейчас хожу по этим собесам, а сам думаю, блять, как это я, мамкин сыч, буду ходить на работу дней в неделю и сидеть там по 8 часов? Одно же дело сидеть дома и лмапово верстать какую-нибудь хуйню под чаек, а другое - работать в команде, когда тебе нельзя будет обосраться, потому что могут выпизднуть с работы. И мне как-то страшно вообще, что я нихуя не вытяну и буду там как долбоеб все портить, не успевать за всеми, и вообще хуево работать буду. И так хочется дропнуть все это нахуй и смириться с тем что я проживу всю жизнь у амаки на шее. Как у вас с этим было, аноны, быстро ли втянулись или нет?
Кто-нибудь использует галп таск для создания image-спрайтов? Стоит заморачиваться или проще закинуть на онлайн сервис типо http://spritegen.website-performance.org/ ?
>>599575 мне 28, я последний раз ходил на работу в 2009, скоро предстоит вновь. Вообще не представляю, как я буду это сейчас делать. Хочу попробовать эмулировать рабочий день, но не могу встать раньше 11.
>>599575 Работа не нужна. Становись успешным фрилансером на западных господ, потом получай удалёнку. Будешь иметь больше в пару раз, чем офисопетухи, да ещё и на работу ходить не надо будет.
Я: Алло. HR: Аноннейм, здравствуйте. Я: Здравствуйте. HR: Увидели ваши контактные данные на сайте поиска работы и хотим завтра пригласить вас на собеседование на, скажем, 8 часов утра, и сразу уже принять решение о вашем трудоустройстве. Я охуевыший, от ее напора: А речь, собственно, о какой вакансии? HR: О вакансии программиста с обучением под потребности заказчика. Я: А какое хоть направление у меня в резюме чистый фронт-энд указан? HR: Разработка на Джава и Си Шарп. Я окончательно охуевыший: Так это же совершенно другое направление, бэк. Я в нем ничего не знаю. HR: Да? Ну тогда не буду тратить ваше время. Досвиданья.
>>599632 Они проверяли тебя на честность и сознательность. Ты не спиздел, а значит прошел проверку. Так что завтра можешь спокойно приходить в 8 утра к ним в офис. Ты принят.
И чн вот возьмут меня версталой/джуниорфронтенедером на 15к, потом, после испытательного будут 20 платить и сказали все, типа дальше уже зависит от результативности. Я конечно на 500к/секунду не расчитвал, но это же какое-то пиздец дно, в маке на кассе столько же получают, при этом им не надо было столько всякой хуйни до приема на работу учить, не? >>599429-кун
Никто не заставляет там работать дебчик, ОБУЧЕНИЕ, реальный ОПЫТ того что действительно нужно в индустрии, а не 5к листов нахуй ненужных знаний, которые ты никогда не применишь вздумай ты учится сам.
Короче, кусай локти теперь.
Можешь перезвонить им и попросится обратно, может примут.
>>599657 Ты ебанутый? Человек двигается в определенном направлении и тут бац разворот на 180 . Так он никогда по человечески зарабатывать не будет. "Реального опыта" вокруг дохуя. И все равно его бы выкинули. Как ты не понимаешь, что тот кто ему звонил - обосрался. >Да? Ну тогда не буду тратить ваше время. Досвиданья. Для этого манагера все эти джавы и с# это мистические слова
>>599657 > Никто не заставляет там работать дебчик, ОБУЧЕНИЕ, реальный ОПЫТ того что действительно нужно в индустрии, а не 5к листов нахуй ненужных знаний, которые ты никогда не применишь вздумай ты учится сам.
А ты не очень разумный. обучился, почувствовал себя уверенно, пиздуй дальше.
>>599670 >обучился тому, куда вообще не собирался двигаться По твоей логике, если мне предложат работать сварщиком с обучением, мне тут же надо соглашаться, потому что >ОБУЧЕНИЕ, реальный ОПЫТ того что действительно нужно в индустрии ? И кто-то меня еще неразумным называет.
>>599674 > По твоей логике, если мне предложат работать сварщиком
Если этот конкретный сварщик получать будет от 15+ к в мухосрани украины, а я сам живу в зп и знаю цены на программистов в своем городе - да стоит бросить все и учится на этого сварщика.
>>599675 >дешевле сисадсин Проиграл с этого У нас админ получает наверно 150к в месяц, если не больше, и это вообще не предел. Если ты главный админ в большой компании, то это пиздец успех, одна из лучших профессий
>>599684 И чё? Все постепенно растут. Админы получают на уровне всех остальных. Тем более нормальный админ скорее всего умеет кодить и разбирается в нескольких языках, хотя бы на базовом уровне.
>>599684 Я вообще-то сказал, что главный админ это одна из лучших профессий, делаешь нихуя, всем приказания раздаёшь и всё. А обычный одмин это тоже топчик.
>>599688 У нас всего 130 рыл, и админ точно получает не меньше 150к, у него семья/тачка и я слышал, что он 100к платит ипотеку. Представляю сколько получают админы в более крупной компании, когда от них зависит пиздец сколько.
А в чп "артемий лебедев лдт" где старше тебя только сам чпшник - ты будешь сосать хуй. А именно в таких чп и работают 80% всех айтишников, там онет начальников отдела, там есть условно старший, и получает он не сильно больше остальных.
Помогите, те кто использует саблайм 3. Поменял тему редактора, и перестал работать какой-то плагин, который при написании какого-нибудь значения, предлагал сразу его прописать, как на телефонах т9. Подскажите, как вернуть его?
Шалом, ребятки. Вчера приходил с вопросом "а чё новенького во фронтенде и тд что бы для себя накатать несложный, но правильный фронт" - получил на десяток ответов буквально пару пристойных.
И так, палю именно то, что я искал. Авось (да я если честно почти уверен) и вам пригодится.
>https://github.com/google/styleguide Очень хуево сверстанный стайлгайд. Нинужен, потому что есть охуеннейший стайлгайд AirBnB под который сразу идут пресеты eslint, например.
Спасибо анону, который посоветовал курсы от специалиста. Скачал за 2015 год базовый, мне входит намного лучше академии. Правда, ооооочень растянуто, смотрю в х2.
>>598931 лучше пиздуй обратно двигать науку или ты НЕ ПАТРИОТ? а если серьезно: прочитать книжку по html и css это никого не интересует. И в собеседовании не поможет. Сходи сделай сайт какой нибудь, или хотя бы лендос. Можешь сверстать шаблон с какого нибудь темефорест. Короче поставь реальную задачу себе и реши. Если совсем в голову не приходит - поставь зп повыше в резюме и начинай рассылать. Скорей всего тебе будут слать ТЕСТОВЫЕ ЗАДАНИЯ Делай их.
>>599961 Было удобно, когда я решал алгоритмические задачки. Так, конечно, говно без задач. Планирую купить лицензию вебшторма, когда дойду до норм уровня, а пока атома более, чем хватает. Не лагает, куча плагинов, годный родной автокомплит, интеграция с гитом.
>>599228 > Интенсивы академии - говно. Ну ты ведь скорее всего проходил их как и все в этом треде- бесплатно? Если да то хули жаловаться. Иди плати и работай онлайн, задавай свои дельные вопросы преподу онлайн и там же критикуй по делу.
> Александр Першин - говнокодер, быдло Похуй вообще кто он там по-жизни. То что говнокодер не так важно- он преподавал только верстку. Жс там рассказывал другой мужик.
> английские слова на уровне дцпшника (хиден, адобе, публик, и.т.д.) да это похуй, мы же к нему не на курсы ангельского пришли. Понятно и ладно.
> неплохой бизнесмен, раз втюхивает эти говнокурсы нескольким сотням лохов каждый год ну я бы не сказал что впаривает. Я об этих курсах в шапке треда узнал. Все-таки люди на них сами приходят, а их не зазывают.
Основное их достижение что они этим занимаются уже несколько лет или больше и поддерживают курс в актуальном состоянии. Рассказывают про новые фичи, и в живую поясняют про неоднозначности- семантика, вся хуйня.
>>599887 Тяжело быть патриотом живя на 13к зп. Из ссылок как я понял, знать уметь html, css. И обязательно java, Пока не знаю, стоит ли изучать в сторону мобильных приложух, Objective C + Swift, и Андроид SDK. Хотя это разные языки, но почему-то в требованиях на hh всегда вместе идут. Выглядит интересно, но здесь о мобильных приложениях ничего не пишут, наверное в другой ветке нужно смотреть.
>>600087 ага-ага был тут один анон умный, тоже помог типа. Вирусняков нахватался, и пришлось винду сносить, так как висло все пиздец просто. Вот принес сюда с рутрекера вебшторм. Радуйтесь>>600070
Дописал свой велосипедистый слайдер с опциями и динамический пагинацией. Работает, но как-то стыдно даже вбрасывать для критики, индусский код во все поля. Будем считать, что я сделал свой барбершоп в джаваскрипте, хех.
>>600086 Ты ебанулся? Зачем тебе Java? Фронту нужен JavaScript, это разные языки и путают их только ультранубы.
И причем тут мобильные приложения? Это же вообще другая специальность. Я не знаю что ты там смотрел на hh, но андроид и айос разработчики — разные люди.
Нахуй не нужны взломанные васянами программы с майнерами в инсталляторах. Качаешь с официального сайта и указываешь сервером регистрации ту ссылку. Все, у тебя лицензионный вебшторм до хуйзнает какой версии.
Посоны, халп. Дизайнер нарисовал ебучий слайдер из ада, не могу подобрать под него плагин, не говоря уже о том, чтобы написать самому, ибо я "немножк" нуб.
В общем, помогите найти плагин под подобную хуитень. Либо помогите убедить дизайнера убрать нахуй стрелки с большого изображения. Тогджа это будет обычный слайдер с миниатюрами.
>>600145 Ты ебанутый? Установил с рутрекера и все работает идеально. Все работает и ничего лишнего нет. Иди нахуй, стараюсь как лучше, а какой-то петух, да все обосрет. Тред нынче не тот. Раньше люди тут были более добрые и не выебистые. Каникулы в школе дают о себе знать тут.
Парни, нид хелп, допустим есть макет который не рассчитан ни на какие сетки, а мне нужно на бутстраповской сетке сделать, так вот как мне подобрать отступ между колонками и количество оных(где то слышал что брать надо число которому кратно кол-во элементов в строке)? Брать для этого отступы у больших блоков(которых например два в одной строке и занимают всю ширину)?
>>600356 Хорошо тебе, а я уже 2 часа как баран смотрю на доки mustache.js и всё никак не могу понять, как сделать этот ебучий css шаблон для моего spritesmith.
Меня уже рвет с быдлокода Першина. Он неправильно блядь почти все размеры на главной барбершопа померял. Шапка там не 70 а 72px, лого вообще обрезано выходит, а ему будто похуй.
>>600382 Пиксельперфект - хуйня. Ты думаешь дизайнер сидит и все размеры сверхточно замеряет? Я уже столько хуеты в реальных макетах видел... Округление до чисел кратных 5 - нормальная практика.
>>600400 Это стандартная практика в охуенных конторах, где дизайнеры не зря бабки за свою работу получают. В остальных случаях в макетах полно ошибок, разных размеров в одинаковых элементах и это в лучшем случае. В худшем тебе отдадут макет под бустрап, сделанный не по сетке или еще какую-нибудь хуйню от человека, который верстку в глаза не видел, но уже считает себя веб-дизайнером.
подскажите нубу. Слайдер находиться в хедере, потому что так надо, но когда я сделал main и записал туда заголовок с формой, то он оказался под хедером, т.е. слайдер его перекрывает. Подскажите, как сделать, чтобы майн был не перекрывался хедером?
>>600382 Ты тот парень, который ненавидит Першина, а так же ненавидит когда не получается пиксель перфект. Я бы на твоём месте по проще стал ко всему относиться, а то жесть же, баттхерты на ровном месте. Представляю, как ты в студии какой-нибудь будешь работать - ааа, кругом уебаны, быдло, пиздееец.
Вообще парни, я тут подумал. Вот я верстаю учебные макетики, изучаю js неторопливо так, задачки решаю канторовские. И думаю, вот я положим устроюсь вёрсталой. Буду сидеть, верстать лендинги на бутстрапе, и в свободное время от дрочки верстки время изучаешь нормальные вещи, после работы, перед сном. Нахуй так жить? Как думаете, реально сразу миновать этот этап и пойти джуном кодить на реакте, как белый человек?
>>600426 Ты серьезна думаишь, что мы тут ванги? Впрочем, вангую, что ты захуячил говноплагин от жиквери в придачу с вендорным сиэсэс, не задумываясь о структуре разметки, главное чтоб семантичненько)). Путь наименьшего сопротивления - позишн абсолюте.
>>600426 новый таг в html5, редкий походу все равно непонятно как у тебя что расположено, насколько перекрывает может у меня нехватает скила чтобы это понять просто, конечно
>>600402 просто представь, что этот текст под слайдером, как указано стрелкой. Можно лишь сделать с помощью педингов, но я верстаю через бутстрап и получается пиздец при меньших размерах экрана.
>>600443 Ну и вот, собственно. У тебя два путя: залезть в вендорный цсс, который идет в придачу к слайдеру, полностью переворошить структуру разметки и получить результат спустя несколько часов пердолинга, либо втупую зафигачить через pos:absolute. Я бы сделал через абсолют. Хотя по-хорошему твою форму надо засунуть в разметку слайдера и отцепить от жиквери логики.
>>600453 да я бы вообще неебал себе мозг этим бутстрапом, а верстал дальше адаптивно, но хуй там. Всем работодателям важно, чтобы их верстала/фронтенд умел пользоваться бутстрапом, иначе нахуй.
>>600457 А что тебе мешает оставить так, как есть? Выглядит нормально и логично, смысл пердолиться ради дегенератизма очередного пакистанского недодизайнера я лично не вижу. Или это тестовое?
>>600470 нет, не тестовое. Сделал тестовое помню, обещали написать о том, как сделал. Скинул им, через день они стерли вакансию. Потом спустя время пригласили на собеседование в другую фирму. При чем туда, куда я хотел еще зимой устроиться. После того, как сказал, что не умею в гит, их лица сразу изменились. В итоге отказ. Эх. Потом скинул отклик еще одной контрке, те сразу отказали. У всех было требование бутстрап.
Кстати совет запихнуть этот блок в слайдер подействовал. Все встало как надо. Странно, что не подумал об этом раньше.
Вообще в планах сейчас месяц потратить на задрачивание всего, и попробовать снова протиснуться на собеседование в ту фирму в которую хотел. Уж очень горю по ней.
>>600480 Понятно, былинная история, конечно. Прямо такая крутая фирма? А я вот уже потихоньку пишу свою жс-логику, но боюсь куда-то отсылать резюме, хех. Уже и до реакта вот дошел, а резюме даже не начинал составлять.
> подействовал Надо же. Я был худшего мнения о готовых слайдерах.
>>600484 ну обстановка там хорошая, да и график какой хочешь делаешь для себя. Учить обещают в случае, если возьмут. Не знаю короче, думаю второго шанса не будет месяцев 3-6 попасть к ним. Везет тебе раз что-то шаришь уже в джс, я пока что не особо блещу умом.
>>600408 Да анончик, лучше сразу идти во фронт, а там вроде знания верстки нужны самые базовые. Но я всё равно хочу верстку изучить досконально, хочется во всем, что работает на стороне браузера быть спецом с большой буквы.
Тот анон, что начинал верстать седону, вкатывается. Успел налить себе чайку, погулять, поесть, походить кругами по комнате под пертурбатора, ещё раз попить чайку, соорудить подставку из книжек для греющегося ноута и потом убрать её для сохранения нормальной устойчивости. И вот наконец открыл макет под мобилочки, и понял, что mobile-first не так охуенна, как кажется, ведь на мобилке всё выглядит как-то не очень хорошо, не удобно структурировать блоки по мобильному макету. Что посоветуешь, анон? Верстать с десктопной версии и прикручивать адаптивность уже потом?
>>600495 Видел бы ты мой лапшекод, не говорил бы, что а шарю, хех. У меня скорее галопом по европам, теорию знаю, а на практике получается какое-то говно (но работает, на этом моменте понимаешь всепрощающую прелесть JS, от которой хардкорные погромисты плюются) >>600496 У меня просто заниженная самооценка. >>600505 Советую не ебать мозг с убогим мобайл-ферстом. Разницы никакой абсолютно, но начинать верстку с десктопной версии намного легче и, самое главное - приятнее.
>>600507 ну я теорию тоже вроде понимаю, но вот как сделать все это я хз. Вот поэтому я не особо шарю. Вот понимаю вроде, что ты делаешь в присваивание, но в функциях нет. Я так понимаю можно учить джс параллельно изучая ДОМ?
>>600505 Такс, возникла первая проблема, возникла оттуда, откуда не ждали - при перезагрузке страницы галповским методом воч слетает плагин-подложка для пиксель-перфект (я не адепт пиксель-перфекта, просто с полупрозрачной подложкой работать, наверное, удобнее.) Кто-нибудь сталкивался? Как можно пофиксить?
>>600523 Вот этот слайдер я писал, вообще не имея представления о том, как манипулировать дом-деревом (теорию о том, что это такое и блаблабла - знаю, конечно), на ходу читал кантора и гуглил.
Ребят, в общем не буду обьяснять, нахуя, но ватчер смотрит за папкой, в которую кладу файлы. Как только там появляется файл - изменение в папке - запускается watch task. Этот таск творит магию и потом по задумке удаляет этот файл из этой папки. Проблема в том, что удаление файла также считается изменением в папке, соответственно запускается watch task, который в этот раз проработает в холостую, так как там ничего нет. Кто-нибудь знает, как это поправить?
Анон, сталкивался кто с подобной проблемой? File to import not found or unreadable: components/grid.scss
Почему-то не хочет импортироваться файл scss. Самое печальное, что бывает, пару раз всё работает нормально, но потом снова выдаёт ошибку, происходит дисконнект с браузером и галп нужно запускать заново.
>>600603 Сделай, чтобы вотчер смотрел за одной папкой, при изменении в ней творил свою магию, а потом результаты переносил в другую папку, при желании ее перед этим очистив. У меня так таск на ужимание картинок работал.
>>600846 Код, мазафака, кэн ю шоу ас ёр факин код? Ай дэйр ю, сэй "скажите из-за чего такая хуйня" визаут э код уан мор тайм, джаст уан мор тайм эн ай дэйр ю, ай дабл дэйр ю... Короче, код давай.
>>600870 Лол, у меня точно также сделано для картинок. В этом то и проблема, что он при изменение начинает творить магию. А изменение это и добавление картинок. Так-же и их очищение. Тоесть когда картинки удаляются, то снова срабатывает таск. В принципе ничего критичного, но все-таки раздражает, когда заглядываю в консоль и вижу холостой таск.
вроде получилось скинуть правильно, проверь. Иконочные шрифты не отображаются печально, но при уменьшении экрана видно все-равно по комментариям в блоке он становится как на моих скриншотах.
Анон, кроме сеток же в бутстрапе полезного нет ничего, верно? Читаю вот о его возможностях, вроде бы и круто, но в реальной же ситуации постоянно надо будет всё кастомизировать.
>>600946 ну я взял оттуда слайдер еще и адаптивное меню. Больше пока что ничего полезного не нашел там. Как страницу эту закончу думаю вырублю все ненужное, так как пока что лень ковыряться где-то лежит.
>>600950 да, выше уже писал почему. Потому что работодателям похуй на то, что ты умеешь в адаптивную верстку. Им надо бутстрап. Вот и ебусь с ним, так как не понимаю эту логику.
>>600942 Сорь, я не тот анон, который кириллицей на ангельском распинался. Я мимоанон, который знает как быстро подключить бутстрап к кодпену. Я начинающий ещё только, поэтому вряд ли смогу ответить на твой вопрос.
>>600950 вот так должна выглядеть эта часть страницы. Думаю макет не делался специально для бутстрап, да и для адаптивной верстки тоже. Наверно поэтому и ебусь с ней.
>>600804 В итоге решил как-то не по канону, немного поменяв настройки сублайма (прописал 'atomic_save' = true, причём true обязательно должно быть без кавычек, иначе не работает). А так решение проблемы - либо установка задержки для таска воч, и как сделать эту задержку, я так и не догадался, либо переезд на ССД.
>>600146 у всех говнослайдеров есть апи, через него можно управлять слайдером через любые внешние штуковины Тебе нужно 2 говнослайдера, который будут завязаны на одни и те же кнопки. Хули сложного то?
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
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://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред