24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак. Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это [YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)
>Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио. Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать? Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Сходил на собесед на должность джуниор макаки верстальщика, в требованиях было написано знание основ нтмл и сss БЕЗ ОПЫТА Дали тестовое, сказали на, верстай дружок, потом это на битрикс поставь В жизни не один сайт не верстал более менее годный, только на бутстрэпе собрал бабе за полчаса сайт-визитку-личный блог с парочкой связанных страниц между собой С псд макетами дел вообще не имел, ну как спиздить кусок макета я есесна знаю, только от этого не легче Как верстать футер вообще понятия не имею, т.е че вырезать а че кодом сделать Вы мне хоть скажите направьте на путь правильный как это гавно слепить меню + лого вверху с цифрами кнопками
>>585320 По деньгам, в зависимости от вашей крутости, так что это обговаривается при встрече и более близком знакомстве. Могу сказать только, что адекватный джун получает 50к + велкам бонус и бонусы за различные достижения!
>>585312 дома у родственников в 500км от своей сычевальни с йоба-пекарни капчую. хуй знает как я на этом кудахтере что то сверстаю, тут фш по 10м запускается, но это опять же меня мало беспокоит
Вот что это за фигня, почему у меня так медленно работает командная строка? Даже не то что модули медленно ставятся, не только, вот сейчас я вбил команду "rm node_modules -r" и эта хуйня выполнялась секунд 10-20. Почему так?
И еще, почему когда я ставлю gulp в папке "node_modules" присутствует огромное количество непонятной хуйни, раньше такого не было, раньше там были только модули, которые я сам лично ставил.
>>585347 алло осетр, ты читаешь хоть немного что я пишу? Мой пк в другом городе, здесь люди планшетами телефонами обходятся, им неипацо крутой компьютер не нужен
>>585382 да какая разница в тестовом обычно дают какую-нибудь левую хрень сделать, которую применить толком негде. Там презентационную страничку свою с заполнением данных, или какое-нибудь устаревшее дерьмо простенькое, или один компонент, например форму. Не дают в тестовое сверстать целиком страницу сайта и посадить. Это уже не тестовое - такое оплачиваться должно
>>585390 анон, ну вот это для сравнения мне питерская контора прислала, должность младший веб разработчик С этой я поебусь-поебусь, да сделаю, моих знаний хватит пожалуй, а с сайтом я хуй знает что делать по сути
>>585421 копипаста с их письма --- Необходимо ее сверстать, функция отправки не нужна, только верстка. В первую очередь будем смотреть кроссбраузерность формы, в т.ч. и в IE ---
>>585302 >на, верстай дружок, потом это на битрикс поставь Я бы таких пидорков нахуй посылал при первой же возможности. Это не тестовое нихуя. Тестовое по верстке - сверстать формочку или что-то типа того, что не отнимет у тебя времени больше часа. Остальное хуярь только платно.
А тебе предлагают сверстать целую страницу и еще посадить ее на движок. Шли их на хуй, даже если тебе жрать нечего, и это последняя работа, на которую тебя могут взять. Серьезно, ты должен себя уважать.
>>585460 Согласен. В хороших компаниях тестовое это что-то эфемерное, непрактичное. Когда я собеседовался в одну американскую, то там мне предложили сверстать один блок типа плиточной менюшки как в винде последней, если собеседуешся на джс дева, то добавляют задание в одну из плиток написать алгоритм смены новостей получаемых из файла. Такой тип заданий - самое то. У опытного займет пару часов, у неопытного много больше, но все равно - не полноценный макет верстать. Разве что четко оговорено что задание платное, тогда можно еще думать.
>>585494 прошел курсы по HTML5/CSS3 в "Специалисте", прочитал "Большую книгу CSS". Сейчас на Академии учусь. Интересна работа, но знаний моих будет явно недостовать. Готов за 40к начать.
Одни диванные погромисты, сидящие на мамкиной шеи, которые думают, а ля ща я еще подучусь и пойду сразу получать зп 250к. Пока вы втыкаете в очередной видеоурок "как легко заебашить спа на ангуляре", все вокруг движется и девелопится. Сидя дома нихуя хороршего не будет. Нада идти в проект и походу, в команде получать ценные знания и превращать их в реальные штуки, которые выполняют бизнес-функции и приносят денги!
Аноны, предлагаю запилить небольшую команду, которая будет подпинывать друг друга и совместно работать над учебными проектами, приобретать, так сказать, опыт командной работы с гитом.
>>585562 Откуда вы вообще такое взяли?Люди до сих пор пилят говносайты где джс не нужен, максимум написать легкий скрипт на джиквери или прикрутить говнобиблитотеку
>>585589 Для тебя всю эту интерактивность написали уже, осталось подправить слегка код и всё. Йобу пилят на ангулярах, но большинство сайтов - говнецо то еще, где из джса слайдер и еще какое-нибудь паралакс говно и модалки.
>>585596 не, конфа это не очень годный план. Лучше команда в 3-4 анона, постоянно работающая над чем-нибудь совместно, с отсеиванием просто числящихся.
>>585601 >На мой взгляд, самая бесполезная форма покерного развития - это обсуждение игры с людьми, которые примерно одного с тобой уровня. Поэтому при общении на игровую тему оба собеседника должны четко осознавать, кто в этой паре более силен и выступает в позиции учителя. Причем если расход игроков в уровне не очень высок, то такая форма обучения полезна с обеих сторон: общение с позиции ученика выстраивает твою базу, учителя - цементирует.
это применительно практически к любым совместным занятиям. Так что сразу распределяйте роли и определяйте у кого опыта больше чем у других. Это типа совет
>>585351 Не хочу скатывать тред в политач, но мне просто интересно, в какой по твоему стране средней зарплаты хватит на то, чтобы не только выжить на следующий месяц, но и откладывать деньги?
>>585705 в развитых странах, в той же США. Анон, уехавший по work & travel, рассказывал, что получал в месяц 2к бачинских, а на жизнь тратил 800, живя в съёмной студии и особо ни в чём себе не отказывая. Другое дело, конечно, что уровень потребления в развитых странах выше, и там жизнь кажется фиговой не без еды, а без какого-нибудь нового айфончика.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
>>585757 возьмут, есть конторы, которые о нем даже не слышали, лол) Где нет никаких трекеров, люди считают что работать в консоле - удел долбоебов и т.д. и т.п.
>>585768 ну еще я видел вакансию, где хотели чтобы верстальщик был еще и фотографом и мог в случае чего поставить винду и заправить принтер в месяц предлагали около 120-150 баксов, точно не помню
>>585824 я хтмлакадемию проходил год назад, если не больше, а применять навыки за этот год ниче нигде не применял, вот и каша в голове сохранилось, то и писал.да и эту форму я никому отсылать не собирался, для себя так сказать
>>585834 ты растерял знания. в этом деле, особенно по началу практика решает. ты сам думаешь как применить, в голове откладывается лучше, чем если делать задания уровня "поменяйте цвет у шрифта и сделайте отступы внутрь"
>>585841 Удаленка требует прокаченных скилов не только предметной области, но и таймменеджмента, самоконтроля, ответственности и т.д. Ибо сидя дома очень легко прокрастинировать..
>>585855 у меня бывают недели, когда я ботаю сутками, забывая о сне и отдыхе, как будто обспидованный. Зато потом, разочаровавшись, что изучение будет очень долгим, руки опускаются и я начинаю сидеть и нихуя не делать месяцами.
>>585870 сколько времени уже выдерживаете такой режим? Сколько всего освоили? Занимаясь эти 6/8 часов, не держите в соседних вкладках двачи и прочую хуйню?
>>585869 Я думаю практически у всех бывают простои, когда 3-4 дня подрят вообще ничего не делается. Все-таки трудно постоянно въябывать на перспективу, если от этого нет отдачи в виде бабла
Я работаю в компании, где мы хотим реализовать амбициозный проект, - CRM/ERP/SharedServices систему с всякими плюшками, такими как скрин-шаринг, интеграция с SIP, WebRTC звонки внутри и т.д.
Приглашаю в команду как опытных JS ниндзь, так и интересующихся джунов с горящими глазами.
Стек технологий: На клиенте React.JS + React Native На сервере Node.JS, Go, Python - кому что ближе, ибо архитектура позволяет делать независимые микросервисы, используя оптимальные технологии.
Мы предлагаем: - Офис в центре ДС; - Бесплатная еда (полноценный обед в ресторане нашей компании); - Комфортное рабочее место (современный ПК, ось и инструменты для разработки выбираете себе сами); - ЗП + "welcome bonus" + бонусы отличные бонусы за релизы в срок; - Ну и конечно дружный коллектив, возможность развиваться, изучать новые технологии и применять их на практике.
У нас уже есть рабочий прототип с некоторым функционалом, но в данный момент мы прекратили разработку и изучаем рынок/проектируем архитектуру/выбираем стек технологий.
На данном этапе нужны люди именно в офис в Москве, в дальнейшем планируем нанимать удаленные команды.
>>585872 5 дней в неделю, уже 3 месяц. 8 часов, это "чистое время" с некоторым отвлечением на ленту твиттера, этот тред + жрат, дела по дому. Грязным уходит часов 10-12.
> Сколько всего освоили? 2 интенсива от академии + Кантора 2 раз перечитываю + читал некоторые главы из фленегана и "Выразительного жса". Сейчас курю учебник по jquery.
>>585876 Работая удаленно и обучаясь, всегда есть риск что что-то ты будешь делать слишком долго, тратя свое время, а профит получишь лишь после того как все сделаешь, т.е. этот момент может никогда не наступить.. Работая в офисе, - ты получаешь ЗП, что автоматически мотивирует тебя + премии.
>>585872 ну я проходил базовый и продвинутый занимаясь по 4 часа примерно. Потом стало стыдно, что так много времени уходит в пустую. Сейчас вот по сути только первый месяц подходит к концу когда по 6 занимаюсь - штудирую Кантора (учебник + видосы). В середине месяца вроде отписывался тут, что первую часть прорешал (где сам язык). Думаю, еще уйдет около полумесяца на добивания дополнительной части учебника и главы из второй части.
придерживаюсь техники помодоро, по ней отвлекаться нельзя. Сейчас вот зашел на двач почиткать че тут написали.
Программирование сегодня — это гонка разработчиков программ, стремящихся писать программы больше и с лучшей идиотоустойчивостью, и вселенной, которая пытается создавать больших и лучших идиотов. Пока вселенная побеждает. — Rick Cook
>>585853 Да, тут ты тоже прав, но и работая в офисе, человек должен быть ответственным и способным к самообучению. Некоторые умудряются и на работе опаздывать и прокрастинировать.
Олсо, уже 4 дня работаю через силу по пару часов, после чего люжусь спать часа на 3-4, после чего снова залипаю в код. Страшновато, ведь за неделю нужно сверстать 2 сайта, а у меня конь не валялся, только заканчиваю главную страницу. Делать совершенно ничего не хочется.
А я таки заставил себя доверстать пинк, т.к. просто не нашел больше годных макетов с предусмотренной адаптивностью, готовыми свг и ретиной. Итого у меня 7 макетов (это если считать барбершоп на флексах), больше верстать вникуда не могу себя заставить. Планирую сейчас все свои проектики обмазать джаваскриптом, слайдеры там написать самостоятельно, аяк-хуякс, валидация и прочая базовая хрень.
>>585853 бля, посмотри вакансии полностью удаленных компашек, они там по дефолту сидят в скайп конфе, в конце раб для все отчитываются что сделал, что завтра будешь делать, есть ли проблемы. Ахуеешь проебываться.
>>585895 Сейм шит, но у меня есть рабочий проект один законченный, сейчас его поддерживаю время от времени. Делал для родственников, лол. Надо додрочить нормально жс, а то я могу набыдлокодить, но чувствую, что какую-то хуйню делаю, хотя всё работает. Сейчас пока такие планы: ванила, жиквиери, нода+фреймоворк. Параллельно: триз + математика. Внезапно, обосрался при изучении потому, что забыл как решать простые уравнения, ахуеть вообще.
>>585966 Ты где такую работу видел, чтоб чисто псд ту хтмл? Мне кажется, даже в самой задрыщенной конторе из двух с половиной человек половину времени тебе придется ебаться с цмс, джиэс, пхп, и их разными фреймворками/библиотеками.
Кстати, вопрос опытным фронтовикам. Как часто вам приходится раюотать с цмс? Будь то создание собственных тем прл них, или редактирование каких-то существующих?
>>586047 именно в задрощенной конторе он и будет человеком-оркестром. А вот конторы посерьёзнее, бывает, нанимают чистых верстальщиков, так как им можно платить меньше.
Правильно ли я понимаю, что этот ваш БЭМ, по сути, просто отказ от каскадирования в пользу отдельных стилей для каждого элемента + система именования этих стилей?
>>586145 >Поясните за БЭМ Говно без задач. Самое мерзкое что работаю в конторе по этой методологии и знаю о чем говорю. Когда выдумываешь нейминг для класса, дольше чем верстаешь это пиздец.
Ребят, смотрю базовый интенсив от хтмлакадемии, а там говорят про личный сайт, который делают с наставником. Мне стоит его делать, если я мало что понял? (Пытался сделать nerd's, сделал навигацию, но затупил сразу на слайдере вот этом)
>>586173 Слайдер будет разобран в 6 уроке. Пока смотришь первый раз можешь за ними барбершоп повторять. Посмотрел урок, сделал курсы из дз, прочитал допы, потом все закрыл и повторил то что делали на уроке сам. Потом когда видосы глянешь все уже сядешь и нердс верстать и остальные макеты. Так будет проще учиться, если без наставника
>>586171 Придумывать хорошие и правильные имена - хороший скил. И в программировании в том числе. А то можно написать хуйволду, а через месяц откроешь и хер поймешь че ты имел ввиду и что это название означает
>>586189 Все должно быть в меру, избыточность бэма заебала до смерти, свои прежние работы в которых основой стилей была каскадность, вложенность и семантика уже вспоминаю с любовью, хотя они далеко не идеальны можно еще чище а бэм это просто каша из говноклассов, но деньги не пахунут, и приходится делать согласно стайлгайду студии.
>>586218 Каскад - это лютое убожество, ноу дискасс. А вот что тебе мешает верстать семантично по бэму - хуй знает. Бэм очень популярен в СНГ, хотя я бы лично использовал smacss. Но на самом деле, это сорта одного и того же.
>>586231 >Каскад - это лютое убожество Классная история бро >что тебе мешает верстать семантично по бэму Действительно учитывая, что цель бэм отвязать блоки от семантики и привязать к логическому значению >Но на самом деле, это сорта одного и того же Они похожи, но очень слабо smacss не ввергает тебя в бездну ональной оккупации и правила нейминга гораздо менее ебанутые
>>586246 Дополню, что попытка запилить паттерны программирования в html заранее провальны ибо верстка скорее относится к типографике, а там все эти методолгие не упали нахуй
>>586274 >интернет-магазин большой? Именно его я сейчас и верстаю. Предваряя стандартную мантру про то что мне вдруг понадобится поменять цвет у вложенной ссылки и бэм тут ахуеть как поможет, скажу: 1. не поможет 2. ни одного подобного случая не было за все 3 года работы 3. если опросить 9999 фронтэндеров подобного случая не было ни у одного, я гарантирую это
>Вы классы для БЭМа не руками пишете, надеюсь? Именно, говноедский сборщик от яндекса там и не применим (и слава богу) ибо проект перешел из рук в руки от другой студии, соответственно эту кашу из говно приходится приводить в человеческий вид, ну как в человеческий, такая же параша только теперь по бэм
>>586280 Я не собирался говорить ничего такого, просто странно, что работаю в большом проекте ты до сих пор не понял преимуществ модульности и почему-то считаешь, что html это «про типографику».
>Именно Ну, что я могу сказать, если ваш технологический стек настолько хуевый, что даже такая простая работа не автоматизируется (тысячи либ вроде bem-cn), то я вообще не понимаю чего ты тут пиздишь про то какое БЭМ говно.
>>586305 Напишите функцию, которая возвращает массив функций, которые делают бочку и возвращают коэффициент вращения бочки, принимая на вход неограниченное число аргументов. Функция должна работать с любыми типами примитов.
>>586331 > jsfiddle Ну епта Не могу сейчас под утро понять логику твоего галпфайла, но вообще я watch выносил в отдельный таск и делал как-то так http://codepen.io/anon/pen/wWvLJy
>>586341 gulp-watch же. Мне кажется у тебя проблема в том, что встроенный watch говнистый, либо в том, что у тебя watch-таск по два раза рефрешится. Вот мое древнее, составлено по советам анонов с треда, работает как часы, правда без лайврелоада (он у меня был вообще-то, но я уже где-то месяц не верстаю и куда-то проебал) и под мою структуру проектов, думаю пофиксишь под себя без проблем. http://codepen.io/anon/pen/YWzoEN
Парни подскажите, как реализовать такие уголки для блока? Есть идея, сделать блок в блоке, и каждому через бефор и афтер задать по уголку, в сумме будет нужные 4. Но это лишний блок.
>>586378 По-моему, можно делать псевдоэлементы для псевдоэлементов. Где-то читал, что страницу можно сверстать практически на одном css, правда, это то ещё извращение.
Что бы там ни говорили про БЭМ. Он вывел меня и рабства одного многотысячестрочного файла, где отсутствовали какие-либо правила нейминга. Он подарил мне новый дивный мир, где все разложено по аккуратным понятным файликам длиной максимум в 500 строк. Мир, где не нужен вечный ctr+F. И, я не фанатичный бэмоеб. Я, пожалуй, даже неправильно его использую, взяв только то, что понравилось. Не стесняюсь вплетать в него каскадность, где это кажется целесообразным. Например, дам класс для UL, не даю классов его внутренностям - li, a - использую каскад для стилей. Практика показала, что это удобнее (именно мне, естественно), чем хуячить классы каждому. А уж про таблицы и говорить нечего. Достаточно и удобно просто задать table.table, а далее стилизовать каскадно. Если появляются какие-то отклоняющиеся элементы, не обломаюсь дать им отдельные не-бэм стили, типа .date, .time, чтобы не ебаться с длинными названиями (стилизую каскадно, .table .date, чтобы мочь использовать те же имена в другом месте не рискую пересечься в стилях).
После первобытной однофайловой верстки, с которой выходишь из базового интенсива, БЭМ - настоящее откровение.
>>586402 не думал, об этом. моя мысль о том, что бэм - это явно шаг вперед по сравнению с той неразберихой в стилизации, творящейся у всех новичков. Ну и как обычно критики критикуют, но ничего не предлагают взамен. Где хоть одна ссылка или пост про преимущества или вообще про технику другую? Да хотя бы ее название.
>>586414 а почему ты считаешь, что все css-правила в одном файле, в том числе и на этапе разработки - это плохо? Есть же миникарта, комментарии, при помощи которых один файл можно разбить на блоки, ctrl+f в конце концов.
>>586417 А почему ты когда изучаешь физику, не накладываешь себе на стол книги по эпохе возрождения, собрание сочинений Пущина, пару томов Ленина... Ведь на них есть же названия на корешках. Можешь, в конце концов, попросить мамку искать физику, когда вся эта поебота ненужная ее завалит. Я сам много верстал одним файлом, с комментариями, даже более менее упорядоченно. И долго на scss не считал даже нужным переходить. Потом пошел на продвинутый и первое же, что оттуда унес - это БЭМ. Это было незабываемое облегчение.
>>586446 Ок. Предлагаю: 1. Использовать возможности SCSS чтобы сократить бойлерплейт в стилях: .block { &__element1 {...} &__element2 {...} } 2. Не использовать ul и table. Вся семантика через блоки. 3. Использовать селектор >, если нужно применить что-то к детям. 4. Использовать автоматизированную генерацию классов через любую из множества БЭМ-библиотек.
>Один небэм-класс в другом небэм-классе не использую. Это несущественно. Когда ты пишешь .class1 .class2, то браузер в случае нахождения class2 будет вынужден проверить все ноды вплоть до html на наличие class1.
>>586448 1. использую 2. не использую. Я неправильно написал, надо было: .header__list li a.green. 3. Не понял, в каких случаях. Это же тем более каскадность уже. 4. Не дорос до нее, не юзал. Что сам используешь?
>>Это несущественно. Это ты про оптимизацию и ускорение? Для меня это еще пока мелочи.
>3. Не понял, в каких случаях. Это же тем более каскадность уже. Когда нужно выбрать дочерние элементы, но не хочется заставлять браузер искать по всему дереву.
>4. Использовать автоматизированную генерацию классов через любую из множества БЭМ-библиотек. Я программирую на Реакте и CSS-модулях, использую самописное поделие: https://www.npmjs.com/package/catnip
>Как прошёл тринадцатый онлайн‑курс «Базовый HTML и CSS» В тринадцатом интенсиве Базовый HTML и CSS участвовало 446 человек. Успешно сдал свои выпускные проекты 221 ученик.
Фух. Заканчивается первый день работы верстальщиком в местной веб-студии. Сваял сегодня две странички, одну главную и внутреннюю, для местного, опять же, говносайта.
В целом, обстановка нравится, хоть и холодно, да я ещё из-за своей нелюдимости не подходил даже к кулеру и чаю.
Обещали 25К на испытательный срок, потом выше. Работа с 10.00 до 18.00, пятидневка.
Сейчас вот думаю, как можно ускорить свою работу, потому что мне кажется, что я пиздец как медленно пишу код. Пока что пользуюсь единственный командой из Emmet-а, которая по tab-у раскрывает div с написанным классом. Лол.
У меня webstorm пизданулся и не применяет emmet для первых элементов в теге body, но во вложенных применяет, и вообще в любом другом месте, хоть в теге head.
Блятьсуканахуймразь, как сбросить настройки ебаного webstorma? Эта мразь поломалась и не дает мне использовать сокращения emmet в body, т.е. везде можно но не там.
>>586959 ладно, вроде как разобрался, но это конечно полный пиздец, что это так легко можно поломать. Видимо я, зажав alt+enter поменял какую-то хрень в language enjaction у тега body, методом тыка вылечилось
>>586395 >Миллионы веб-разработчиков Чего сразу не триллионы то? слава богу вся эта параша не выходит особо за пределы снг, а вот в цивилизованном мире, да, про такое говноедство и не слышали, живут же люди (хотя справедливости ради надо сказать что и своего говна там хватает например атомарный-css)
>>586941 не говорят, что ты тупишь или тормозишь? Лол, нет, наоборот говорят, что быстро делаю. >Яваскрипт пишешь? Не пишу, но плагинчики подключаю и настраиваю. Слайдер там, анимацию через wow.js и всё такое. >Какие вообще требования были к вакансии? HTML5, CSS3, JavaScript, jQuery знание кроссбраузерной, адаптивной верстки верстка под мобильные платформы умение разбираться с чужой версткой
>>586822 > переполнение рынка если не уже, до близко походу Вау, ребята умеют еле-еле верстать фикс макеты, о господи, какой ужас, они займут все наши места!
Аноны, для саморазвития взялся сделать сайт знакомому.
Нужно сделать 5-7 страничек простой визитки, НО! одна из страниц - блог, с возможностью добавлять записи и тд.Как это сделать? знаю поверхностно HTML|CSS немного Javascript. Попробовал сделать на WordPress, - никуя понять не могу, как редактировать страницы и тд.
Помогите пожалуйста, скажите как это БЕЗ WOrdPress сделать
>>587094 Ты прав, чем глубже по интенсивам, тем больше закидывают. На про двинутом меньше гораздо, а он то более годный. Про жс вообще молчу, но жс курс академии не оче показатель.
>>587094 На деле, последнее время появляется все больше и больше верстал, которые занимают низшие места в сфере фронта. Чем глубже во фронт, тем меньше кадров. Вывод, чтобы не было особой конкуренции, Углубляйся все глубже во фронт, развивайся, а не верстай лендинги всю свою жизнь.
>>587105 не забывай, что многие эти низшие версталы прокачаются до приемлимого уровня гораздо раньше, чем анон, сидящий у мамки на шее и половину дня, в связи с низкой кратковременной мотивацией, скроллящего борды.
>>587110 >с низкой кратковременной мотивацией В этом и беда большинства анонов(в том числе моя) как обезьянки от дофамина зависят. Дисциплина важнее мотивации, а дисциплина это привычка. Читайте "сила воли как развить и укрепить" и "сила привычки".
>>586822 а ты хуле хотел. как сказал персонаж одной книжонки, тебе придется попотеть за свое жалование, сынок. поэтому думать надо не о том, что их много, а о том, как стать лучше и выдать на ротан всей этой ололокающей питушне.
Дают подработку. Надо сверстать страничку небольшого интернет-магазина. Дизайн очень простенький, делался под бутстрап. Всего 7 разных страниц. Дают неделю, и 2000 гривен. Не продешевил? Говорят, будут бонусы, если сделаю в срок. Уточню: это чистая верстка, без бэка.
Привет, аноны. Я тут вёрсткой занимаюсь около месяца, просмотрел базовый, прошёл курсы и прочая хуйня. Сверстал тут страничку ориентируясь на макет, можете посмотреть? Там есть вдобавок псдшник исходный, правда он 1440px, а я верстал под 1200 размер, потому что резиново (или как это называется?) верстать ещё не умею. Короче, сайт тут - http://tvoibatya.github.io/ Если ты ещё код посмотришь, я вообще буду по гроб жизни благодарен - он тут https://github.com/tvoibatya/tvoibatya.github.io
Верстал на флоатах, потому что кроме флоатов и инлайн-блоков ничего пока другого не знаю, а тут вроде инлайн-блоков-то не так уж и много. Ну и конечно буду рад если укажешь на ошибки.
>>587180 В целом неплохо. Макет простой, можешь попробовать сделать его адаптивным - смотри Итан Маркотт "Отзывчивый веб-дизайн" (2-е издание от 2014 г.), пока не обмазался мобайл-фёрстом из продвинутого интенсива.
Олсо, есть мнение, что длительность транзишена и анимаций должна быть не более 400ms. В глаза бросается долгий переход цвета ссылок в футере.
>>587180 зачем линк на код, если в инспекторе все видно, а jsa у тебя там явно не видно. Косяк с h2 заголовках, там после них псевдоэлемент, при увеличении длины заголовка наезжает на текст. Еще там есть косяк где ноутбуки, там кнопка уезжает при переполненни блоков.
Ребята, я хочу угореть по emам и remам, как модные бородатые стартаперы из сан-франциско, но в псд макетах всё в пикселях, и делать вёрстку в относительных величинах - крайне неудобно. У меня ПИКСЕЛЬ ПЕРФЕКТ от этого.
Ладненько, спасибо тем, кто ответил. Я пока задам несколько вопросов. 1) верным ли было решение в данном макете верстать всё на флоутах? Тут вроде бы инлайн-блоки только в списках применяются в li. 2) Фотки и картинки (кроме ноутбуков в портфолио) засовывал в спрайты. Хорошая ли это практика? Или же в спрайты надо пихать только мелкие иконки а-ля ссылки на инстаграм, твиттер и прочее? 3) И вообще все изображения (кроме логотипа и ноутбуков) были поставлены на фон дивов? Правильное ли решение? Потому что если у человека "отвалится" цсс, то он не потеряет ничего, если не увидит эти иконки, фотографии клиентов и тому подобное, т.к. изображение декоративное.
>>587256 Там еще к тому же обьясняли, когда использовать <img> а когда background-image. Видимо ты не до конца усвоил. Вот смотри пикрелейтед. Это у тебя секция "команда". В ней информация по каждому члену команды с фотографией. Так почему ты использовал тут background-image? Ведь эти картинки относятся непосредственно к контенту.
>>587275 Я рассуждал, что мне не важны лица людей, главное что я вижу их ФИО и статус. Поэтому захуярил как фон дивов. И да, на базовом интенсиве у них лица тоже спрайтами сделаны - >>587276
Ой, я же хотел спросить. Фронтаны, как можно оценить свой уровень JS? Вот я могу решать всякие хитровыебанные задачки, могу запилить свой горизонтально-вертиальный слайдер с динамической пагинацией, ну всякие попапы, валидация и аякс отправка формочек, само собой. Но мне кажется, что я полное дно и ничего не понимаю. Какой-то ступорный этап в обучении настал, что делать - не знаю. Сразу реакт/ангулар учить, как в одном из прошлых тредов советовали? Или лучше уже искать работу за еду?
Мне вот интересно насколько наставники из хтмлакадемии помогают на их курсах. По их вебинарам складывается впечатление, что они тупо продают мечту лохам.
>>587327 Ну это типа для самых ленивых, которым лень гуглить, вкратце рассказать че да как. Продвинутый интенсив, по-моему, вообще халтура чистой воды. Я гораздо больше извлек из доп.материалов нежели из видосов.
>>587322 Стандартные видеоролики по обучению чему-либо. Я в своё время учил хтмл с нуля по специалисту, там мужик с охуенным голосом объяснят на пальцах для домохозяек что к чему,плюс в специалисте обсуждают тонкости вёрстки для ие. Если что старый курс, а не новый. На торрентах их две версии.
>>587313 >>587315 >>587325 Cпасибо. Начну реакт на неделе. В пр не пойду, там какие-то дикари сидят, начнут затирать про какие-нибудь паттерны, angular2 vs reacut-redux, разведут срач на 200 постов, а на вопрос не ответят.
>>587334 В "мы вам перезвоним" вбрасывали статью, где говорилось, что из-за всяких гоайти в украине конкурс по 40 человек на место, при чем из этих 40, 35 - конченые дауны, абсолютно ничего не понимающие. Такая вот минутка мотивации.
>>587340 специалист нынче смешняво выглядит на фоне ебучих хипсторков с флэт-дизайном головного мозга, этакий айсберг из начала двухтысячных. борисов у них ниче дядька, забавно толкует.
>>587345 >35 - конченые дауны Но их же отфильтровывают и реальная конкуренция для анона это 5 человек на место? Хотя хер его знает, сейчас успех трудоустройства больше зависит от настроения ТП на приемке, а не от безумных умений кандидата.
Начальник рассказывал, что до того, как он взял моего предшественника, он где-то около 10 человек перебрал и все они были просто наглухо отбитыми даунами. Предшественник тоже не фонтан, но в принципе норм, на твердую четверочку все делал. Я не знаю, что он делать будет, когда я все-таки уйду через месяца три. Ну да похуй, не мои проблемы.
Я к тому, что всю эту "конкуренцию" стоит бояться только на самых первых шагах. Чуть вперед вырвешься и все, ситуация кардинально меняется и уже hr бегают за тобой, а не ты за ними.
Господа, из шапки: "http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган" Имеется ввиду учебник, который у них на сайте выложен? Ни интерактивных курсов, ни видео как у HTML-A у них нету?
А есть тут аноны пользующиеся бутстрапом? Помогите найти, как сделать. В 3 версии можно перед скачиванием сделать настройки, которые будут содержаться в бутстрапе. Как сделать также на 4 версии, ну или хотя бы на 3.3.6?
>>587359 То же самое было на первой работе. До меня перебрали человек 10-15, и все были в разы хуже меня. И это при том, что я тогда только-только начинал верстать. Сейчас даже не хочу смотреть тот код, он ну очень ужасен. А когда я уходил, в фирме не могли найти замену, приходили люди, которые верстают при помощи position: absolute все блоки, вырезают тексты картинками из psd и прочее.
>>587399 а я ссусь кидать заявки в хх, так как у всех требование бутстрап. Могу в адаптивную верстку сам, но этот бутстрап не хочет поддаваться мне. Реально не могу переключиться от адаптивной на что-то похожее.
>>587410 Учится за пару дней на проекте, совершенно простейший фреймворк. Расслабься, кидай резюме и говори, что не юзал, но выучишь очень быстро. Достаточно почитать документацию и пару раз поверстать на нем.
Аноны, как дела сейчас у дизайнеров на фрилансе? Появился заказик, хочу всё сделать сам, но в дизайн так и не могу. Сколько сейчас примерно стоит создание дизайна лендинга на вордпрессе (то бишь, длинная главная страница, а на дополнительных страницах - каталог, акции и отзывы) трудами фрилансера и на какое качество работы стоит рассчитывать? на всё про всё, учитывая и мою работу, выделено 20к, даже тз есть, осталось только утвердить макет
Аноны, срочный вопрос. Какой самый простой способ запилить включение в разные страницы одинаковых html-блоков, типа хедера или футера? А какой способ самый правильный? Не прибегая к php-темплейтам.
>>587569 Кстати вопрос по sass bootstrap. Там чет совсем дохуя непонятных мне файлов. Они оказывают какое-то влияние на файлы из папки assets, или мне ихз можно просто удалить нахрен?
>>587578 Там в стилевом файле главный есть, где все импорты прописаны. Берешь удаляешь все что нахуй не нужно и он становится легче и пиздаче, можешь и фонты с картинками удалить к хуям если только грид используешь, к примеру.
Мне так нравится ваш тред, тут хорошая атмосфера по сравнению со многими другими тредами в /wrk. Сам прошел половину курсов от академии в январе, потом посмотрел 4 интенсива и запал иссяк. Теперь вернулся, благо почти все знания сохранились в голове, пытаюсь учить дальше. Тема интересна, но вот как заставлять себя учиться постоянно — не знаю.
>>587583 тебе только assets надо, в остальном всякие зависимости для боверов и тд написаны, они тебе нахуй не нужны. тоесть можешь все удалить кроме папки ассетов, если с локала подрубаешь.
>>587598 Это да. Скорее, меня деморализует то, что в моем ~100к мухосранске я еще не видел вакансий фронтендеров/верстал. Лишь изредка погромизды и сисадмины всплывают в списках.
>>587523 20к и стоит примерно. Дизайн - около 5-6 тыщ, остальное - верстка, натяжка и подключение жиквери, так что еще можно демпингануть в зависимости от того, как ты оцениваешь сам себя.
Посоны, идёт второй день работы в студии. Настроение норм, только жрать дома нечего и с работы сегодня пешком пойду, лол, ибо денег вообще ноль.
Скажите, пожалуйста, один !important на джве страницы - это норм?
Алсо, если потом кодеры будут ставить мою вёрстку на WP и там есть такой нюанс: у всех страниц сайта, кроме одной ("О компании") хлебные крошки сделаны по шаблону. И только на странице "О компании" блок с хлебными крошками обрамлён ещё одним блоком, потому что дизайнер решил, что так будет красиво.
То им придётся, по сути, делать отдельную страницу а-ля about.php, так?
Парни, вот такой еще вопрос. Это заголовок. Как его лучше сделать? Сам блок обрамить, а заголовку задать position: absolute и нужный фон. Как идея? Не фиелдсетом же это делать.
>>587684 >Только один вопрос, не отваливается при изменении масштаба? Нет, не отваливается. Потому что absolute-координаты задаются по отношению к родителю. Хотя... если размеры родителя у тебя динамические, то даже не знаю.
>>587618 >точно такая же вакансия в городе висит и те же требования и та же зп...бля мухосрань у тебя не на 500к? Лолнет, город милионник в Поволжье.
Ананасы, нам в команду на удалёнку нужен ещё один фронт (и бэк Django). Одного мы взяли ещё в позапрошлом треде. Нормальный проект, говнокод имеется, высоконагруженный, стабильный, не стартап, коллектив без мудаков, нормальная такса.
Приоритетно: AngularJS, Stylus, jQuery Кроме того: Gulp, Git, отсутствие бреда в нативном js.
Выдам тестовое [email protected], кто уже делал в прошлый раз с массивами - дам другое.
>>587582 "запал" это детский лепет. Я уже писал что от "запала" зависят всякие хомячки бесцельно проживающие свою жизнь и ждущие "мотивации" поднять жопу с дивана. Дисциплина важнее, можно привить необходимые навыки в самообразовании как силу воли, но это результат систематичной работы над собой, а не сиюминутного слабого кококо. Почитай "сила воли как развить и укрепить", на курсере запишись на "learn how to learn".
Верстаны, когда верстаешь фикс надо всем элементам прописывать ширины? Я раньше так вроде бы не делал, но сейчас сверстал сетку сайта, изменяю масштаб, шапка улетает куда - то в сторону, главное содержание нормально держится. Как так
Суп котаны, только что из собеса в местную конторку. Чем оно примечательно, так это тем что в конце они меня усадили делать айкью тест. Я на такую хуйню не подписывался, думал вообще уйти, но все-таки решил. В с этим вообще сталкивались?
Анончики, начинаю работать с scss. галп-письки успешно подключил Пытаюсь понять, как лучше организовать файловую архитектуру проекта. есть папка blocks привет БЭМу Там блоки. Куда скидывать normalize.scss, bootsrtap.scss, variables.scss, mixins.scss, fonts.scss? Достаточно их скинуть в одну папку - vendor, ну или хз как её назвать, либо лучше раскидать их по нескольким папкам?
>>587851 тест iq, пиздец. Просили бы вышку хоть тогда что ли. Я с одной конторой пиздел они сказали что перед собеседованием необходимо пройти тесты на логику. Из той же серии. Вот портфолио, вот примеры кода, дайте тестовое...нет, тест на логику, ебанутые хуле.
>>587851 А у меня есть шанс работы в банке за неплохие деньги. Но там надо будет проходить полиграф. Вроде никаких грехов нет, а всё равно как-то беспокойно что там могут спросить.
Что-то я уже задолбался. Это всё потому, что все восемь часов я поднимался со стула только затем, чтобы налить себе чаю или кофе (принёс свою кружку, здорово, жаль только сахара тут, похоже, нет). Перед глазами коды, коды, коды. В левом глазу HTML, в правом CSS.
Алсо, аноны, как вы работаете над вёрсткой? У меня вот открыт Sublime Text, в нём две вкладки. Левая чуть побольше с HTML-кодом, правая, чуть поменьше, с CSS. Очень удобно: хуячишь сначала логику в левом окне, забиваешь контентом, а потом описываешь стили в окне правом.
Напрягает, что зарплату тут будут платить раз в месяц, а не раз в джве недели. Т.е. ещё 27 дней нужно на что-то жить и чем-то питаться.
Сеошник заебал. Пиздит и пиздит не затыкаясь о всякой хуйне. То он хочет в баню пойти, то у него друг полсотни биткоинов намайнил, то, блядь, о Евросоюзе, то сидит-писается, что у него два сайта из под АГС вышли.
А, вообще, в целом, обстановка довольно ламповая. Мне нравится дизайнер, хоть он и использует 10 шрифтов на одной странице.
После часов писания кода есть желание пописать просто словами. Может завести бложек аутиста, куда сливать накопившееся за день, лол?
>>587905 Пол экрана редактор, вторая половина браузер + лайв релоад. Зачем одновременно хтмл и цсс видеть понять не могу. Все равно сначала делаешь структуру в хтмл, а потом переключаешься на цсс и в штмл только иногда подсматриваешь или дополняешь по мелочи.
Я один здесь как лох без лайврелоада и двух мониторов? Просто прописываю стили в браузере, а потом копирую их в редактор. Какого-то профита или увлечения скорости от этих перделок не вижу.
Интенсивы html академии точно годнота? Начал смотреть, пахнет пидорашьей хуетой. Лектор говорит адобЕ, пиздец, адобе, блядь! Чатик с быдлом это тоже пиздец, я из за всяких мамкиных "буду верстальщиком епт гыыы" комментарии в курсах никогда не открывал, тошнить начинало, а теперь оно постоянно мелькает, наверное просто закрою эту область экрана в плеере.
>>587924 я тоже без двух мониторов работал, но неудобно как-то. С двумя, пусть даже со вторым уёбищным, получше живётся. Тем более, они тысячу-полторы стоят.
>>587931 зря. Я сам к ноуту монитор подключил, который в кладовке нашёл, 1280*1024, с зелёной полосой посередине. И всё-равно с ним лучше, чем без него.
>>587922 >А можно ли так же поделить окно в сублайме? View -> Layout -> Columns 2
>>587924 >Я один здесь как лох без лайврелоада и двух мониторов? Просто прописываю стили в браузере, а потом копирую их в редактор. Я тоже раньше так делал. Сейчас иногда лишь, когда возникает какая-нибудь особо заковыристая задача. Такой способ OCHE медленный. Я могу тебе посоветовать так ускориться, опять же, по собственному опыту. Есть плагин для Firefox, который позволяет хуячить стили прямо в инспекторе браузера, в live-режиме, а потом нажимать кнопку "сэйв" и они автоматически сохранятся в файле.
>>587910 >ты какой-то странный. И почему у тебя css файл меньше html'ьного? Очевидно же, потому что в CSS ты хуяришь почти что в столбец, в отличие от HTML.
>>587946 >>587952 Я смотрю 90% материалов на английском. Благо их легко найти. А не тешу свое самолюбие посмеиваясь над ошибками других(причем ошибками непринципиальными). По делу он может и полезное что то сказать.
>>587955 Для меня это не главное, но говорит об общей культуре человека, который проработав столько лет в сфере где важно хорошее знание английского произносит часто употребительные слова на уровне дцпшника из детского сада. Это всё равно, что говорить микрософт.
Тоже бесили комменты на интенсиве, особенно в первых выпусках. Какие-то чрезмерные смайлобляди, флудик, а еще некие уебки, которые прошарены чуть больше новичков и стараются блеснуть своими охуеть знаниями, типа ДА ТАМ ЛЕХКО, или вперед лектора ввернуть название какого-то метода или технологии. Мол смотрите, какой я умный.
>>587965 Нахуй они вообще пришли. Надо как в армии. Вы верстальные душары. На тебе еще мою работу. Для практики, ради твоего блага. А потом дембельский проект - чтоб все светилось, крутилось, пердело и летало по экрану. С поддержкой ie6 обязательно. Дух должен почувствовать боль олдфагов.
>>587853 >>587856 Тут подробно расписано: https://sass-guidelin.es/ru/#section-51 Я в итоге все свои "домашние" проектики передалал, пикрелейтед, например. На самом деле все просто: там, где прописана сетка - это layout (хедер-футер-мэйнконтент, у меня еще пара блоков). Кнопочки, секшн/див с контентом, всякие дропдауны и прочая контентная хрень - компонентс. Хотя это все можно варьировать. Главное, шрифты и миксины с переменными не засовывать в компоненты, это как-то по-пидарски.
>>587961 Зато он знает то, что нужно знать тебе и закалачивает на этом бабло. Чувак, серьезно. Я как-то смотрел курс по экономике, в котором препод делал очень смешную ошибку в ударение какого-то экономического термина (из головы выпало сейчас какого), меня это дико смешило, но абсолютно не мешало. Такое вообще сплошь и рядом. Смотри и не выебывайся.
>>588359 Окей, схороню, а завтра посмотрю. Сегодня уже бошка не варит. А как быть с БЭМ? Допустим мы верстаем header. Его пихаем в layout. Но у хедера внутри еще есть блоки (menu, logo...). БЭМ же нам говорит, что для них нужны отдельные файлы, разве нет?
Анон, планирую из фриланса переводчиком постепенно перекатываться во всякие фронтенды с погромированнием. Из опыта верстки только пара склепанных сайтов для локальной быдлоконторы лет пять назад, сейчас вспоминаю все по htmlacademy, учу javascript. Как можно с таким хуевым скилсетом найти работу, чтобы на практике уже применять?
>>588384 Бэм-хуэм, структура проекта должна быть логичной, чтобы среди 1000 файликов можно было бы найти нужный при случае и пофиксить. Вот каждая кнопка по бэму - это отдельный блок, но мы их все стилизуем в общем компоненте _buttons, а не создаем с десяток независимых блоков а-ля _header-button, _content-button, _button-submit, _button-yandex--govno и так далее.
>>588474 тоже самое с хедером? всё что в хедере - стилизуем там? (лого, меню, user-block)? Меня просто самого напрягает постоянно создавать новые файлы под каждый блок. В принципе я бы согласился всё что в хедере - оформлять в header.scss
>>588478 Ну смотри, у тебя есть _хедер, там ты пишешь, дисплей флекс, жустивай туда, элайн сюда — этот файлик идет в /layout. Потом у тебя в хедере есть навигация - это уже компонент, под него создаем файлик _навигейшн. Под ним, допустим, слайдер - это тоже компонент, _слайдер. И еще три кнопки, это тоже компонент, единый, _баттонс. В общем, БЭМ идет нахуй и на саму структуру проекта влияет косвенно. А вообще можешь делать так, как тебе удобно, главное основное разделение забацать (миксины-переменные-бутстрапы-нормалайзы-шрифты и прочее — отдельно, блоки/компоненты — отдельно). Все равно если на работу устроишься, будешь работать по корпоративным стандартам.
>>588502 Потому что без него твоя письменная речь выглядела бы хуже, как-то более канцелярски и официально, что ли. Именно поэтому стоит использовать в ней слова-паразиты и смайлики :3
Нюфаг итт, 29 лет + вагон свободного времени. Ничего не знаю совсем про верстку, профессия была связанна с другим.
Буду у вас жить.
Начинать буду с этого: > Сначала вкратце по процессу обучения: если совсем нихуя не знаешь, то лучше начинай учить именно HTML/CSS
> http://htmlacademy.ru/ - ультрагоднота, советую начинать изучение HTML/CSS отсюда. У них же есть интенсивы (обучающие видеоуроки, для лучшего понимания предмета, тоже мастхев) ссылки чуть ниже.
А что делать когда бесплатный вариант закончится и пойдут платные уроки?
Ну кроме того, что покуать их, я не то чтобы нищий, но денег нет совсем сейчас, вообще нет - все трачу на лекарства (болею, по этому собственно и времени дохуя) до конца лета денег не будт точно.
Есть еще варианты не в виде книг, а может обучающих видео или сайтов таких же? Или я соснул с html у же в начале.
Уроков по html/css я конечно могу и сам нагуглить, но тут опытные люди сидят, может посоветуете еще что-то помимо HTMLacademy
>>588556 теория продвинутых курсов - в шапке, видео интенсивов - тоже. Сначала освой базовый интерактивный курс на htmlacademy, потом смотри базовый интенсив и верстай 4 макета, потом - продвинутый. Потом глянь их интенсив по яваскрипту. После всего этого можешь искать работу на фрилансе. Непонятное спрашивай в этом треде.
>>588556 >А что делать когда бесплатный вариант закончится и пойдут платные уроки? По моему, того что дается бесплатно плюс интенсивы вполне достаточно для изучения. Дальше можно просто много верстать набивая руку и восполнять непонятные места рандомными уроками с ютуба.
>>588556 СПЕЦИАЛИСТ П Е Ц И А Л И С Т В разы лучше хтмл академи и предоставляет намного больше курсов. Там тебе как дауну будут объяснять что такое тэг и атрибут, а потом обойдут все правила вёрсток, плюс расскажут про тонкости вёрстки для старых браузеров. Только выбирай старый курс, который 2010 или около того.
>>587614 >Скажите, пожалуйста, один !important на джве страницы - это норм? не понятен вопрос, что значит один на две? >им придётся, по сути, делать отдельную страницу а-ля about.php, так? Лучше у них спроси
Ну судя по тому, что они там что-то на Wordpress натягивают у них какая-то донная конторка, но у нас например вполне можно какой-нибудь фигней помаяться, если не долго. Некоторые даже мультики смотрят, пока какая-нибудь сборка идет. Причем начальник к этому нормально относится, да и сам бывает сидит Южный парк смотрит и ржет как дебил.
А когда на собеседование в 2ГИС ходил, то вообще охуел от того, насколько там халява.
>>588568 просто я бы охуел восемь часов подряд верстать, это ж не работа, а каторга, не ящики там какие-нибудь на складе таскать. В интеллектуальном труде перерывы же должны быть побольше, хотя бы минут 15 в час.
Я знаю. У меня друг как узнал, что я с нуля меньше чем за год до полтинника дошел, а он в это время въебывал на заводе за 20-25к, то тоже начал верстку учить. Но даже HTML Academy закончить не может. А если учесть, что он максимум час в день тратит на это дело и то не всегда, то такими темпами он на работу устроится лет через 10. И то, если весь веб специально остановится его подождать.
http://codepen.io/anon/pen/KMwGbX Помогите с кастомизацией селекта в форме. Если посмотреть в девтулс, то не смотря на заданные маржины для кастом-обертки .form__select_style, справа есть маржин, не понимаю откуда он вылез и наверно из-за него селект не встает ровно.
>>588576 Понимаю, вот у меня, например, братишка 12 лвла на самом первом курсе не мог понять, что делать, пока я сам ему всё не показал. Даже не знаю, получится ли вырастить из него макаку, если даже с вёрсткой у него проблемы возникают.
Котаны, отчислили с 4-го курса перед самыми ГОСами, не сдал один предмет. Отчасти потому, что проебланил, ну еще последний год дрочил верстку и JS. Вот хочу пойти устраиваться версталой, портфолио уже есть, какие-никакие знания тоже. Что сказать по поводу образования? Это же наверное пиздец хуево для работодателя, еблан без диплома, которого отчислили с последнего курса? Как думаете? Стоит ли восстанавливаться потом, чтоб получить диплом? Насколько вообще котируют диплом у фронтов?
>>588621 Если диплом не по вебу, то всем похуй. Если по вебу - будет плюсом (но только на начальной стадии при поиске работы, будешь выделяться). А вообще можно же всегда сказать, что учишься на вечном 4м курсе. Кто это проверять станет? А когда возьмут на работу и решат, что подходишь - тем более никого ебать не будет. Диплом нужен только в гос конторах и на больших заводах, где до сих пор социализм и "мы не берем в нашу лабораторию специалистов без высшего технического образования".
>>588560 Надо быть совсем отмороженным, чтобы учиться по курсу 2010 года. Там же куча неактуальной инфы. И нет кучи актуальной.
>>588563 Как верно заметили, заниматься 8 часов подряд интеллектуальным трудом сложно и вредно для организма. Можно работать промежутками 45/15 или 25/5 (15 каждый 4-й). Я в среднем работаю по 4-5 часов в день.
>>588621 Всем похуй на твой диплом кроме госконтор и супер-мега-пиздец-корпораций вроде Сбертеха. Он имеет значение, только если ты собрался заводить трактор. Но это распространяется не на все страны и можно компенсировать опытом работы.
>>588678 соррян не так объяснился, я имел в виду, как его снова запустить конкретно с тем, чем я работал. Вот я запускаю командную строку и дальше не знаю что надо делать.
Третий день-кун пришёл на работу. Позавтракал дома чайком без сахара, на работе сеошник подкинул две конфетки "Ромашка", за что я ему очень благодарен. Под кофе они хорошо заходят. Пришёл счёт за квартиру. 3К + 3К за прошлый месяц, я тогда не заплатил, ибо денег не было, а потом, когда в середине месяца они появились, решил, что заплачу в этом месяце. Наивный мудак.
Сейчас пока 10 минут я поебланю, потом приступлю к работе.
>>588562 >не понятен вопрос, что значит один на две? Ну просто в паре мест использовал в качестве костыля, чтобы не писать лишний класс, а просто перебить стиль другим. Вот и думаю, нормально ли это.
>>588563 >анон, а как выглядит рабочий процесс? Ты верстаешь там все 8 часов чуть ли не безостановочно, или вполне можно отдыхать? Да отдыхать-то можно и хуи попинать тоже можно, но я, во-первых, достаточно стеснительный и поэтому просто сижу и пишу код как ебанутый. Вот, ещё нахожу время и подвачевать.
Сегодня буду делать страничку с формами и вкладками. Как мне не хочется эти формы делать, коробит меня от них. Оставлю напоследок, нахуй-нахуй. Алсо, раньше я делал вкладки на странице через label и скрытые радио-баттоны, но сейчас думаю не ебать мозги и поставить какой-нибудь плагинчик, либо, ещё лучше, взять готовый скрипт с решением, тысячи их в интернете.
Мне нравится ламовая обстановка в тредике. Тут здорово. Алсо, поставил себе плагин Stylish на лису, буду переделывать двощ под себя. Все картинки и рекламу я уже нахуй порезал uBlock-ом, теперь хочется поменять некоторые стили на более приятные глазу.
>>588689 Попроси у начальства аванс пару тыщ на жратву, в самом деле, если они не конченые сволочи - должны помочь. У слоно-тян и правда такие сиськи, или это фотошоп?
>>588712 Но мне лень это смотреть. Я теоретически понял, что ты имеешь в виду под "запустить конкретно с тем, чем я работал" — внезапно, точно так же, как и вчера. Правда у тебя нет плагина gulp-watch, и тебе придется каждый раз ручками прописывать его после изменения sass файликов, но это уж ты как-нибудь сам разберешься. Тебе анон выше скинул статью, почитай. Еще на хабре есть руководство для даунов, я по нему в свое время настраивал https://habrahabr.ru/post/250569/
>>587791 У тебя возникали ситуации когда приходилось перебивать стили бутстрапа? Как ты это делал, менял ли файлы самого бутстрапа или же просто перебиваешь стили своими?
>>588694 >Попроси у начальства аванс пару тыщ на жратву, в самом деле, если они не конченые сволочи - должны помочь. Я третий день работаю, не думаю, что они так уж обрадуются моему заявлению. Ладно, как-нибудь пробъёмся. Мне ещё заказчик в конце недели должен 6К прислать за сайт. На это и надеюсь.
>У слоно-тян и правда такие сиськи, или это фотошоп? Да, правда такие.
>>588701 Один монитор, лол. Квадратный. Все с этого прикалываются. Директор сказал, что скоро заменит, ибо все в офисе сидят с ёба-мониторами 1920x1080. Но мне не страшно, я, когда начинал только вливаться в веб-разработку, хуячил сайты на нетбуке с Atom-процессором. И ничего, жить можно. Правда сложно и совершенно не нужно.
>>588716 Лучше не менять оригинальные стили бутстрапа. Идея в том, что bootstrap.min.css лежат на многих популярных cdn и у очень многих есть уже в кэше. Общепринятая практика - свои стили поверх бутстраповских.
>>588689 >Алсо, поставил себе плагин Stylish на лису, буду переделывать двощ под себя. В верхнем меню двощика > Настройки > Другое > Пользовательский CSS > нажимаешь на карандаш и пишешь свои стили. Галочку не забудь поставить потом.
>>588884 Ну и будет потом пользователь вместо то чтобы брать файл из кэша, качать твой bootstrap_VASYAN999_premium_edition.min.css. (в котором ты 2 цвета поменял) будь ты человеком, если берешь весь бутстрап, то правки вноси в отдельный css, подключенный ниже. Все же мы люди. Если уж очень хочется в одном файле, то заходишь на страницу генерации бутстрапа и выкидываешь все говно, которое тебе не нужно. На деле останется скорее всего grid system и еще что по мелочи. Все равно остальное руками писать придется.
>>588893 Я уж не говорю, что когда работаешь в команде и кто то будет работать с твоим сайтом потом, хуй разберется в этом перелопаченном бутстрапе. А правки в отдельном файле гораздо очевидней. Даже для тебя самого, когда будешь это через пол года изменять.
Здорово, тимлиды. Давно не заходи в тред, а он уже frontend стал. Появились какие-нибудь интересные материалы по js?
p.s. Сегодня на работе отсылал скриншот в общий чат с проблемой по одному сайту. Случайно отправил скриншот всего рабочего стола и там было видно папочку с интригующем названием "XXX". Хорошо, хоть свёрнута была.
>>588925 Вот посмотрите что у меня получилось без иконочных шрифтов (они все равно только внизу для социальных кнопочек используются). http://lotar659.github.io/index.html Оцените мой код пожалуйста.
Вот думаю насчёт спрайтов, катаны, и возникает вопрос - почему сервер на автомате не может сшивать все необходимые клиенту пикчи в одну сплошную, а браузер их уж как-нибудь самостоятельно поделить? Ведь вся эта ёбля со спрайтами - сущая несемантическая и долбоебическая хуита, которую, тем более, совсем несложно автоматизировать.
>>588949 Кроме базового интенсива еще перед ним JS на learnjavascript учил, но понял что с таким кол-вом теоретических знаний и совсем без практики далеко не уеду и пошел интенсив курить. Верстал я это все, не считая перерывов, часов 20 очень примерное число, т.к. я не помню
>>588893 Николай Громов так и советует работать с ним, берем лесс отрубаем не нужное, меняем переменные и компилим, генерация по сути тоже самое. Проблема будет с поддержкой только при отсутствии исходников. А так будет миллион строчек в которых я на 1px меняю размеры или отступы. Анон яро против изменения стилей бутстрапа, я понял
>>588893 я только начал, по сути, изучать бутстрап и пока не понимаю как его лучше всего применить, я не собираюсь трогать стили, только переменные - размеры, цвета, отступы
>>585582 >>585582 объясните на пальцах, нахуя они вообще нужны эти ангуляры, эмбере, экспресы, реакты. Добавляют кастомные тэги, ну и нахуй это надо? Понятно, что я образно сказал, они там как-то систематизируют всё, но зачем?
>>588971 Нет, я ни разу не заходил на академию. На работе мы не поддерживаем браузеры ниже IE 11, потому что их суммарная доля — 0,22%. Зачем пилить костыли ради 3,5 инвалидов?
Верстаны, помогите, пожалуйста. Я вообще не понимаю почему появляется полоска прокрутки. Весь фаирбаг излазил. Удалил разные элементы и выяснил, что это скорей всего из-за центровщика, но до меня не доходит как именно. Вот ссылка на мой хост, гитом еще пользоваться не умею. Могу приложить архив с версткой. http://escapiuw.bget.ru/
>>589061 1366. Она ведь не должна из нихуя вылазить. Пробовал также делать overflow-x: hidden. в Хроме нормально сработало, а в лисе полоса исчезла, но стрелочками все равно можно было перемещаться влево-вправо.
Вопрос по поводу кеша стилей и js, известных фреймворков они кешируются отдельно для каждого сайта или как в общую папку откуда браузер бете их и подключает к разным сайтам?
>>589074 Да. Я просто не знаю как левую часть полосы-заполнителя привязать к левому регулятору, вот и решил убрать возможность крутить его вообще. Вправо полоса увеличивается/уменьшается путем изменения ширины, а вот как левую часть оживить я хз.
>>589096 >>589103 Спасибо, мужик. Ты охуенный. Это Всем спасибо, кто участвовал. Но остается тогда вопрос, как правильно задавать ширину для сайта? 1366 для боди я задал по ширине макета, а 1240 для центровщика по ширине контентной области. Есть какие - то тонкости в этом деле?
>>589087 Нет, сейчас работаю в студии третий день, до этого год где-то фрилансил.
>Мне тут просто за месяц нужно как-то начать с верстки бабки получать, а то мне пиздец. Если за такой короткий срок, то могу тебе посоветовать следующее. Идёшь в ВК, ищешь группы на тему вёрстки, фриланса, HTML и там, обычно, в обсуждениях есть раздел "Работа". Смотришь запросы на работу на последних страницах, выбираешь какого-нибудь понравившегося чувака и пишешь ему, так и так, готов взяться за вашу работу. В качестве портфолио можешь первые разы скидывать не свои сайты, только смотри, чтобы на них не было копирайта (я так делал). Это самый быстрый способ найти заказчика.
>>589105 Нет, не спрашивают. Спросили на собеседовании какие фреймворки знаю, я сказал что из CSS-фреймворков знаю бутстрап, из JS знаю jQuery.
>>589134 он как-то слишком часто глотает слюну, при вёрстке часто делает всё на глазок, не использует БЭМ, да и вообще видно, что он не особо опытный верстальщик. Конечно, это простительно, если он больше специализируется на бэк-енде или хотя бы большую часть времени пишет что-нибудь на жс.
>>589140 У тебя в боди еще clearfix не прописан, из за этого оно у тебя схлопнуто. Тоже самое в main-content Да и вообще body не нужно размер ставить. Оно всегда должно быть на весь экран. Работай с центровщиком.
>>589141 >могут сделать ВСЁ с помощью флоатов нет, не всё. Кое-что, хоть ты обосрись, а без добавления жс ты на флоатах не сделаешь. Пример - задание в разборе сеток в книжке от O'Really, где они прямым текстом говорят, что на флоатах, к сожалению, всё-равно приходится жрать говно.
Аноны, для саморазвития взялся сделать сайт знакомому.
Нужно сделать 5-7 страничек простой визитки, НО! одна из страниц - блог, с возможностью добавлять записи и тд.Как это сделать? знаю поверхностно HTML|CSS немного Javascript. Попробовал сделать на WordPress, - никуя понять не могу, как редактировать страницы и тд.
Помогите пожалуйста, скажите как это БЕЗ WOrdPress сделать
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
[YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)
>Пришел ли кто-то из нашего треда к успеху?
Да, и не один а двое, азазазза, кхм.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
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://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
Прошлый тред