24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Основная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
=========================== Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках: >Идите нахуй. или >Используйте блять cssdesk или jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css
То же касается умников со скриншотами. Если запили скрин и желаете получить внятный ответ – показывайте и код, а лучше оформите все в песочнице. В противном случае не жалуйтесь на реакцю.
> Люди такого уровня здесь не сидят. Тут полнейшие ньюфаги. А тебе нужен уровень мидл+. Или сеньйор.
А я надеялся. Вроде мидл уровень тоже не боги, а средней годности спецы. Не пойму просто перекатываться в фронтенд или нет, учитывая что программинг не совсем подходит к моему характеру. Может есть сеньоры которые блюют от своей работы, но заработок фронтендером нравится.
>>391858 >А я надеялся. На что? На то что верстка, которую разучивают за 2-3 месяца может приносить доход в 3к зелени за месяц? лол. >Не пойму просто перекатываться в фронтенд или нет, учитывая что программинг не совсем подходит к моему характеру. А что ты имеешь в виду под "не подходит к характеру?" И да учти, фронтендер мидл-сеньйор таки по большей степени программист.
>>391892 Прочитать хтмл академи и иметь реальный опыт это разные вещи. Я начинал чуть ли не в 2004 и до 2007 верстал как фрилансер потом иногда делал разовые проекты. Сейчас недавно пришлось подтягивать свой отсталыйуровень и запустил комперческий неплохого уровня проект. На счет характера имею ввиду что основной мой профиль это сейл и иже с ними. Мутки, коммерция и общение с людьми мне больше доставляет чем искать ошибку в коде.
>>391919 Но если раньше 2к бачей я получал по основному роду деятельности то сейчас о таком доходе только мечатать. Бегание по конторам ничего не даст, надо менять род деятельности.
Что за пиздец с этими формулами во второй части курса про флексбоксы? Это реально надо будет по ним что-то считать сидеть при реальной верстке? Вникать очень лень, делаю задания на угад.
>>391928 Ты какой-то прихуевший. Хочешь зарабатывать и не хочешь думать? Это что такое, мать твою? Да ничего сложного там нет, чуточку напрягись и будет все хорошо.
>>391914 Возьмут точно, как раз сечас оформляют и закупают компьютер под рабочее место. В понидельник или вторник выхожу работать. Уровень моих знаний совершенно джуниорский. Могу криво сверстать и коряво наджаваскриптить что-угодно полуработающее. Не умею в кроссбраузерность и мобильный интернет, не способен в "пиксель ту пиксель". Могу и люблю в бутстрап. Или нет. В целом, считаю себя вполне средним джуном, но не более. До сих пор не знаю, как правильно центровать по вертикали. Есть портфолио из одного лендинга - перекрученого под свои нужды бутстрапового шаблона, еще двух чужих сайтов с моими правками и некоторыми страницами, и моя собственная кривоработающая страничка с элементарной версткой. В семантику тоже не могу.
>>391935 Да реально я охуел, просто еще учусь на четвертом курсе, башка вообще не соображает после пар, еще и спать сильно хочу, а они грузят своими ебучими формулами.
>>391942 >вертальщиком с окладом в 60к. >закупают компьютер под рабочее место >Могу криво сверстать и коряво наджаваскриптить что-угодно полуработающее. Бля, и везде этот так? Или только в ДС? В моем милионнике ни одной вакансии для джуна-верстальщика нет. НИ ОДНОЙ КАРЛ! Да даже для опытных почти нет нихуя, только web-разработчики нужны.
>>391964 Был в подобной ситуации. Работал сутками охранником. После работы мог лишь спать, ничего в голову не лезло, а за те двое суток, что были между сменамив лучшем случаевосстанавливался лишь к самому концу. Поэтому вставал рано, перед работай и где-нибудь за час удавалось хоть что-то подучить.
>>391942 Так стоп стоп, давай чуть подробнее, а то я что-то не вкурил. С версткой, насколько я понял, у тебя полный швах - одни основы. По Js - уровень какой? И какие требования конкретно конторка выставляла? А еще момент. Ты писал что-то насчет то ли добавления, то ли убирания приставки джуниор из портфоли. Что конкретно имелось в виду?
>>391999 >>391983 История такая. У меня долгое время было нахуй никому не нужное резюме на хедхантере. На позицию джуниор фронт-енд/жс макаки. Я его регулярно обновлял и иногда что-то переписывал. Каждый раз, когда я находил похожую вакансию, я слал свое резюме, и меня отшивали. Я действительно позиционирую себя как жс-макака, потому что верстаю как мудак.
И в один день меня посетила гениальная идея - убрать слово джуниор из заголовка своего резюме. Не могу обосновать это решение чем-либо. И как только я это сделал, мне позвонила девушка из хр-отдела компании и начала выспрашивать всякую хуету. Серьезно, мне позвонили. На моей памяти это вообще первый раз, кода вакансия находит меня, а не я ее. Так вот, девушка поспрашивала меня про навыки, а потом мы поговорили с ней на английском. Она совершенно не рубила во всей этой штмл-хуете, и я ей честно соврал, что готов изучить angulsr.js за неделю, так как отлично владею нейтив и ванила жс. Работал с фреймворком бутстрап и работал с хтмл, в том числе пятой версии, и цсс, в том числе третьей версии. Потом она спросила меня про методологию Бэм, и я уверенно сказал. что слышал о такой. А вот с удерскоре и еще какой-то шнягой я не работал. Но перечисленных "в том числе 5й и 3й верий" хватило, чтобы меня пригласили на собеседование.
Собеседование было более чем фееричное. Крутые дядьки спрашивали меня про "самые сложные задычи, с которыми я сталкивался как хтмл-разработчик", а я охуевал от этой клоунады. Софтвер-архитектор или что-то такое пытал меня про кроссбраузерность и логику обработки цсс. Потом я показал им сайты из портфолио. Тот самый на бутстрапе, ожидаемо, понравился, а моя собственная страничка разъебалась об их ie. Выяснилось, что им нужен обычный верстальщик, который умеет верстать, а жс не нужен почти совсем. Нахуй меня спрашивали про все эти фреймворки - загадка.
Судя по всему, разговор прошел успешно. Дядьки решили, что я им подхожу и даже решили не давать тестовое задание. Потом я написал айкью-тест и заполнил бумажки для службы безопасности. Договорились, что в понидельник выхожу на работу. Полный пиздец, короче.
Возвращаясь к резюме на хх. Пока я проходил сбеседование, мне позвонили еще из двух контор с аналогичными предложениями и еще два приглашения я получил непосредственно на хх. Фактически, пять предложений за два дня. После месяцев затишья, когда мне звонили только какие-то агенства с предложениями поработать продаваном или расклейщиком говна на столбах.
Там в прошлом треде кидали обновленный базовый. Специально его пролистал, почти ничем не отличается от того, что в шапке расшарен. Отличия незначительны:
- в разделе про фотошоп Громов вживую рассказывает, на новой версии (показывает опцию что можно переименовывая слой сразу сохранять нужные картинки + правой кнопкой мыши export as). Про запись экшена не говорит. В целом на мой взгляд содержательнее получился его скринкаст на 30 минут из того который в шапке + разборы макетов, чем вот это живое выступление
- нету в раздаче дополнительных скринкастов которые есть в шапке
- в разделе по js наставник говорит, что мол специально они записали 2 скринкаста по jQuery но как уже понятно этих скринкастов в раздаче нету
-в разделе про PE пару слайдов добавили про баги сайтов когда в опере мини например контент не грузится или просто изображения.
>>391999 > По Js - уровень какой? Джуниорский. Лучше, чем у свежепрошедших курс на кодакадеми, но до нормального разработчика мне далеко. Я могу реализовать наследование на прототипах, не путаюсь в this, могу реализовать плавную прокрутку и всякие фейд-аут. Даже с Канвасом немного игрался. В общем. чувствую себя всполне свободно. Но в тот же es6 не могу, из фреймворков даже возможности jquery толком не знаю. С Ангуларом или каким-нибудь андерскором вообще никогда не работал. Зато пользовался gulp. А еще я могу в stylus - это оказалось сильным бонусом на собеседовании. Типа препроцессоры - это модно и молодежно. Пускай и элементарно.
>>392116 Сколько шел до такого уровня по Js? На чем учился(всмысле конкретные материалы назови, если будешь так любезен, хотя бы примерно)? Где практику набивал?
>>392154 Ааа, дак лол, я еще учусь. Было собеседование в несколько конторок. Но так уж получилось, что им всем нужен был JS девелопер, а я в Js на тот момент не шарил, знал только верстку, адаптивность там, препроцессоры, гит ну и пару прикольных фишек. После собеседований понял что за JS таки надо браться по хардкору, потому что... да там много причин есть. Ну и вот сейчас Кантора курю. Как раз только что первую часть по нативному JS прошел, буду погружаться во вторую. Параллельно верстаю сайтики адаптивно, стараюсь их по возможности улучшать, брать более сложные, учить новые техники. Тот же флексбокс и причие ништяки. Пробую анимации всякие, 3д, различные стилевые приемы, планирую браться за примеры из tympanus, как раз уровень для понимания уже есть и т.д. Вообщем работы вагон и маленькая тележка. Слава богу есть возможность подрабатывать и нормально себя содержать.
Версткая доставляет тем, что ты будто лепишь из пластилина или делаешь конструктор лего. В детстве угорал по лего. Сейчас сделал задание на сбор логотипа "html5" и получил удовольствие. Обычно подсматривал, а тут изи.
>>392225 Сколько шел, не скажу. Думаю, полгода или типа того. Может, больше. Самый хороший годный материал - учебник/справочник джаваскрипта. Любой. В том смысле, что всевозможные курсы хороши для старта, но не дают понятия, как тот или иной аспект языка работает на самом деле. Я начал с кодакадеми, затем усердно штудировал что-то типа пикрелейтед. Когда начинаешь врубаться в язык, любые библиотеки осваиваются довольно быстро. Тот же жквери я смог использовать только после вкуривания основ самого языка - курс на кодакадеми я ранее не осилил и дропнул из-за непонятности происходящего.
Потом начал потихоньку учиь ноду. Повторюся, верстка мне никогда особо не нравилась, потому и внимания ей особо не удилял. Нода с первой попытки не вошла, но зато прекрасно вошел meteor.js, который я люблю всей душой за простоту. Вот с ним-то и поперло. Я потратил где-то месяц на написание имиджборды. Все по канону, да. В итоге я зафелил самое главное - я забыл про роутинг и навигацию. так что "имиджборда" родилась в виде одностраничного приложения, напоминающего систему чатов. Но все равно неплохой результат. В чем-то даже инновационный. Пока ковырял это дело, чуть лучше подучил верстку. Но главное, была конкретная задача, и навык написания жс-кода рос. Позже я продолжал экспериментировать с метеором и жс, писал всякие калькуляторы и анализаторы биржы биткойнов, пытался нарисовать красивый график. как на известном сайте. Все это работало через жопу или не работало вообще, но какие-то скилы качало все равно. Потом удалось воткнуться в поддерку сайта батиного знакомого, которому нужно было сделать заебись. Заебись сделать было нельзя, и я ебнул ему лэндинг пейдж на бутстраповом шаблоне по первому запросу из гугла. Ебался с версткой так, как никогда не ебался. Как же я ненавижу это вечно разваливающееся говно. Потом запилил страничку себе. Нормальную, хотя и нихуя не кроссбраузерную. А потом я решил обновить резюме на хедхантере и мне позвонили.
>>392322 Вот и я с этого охуеваю. Контора искала фронт-енд девелопера для задач верстальщика. Из моих навыков их интересвали только html и css. Собствено, и заниматься я буду версткой интерфейсов. Никакой клиентской логики в ближайшее время не предвидится.
Котаны, с чем связано массовое появление на всяких новостных сайтах всплывающих новостей? Некоторые даже на рабочий стол могут уведомления присылать. Вроде не было не было, а тут раз - и сразу везде.
>>392231 Слушай, а вот о чем тебя по JS спрашивать начинали? Или ты сразу говорил, что JS не знаешь и ничего по нему и не спрашивали? Ты собеседовался на вакансии JS-раззраба получается? Или на верстальщика?
>>392404 Спрашивали. Правда немного потому что я сразу заявил, что в джс полный профан. Просили посчитать диференциал массива. Его я сделал. Дальше попросили развернуть массив без использования встроенных методов. Вот тут я уже запоролся. Да и теорию не знал, наугад отвечал. К примеру они спрашивали насчет нюансов свойства length у массива в тот момент я даже не знал, что это свойство, просто понимал что из него можно достать количество элементов массива и это удобно при использовании цикла фор. Спрашивали что оно возвращает, как к нем обратиться. Что будет если указать в length меньшее число, чем в массиве есть элементов и т.д. По идее еще должны были идти стандартные вопросы про различия классов и объектов, особенности массивов и т.д, но до них дело не дошло. 2.5 часа меня мудохали на собеседовании. Уже даже менеджера офиса позвали на дегустацию так сказать. Он то мне и вывалил, что мол да, им нужен верстальщик. Но с учетом быстрого роста, чтобы через пару месяцев уже колдовал с функциями, а щас без какого-либо обучения уже мог что-то на джс написать. Я же слишком для этого мало знаю. Подучись мол сказали, и приходи. Оставили контакты, материалы для обучения, тамошний HR мне еще инфы годной подкинула, так что сейчас вот развиваюсь.
А, у них еще метод интересный проверки джс. Дают тебе значится карандаш, листок А4 и кодь. Это, скажу я вам, немного в стресс вгоняет, конфузит. Я к примеру, знал как тот массив развернуть, но когда сидишь там с этим карандашом перед менеджером, сразу нервишки начинают играть. В консольку то не глянешь, что она вернет, не потестишь. Нужно самому думать и думать быстро.
>>392539 Есть массив [ 1, 2, 3, 4] Надо написать функцию которая вернет массив [ 4, 3, 2, 1] не меняя исходный массив и не используя встроенных методов массивов.
>>392542 >>392544 Спасибо. Мне почему-то после "дифференциал массива" только что-то про интыгралы свертки в голову пришло. Я даже не помню, есть ли такие на самом деле, лол. И как эту свертку потом разворачивать обратео. Все оказалось проще.
Дифференциал - производная же. В смысле, m = (m+m[i+1])/2 Ну или типа того.
>>392547 И вообще я несу хуйню. Пойду спать. разница между соседними элементами должна быть, а не та хуета, что написал в порыве аутизма. И даже это не, что подразумевалось автором.
>>392092 Спасибо что отписался по результатам. Ну значит ничего в шапке менять не надо. А провинутый не глядел? Интересно, что там за курс по оптимизации верстки.
>>392769 Ну вроде обновленный продвинутый никто не выкладывал, есть только тот который в шапке. Если гдето появится можно будет и глянуть. Хотя мне чет кажется что они его еще не проводили по обновленной версии а просто запланировали изменения в программе на следующий год в связи с обкаткой интенсива по js (который кстати до сих пор так и не слит в инет вроде бы)
>>392910 масштабирование это когда я зажимаю Ctrl и кручу колесиком? И что ты подразумеваешь под словом ломается? Я вот в хроме делал так, и вроде ничего такого не заметил. Может я что-то не так делал?
Ответьте на вопрос. Прохожу академи и строю сетку по барбершопу. По видосу они там задают ширину контейнеров 660пх а на макете он 1000+. Ведь размеры снимаются с макета, я прав? Выбираем линейку и измеряем длину? Или я что-то туплю?
>>393018 Значит должен понимать, что значит "ломается" "масштабирование"читай смена разрешения экрана и т.д. Проходи еще раз. Особенно уроки в продвинутом про адаптивность.
В макете нердс задать надо ширину 880px? Просто у меня как-то не влазит текст и так далее, когда открываю страницу. Или это из-за разрешения моего монитора так?
>>393500 > только через js Если все это должно выстраиваться динамично, то да. Или еще эти флексбоксы - хуй знает, как они работают и что умеют. А просто сверстать-то хоть таблицей можно.
>>393500 Тут ниче сложного, даже с флоатами в принципе можно управиться, а с флексами еще проще. Просто делишь на части, которые можно в один блок запихнуть. Как вариант, левый вертикальный ряд (телка, бомж и тачка) можно запихать в один блок. Всем оставшимся правым дать обертку. В ней будет верхняя картинка, потом обертка с заголовком и розовым еблом, потом такая же обертка с картинками телки, деда и собаки (лол), потом картинка с кошаком.
Вот адаптивить такое говно да, это пиздец бывает.
Курсы от Гарварда и СтенфордаАноним04/12/15 Птн 21:24:36#99№393603
Кто нибудь может объяснить почему когда в div с жестко заданой высотой когда добавляешь padding увеличиваеться высота diva???? Я в ахуе почему изменяеться высота diva?
Есть кто может предложить поверстать макеты какие нибудь? Сижу месяц без проектов, чет заебался. Могу в хтмл цсс, js на уровне вставить слайдер, табы, хуябы, попапы, если надо могу показать что раньше верстал, адаптив могу в принципе
Аутист жс-недомакака, который устроился верстальщиком за 60к снова выходит на связь. Короче, сегодня был мой первый рабочий день. И я не знаю, кто обосрался больше - я или работодатель. Сегодня старый верстальщик ввел меня в курс дела и нормально объяснил/показал, чем предстоит заниматься.
А предстоит хуечить на тайпскрипт и angular.js и еще куче какой-то непонятной хуете.
>>396447 Ну так я устраивался верстальщиком на html и css, лол. Какой-то очень хитрый наеб получился. Или не наеб. С тайпскриптом я никогда не работал, а посмотрев на него сегодня, и дальше работать не хотел бы. Но все равно похуй. В общем-то я скорее доволен таким поворотом, всю эту хуету можно будет достаточно быстро освоить. Но сама ситуация какая-то ебонутая.
>>396494 Ноуп. Зато в требованиях было много другой хуйни, которая на деле не нужна. На собеседовании вообще спрашивали только про css и html и уверяли, что мне предстоит верстать без применения джаваскрипта, потому что программирование - это работа программистов. Мы тогда еще договорились, что при хорошем раскладе я возьму на себя еще и программирование на жс в довесок к верстке за отдельные деньги, лол. Короче, работодатель сам нихуя не знает, что и как нужно делать.
>>396506 Я бы сказал, что это все говно от меня не требовалось, но я могу это говно выучить, но ставка должна быть уже другая, так как нихуя не вёрстка. Если пидорнут - жалобу на них. Нахуй такое нужно, в требованиях верстка, пришел верстка, на деле конская залупа, сыр и борода. Тебя как версталу наняли или фронтэнд?
>>396506 Хаха, у нас такого недавно пидорнули как раз, правда он недели 3 продержался (из-за того, что тим лид в отпуске был, так бы раньше вышвырнули). Тоже думал видимо, что быстро разберется на месте, у нас кстати тоже тс, только плюс реакт, да ещё и гуглкложа. Ну а ты вообще даун, реально подумал, что тебе 60к за двиганье пикселов дадут? Пиздец упоротый.
>>396530 > реально подумал, что тебе 60к за двиганье пикселов дадут? Блядь, ну раз сказали на собеседовании, что нужно пиксели двигать, то хули им не верить? Впредь буду осторожнее.
Вчера зарегался на апворке и двух рузке фриланс сайтах. На одном из рузке фриланс сайтов нужно аккаунт про для взятия любой работы. На другом вообще заданий по верстке нет.
Что за хуйня? Создал класс .myhidden { display: none !important; } В файрфоксе срабатывает, в эксплорере игнорируется. В эксплорере работает если только прописать непосредственно в style
>>396567 Устраивайся на удаленку в какую-то конторку. Здесь анон говорил, что на хедхантере таких предложений хватает. Да и мне одна компания из ДС2 на мое резюме размещенное хуй знает где, тоже подобное предлагала.
>>396655 Что значит база академии? Если базовые курсы с сайта - так это только часть базового интенсива. Хоть один макет уже сверстал? Если нет - сиди кури интенсивы, так как ты еще ничего толком и не умеешь
>>396705 нет дружок, это не сайт, это табличка Бери значит макет какого-то лендинга и пробуй пилить сам. Если поймешь что есть проблемы, тогда берись за базовый интенсив.
>>396711 Что за чертовщина у тебя там творится???? Прописываешь одиночный тег линк с атрибутом stylesheet и атрибутом href. Во втором задаешь ссылку на твой ксс файл. А вообще иди ка ты перечитай фак и ебать курсы академии.
>>396723 Смотря где он у тебя находится. Брекетс ищет пути автоматом. Запили тег линк, пропиши stylesheet, дальше пропиши href и записывай путь. Если у тебя папка с проектом организована верно, то путь скорее всего будет css/main.css можешь просто что-то набрать во значении, к примеру слеш ( / ) а Брекетс сам предложит варианты дальше. Он по цепочке сканирует файлы в папке проекта, чтобы юзеру было проще прописывать пути. Но это все ессно, если ты нормально организовал файловую структуру.
>>396741 > редактировать в notepad+ и рефрешить в браузере под каждое движение страничку это норма? Не норма. Норма - хуячить верстку в брэкетс/атом/сублим/вс/емакс и время от времени посматривать лайвпревьюхи. Но ты не торопись.
Привет, верстаны, рассудите мои душевные смущенья. Я давеча решил стать пхпмакакой, а т.к. я по жизни слоупок, то учил все это дело полтора месяца, прежде чем мне сказали, что пхп-макака кроме собственно похапэ +ооп+mvc+фреймворки+пара cms в 2016 году должна еще и фулл-стэк верстальных навыков иметь (html+css+js). А мне пхп еще как минимум полгода оттачивать до уровня джуна. Раз уж такое дело, может сразу к вам завалиться, забив хуй на пхп? Основы кодинга я знаю, с апачами всякими наебался вдоволь, понимание сервер-клиент есть, с js проблем не будет (могу уже даже пару хеллоувордов на нем запилить), хтмл знаю на уровне быдлоформочек и дивов, цсс, думаю, осилю.
>>396799 Нет. Забыл добавить: картинка должна быть не для body а для дива, высота дива соответственно в разных разрешениях разная. Ставь height:100% или нет — без разницы: если контента не хватает до заполнения всего экрана, див урежется до границ контента.
Анон посмотри, как я сверстал. Хуева или на троечку потянет? Смотрю 4 урок продвинутой верстки, и не знаю где мне нужно убирать ширину в стилях. Если я правильно понимаю, то это нужно делать в контейнере или я не прав?
>>397456 Такую йобу они нарисовали сами для удобства восприятия учащимися. Можешь пользоваться свойством outline для чего-то подобного. Или инструментами разработчика.
>>397489 Ну и еще добавлю на всякий случай, вот из допов к базовому видео про инспектор, для начала сойдет https://youtu.be/l3IeCrGNwbM так же в 9 разделе (дополнительном) базового интеснива есть видос про инспетор тоже - можешь и его глянуть
Котаны, а на флоатах вообще принято верстать? После прохождения курсов про флексбоксы закралось сомнение, мне кажется в базовом хтмл академии меня наебывают - флоатить же дико не удобно по сравнению с флексами. Или я не прав?
>>397456 Давненько так я заглядывал в тред фронтендеров на программаче, там в пасте была ссылка на плагин с необходимым тебе функционалом. Я его устанавливал. Сейчас его у меня нет и найти не удалось. Что-то похожее, но какое-то неудобное я обнаружил в магазине приложений хрома, называется, если не ошибаюсь, wareframe. Если найдёшь что-нибудь удобнее, дай знать.
Бля, котаны, сверстал нердс, прошел все курсы на академии, отсмотрел базовый интенсив, сверстал техномарт до половины, сейчас доверстываю. В голое какая-то каша. То есть знания вроде бы есть, но когда сажусь верстать нихуя не помню как что делается. Тупо маргиню все подряд и паддинги задаю, флоачу, из-за чего всякие огрехи появляются, которые я хз как исправить. Ничего не запоминается, то есть как только вижу например в макете хлебные крошки, сразу иду искать как это делалось в интенсиве/в курсах, а так просто не помню как делать. Я слишком глупый для верстки?
вот и я не понимаю, нахуя нужны флексы какието (я еще хз что это лоль), ведь все можно реализовать просто через margin/padding div+float display: block или inline-block;
>>397619 Устаканится все 100%, чтобы исправлять огрехи открываешь инспектор и ищешь что не так. Для верстки глупых не бывает, это тебе не матан какой-нибудь с дифурами).
Ну и желательно сначала подумать как сделать и сделать, даже если не помнишь, а потом уже посмотреть как это было в курсе. Так в голове больше че задержится чем если сразу смотреть готовый ответ
>>397638 Ну тащем-то базовый интенсив это и есть то самое нужное для начала. А курсы это по сути так, добавочка. Очень полезно проходить курсы совместно с интенсивом и версткой, так гораздо больше понимания будет, чем тупо курсы проходить.
>>397572 Приходилось, и пока 10 лет приходилось, то наверстали столько, что поддерживать это говно на флоатах ещё долго. Так что переход на флексы не будет быстрым и безболезненным, флоаты ещё разгребать придётся.
>>397684 Какой тред подряд один интенсив, одна академия, что других годных курсов нету? Подмораживает уже. Вон Нетология же крутой курс сделала, почему бы его не добавить?
>>397732 Думаю что малая часть из них на самом деле начала работать в этом направлении. Как-то разглядывая задания по вебу и аккаунты веб разработчиком наткнулся на одно из выпускников. У него в портфолио было два сайта: барбершоп и ещё один из интенсиве. И конечно же не одного выполненного заказа, лишь один отказ с его стороны.
Котаны, в макете техномарта эти стрелочки вроде как иконочный шрифт, а на деле совсем не похожи. Забить или пытаться делать максимально похожими с помощью собственных псевдоэлементов и где это можно найти, как делать эти стрелки?
>>399197 Я ещё не использовал иконочный шрифт, но тут можно и без него обойтись. Это же очевидно, можно просто вырезать эту стрелочку и вставить с помощью того же псевдоэлемента. Или ты не берёшь этот способ в расчёт?
>>399221 Я еле как верстаю и учу. Читаю книги от о-релли. Из серии необычной подачи. Называет программирования на нтмл 5. Только смущает слово "программирование"
>>399241 Учись по другим материалам, почему бы и нет? Если хочешь видео, то есть на хекслете курс джава скрипта, также всякие кодакадемии, ну чо ты такой
>>399264 Но я хочу хардкорно JS упороться, вкатиться в полноценный фронтенд и все такое. Верстаю пока со скрипом, вышел на продвинутый интенсив, дальше буду курить. Просто интересно, когда целесообразней всего начать учить джс. Так-то основные принципы кодинга я уже знаю (питонил немножко).
>>399308 Сам на таком уровне, бро (начало продвинутого). Для себя решил разобраться до конца с версткой (тем более что чуток js в продвинутом будет) а потом уже погружаться в js (learn.javascript.ru, выразительный js и еще на udacity вроде есть видосы по js/jquery/backbone думаю на первое время после верстки точно хватит, дальше судя по ажиотажу надо будет в реакт вникать)
Ох и сколько всего предстоит, а еще говорят что это любой дурак сможет
>>399328 Ну, сама верстка мне зашла намного проще, чем быдлокодинг, из которого я ушел, как только узрел стэк необходимых для него знаний (такой же, как для фронтенда+все приданное к выбранному ЯП). Мне вся сложность видится именно в освоении js.
>>399215 Кто тебе это сказал, даунидзе? Спрайт с такими штуками будет в 10 раз меньше весить, чем твоё ебанный шрифт, который нужно в четырех форматах подключать, чтобы работало хотя бы в ие9
>>399197 Есть один способ, но он муторный. 1) Сохраняешь эти иконочки в пнг, перекрашиваешь в тёмный цвет нужно для следующего шана. 2) Идёшь на picsvg.com , загружаешь свою иконочку (надеюсь она у тебя не 20 на 20), выбираешь фильтр, который обеспечивает наибольшее соответствие оригиналу, сохраняешь получившийся SVG. 3) Идёшь на указанный выше фонтелло, драг-н-дропаешь на него свой svg-файл, ну а дальше как обычно. Вуаля, у тебя есть иконкошрифт из нужных тебе картинок.
Анон, есть два стула. Что мне делать, есть вариант пойти в фирму, и проходить стажировку за бесплатно в течение неизвестно сколько месяцев, где меня будут учить верстке(знаю ее уже средне) и js(учу второй день). Второй вариант сидеть дома, учить это самостоятельно и готовиться к сдаче диплома.
>>399921 Что за фирма? Крупная я имею в виду или мелкая? До какого уровня надо дорасти чтобы получить полноценный оффер? Какие перспективы? Какие у них конкретно задачи?
http://codepen.io/anon/pen/obXEyN Как в таблице при низком разрешении, после наименования и количества, добавить цену за штуку? Например Трос: 2 (200 руб, шт)
>>399921 была мелкая, но недавно выросла до средней. Я мало, что могу сказать о ней. Меня туда поведет за руку друг, который сам учился там, а потом где-то через месяцев 4-5 стал получать з/п. Но потом ушел по причине диплома. Ну вроде, как будут давать легкие задания сначала, которые я буду решать там, и если что могу подходить к работникам и спрашивать как мне быть. Потом если увидят во мне уже не просто обычную макаку, то могут взять к себе на работу. Я мало, что могу сказать об этой фирме, но друг не жаловался, а наоборот нахваливал ее. Как узнаю все, то сразу отпишусь тут.
>>400173 Ты ебанулся 5 месяцев ждать до зп? Конечно не ходи туда бесплатно, пусть хотя бы минимально платят 15-20к. За пять месяцев задрачивая жс ты может легко зааплаится на зп в 50-60к
Есть галерейка — два столбца, в первом одна большая ячейка, во втором четыре маленькие. В каждой имеются картинки. По нажатию на маленькую ячейку, картинка которую она содержит копируется в большую. Вопросы: 1. Все это лучше реализовывать таблицей?в psd просто похожа на таблицу 2. В маленьких ячейках использовать одни, уменьшенные картинки, а в большой уже другие, с хорошим качеством? 3. Интерактив делать через css3? Через JS теперь нехорошо это делать, раз css может?
>>400587 1. Два списка. В первом (большая ячейка) у всех кроме активного элемента display:none; 2. Зачем плодить картинки? Используй одни файлы. 3. Интерактив в JS - хорошо.
>>400520 Нигде не пашу. 19 лет. Окончил колледж(даже не около IT) Планирую стать охуенным фронтендером. Весной ухожу в армию. В ближайшее время надо устроиться на какую-нибудь дно-работу, с моими знаниями даже на верстальщика думаю не стоит претендовать. Работа хоть и будет изматвать, но и будет придавать мотивации.
Суп пагни,выхожу из ридонли. У меня появилась крайне нестандартная задача, которая требует использования ajax, а опыта работы с ним у меня нету. Описание: Надо сверстать страничку на подобии https://unsplash.com/ Только вместо фоточек - ембед видео с вимео. Можно ли это реализовать следующим образом - 1.Делаем json документ с объектами, в которых описано название видео, линк итд. 2. onload append-ом создаем первых 10 <li> и загоняем в каждый инфу с jsona. 3. С помощю jQuery отслеживаем когда пользователь докрутил до низа старнички, и через append добавляем еще 10 <li>, в которых загогяются данные следующих 10 объектов с jsona. 4. итак дальше пока в jsone не закончатся объекты.
Вопрос стоит не только в том, можно ли вообще такое реализовать без пхп, а также и в том, не будет ли это рукожопством и изобретением велосипеда.
>>400745 Косить не по мне. Денег нет, а другими способа нет желания никакого заниматься. Да и не против отслужить. Надеюсь смогу продолжить там обучение. К том же оформляют допуск к гос. тайне, может и интересное что-нибудь будет.
>>400794 >К том же оформляют допуск к гос. тайне, может и интересное что-нибудь будет. Ага, запрет на выезд из страны будет. На дооолгие годы. Твоя тян будет ездить одна в отпуск, к Ашотику, потому что у нее муж долбоеб.
Еще раз - не можешь в такую элементарщину как откос, все, непригодный биомусор. Как раз ломом плац мести.
>>400789 Слышал что IT более развито в Санкт-Петербурге, но при поиске вакансий на HH на позицию верстальщика и фронтендера в Москве выходе в два раза больше вакансий. Планируете ли вы понаехать в ДС, если да, то в какой?
>>400803 Тян нет. Я всратый Кавказо-Среднеазиат. Про запрет на выезд я знаю. Не факт что будет, а даже если и будет, то все-равно можно выезжать, только некоторая бюрократическая волокита ждёт, да и в тихую можно, читал истории людей.
>>400832 Да и вообще о каком выезде за границу может быть речь, я потомственный прол. Даже если стану успешеннастолько, что смогу отдыхать не дома, меня ждёт максимум 5 лет заключения в России, за это время как раз буду подниматься.
>>400832 >Тян нет. И не будет. Если вам на себя насрать, мсье, то и тян на вас срать хотели. Еще раз - нет мозгов обойти армейку - значит иди топись, ты тред попутал.
верстать можно после базы с сайта, вскукареки про то что обязательно нужен интенсив необоснованны (но в интенсиве можно подметить всякие фишечки, чтобы стать знатоком верстки)
зы: 1) ~50к официальный откос через тащтельное обследование + адвокатские конторы
Посоны, мне тут пришла мысль, что пора бы уже углубиться во флексбокс и использовать его по полной , а всяких там пидоров с ие<10 версии слать нахуй. И вот я начал обучение, самостоятельно. И сделал такой макет. Который имеет минимальную высоту у body 100%. Проблема в чем? В том, что я никак не могу понять, что надо указать контейнеру или содержимому, чтобы он растягивался не больше, чем контент внутри него. Это я говорю про header в данном случае. То есть h1 там не вытягивается во всю высоту и при этом сам header в 2 раза больше h1.
>>401370 У когото дивянка, надо разбавлять семантическими тегами еще и будет не так уныло) А вообще тебе уже правильно сказали, если чето не нравится - значит не твое это.
>>401539 >>401390 Да, видимо, это был шоковый удар. Сейчас вот смотрю на код и мне норм. А где это еще подобный синтаксис? Я по слухам знаю только лисп с кучей ")))))))". А тот же питон или похапэ я читал очень легко. Не холивара ради, если что.
>>403029 У меня до них еще руки не дошли - пилю пинк с продвинутого и седону (переработанную от туда же) за пак думал браться тупо для оттачивания навыков после продвинутого и параллельно js штудировать. Так что сорян. За других не знаю
>>403030 я вот не могу осилить макеты с с базового. Не знаю, что мне делать с этим. Нашел другие макеты в гугле, 2 штуки сделал. В общем уже выполнил 3 макета.
>>403033 Да какая разница че делать. Цель - "набить" руку. Главное чтобы слишком простыми не были макеты. Как поймешь что уже устаканились знания из базового и в принципе легко идет - садись кури продвинутый
>>403035 я вот тоже думал, что разницы нет и надо тупо набивать руку. Кинул сюда на проверку один из макетов, и мне сказали и показали мои ошибки. Так что не правильно ты рассуждаешь. Тут главное - правильно все написать, а то что у тебя показывает, что все нормально это может оказаться не так.
>>402790 Расписывал уже по ходу треда и даже макет скидывал примернй, пару недель назад накосячил и мне мудилы решили не выплачивать вообще ничего, месяц проработал в холостую. Работал последний год онлайн, обмазываюсь этим говном уже 1.5 года, задавай ответы отвечу скорее всего завтра, как просплюсь
>>403045 Ну так мы с тобой не за качество кода говорили, а за то верстать ли макеты только от академии или можно и другие брать. Про код и ежу понятно что надо выкладывать чтобы более опытные товарищи смотрели и делали замечания.
>>403052 1) что изучал перед началом 2) сколько времени ушло на изучение 3) где береш заказы 4) каков профит с макета, каков в месяц 5) сколько времени уходит на работу
>>402657 Их и нет скорее всего. В бесплатных макетах из пака многие слайдеры стоят просто как, еммм... ну скажем так, "маркер конструкции". Просто чтобы понимать, что они есть и где находится. Но ты не парься, просто запили несколько вариантов с разным текстом, и делов то. Для потфолио главное наличие этих самих слайдеров, реализация, а подбор красивой картиночки - дело десятое. Если ты конечно не метишь на бога дизайна.
>>397587 Заебался работать. Пока справляюсь, но вкалываю как ебонутый все 8 часов рабочего дня. Причем, кажется, там так принято. Верстать тоже приходится. И обещают меня еще к серверной разработке подключить, когда задачь по фронтенду станет меньше. Типа буду учить дотнет. Через месяц такой работы сдохну нахуй. И очень много всяких отчетностей и планирований.
>>403162 У него один гигантский цссник, в котоом наваляно все и для всего без какого-либо намека на порядок или хотя бы комментарии. Изрядная хуиты таргетится в цсс через айдишники, хотя блоки и не уникальны в рамках проекта. Ну и просто по мелочи.
Думаю, если бы кому-то пришлось ковыряться в моей верстке, у него бы тоже бомбило.
Верстаны, что с моим бордером, где я проебал пол пикселя с каждой стороны. Вроде бы никаких инлайн-блок паддингов в контейнере нет, нихуя в общем, и все обнулено.
Поясните на этом видео https://www.youtube.com/watch?v=hV6_BH97B0g с 7:05. Разве он правильно делает, что прописывает паддинги вместо мардженов? Я думал паддинги внутри блока надо писать, а не снаружи.
>>403499 Он и пишет внутри блока (body) паддинги. В данном случае конечно вроде как можно написать и марджин для внутреннего влока верхний, чтобы от сверху отступал. Но скажем если бы был один блок внтури другого и первый сам без падингов и бордера, то прописывая верхний маргин внутреннему блоку можно нарваться на выпадание. Подробнее в базовом интенсиве 4 урок начиная с 34 минуты 20 секунды
>>403540 >>403539 float: right потому что для элементов списка. Тот который выше по коду идет правее. Чтобы не было такого надо сам список флоатить. А его пункты делать inline-block и ставить списку тогда text-align: right;
>>403559 text-align для nav а не для пунктов (зачем надо: сейчас просто у тебя флоатное меню ужалось до размеров контента, а если надо будет его больше чем контент растянуть то без text-align: rigth пункты сместятся)
а для nav li еще пропиши vertical-align какой-нибудь, например top.
Ну и еще желательно font-size у nav сбросить на 0 а для li переопределить заново (иначе будут зазоры между пунктами, порой это критично)
>>403060 1) прошел все бесплатные курсы htmlacademy, курил вот это: "Итан Маркотт - Отзывчивый веб-дизайн" 2) на все ушло месяца 2-3, потом перед самым собеседованием в темпе вальса за неделю осваивал bootstrap и scss сверстал все уебищно но тем не менее меня взяли, так и вкотился 3) Сначала работал в офисе, потом на удаленке те же 8мь часов только дома за ноутом 4) с макета х.з. ставка либо фиксированная либо почасовая последний раз работал за 142рубля/час достаточно дешманский рейт так то 5) все ебучие 8мь часов
Казах кун, который устроился на работу 7 месяцев назад репортин ин.
Кароч я зажрался антуаны, раньше жопу рвал, макетики верстал, угарал по свг, игралася на кодепене читал постоянно статейки,по собеседованиям бегал, потом когда когда работал в студии, подкачав скил, уволился и начал искать серьезную контору интерпрайз, думаю во тогда заживу. Но теперь как работаю уже 4 месяца в agile команде разрабатывая SPA, мне пиздец стало лень развиваться дальше. Все что мы делаем -- пишем - демонстрируем - переписываем, меня это просто заебало уже. Да зп штука баксов, но пол зп уходит на съем квартиры, остальное трачую на всякую хуйню. Вдохновения от веба пропало, от денег уже тошнит. Кароч как вернуть то вдохновения и угарать по джс и фронту?
>>403837 Это приходит с опытом некоторые моменты будут автоматом выробатываться при верстке, запомнить конкретно все невозможно, ты по-любому будешь заглядывать на какой-нибудь html-book
>>403791 Нет такого плагина. Потому что нахуй не надо в редактор интегрировать браузер, блядь. В брекетсе и так есть лайв превью из коробки, хули тебе еще надо?
>>403796 Уволься нахуй, сразу вдохновение появится. ровно до следующей работы. Я через это уже проходил. Или можешь попробовать начать лепить свой собственный проект.
>>404076 Ты еблан? Я до этого в веб студии версталой работал, там я подтянул верстку и чуток js и джиквери, потом уже начал искать серьезную контору. На нынешней работе мне даже тз не дали, сразу взяли джуниором. Говорят вселяю надежду
>>404086 SPA эт че? Т.е. ты 3 месяца в студии проработал? Пол зп на квартиру - откуда куда переехал, или просто от мамки съехал? На какую "всякую хуйню" тратишь бабки? Вдохновение то оно такое, раз есть желание двигаться дальше, то придет рано или поздно, пока откинься на спинку кресла и загадочно смотри сквозь монитор.
>>404103 1. SPA -- Single page application, одностраничные приложения, современное построение веб приложений в основном на основе паттернов MVC,MVVM где бекенд с фронтом "общаются" через REST get/put запросами. Кароче SPA это будущее.
2. Да до этого верстал, прикручилав джиквери плагины и ебался с цмсками.
3.От мамки сьехал
4.Тебя это ЕБЕТ что ле? У меня за такие вопросы на районе пизды дают сразу.
>>403739 может уже кто-нибудь скажет, как делается такая полоска? В каждом треде вроде отвечают другим анонам, но я как обычно пропускаю это мимо ушей.
>>404135 лол. А зачем ты всем назначил подстветку в меню? Там же надо конкретно задавать только на ту страницу на которой ты на данный момент находишься. Все-равно спасибо!
Если в задании написано: Draw a house with HTML+CSS, то если я буду использовать canvas, будет ли это соответствовать условию задачи? Ведь HTML5 это не HTML, как я прочитал их определения.
Это часть тестового задания.
То есть фишка его именно в том, чтобы именно с помощью HTML+CSS?
Анон есть вариант пройти стажировку в одной из фирм в мухосранске. Главное требование базовые знания версталы. Я вроде научился верстать, но все-равно много чего не знаю. Что мне делать? Снова пересматривать базовый интенсив и перепроходить на сайте все?
>>403739 > как сделать полоску в :hover, как на скриншоте? Псевдоэлемент, очевидно же. На полоску ::бефоре на тругольничек ::after. Или полосочку бордером и треугольничек псевдоэлементом.
Блять, котаны, укатываюсь учить ПХП, работы верстаком реально нет, и не надо кукарекать про то что спецы везде нужны. Везде нужны веб-макакеры которые и бек будут хуячить и фронт править и на JS окошечки быдлокодить. В моем мухосранско-милионнике по крайней мере. И еще количество вакансий уменьшается на глазах, на прошлой неделе было 50, на этой уже 47, помню летом было 60-70. СУКА НАДО БЫСТРЕЙ УЧИТЬ ПОЕЗД УХОДИТ,
>>404646 А если серьезно, я тоже задавался этим вопросом. С одной стороны, бэкенд лично мне намного интереснее, чем возня с формочками, окошками и шрифтами я уж молчу про цсс, это пиздец какой-то. С другой стороны, основы верстки реально освоить за месяц-другой, дальше упороться джаваскриптом и начать уже работать. За эти 2-3 месяца на пхп ты только до ООП дойдешь, а дальше еще пара месяцев на базы данных и фреймворки, еще месяц-другой на персональный проект, без которого тебя только стажером за еду возьмут (и то не факт), плюс, опять же, сейчас пхп-макака должна знать основы хтмл5+цсс, а это еще пара недель-месяц. И все эти полгода++ ты будешь жрать подсоленую гречку с хуйцами. Поправьте, если не прав, я был бы не прочь обратно в бэкэнд укатиться, лол, но поверхностный серфинг вакансий ДС говорит сам за себя. >>404725-хуй
>>404760 >>404725 Я просто прочитал, что фронт это одноразовая по сути работа, а бек можно поддерживать до бесконечности, в следствии чего работы на нем гораздо больше. >>404689 На ноде работы тоже нет, на западе разве что.
>>391774 (OP) Коротко и по делу. Контора из ДС. Платят 70к. Что умею: бутстрап, жс, жквери, карты, адаптивность, хуивность, почти все, что связано с версткой и НЕ MVC фреймворками я делал или могу сделать. Ангуляр - могу коммитить в чужие проекты, есть опыт написания мелких фич для большой интерпрайз конторы. Чуть выше новичка. Что хочу: Больше денег. Желательно за сотку и по глубже. 120к было бы заебись. Товарищам с нашей конторы, которые пишут на .NET, платили больше.
Куда расти, верстаны? Можно ли без фуллстака ,на ангуляре, выжать 120к?
Я оп второго треда и еще нескольких, автор первого FAQ, сначала писал тут активно, после 10го треда съебнул в закат и сел на удаленку.
Просматриваю 5 урок базового, и не могу понять, как на примере барбиршопа получается сделать черный фон у меню. Т.е. я имею в виду на всю длину. На барбершопе получается, а на своем макете такое не получается. Помоги решить эту загадку. На первой картинке пример с фш, а на второй мой макет. Вот мой код http://www.cssdesk.com/DhQ3k
>>405801 Ты хочешь .container обернуть и дать обертке бэкграунд контейнера. Или .container дать ширину 100%, а обертку положить внутрь с шириной 1170px. Смотря как лучше звучит в твоей голове.
>>406163 Сука, ты меня заебал. Почитай про устройство браузера, про то, как они работают и чем друг от друга отличаются. Вообще что-нибудь кроме хтмакадеми почитай, тупой ублюдок. Не буду тебе отвечать больше. Иди нахуй.
лоль, а браузер причем? непонимаю че ты заерепенился, что под термином "лайвпревьюхи" имелл ввиду пояснишь??
брекетс/атом/сублим судя по обзорам, простые редакторы и никакие сука превьюхи они не показывают
и отличаются от notepad++ только тем, что поддерживают одновременно 2 открытых окна html/css
зы: первоначально искал редактор, в котором можно будет редактировать код и сразу видеть превьюху (имитация бразуера) - хз как те еще обьяснить, чтобы до тебя дошло.
>>391774 (OP) Посоны, есть ли у на просторах инета инфа по работе с фотошопом для верстальщика в текстовом виде? А то заебно вечно видосы просматривать ради нужного момента.
>>406575 А что там просматривать, алгоритм действий элементарен: 1) открыл пэсэдэ 2) посмотрел шрифты, цвета 3) нарезал инокочки-хуеночки 3.1) сохранил фоновые картиночки 4) измерил линеечкой, что нужно Пара кнопок на все.
прочитай всю историю внимательно, этот еблан сразу начал какието выебоны и возомнил себя гуру (подумал почему то что я домохозяка полная и не в курсе что такое css/html и тп)
патом когда понял что сам же обосрался, начал писать совсем абстрактную хуйню про браузеры
>>406620 Каждый браузер рендерит страницы по своимы силами своего движка. Вебкит, конечно, немного это дело разбавил, но все равно. Попытка запихнуть браузер в иде - нихуя себе задача. Я не говорю "реализовать", потому что это был бы вообще пиздец. А просто запихнуть несколько различных движков - это оверкилл. Это уже не иде получится, а мощнейшая тяжеловестная хуевина, жрущая тонны памяти и при том не сильно полезная.
Если есть потребность писать верстку в браузере, жми в12 и правь, хули.
Посоны, какой стул выбрать? Есть предложение пилить ведроид и бэкенд на Go. Но чет не особо у меня лежит к мобилкам, да и хипсто параша Go нигде кроме этой конторки не нужна. Или упороться вебом? Есть опыт минимальный жс - свой сайт с бэком на сервлетах и жс на фронте. Ну и клиента на ведроид наговнякал.
Котаны, если я вставляю иконочным шрифтом выделенный значок с помозью псевдоэлемента, мне отступы между ним и краем блока/букв делать маргинами или паддингами? Или это вообще не псевдоэлементу надо задавать, а самому слову?
Еще вопрос - сначала сверстал эту точку псевдоэлементом у первой ссылки, а когда сделал подумал, что нехорошо, что эта точка тоже будет ссылкой. Решил сделать ее спаном, но ничего почему-то не отображается. Поясните почему. http://www.cssdesk.com/Hw6nb
решил тут сделать футер, и почему-то не получается поставить колонки в один ряд. Выше привел пример, где у меня получается, но вот в футере как-то не получается. Где я накосячил?
>>407667 У тебя все колонки в footer-index. А ему соответственно прописана ширина 25% и левый флоат. Самим же колонкам позиционирование не запилено вообще. Потому и ведут себя как дефолтные блоки, то есть располагаются потоком сверху вниз.
>>407740 Cпан по дефолту строчный элемент. Строчные элементы не принимают высоту ширину бг и т.д, так, как это делают блоки и инлайн-блоки. Поменяй дисплей спана на блок.
Котаны, одна из иконок иконочного шрифта корректно работает только в шапке и футере, в остальной части макета превращается в символ "В". В чем может быть проблема?
>>409128 Не нбись со шрифтами. Это такой пиздец, что просто пиздец. Я как-то раз ебался и наебался на всю жизнь. Весь стэковерфлоу в моих вопросах, блядь. Серьезно, там полный пиздец и непроглдная тьма на всех уровнях.
Поставили задачу - выбрать цсс препроцессор и обосновать выбор. При том, что очевиден - препроцессор для данного проекта не нужен. А нужна, блядь, реанимация в виде полного рефакторинга кода, верстки, цссов и даже Аллаха. А лучше вообще это говно с нуля переписать. Так вот, может кто-нибудь мне подсказать адекватный подход к задаче? Я пользовался только less/stylus и про альтернативы в виде sass/compas или что там есть еще ничего не знаю.
Верстаны, у меня наитупейший вопрос, не бейте. Сверстал все макеты из базового интенсива+еще парочку десятков из интернетов, смотрю продвинутый, учусь прикручивать адаптивность и прочие плюшки. Так вот, на этом этапе уже можно сунуться куда-нибудь, чтобы на доширак зарабатывать, попутно оттачивая навыки, или лучше не стоит?
>>411062 Берешь и распределяешь время. Если js в приоритете то 2/3 отводишь на js, 1/3 на верстку какогонибудь макета. Хотя я думаю на счет меню ты преувеличил
Посоны, а кто нибудь верстает макеты с помощью bootstrap? Я тут немного подучили ихний grid сетку и сел версать и тут понял что в bootstrap колонки определеного размера. Можно ли верстать с помощью этой грид сетки если в макете допуск -+5 пикселей?
>>411215 Всмысле есть? Это ж не видео, его не скачаешь. Проплати 300 рублей, и будет тебе счастье. Ну или в нете поройся. Никаких откровений, насколько я помню, там нет. Просто пояснение базовых свойств animation-name animation-delay/duration/timing-function/etc.
Посоны, а есть ли такие ресурсы, где показаны типовые приемы в верстке? Например у меня есть хедер в котором на одной плоскости расположены логотип(слева) и нав справа. И условно говоря, на этом ресурсе показаны, как их можно спозиционировать. С помощью обычного html/css, bootstrap, less/sass и т.д.
>>396782 тебя наглым образом наебывают. пхп-макака - ебучий бэкэнд, он практически не должен знать фронтэнд (разве что ты в мухосрани пошел макакой), он же серверную логику пишет.
но
для расширения собственного кругозора ты можешь поучить чутка верстку и фронтэнд. на деле, ты либо проебешься во всем, либо уйдешь во фронт, если понравится. невозможно стать грамотным фуллстэк программистом, пока будешь на js писать, проебешь навыки на php и наоборот.
>>396916 >да норм поддержка дятел штоле? ie-8 не поддерживается, ie9-11 + edge поддерживается криво android до версии 4.4 и opera mini не поддерживается.
считай, процентов 15-20 аудитории проебываешь. не надо так, это путь хуесоса, который забивает на поддержку, такой нормальным спецом не станет
Анон, я в том году окончил политехнических колледж, поступил заочно на вышку, учусь и попутно ищу работу. Сейчас я вкратце опишу что умею и что делаю, а ты скажи почему я дно и почему меня не куда не берут на работу.
Ищу работу front-end / back-end разработчиком, хотя бы самым всратым джуниором, сходил раз 7 на собеседования, везде слышал - "мы вам может быть перезвоним". Резюме отправлял где-то в 20-25 компаний, уверен оно у меня не самое худшее. Опыта работы, как такового нет, но работал пару лет фрилансером (верстка, адаптация верстки под CMS) и постоянно изучаю то что интересное для себя. Показываю несколько работ, ничего глобального, но общий уровень увидеть можно.
Как-то так оцениваю свои знания: 0 / 10 - нихуя не знать и не уметь 5 / 10 - средний уровень, что-то легкое (среднее) могу написать, понимаю принципы и как все устроено, при необходимости залезу в интернеты и разберусь как сделать ту или иную штуку 10 / 10 - знать и уметь дохуя, не залезая никуда созидать сложные проекты
ООП, MVC, Git, mysql, linux, apache, web-design, less/sass, api разных сервисов - со всем сталкивался, работал, изучал ну или просто имею представление что это и зачем.
На счет резюме - ну хууй знает, перечитал тонну информации, создал на мой взгляд, на взгляд тех, кому показывал - идеальное резюме а может оно и зря?. Есть ли тут те, кто работал/работает с приемом кадров, расскажите что туда писать. Скажите что я делаю не так? Посоветуйте в каком направлении двигаться, я правда стараюсь и хочу интересную работу.
>>413220 Странно, должно быть все нормально. >Опыта работы, как такового нет, но работал пару лет фрилансером Ноуп, это значит что опыт как раз есть. Почему не написал про пару лет опыта на фрилансе? Алсо где фрилансил то? И про уровень проектов распиши поподробнее пожалуйста. Вроде неплохие скиллы для продвинутого версталы/джуна фронтенда, должны брать.
>>413214 двачую. маркетинг (привлечение клиентов) у неё 7/10, привлечение пиздолизов 8/10. >>413220 > сходил раз 7 на собеседования > Резюме отправлял где-то в 20-25 компаний Этого мало. И ты в каком городе? Чем тебя не устраивает фриланс? Иди в очень крупные интернет-компании.
>>413245 Та чего ты, лол. Ну просто тпшка поигралась с бутстрапом, спиздила пару слайдеров на джиквери, да приписала или тоже спиздила правда непнятно че там пиздить пару скриптов на всплывающие по скроллу элементы. Делов-то. Все это разучивается быстро и легко.
>>413273 двачую, ничего особенного там нету, если смотреть код, начинаешь плакать кровавыми слезами из за margin: -20px и margin-top: 60px вместо отступов у элементов. прежде чем удивляться и начинать заниматься самобичеванием, посмотри в код, а не на внешний вид.
>>413237 В резюме пишу про фриланс, видимо всем похуй, на самом деле лет с 16 всем этим занимаюсь. fl.ru, серч и околотематические форумы, где получалось там и фрилансил, у меня все довольно плохо с поиском работодателей. В портфолио около 30+ работ (+задания типа аля настроить htaccess, поднять сервер, залить на хостинг), но как уже говорил они все легкого или среднего уровня (верстка им, лп, порталы). Честно сказать подзаебало это, хочу что то более существенное, чую что могу.
>>413244 >Этого мало Мало или нет, однако с каждым походом на собеседование самооценка падает все ниже и руки опускаются, неужели я зря все учу? Пробовал в ДС2, правда seo специалистом. Там не взяли, а в моем мухосранске взяли, но наебали, уже месяц хожу и ищу чтобы дать пизды.
>И ты в каком городе? Город населением 200+к.
>Чем тебя не устраивает фриланс? Мне надоело биться с десятком других фрилансеров за какой-то всратый заказ на верстку лп за 2000 р. Хочу стабильности, хочу нормальную зп, хочу интересную работу, работу в команде.
>Иди в очень крупные интернет-компании. В том то и дело, не берут.
Котаны, как заверстать этот сраный поиск? Надо чтобы при фокусе на поле ввода окружающий поле ввода фон становился беленьким. Просто не могу придумать селектора для такого случая. http://www.cssdesk.com/7zBWj
>>413541 В обзоре макетов Громов говорил слой текста вырезать отдельно, типа не надо шрифты подбирать. Но наверное чтобы html был логичен сам по себе этот текст можно разметить тегами и потом скрыть в стилях и вставить вырезанный текст из макета бэкграундом
>>413541 с этим я разобрался, но почему-то ввело в ступор материал ниже. Не знаю как сделать правильно в месте, где фото и название причин? Как правильно это писать в html?
>>413736 >>413751 Бля, я уже поеду скоро с этим поиском, уже час на него убил. Теперь вроде бы все хорошо, но при фокусе никак не сделать чтобы псевдоэлемент у обертки становился с красненьким шрифтом (пик >>413726). Подскажите, как тут быть? http://www.cssdesk.com/7zBWj
>>413854 >>413823 твоя ошибка в том, что ты обертке задал before с иконочным шрифтом.
сделай так: приготовления: 1) все стили у обертки и саму обертку убери 2) задай все стили у input далее: 1) вырежи несколько картинок лупы для поведения при hover, focus итп. 2) задай в background у input эти картинки, убери repeat и все.
>>414002 тогда берешь span или div, у которого в контент добавляешь иконочный шрифт, position absolute и стили добавляешь как у before, и пишешь input.search:focus + span {
>>412726 Да я уже к вам вкатился, даже понравилось. Бэкенд всегда можно будет потом освоить, имея работу. Это лучше, чем год дрочить пхп, жуя гречку на шее у мамки. Извините за оффтоп. Единственное что - никак не могу понять логику цсс. Это просто пиздец какой-то, селекторы-хуекторы, охуеть вообще, никакой связи или закономерности, остается только зазубривать типовые случаи применения. Ну или мне пока так кажется.
может кто подскажет, где можно почитать, как правильно писать код html и css? Сколько не находил всяких готовых макетов у всех по разному состоит код. Гугл молчит.
>>414180 потом тебя вычислают по ip, ломают ноги, пишут отрицательный отзыв на фриланс-сайте и суют деревянный дилдак в жопу (на прошлой работе, кстати, был)
>>414187 Это если пропустить этап с проверкой во всех сайтах. Серьезно, если предполагается длинный серьезный проект с последующей поддержкой этого говна, на второй неделе написания кода/верстки все сведется к каше, костылям и говну, какие бы планы ни стояли изначально.
>>414179 Имею в виду, как правильно оформлять все. Кидал сюда давно свой код из макета, и меня обоссали тут. Сейчас вроде норм пишу, но бывает надо посмотреть какие-нибудь уроки, и там везде по разному пишут, так же кидал код с одного из уроков, и снова тут обоссали меня. Хотя сверстал, как по макету все.
>>414103 У меня просто склад ума такой. ЯП я легко учу, алгоритмы-закономерности, все такое. А цсс - это просто нагромождение всякой хуйни. Но я не сдамся, буду гуглить и штудировать всякие хаброчки. >>414174 > пофрилансить на пыхе Если только упороться битриксом/вордпрессом и клепать хуйню. Я изучал эту тему, т.к. мне не очень нравится 8 часов в день работать и лишь ~5 часов учиться, но увы - для нормального фриланса на пыхе нужно иметь нихуевый такой стэк знаний, который уже позволит на нормальную работу устроиться. А с вордпрессом за еду ебаться желания нет никакого.
>>414190 серьезно, поддерживал несколько больших сайтов в течение года, не было проблем. все просто должно лежать на своих местах + верстать надо по БЭМ, тогда проблем не будет. если у тебя все в кашу превращается, то ты верстальщик так себе, повышай скилл.
>>414192 надо видеть код, чтобы понять ошибки. смотри чужой код, не перебарщивай со вложенностями, не используй id в css, и все будет заебись. ну и + табуляции
>>414193 >А цсс - это просто нагромождение всякой хуйни неверно, там есть своя структура, если углубиться, то все быстро поймешь. по сути, это как объекты, каждый зависит от своего класса. создаешь новый объект, который либо ссылается на своего родителя и наследует его свойства(если они наследуемые, бывают и не наследуемые свойства) либо создает свой собственный класс
>>414196 Я тоже поддерживал. И даже сейчас поддерживаю. По бэм, правда. не верстаю, да и вообще не способен адекватно это дело воспринимать, как бы его яндексовци ни пиарили. В целом, ты прав. Если пытаться все делать аккуратно и модульно, заранее хорошо представляя себе всю архитектуру проекта, то больших проблем с поддержкой не возникает. Но как бы я ни старался, всегда есть какая-то хуевина, сделанная через жопу потому что иначе было нельзя или просто горели сроки.
Пожалуй, главный совет, который в этом случае вообще можно дать - кода возникает мысль "потом переделаю, а пока пусть будеть так", нужно ее гнать вшивыми тряпками и сразу делать как надо.
Но когда задача - сверстать страничку или две, то вообще на все похуй. Сделал и забыл.
>>414200 а, ну если ты поддерживаешь код, которым до тебя кто-нибудь занимался, то ты знаешь, какая жопоболь происходит при попытке переделать чей-нибудь старый костыльный код. у меня были проблемы только со старым кодом, который приходилось рефакторить иногда. с этим действительно проблемы.
а вообще, можно верстать с enb-bem(автосборщик) или просто по старинке, прописывая для каждого нужного блока стиль:
.название-родителя__название-блока
ну, и можно добавлять модификаторы. я на старой работе верстал по бем без автосборщика, сейчас gulp попробовал и понял, что проебал очень много, не используя автосборщики. но enb-bem я пока что так и не осилил и не пытаюсь. а суть БЭМ понять несложно, нужно просто посмотреть верстку.
Но. БЭМ хорош только для больших проектов, на малых типа лендингов он нахуй не сдался, потому что поддерживать их не нужно, создавать новые разделы сайта ненужно итп.
>>414203 > суть БЭМ Хуй знает, в чем она там. Я всегда думал. что бэм - это про именование элементов длинными нечитаемыми классами, которые призваны изолировать блоки. И верил, что это лишняя хуета, усложняющая разработчику жизнь и дающая на выходе в нескоько раз больший цсс-файл.
А потом узнал, что бэм - это еще и про генерацию страниц по шаблонам и какую-то другую хуету вокруг скриптов и организации проекта. В общем, плохо представляю себе, что это за зверь, и пока не горю желанием разбираться.
Зато я очень оценил css-препроцессоры и stylus в частности - вот уж поистине крутая штука. С ним конечный цссник стал на порядок организованее, читаемее и поддерживемее.
Ну и автопрефиксер тоже крутая вещь.
Но это как бы почти стандарт. Сейчас мало кто верстает без препроцессоров и кучи постцсса гульпом сверху.
перезапись: нажимаешь на блок, он становится доступным на редактирование, появляется кнопка сохранения, нажимаешь на нее, данные перезаписываются.
карточки подгружаются по мере прокрутки, изначально видно 5-7 карточек. одна карточка - один блок, занимает всю ширину контейнера.
пусть все сохраняется либо в бд, либо в json файл.
и пусть это будет одностраничное приложение (angular.js)
ну и анимаций добавь, пусть карточки рандомно высчитываются перед появлением, пусть там будет сортировка по алфавиту, номеру телефона и полу. (для этого пусть будет сайдбар)
и добавь возможность создания новой карточки с сохранением либо в бд, либо в json.
вот это вот все. дизайн как у гугла можешь спиздить, или сам придумать
>>414218 это было заданием на должность верстальщика в одну компанию. правда, запись в json или бд не требовалось, только фронт, но все таки. инфа выдергивалась из json файла. подгрузка ajax-ом.
олсо, требования уже на полноценного junior фронт-энда, а не на верстака, как по мне, и предлагали всего 50к
Было одно тестовое задание, где был блок по типу пикрелейтед. Так вот, как реализовать шильдик вверху справа? Я делал отельный div с border-left и border-bottom, и захуячил так, чтобы при масштабировании страницы он никуда не съезжал. Меня не взяли. Может есть валидное решение этой хуйни, ибо я до сих пор хз как это правильно реализовать.
>>414398 Он же не предлагает весь сайт создавать с помощью таблицы, а просто решить данную задачу с помощью таблицы. я считаю тут таблица не годится, нужны псевдоэлементы
>>411200 Да, теперь тебе нужно курить sass/less и соответственно юзать соответствующую версию бутстрапа, там все кастомизируется через variables.sass/less абсолютно все количество колонок, размер отступов и т.д. точно знаю что в sass можно даже дробный размер сетки установить, но для этого всю сетку надо в стили переместить
Скажите почему меню не встает в один уровень с лого? В нердсе делал все с таким же кодом, и все нормально получалось. Решил сделать другой макет, и вот результат.
>>414466 У тебя ширина у блока с лого огромная. по сути весь экран занимает, и плюс ко всему ты забыл там флоат лефт поставить, если уж ты на флоатах делаешь
И вообще ты лого через жопу сделал, у тебя там аж три элемента, div a img, вместо просто одного <a> с картинкой-бекграундом. Переделывай это говнище.
Те кто покупают интенсив академии, как они делают свои макеты? На примере барбершопа или я ошибаюсь? Просто я сделал один в один, как барбершоп только изменил информацию внутри на свою.
>>414476 Чувак, интенсив - это курсы ВЕРСТКИ. Какие свои макеты? Тебе дают макет - ты берешь его и верстаешь, все. Хочешь рисовать в фотошопе свои собственные макеты - учись дизайнить.
>>414494 Ох бля ты даешь.... Лол, вопрос про "смотрел интенсив или как" тебе задавать надо. Под своим макетом подразумевается то, что ты помимо барбершопа, верстка двух из четырех страниц рассматривается на уроках, должен сверстать один из трех дополнительных макетов на выбор: нердс, техномарт или седону (сейчас еще какой-то с мороженком будет)
Аноны, нашел местечко в котором можно пройти стажировку верстальщиком, но для этого нужно иметь базовые знания о верстке. Подскажите, что может конкретно входить в эти базовые знания, а то приду к ним, а они скажут что-нибудь чего не было в базовом интенсиве, и думаю после этого мне туда дорога будет закрыта.
>>414527 html, css, media queries + css3 и подобное, верстка флоатами, табличная, div-ная, html-5 верстка, inline-block, gracefull degradation и progressive enchancement + понимание рендеринга браузерами и распространенных ошибок + знание методологии БЭМ (если будешь поддерживать большие проекты) хотя бы в области верстки, знание photoshop хотя бы для нарезки картинок - средний уровень верстальщика, если знаешь и понимаешь это все, то проблем не будет.
убери рендеринг браузера, знание бэм, gracefull degradation, progressive enchansement, и вот тебе начальный уровень, с которым не стыдно заявиться проходить собеседование на джуна. но все-таки, на джуна. для миддла уже нужен опыт хотя бы год-полтора.
но это я так считаю.
дальше уже идет наполнение скриптами (js), изучение новых библиотек, оптимизация разработки при помощи препроцессоров и gulp, облегчение себе верстки, jquery и библиотеки, angular, ajax, понимание DOM, работы браузерных движков и обработчика браузерного js + тесты js. это уже начальные знания front-end разработчика, с которыми, опять же, не стыдно пойти на собеседование и иметь высокие шансы получить работу
>>414557 олсо, сам пошел на первое собеседование зная только самые азы, что есть блоки, таблицы, картинки и ссылки, зная, как блоки закрываются, и владея базовыми стилями.
как повезет, короче. в любом случае, во время работы подтянешься до необходимого уровня, если будешь учиться постоянно
>>414557 >>414562 >>414584 так я не на работу к ним устраиваться собрался. У них происходят наборы людей, которые стажируются 2 месяца у них, и просто учатся у них. Может если кто-то там будет показывать свои мега знания в вёрстке, то тогда может они и пригласят на работу. А так вроде бы это просто обучалка у них.
>>414587 Тогда тем более иди. А вообще, если там учат только верстке, то особо не вижу смысла идти, лучше дома дрочить. Хотя если ты не можешь в самодисциплину, или дома нету возможности, то тогда конечно иди.
>>414587 Так не бывает. Либо учат и берут на работу, либо ты делаешь им работу, а потом тебя выгоняют, не заплатив ни гроша. Стажировки - они такие. Никому нет смысла заниматься благотворительностью и обучать левых хуев просто так.
>>414592 да, что-то сомнения вызывают насчет этой стажировки. Именно в том, что я выше написал, что приду туда и дадут задание какое-нибудь проверочное и обосрусь на нем. Скажут иди домой доучивай и приходи в следующий раз. А вот если возьмут, то можно попробовать показать себя как-то попробовать, и уже потом можно придти на другую стажировку связанную с фронтендом(если успеть выучиться до базы)
>>414606 >стажировка бесплатная Вот это и должно тебя напрягать в первую очередь. Лучше не суваться в эту хуйню. если речь не идет о какой-то действительно серьезной конторе с именем. И даже тогда. с очень высокой вероятностью тебя кинут.
Посоны , я у меня вопрос. Имеется вот такая ебала как на пикe. Очень часто такую хуйню встречаю. Заголовок, текст, ссылка. Вот как делать по кошерному между ними отступы? Что если я буду оборачивать тексты и заголовки в теги <p class="Ebala"> Everything fucking stuff </p> и классу "Ebala" буду присваивать display: block? Заебался уже городить лес из divов.
Что нужно знать по верстке что бы подымать на upworke 3-4 бакса в день? Просмотрел видео академии, верстал пару макетов и сейчас верстаю макеты для портфолио, потом закину на свой хост Openshift. Знаю немного python и django, но это никому нахуй не упало. Кто фрилансит - верстает на upworke расскажите что нужно заказчикам, что они требуют.
>>415018 Эм, ну это помесь. Делаешь у себя на пк, в облаке это все эмулируеться. Или наоборот. Все это работает через Git. Прикольная штука, единственное что нашел с бесплатным хостингом на django. Попробуй, тебе понравиться, я свои недосайты сделал 3 года назад и досих пор их никто не похерил и не стер.
>>413220 Неудивительно, так как IT-рынок у нас сильно рухнул за последние два года, ещё году в 2013 ты бы быстро пристроился. У тебя хорошие навыки, я бы тебе на буржуйскую биржу посоветовал идти.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Основная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Так как стек технологий вырастает, то соответственно вырастает время, что требуется для обучения. С одного-двух месяцев до 4+, иногда до полгода, в зависимости от твоей обучаемости. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
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/
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
===========================
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>Идите нахуй.
или
>Используйте блять cssdesk или jsfiddle или даже jsbin. Делать тут нам больше нехуй, кроме как выкачивать css
То же касается умников со скриншотами. Если запили скрин и желаете получить внятный ответ – показывайте и код, а лучше оформите все в песочнице. В противном случае не жалуйтесь на реакцю.
======================
Все основная инфа и материалы здесь:
Обновленная паста - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред