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
То же касается умников со скриншотами. Если запили скрин и желаете получить внятный ответ – показывайте и код, а лучше оформите все в песочнице. В противном случае не жалуйтесь на реакцю.
>>366531 (OP) Пасту перепилил, убрал старое начало, переписал заново. Немножко сумбурно, но как уж есть. Кому не нравится - можете изменить/добавить что-то свое.
Убрал нерабочие ссылки. Залил немного своих материалов и находок. Структурировал все это вместе. Вообщем она вроде как почище стала. Ну хуй знает. Жду ваших отзывов/замечаний.
Завтра иду на собеседование, на фронтенд, вроде готов, но очень стеснительный, и на собеседованиях не был 2 года, боюсь на простой фигне обосраться. На самом деле всю неделю забил собеседованиями в компаниях про которые я вообще ничего не знаю, или неинтересных мне, для тренировки и все такое. Думаю на следующей неделе уже идти в интересные мне места. Такие дела.
>>366603 >На самом деле всю неделю забил собеседованиями в компаниях про которые я вообще ничего не знаю, или неинтересных мне, для тренировки и все такое. Думаю на следующей неделе уже идти в интересные мне места. Везет тебе, можешь перебирать вакансии, а у меня в милионнике 5-6 вакансий только, раньше еще висела стажировка бесплатная в интересной конторке, но видимо кого-то взяли, пока я учился верстать. Печаль-беда.
>>366607 >>366709 У меня уже 2 года опыт, я в последний раз был тут 2 года назад, перед первым собеседованием на фронтенд. Вот решил по традиции зайти. Сейчас решил сменить банковскую сферу, на что нибудь небольшое, хотя пока не уверен, если предложат крутой проект в опять же банковской сфере - соглашусь. Все зависит от проекта конечно, и команды. Знания все лень перечислять, если что то конкретно интересует - спрашивайте.
>>366649 Не завидую тебе бро, я бы наверно первым делом валил бы в ДС/ДС2, а потом уже думал о работе. Попробуй фриланс, хотя как я слышал, там уже не так все лампово, как раньше. Если есть опыт - пробуй в ДС/ДС2 компании, на собеседование перелеты проживания тебе оплатят.
>>366655 На dribble полно макетов бесплатных, когда первый раз искал работу - верстал "портфолио" по макетам оттуда.
Немного впечатлений от нуба: потихоньку курю хтмлакадемию, прошел до курса селекторов, далеко не сразу дошло что да как. Посмотрел пока два урока из базового интенсива, и пока не очень ясно, как все эти маленькие знания структурировать. Однако желание и интерес есть в достатке.
>>366654 Пермь >>366726 2 года версталой отработал? Сколько ЗП сейчас хочешь? >Не завидую тебе бро, я бы наверно первым делом валил бы в ДС/ДС2, а потом уже думал о работе. Если есть опыт - пробуй в ДС/ДС2 компании, на собеседование перелеты проживания тебе оплатят. Опыта нет у меня, в том-то и дело. Рядом есть Екатеринбург, там все получше с вакансиями, может туда понакочусь для начала, как бакалавра получу. ДС/ДС2 слишком далеко от меня. Без опыта я там буду хуй сосать, даже жилье снять не получится на ЗП верстальщика без опыта.
>>366742 Фронтэнд разработчиком. Верстальщика встречал только одного, и то он уже выучил JS и с головой ушел в React. Пришел на 35 (просил 15) без опыта совсем, через полгода подняли до 65, потом до 85, последние полгода получал 100к, сейчас на эту цифру и ориентируюсь, от 100к. Накопи денег на жилье/еду на полгода, и уезжай. Хотя если честно не могу советовать что делать в твоей ситуации, рождаемся в рандомных локациях, и мне с этим повезло.
>>366759 Ну да, я довольно стеснительный, и могу растеряться в таких ситуациях. Хотя на прошлой работе пару раз в месяц у нас было что то вроде митапов, и каждый готовил определенную тему и всем рассказывал, у доски, как в школе, и теряюсь первые несколько минут, потом норм, и становится пофиг что на тебя смотрит около 20 человек и слушают.
>>366767 Писал об этом 2 года назад, ну ладно. Работал в айти, но не программинг, обратился знакомый – сверстай сайт для типографии (ты же айтишник), я попробовал, у меня не получилось, но очень понравилось. Накопил денег, уволился, купил Фленагана и сидел дома почти безвылазно полгода. Потом вылез, сходил на собеседование – обосрался и вернулся домой еще на месяц. Потом опять вылез, пошел на джуниора, и как мне показалось – опять обосрался, но мне перезвонили. Спустя год спрашивал тимлида, почему меня взяли вообще, он сказал что я довольно неплох был на собеседовании, что очень странно.
Как мне кажется большую роль сыграло достаточное количество накопленных денег, которых мне хватило на полгода безработицы, и потом еще полгода ни в чем себе не отказывать, при этом получая зп джуниора. Потому что совмещать основную работу и обучение фронтенду у меня не получилось бы, я бы просто ебанулся.
>>366789 Кстати за первые две недели работы, научился большему чем за полгода изучения дома. Поэтому бросайте домашнее обучение как можно скорее и го ебашить, говорите что готовы работать за еду, работа в команде над серьезным проектом прокачает вас очень быстро.
Живу в мухосрани см. pic, работаю кхм... сисЬадмином за 20 тыс. Планирую в конце 2016 рвануть в ДС2, благо, есть где пожить пару месяцев на халяву. К тому времени мне будет почти 25 и чЁта очково искать работу фронтенд джуна в таком возрасте.Ведь вокруг хренова туча 20-ти летнего молодника :(
>>366836 >почти 25 и чЁта очково искать работу фронтенд джуна в таком возрасте Мне 27, собираюсь перекатываться в фронтенд из сферы никак не связанной с ай-ти.
>>366871 ДС2, тут вакансий много, нигде не видел ограничений на возраст, может это на собеседованиях всплывет, но я как-то совсем не опасаюсь этого, норм работодателю нужен человек, который справляется с поставленными задачами и не важно какого возраста, все же фронтенд это не та сфера где надо смазливым лицом торговать.
Как мне сделать так чтобы картинка втиснулась между менюшкой-навигацией из инлайновых блоков ровно по центру как отодвинуть вторые 2 элемента меню вправо? Но условие чтобы он были обязательно инлайновыми блоками http://cssdeck.com/labs/2s6nw2qq
>>367005 чтобы попытаться засунуть ее между ними. >>367008 да это ссылка на главную , но это не элемент списка , есть ли способ как можно спозиционировать 2 инлайн элемента слева и 2 справа , а между ними засунуть картинку я вот что хочу понять
>>367047 ну тебе предложили уже в навигацию ее засунуть, но тебе так видимо нельзя, как сделать по твоему запросу я не знаю, но сетки позиционированием не делают.
>>366836 26 лет, джуном устраивался в 24, не замечал каких либо проблем с возрастом, я думаю если тебе до 25 – всем плевать что нет опыта. В любом случае выбор будет в пользу знаний, а не возраста. Если конечно тимлид не гей с предпочтениями до 20 лет, и лгбт полоской на гитхабе.
>>366872 Эх, я бы сейчас откатился на 7 лет назад.
>>366887 Еще заметил что выход за рамки удобства, или как то так, прокачают тебя еще сильнее, первые две недели работы в команде являются частным случаем этой ситуации. Если ты работаешь над проектом, сроки горят, маркетинг просит быстрее, пм умоляет быстрее, тимлид уничтожает твой код во время ревью, и все это в безумном темпе – прокачка x100. Если ты работаешь неспеша над ламповым проектиком, где все под контролем, есть время посидеть и обдумать, собраться в переговорке поболтать об паттернах, вернуться с чашкой кофе и зарефакторить вчеранаписанное – прокачка так себе.
Это все из личных наблюдений, соответственно субъективно.
Мне тут знакомый заказ подкинул, нужно сделать сайт для предприятия его отца. Он занимается изготовлением гранитных памятников (в основном надгробий). Я не так давно для одного нашего общего с ним знакомого сделал мини-сайт по внешней рекламе (билборды, холдеры и т.д.) по бесплатному макету, нарытому в интернете. Вот он увидел и тоже сайт себе захотел. Но я в душе не ебу, где мне достать макет для сайта надгробий. Повсюду только всякие новомодные фьючерсы-хуючерсы да картинки кружочками. Для сайта внешней рекламы это ещё подходит, но не для памятников же, в особенности надгробных. Может, кому-то встречался подходящий макет? А то придётся какой-то извращенный макет для портфолио под свои нужды переделывать.
>>367369 а что если дошло просветление, как все там делается, но вопрос будет в другом? Для чего это вообще нужно? Я имею в виду, что это дает? Вот на видео вырезали иконку фейсбука, и что с ним делать дальше надо будет? Вставлять в свой макет, но для чего?
короче, верстала получает от дизайнера макет в формате .psd (иногда в другом но чаще всего так). как ты понимаешь это просто картинка, работать она не будет. вот задача верстальщика в том чтобы из этой картинки сделать код: собственно разметку (html) и стили (сss) (еще скрипты порой писать - js). и сделать так, чтобы при открытии в браузере это было похоже на то что в макете.
в макете который дает дизайнер есть вещи которые можно делать с помощью css и есть вещи, которые надо вырезать, так как иначе их не сделаешь. вот иконка например соцсети - ее скорее-всего нельзя сделать css, поэтому нам надо ее вырезать в фотошопе и вставить в нужное место кода, который пишем, ведь нам то надо чтобы она отображалась на сайте.
>>367425 ну вот наконец-то я увидел ответ на мой вопрос. Если я правильно понял, то я могу скачать любой макет в формате .psd, и взять к примеру оттуда понравившуюся иконку или еще что-нибудь, потом вставить ее в то место, где указан для нее код. Все верно?
>>367466 бля, ты код сам пишешь - смотришь на макет который ты скачал и пишешь код, чтобы когда ты этот код откроешь в браузере он сука выглядел так же как твой макет. ты не делаешь из макета другой макет, ты сидишь и пишешь код!!!!
>>367489 Да забей, я верстал на убунте, там ФШ нет, соответственно дизайнер присылал мне макет в .jpg и те вещи, которые я не могу сделать в html+css сам вырезал и прикреплял, так же про размеры шрифтов. При этом я делал пиксельперфект верстку. Так что можешь даже не устанавшивать ФШ, картинки пусть дизайнер вырезает.
>>367542 Че за хуйню ты несешь? Какой блять дизайнер? Кто это ему все будет вырезать? Мамка его? Он же только учится. Потом привыкнет такую хуйню творить, придет в конторку, глазами похлопает и вылетит на первый же день.
Анон, доставь пикчу, где лысый мужик в очках сидит смеется перед монитором и держится за голову. Либо в любом другом варианте с ним. Устал просить уже во всех разделах.
>>367542 Сам на бубунте, но без ФШ никуда, пришлось устанвливать. Размер шрифта, фамилю шрифта с jpg не узнаешь, это реально ебала. Сам когда то был упоротым красноглазиком, сейчас немного отпустило, я бы и перекотился на винду, но реально привык к командной строке linux, очень она мне нравиться, да и кумарит что в винде по умолчанию не идут самые нужные программы. Тот ридер пдф, еб твою мать, на винде одно говно блять. Распаковщик. БЛЯЯЯТЬ, НУ ЧТО НЕЛЬЗЯ РАСПАКОВЩИК В КОРОБКУ КИНУТЬ?? Но фотошоп конечно хорош, хорош. Анон, не еби мозги устанавливай Playonlinux и накатывай photoshop cs 6. Работает.
>>367594 да как-то заметил на одном треде. Один был оригинал, а второй типа он младенец и руки от оригинала приклеены к голове. Взял не сохранил, и вот ищу теперь. А у тебя есть?
>>367623 Так не нужно. Если он поставит курсор во фрагмент текста с нераспознанным шрифтом, то ФШ заменит шрифт на другой. Нужно выделить слой и смотреть Character.
>>367630 он спросил за размер шрифта а не за font-family эт раз. а два - есть макеты в которых слиты заголовок блока и параграф в один слой и хуй ты выделишь что-то отдельно
>>367623 Ну я вот выделил этот участок с помощью этого инструмента, дальше что надо делать? Выделить его не получается. Ананасики, помогите я этот слой "Долго, дорого, скурпулезно" найти не могу. Все слои скрыл, не могу найти и пиздец. Может кто работал с этим псд, подскажите как называется этот слой.
>>367637 В ФШ есть хреновина, чтобы выделять слой по клику, не помню, где именно. В третьей части базового говорят про это. Можно тупо повыключать слои ещё.
>>367637 Бля, не бейте, это оказывается была картинка, и слой назывался почему то "sidebar" , немного не лагична, ебана в рот. Я пока видео эти обучающие смотрел , думал что я крутой перец-верстала. Воистину, дьявол скрывается в деталях, куча мелочей которые упущены в видео и куча вещей надо научиться делать своими пальчиками.
Мимопроходил-инженер зашел в тред и хочет изучить верстку. Как на рынке с зарплатой и вакансиями в дс2? Судя по ХХ довольно таки неплохо. Есть полгода без работы но с зарплатой лол, хочу вкатится.
Анонасы, поделитесь лайфхаками как не забывать прочитанное? А то я сейчас прохожу курс на learn.javascript и немного охуеваю с объемов информации. Уже дошел до дескрипторов и забыл, то что изучал в начале. Плюс ко всему выбивают из колеи задачи в конце урока, где для решения того или иного задания нужно перешерстить половину курса.
>>367891 Еще немного непонятно, как я могу применить эти знания в будущем. Например, я хочу писать парсеры, а мне предлагают делать калькуляторы и выводить хештеги елочкой. Все, я поплакался. Можно дальше продолжать вникать в ООП
Парни, у кого маленький монитор как вы верстаете макеты, которые не лезут в него? Если там укладывается в 960 пикселей, от норм, а вот больше это пиздец. Еще проблема с резиновыми сайтами. Нет ли какого костыля для браузера, чтобы можно было выставить фиксированную ширину страницы в пикселях, т.е. чтобы страница отображалась бы, как например, на фуллхд мониторе, а всю эту ширину можно было бы скроллить горизонтальной прокруткой.
>>367899 У меня экран по современным меркам довольно мелкий 1440 на 900. Я так и верстал. Довольно мало встречается тренировочных макетов с шириной контентной области больше 1400 пх. Если надо было, немного урезал. На работе тебе все равно дадут огромный моник. Не слишком понимаю о каких костылях идет речь. Просто задай нужную ширину контентной обертке обертке, либо боди, либо еще какому-то общему элементу, тут надо эксперементировать.
Я тут подумал, вот строят люди дома, платят за стройматериалы, кирпичи с досками и прочую хуйню.
А когда строят сайты, за теги не платят.
Подозреваю, в будущем нас ждет стремительная коммерциализация этого дела.
W3C запустит сайтец, где надо будет покупать теги, точнее, права на их использование. Например, верстаешь учебный макет, нужно тебе столько-то дивов, столько-то спанов и прочего. Приходишь на сайт, заполняешь форму, платишь по тарифу. Один див - пятнашка, спан - червонец, и т. д. Как все сверстал, загружаешь html, если превысил - доплачивай, остались лишние - используешь в другой раз.
Использовал теги без оплаты - считается, спиздил стройматерилы. Заводят дело, взыскивают бабло, если бабла нет, присылают приставов, те приходят и распродают все твое барахло.
>>366872 та же херня, брат. только я уже успел верстаком почти год поработать, уволиться и просидеть на жопе почти полгода. вакансии есть, резюмешки отправляю, но мне не звонят, не пишут, а самому идти что то стремновато. аноны, стоит ли идти самому в офис, если мне не звонили и не отвечали на резюме?
>>367891 >поделитесь лайфхаками как не забывать прочитанное? Повторение и пересказ изученного, я еще люблю конспекты на бумажке писать лучше запоминается, а вообще курс КАК НАУЧИТСЯ УЧИТСЯ на курсере тебе в помощь
>>367963 хотелось бы понять, почему я не подхожу. банальный ответ, что вы нам не подходите, потому что... опыт больше года есть, вакансия висит на сайте несколько месяцев, мне даже не отзвонились, резюме прочитали только через пару недель после того, как отправил. все равно вариантов других, насколько я знаю, нет в нашей мухосрани. верстаков у нас не так уж и много.
>>367984 на фриланс биржах нужен минимум jquery. и фреймворки. я же js пока только учу (на уровне добавить элемент в DOM). jquery учу. фрилансил пополам с другом, я верстаю, он скрипты добавляет. жутко неудобно получается. да и искать каждый раз заказчиков еще тот геммор.
заметил интересную вещь, во всякой мухосрани на работу ищут этаких специалистов, могущих и в html, css, js, jquery и одновременно в php, python итп. и зарплата у таких "специалистов" 15-20к. пиздец, насколько надо быть охуевшим, платить всего 15к за все это.
>>367991 Это хуйня еще, я обычно пишу им что они охуевшие пидоры и пусть нахуй идут. А на деле на такой работке ты будешь прикручивать тексты и рассказывать бабам в климаксе куда жать мышкой и почему окошко улетело.
Я как-то числился в одной мухосранской конторе, которая занималась любой хуетой, за которую можно получить деньги - сайты, СЕО, СММ, печатная продукция, установка рекламных приблуд, дизайн всех этих буклетов и проч. При этом работало там человек 6-8, и текучка была адовая.
Прикол в том, что если в конторе работает немного народу, то из этих 6-8 человек кодингом занимаются где-то 2-3. Остальные это дизайнеры, манагеры, может быть, копирайтер или сеошник, ну и директор всей этой шняги. Т. е. если ты попадаешь кодером в такую контору, то будешь хуячить на всех фронтах - и верстать, и бэкендить, и фронтендить, и еще компы разбирать-собирать. Поэтому им нужны такие типы. Другое дело, что уровень скиллов там нужен не особо высокий - сайты там это в основном поебень на готовых шаблонах, никаких там адаптивностей и прочих моднявых изысков. Ну и 15-20К для таких ахуенных спецов это еще приличные бабки на самом деле.
>>368119 поставь, посмотри видос по обучению и все. хочешь-не хочешь, а работать с фотошопом прийдется, если ты начинающий верстальщик-фронтэнд. через какое-то время привыкнешь, работать станет легче. а если не станет, то, может быть, это и не твое?
>>368165 но если ты хочешь в будущем быть нормальным фронтэндом, а не говнокодером, лучше все-таки сначала js выучить до уровня DOM отредактировать, функции-хуюнкции и прочее, а потом уже в jquery лезть. потому что понимание vanilla JS облегчает обучение тому же jquery и прочим фреймворкам.
>>368247 посмотри, блядь, в семинаре 3 раздел, где про фотошоп говорится. там говорят, какой формат для чего нужен. если нужна прозрачность - png-8 или png-24. png-24 умеет в полупрозрачность, если тебе нужны совсем крутые иконки, то сохраняй в нем. но не сохраняй сильно большие по размерам картинки в png, сохраняй в jpeg, потому что большие jpeg-картинки весят меньше, чем точно такие же картинки, сохраненные в png. как понять, что твоя картинка с прозрачными пикселями? очень просто, в фотошопе там, где картинка прозрачна, фон серо-белыми маленькими квадратике, как на твоей картинке.
>>368119 не нужен тебе фотошоп на фронтенде, тред блять полон диванных корзинок, которые на производстве ни разу не работали, либо фрилансеров без дизайнера, который сам выраезает все нужные изображения, либо дедов из 2003 когда фш был необходим, так как даже тени и градиенты верстали картинкой а дизайнеры считали себя элитой чтобы вырезать для верстака. хочешь угореть по фронтенду - забей на эту хуйню, иди на спецификацию почитай про вьювпорты контейн блоки, нормал флоу, флоатс флоу, формула по которой считаются размеры блочных элементов и прочую хуйню, и забей на верстку, потому что верстка обеспечит тебя деньгами чтоб на еду хватало, а JS чтобы на много чего еще, поэтому встал блять и иди учи почему функция может работать со свободными переменными вверх по цепочки скоупов даже когда внешняя функция завершила свою работу и ее лексическое окружение уничтожилось.
>>368272 долбоеб ты, а не фронтэнд. нормальный фронт-энд должен уметь в фотошоп, верстку, js и фреймворки, и немного в бэкэнд (php поправить, если все совсем хуево). нормальный фронтэнд - всесторонне развитый человек, понимающий, как проходят все этапы создания и работы сайта. а таких говномакак, которые выебываются на работе, говоря, что это не их дело, я десятками видел. бэку нужно ссылочку вставить, он начинает говнометать, что это не его удел, что он бэк, а не верстальщик, полчаса бурчит, хотя мог бы просто добавить ссылку в макет и все. дело пары минут. но такие будут бугуртеть, пока не заебут всю команду. никакой дизайнер не будет тебе нарезать макеты, это не его обязанность. максимум, что он может тебе сделать, это иконочку в вектор перевести, и то если он заинтересован в этом, и у тебя с ним хорошие отношения. и как ты будешь смотреть макет, интересно, без фотошопа. как ты будешь форму всплывающую делать, слайдеры-хуяйдеры итп?
>>367742 Да ты охуел, ты хоть чем-то полезным занимаешься, на заводе-то. А ты подумай, что для мир полезного делает очередной говноверстальщик, за 2 недели освоивший хтмл?
>>367953 Я бы лучше сходил на курсы по JS к Илье Кантору, унего голос охуенный и поучиться у такого человека я думаю будет мегаохуенно. И где бы взять 20к нищему студенту...
>>367986 А ты верстаком получается без JS работал, чисто за верстку отвечал? Запили пожалуйста кулстори, как устроился и почему ушел, если не лень. Алсо, что за город?
>>368347 работал без js, чистым верстаком. изначально пошел на работу просто потому, что денег не было нихуя, из универа ушел, и отец сказал, чтобы я уебывал, ибо через пару недель, если я останусь дома, он сломает мой же ноутбук о мою спину. с отцом всегда были хорошие отношения, но в то время я действительно сглупил. мне некуда было идти, а отец давил, говоря, что вышка нужна, и если я не пойду в универ, то нехуй мне тогда на его шее сидеть. я пошел в местный вуз получать совершенно неинтересную специальность, никак не связанную с IT. проучившись семестр (цена которого была 40к, и оплачивал их отец), я понял, что меня эта хуета не устраивает. и начал учиться верстать. верстал я по урокам, которые скачал на флешку с компа старшей сестры. у самого меня компа не было (был сломанный ноут), поэтому учиться мне приходилось в универе вместо занятий, так как они мне совсем осточертели. в итоге я проебал 90к отцовских денег, положил хуй на все экзамены и сказал отцу, что ухожу из универа. отец воспринял все это очень плохо, мы часто ссорились, но до опиздюливания не доходило, так как мой папахен очень добрый (мать умерла, когда я был подростком). в итоге в один прекрасный день я почувствовал, что стал лучше разбираться в компах, починил свой ноут и начал творить на нем (всякую хуету, версткой это назвать было сложно). в один прекрасный день мой отец вошел в мою комнату и сказал, что ему позвонил куратор моей группы и сказал, что я не посещаю занятия. я сказал, что я ухожу из универа, мы поссорились, отец выставил мне ультиматум. в тот же день я пошарился по сайту работы в нашем городе. нашел пару вакансий, создал резюме и отписался по этим вакансиям (продавец, оператор call-центра). по второй мне отзвонились буквально через пару часов и назначили собеседование на следующий день после 4. я тогда был патлат, поэтому подстригся и прикупил новой одежды на последние деньги. олсо, выглядел как ребенок (задержка физического развития, еби ее в рот + мелкий рост 170см сейчас, тогда 165). меня встретила женщина лет 35, сказала, что человека, который должен меня проинструктировать, уже нет, ибо он рано приходит и рано уходит (ненормированный рабочий день, классная штука. платят почасовую, но лучше работать по 8 часов в день. можно больше, получишь больше + бонусы). я переписал резюме, упомянув, что могу в html, css, и напиздел, что могу в js (это мне потом аукнулось). потом поговорил немного с женщиной, не помню уже о чем, и ушел домой. мне позвонили и сказали, что я принят. сказали приходить к 11. пришел я к 11 на следующий день и познакомился с наставником по работе. это оказался наш сисадмин, с которым мы очень быстро сдружились и потом долго прикалывались над менеджерами, ходили на турнички итп. он же и посоветовал меня, когда понадобился верстак в компанию. когда я устроился, то даже не знал, чем компания занимается. полноценно я узнал об этом тогда, когда стал работать верстаком. проработав пару недель прозвонщиком, я получил бабло, рассказал отцу о том, что я нашел работу. отец тут же оттаял, сказав, что тогда нет смысла в том, чтобы получать вышку, если я смог устроиться без нее и получать деньги. через месяц работы меня взял менеджером продаж, через месяц я ушел оттуда в контент-менеджеры, ведь я знал разметку html к тому времени. еще через 2 месяца решил уйти из компании главный верстальщик, и срочно потребовались верстаки. я ссыковал за свой уровень верстки и решил не собеседоваться. но сисадмин сказал шефу, что я хочу собеседоваться. на следующий день меня пригласили, дали тестовое задание, я сверстал его (оче хуево, но лучше большинства приходивших ранее верстаков, как мне сказали потом) и ушел. на следующий день мне поставили стол в офисе программистов (у нас два офиса, один для клерков, другой для прогеров, верстаков, тестировщиков и ПМов), детально разобрали со мной ошибки моей верстки и заставили переделать с учетом моих ошибок. я переделал, тем самым доказав свою возможность учиться на ходу, и мне предоставили место верстака. главный верстальщик должен был отработать еще 2 недели, что он и сделал, каждый день уделяя пару часов моему обучению. когда он ушел, натаскивать меня продолжил второй верстальщик, ставший после ухода первого главным. первый месяц я верстал простенькие кнопочки, редактировал админку и прочее. потом пошли объекты посложнее. первую неделю надо мной подшучивали, так как я написал в резюмешке что владею js, а оказалось, что html и css у меня на хуевом уровне, о js речи и идти не может. было очень хуево, но я сосредоточился на работе, и это отвлекло. с каждой неделей сложность увеличивалась, но если я чего-то не понимал, то обращался за помощью к главному верстальщику, с которым мы быстро скорефанились (на работе ты либо корефанишься, либо вылетаешь, так как не можешь в коллектив). в итоге я работал чуть больше полугода, когда главный верстак ушел в отпуск на 2 недели, а я начал главноверстать за него. 2 недели я верстал, все было норм, потом главный верстак пришел, и все продолжилось дальше. в последние пару месяцев я дико говноверстал, ошибки сыпались, сайты ломались, и у меня портилось настроение, меня все заебало, нервировало все итп. в итоге, проработал я год до мая. а потом у меня в жопе заиграло детство, и я понял, что хочу лето прогулять. уволился я, думая, что мне это нужно. адекватной причины увольнения я тогда не видел, но меня несло дальше. в итоге я уволился в мае, забрал последнюю зарплату и съебал в закат. лето я прошлялся, пробухал, потусил с друзьями. деньги закончились. работы у меня не было. я попытался во фриланс, но у меня шел говнокод (денег конечно поднял, но мне в этом помог друг, фронтэнд в ДС, с которым я периодически консультируюсь в разных вопросах). сейчас то уже замечаю, а тогда не мог понять косяков. в итоге с августа я сижу на жопе, у меня нету работы, жить приходится за счет отца, который спокойно относится к тому, что я не зарабатываю уже почти полгода, а просто сижу у него на шее. идти куда-то в макдак работать я не хочу, вместо этого последний месяц дрочу js, недавно бутстрап выучил за пару дней, jquery поюзал, БЭМ заново вспоминаю, думаю вордпресс поюзать, понатягивать шаблоны для него. главный плюс в том, что у меня за этот месяц нехило вырос уровень. что в верстке, что в сисадминстве, винду всем знакомым переустанавливал, менял коннекторы, инспектировал кабель на разрывы, роутеры ставил, перепрошивал, убунту, арч накатывал себе, виртуалки поднимал, в консольках пердолился итп. жалею, что с работы ушел, надо было там торчать, были бы щас деньги, навык поднял бы, условия там для нашей мухосрани были отличные. новокузнецк.
>>368540 То что мы живем в постидустриальную эпоху не убирает нашей потребности в материальных благах, а материальные блага, особенно высокотехнологичные делают на заводах, или ты думаешь айфоны рождаются в результате кодинга?
>>368548 анус себе сохрани, долбоеб. никто не будет тебе иконочки соц-сетей вырезать, ты сам это должен уметь. спрайты собирать тоже сам должен уметь, не будет это за тебя никто делать. никто не будет тебе отдельно спрайт сохранять. разные корнеры, треугольнички в углах и прочее микроскопическое говно, которое невозможно средствами css сделать, за тебя вырезать никто не будет. к тому же во многих конторках в мухосранях дизайнеры не могут в верстку, не знают возможностей современных и старых браузеров, не могут представить, что можно сделать, что нельзя, что стоит вырезать. а мухосраней куда больше, чем ДС-ов.
>>368769 Странно, я думал article это статья на странице, а не вся страница.
У меня таой вопрос, вот я хочу чтобы на низких разрешениях появлялось выпадающее меню сверху, кторое до этого было в другом месте. Я сделал это через медиазапрос. Так вот как правильно убрать со страницы на через медиа запросы ненужный блок меню? Я сделал display none, но потом прочитал, что ссылки так прятать нельзя, типа из нтмл они никуда не деваются и поиковики видят это.
>>368888 Да, знаю ангуляр достаточно неплохо, реакт на среднем уровне, чистый жс наверно тоже на среднем (ну тут сложно оценить, на уровне джуна точно знаю), но на работе код/логику не пишу вообще.
>>368893 Ну вообще я хочу больше быть UI кодером, а логику мне не очень нравится писать. Ещё поднадрочусь немного и попробую сменить должность, может в нашей компании откроется как раз такая. Да и верстать в разы легче, чем кодить, я за пару часов могу все свои таски на день переделать, а потом своими делами заниматься, а кодеры всегда заняты весь день.
>>368901 В работе конечно не стоит. Если тебе для себя нужен сайт по-бырому сделать, а ты не умеешь верстать, то можно, но тоже лучше нанять студента за еду.
>>368046 Сидишь такой в говне, мечтаешь зарабатывать 5 баксов в день и тут четприуныл купил мак. Раньше тоже думал что на маках сидят ЛЮБИТЕЛИ ЭСТЕТИКИ, но где то прочитал что все разработчики которые садились за мак, уже к другим системам не возвращались. Сей факт очень насторожил, одно дело когда хомячки кричат, а другое когда суровые бородатые дядки которые "для поработать" говорят что мак это круто.
>>368924 Никакой разницы не вижу, если честно. У нас в конторе правда на дотнете всё завязано, а следовательно на VS нужно проект собирать, поэтому большинство на винде сидят, но есть индивидуумы с маками, так вот ебли у них в три раза больше, а профита тупо ноль. Ну реально ничего особенного там нету. Да, xcode неплохая штука, но не более.
>>368072 Стоит эта ебала, нихуя не видит - ни флешек, ни жестких, вообще нихуя. Пишет, надо какую то хуйню или установить или обновить, я не помню. Скачивал, пытался установить - залупу на воротник, а не установку. Хуйня этот виртуал бокс, честное слово. Еще блять какие то две версии, одна оракала, другая говносборка какая то, хуй просцыш как их устанавливать. Вот что не люблю в линуксе - установка программ и их удаление, это реально пиздец какой то.
>>368272 Хуя, полыхнуло. Что бы показать торговцу черным деревом все описаные тобой умения, надо сделать сайт, где вся эта хуйня работает... Смекаешь к чему я веду? Новое время, тут надо показывать что ты не только можешь пользоваться инструментами, еще покажи пару сотен готовых проектов, ага.
Фронтары, вот есть такая борода как на пике , как ее лучше делать, картинку правую где нарисован комп, планшети телефон сделать бекграундом левому блоку и сместить ее потом? Или сделать два блока отдельных, и у правого бакграунд пик?
>>368929 пока не придрочишься пиздец тяжко, а потом понимаешь, что линукс в плане сборки, виртуалок, локального сервера и прочее проще. тебе я посоветовал бы общий доступ к файлам между виртуалкой и линухом. но скорее всего у тебя просто не установлена ебала, которая отмеяет захват курсора виртуалкой и поддерживает общий курсор для осей. но лично я открыл для себя дриснятку и сижу на ней уже 3 месяца, правда программ по умолчанию нет, зато она потребляет меньше ресурсов. 300 мегов x64 ось жрет.
>>368945 yeap, baby.THIS .... IS.... EMAAAASHINESSSSS!! После 7 дюймов ежика, это разрешение мне кажеться сказкой. >>368946 Бобра и крепкое эрекции тебе. >>368948 ЕСТЬ, ваше вскблгрдие!
>>368551 начнем с того, что тебе в /hw закончим тем, что лучше всего подрубать дополнительный моник с разрешением 1920*1080, то бишь fullHD. на ноутах цветовая гамма в большинстве случаев хромает. если у тебя есть писюк (pc), то лучше просто обнови его, хлопот меньше. сам купил себе и писюк и ноут. ноут пылится на своей подставке, комп все время работает.
>>369235 Я так понимаю это самый задний фон. То есть здесь 5 элементов: 1 самый темный фон, прямоугольник в котором надпись, треугольник того же цвета, и 2 мелких треугольника посветлей.
>>369303 Нет, я не про то. Белый фон - это просто бэкграунд. Правее и ниже прямоугольника в котором надпись и треугольника того же цвета справа от него есть более тёмный бордюр. Непонимаю как его сделать без img.
>>369235 transform: skew and etc. Но это мне кажеться очень геморойным. Прийдется выстраивать кучу блоков, которые могут развалиться при каждом чихе браузера.
>>369177 Чтобы норм адаптивность нарулить, надо чтобы дизайнер был не мудак и прикладывал к десктопу мобильную версию и версию для планшетов, если сайт подразумевает адаптивность
Какой в техномарте шрифт использовать? В ТЗ написано Open Sans, в самом макете cuprum, а в некоторых местах (абзацы в нижней части основного контента опять Open Sans...
http://www.cssdesk.com/7Prb6 Помогите пожалуйста. 1. Логотип идет с нижней границей, выступающей за блок с полоской меню. По идее его надо было врезать вместе с этой границей, но я сделал так, чтоб было понятно. Как эту границу сделать выступающей за границы блока? 2. Почему у меня правый блок ушел вниз и как поставить его на место?
>>370154 1. Не совсем понимаю о чем ты. Поясни более подробно. Если ты о границе, то ее, чтобы она не влияла на блочную модель, можно сделать тенюшкой блока. 2.Съехал потому что его отталкивает марджином предыдущий элемент .cart, плюс у самой менюшки задан топовый паддинг.
А если честно, верстка хуевая, че-то ты перемудрил. Надо переписывать.
>>370182 >А если честно, верстка хуевая, че-то ты перемудрил. Надо переписывать. Поясни пожалуйста более подробно. Я как-то этот момент не очень понял, как что верстать в хтмл, хоть и нердс сверстал уже и все курсы прошел на академии плюс посмотрел базовый интенсив. Мне кажется, что я много лишних классов и тегов делаю.
>>370154 я тут делал лого не картинкой, а блоком (об этом в анализе макета говорят в интенсиве, что можно и так и так делать, но мне блоком нравится больше, так как не надо еще картинки на состояния наведения и нажатия делать и тогда выступающая граница легко абсолютным позиционированием псевдоэлемента делается кстати)
>>370221 Хорошо, так и сделаю, просто стайлгайд не смотрел еще, показалось что тупо картинкой будет проще заверстать. А не подскажешь, что у меня с версткой не так? Чувствую что говно, но исправить не могу. Может нахуй эту семантику?
>>370211 Ну если коротко то да. Лишние теги, классы немного неочевиды, лишние элементы. Те же иконки можно запилить не отдельными элементами, а псевдоэлементами самих кнопок, если ты применяешь именно сторонние иконки. Если же используешь графику, то тут и псевдоэлементов не нужно, ткак их можно запихнуть фоном в ксс. Лишняя обертка, насколько я понял, тоже присутствует, клирфикса с какого-то хуя целых два. Сам клирфикс должен иметь display:table а не блок. У некоторых классов прописаны не все свойства, у других есть лишние. Сам порядок свойств соблюдается через раз. Лишний секшн вокруг инпута, вместо него лучше поставить див, или форм. С флоатами тоже есть вопросы. Но это уже вкусовщина, ткак я флоатами вообще не пользуюсь. Как дойдешь до адаптивной верстки, поймешь о чем я. Вообщем на этой стадии развития еще более-менее, просто старайся делать все рабочим, но попроще. А, и названия классов пили поочевиднее. Чтобы другой человек мог глянуть в код и сразу все понять. Тот же .cart. Почему карт? Почему не баскет к примеру? Закладки же у тебя имеют класс bookmarks.
>>370233 Плюс вдогонку, на мой вкус там есть какие-то непонятки с марджинами, но я уже не вникал. Раз уж ты пользуешься флоатами, то желательно пилить поменьше марджинов, чтобы потом не возникало проблем, когда они друг друга толкают и в конце концов вываливают с лайна на второй уровень. Также избыток марджинов придется в любом случае убирать при работе с адаптивным макетом, что просто добавляет работы. Вообщем это все надо продумать, но ты не расстраивайся, развивайся и научишся.
>>370225 ну из очевидного с первого взгляда container должен быть внутри top-menu так как синий фон должен на всю ширину идти.
и section тут внутри хедера не надо применять, так как у секции как и у article должен быть либо подразумеваться заголовок и это типо раздел в любом случае, а какой раздел может быть для инпута поиска
>>370221 >>370233 >>370238 >>370241 Спасибо вам за советы! Вот, переделал, проверьте: http://www.cssdesk.com/7Prb6 Возникли такие вопросы: Блокам с лого и "оформить заказ", как их лучше верстать - задавать паддинги или фиксированную высоту/ширину? Еще из-за различия шрифтов правый блок не доставал до нижней границы и поэтому пришлось подгонять паддинги, то есть получились не те, что в макете. >>370324 Да я просто смотрел на aliexpress например, там всегда называется cart, не знаю почему этот символ всегда называют basket. Basket конечно тоже корзина, но вроде как немного в другом значении.
>>370593 имя должно отвечать на вопрос "что это за штука?" чтобы когда кто-то прочитает класс мог понять. сокращения желательно не юзать, кроме распространенных типа btn, nav
ты должен сам себе ответить на вопрос что это за блок, для чего он и если не силен в инглише - посмотреть по словарю чтобы адекватно перевести.
можешь например порыться в фреймворках (например бутстрап) посмотреть на то, какие там имена даются
Смотрите, в интенсиве рассказывается, что маргин нужно мерить с учетом line-height, вычитая из lie-height размер шрифта. А с паддингами такое тоже нужно делать? И если нет, то почему у меня сверху и снизу от символов какое-то, лол, силовое поле, которое увеличивает паддинги? Причем меряю паддинги от заглавной буквы, - все равно непрвильно получается (больше, чем нужно тянется блок).
>>370732 То что говорили в интенсиве касалось как маргинов так и паддингов. Причем считать надо что-то одно. Размер элемента складывается с контента и паддингов. На пике есть контентная часть со словом ТЕХНОМАРТ. Плюс паддинги сверху и снизу. Это, как ты выразился - силовое поле, является как раз следствием наличия line-height. Потому что l-h по дефолту имеет размер 1,2-1,3х от размера шрифта. А вообще, это совсем уж базис. Такие вещи нужно понимать полностью, поэтому лучше еще раз посмотри интенсив да поуправляйся с блочками в песочнице. Полезнее будет.
>>370791 Но я же делаю line-height равным размеру шрифта , как по макету и все равно остаются эти отступы, это разве не перебивает дефолтное значение в "1,2-1,3х от размера шрифта" ?
>>370809 В таком случае не упарывайся пиксельхантингом, а делай как есть. Шрифт может иметь что-то типа запаса для нормального отображения засечек, выступающих частей (типа нижних засечек от буквы "р" в маленьком регистре и т.д). 2-3 пиксела в блоке особого значения иметь не будут, и это не сочтут ошибкой.
>>370828 Да я понимаю, что погрешность допустима. Просто я тут паддинг с погрешностью в 5px сделал, потом дальше тоже 5px и в итоге хедер на 30 пикселей шире получился, чем надо.
Скажи еще пожалуйста, я правильно разметил картинки в техномарте? http://www.cssdesk.com/7Prb6 А опять ощущение, что я все сделал не правильно.
>>370877 Сойдет. Только нумерацию в классах лучше замени конкретными именами - materials, tools и т.д. И не бойся мутить хуйню, это нормально. Делай как знаешь. Мои первые макеты еще хуже были, но с практикой приходит опыт, а также понимание того, как это можно сделать лучше, проще и удобнее. Поэтому просто делай и параллельно гугли, а там сам все поймешь.
>>370885 Ладно, тогда буду верстать как умею, а не спрашивать каждый шаг в треде, все таки всего лишь второй макет. Найти бы кого-нибудь, кто бы код-ревью делал по итогам...
Сейчас, малость помудохавшись могу с jquery наговнокодить какой-нибудь слайдер, всплывающее меню для мобилы или еще что-нибудь по мелочи. Какой должен быть следующий левел?
>>370926 Хмм, это натолкнуло меня на идею запилить в треде что-то типа модели наставничества, когда при желании более опытные антоши могли бы брать мелкий проектик от новичка, просматривать его и давать свои комментарии. При условии что первый на это действительно согласен и подойдет к делу с серьезностью, а второй: - не является дебилом - добросовестно учится и желает учиться дальше -адекватен - уже обучился базису и нуждается скорее в полировке скиллов.
>>370943 Напомнило мне PHP-тред, где доброкун-ОП проверял у всех задачки, а также кидал советы по коду и чуть ли не за ручку вел. Интересно, есть ли он там сейчас? Кроме него кстати никто толком не советовал, максимум могли накидать за щеку и сказать: "проверяй" лол.
>>370920 >>370926 Мне кажется надо найти бесплатную стажировку в своем городе, если это возможно. Там будут по башке бить, когда будешь неправильно делать.
а мне кажется это нормальный процесс когда смотришь на свои прошлые работы и видишь что сделал какое-то уг (ибо значит твой уровень чутка вырос, раз ты свои ошибки замечаешь и видишь как лучше можно было бы сделать).
Как лучше сделать эту картинку? Хочу завернуть ее внутрь блока, в котором она будет располагаться по центру нарисовал на пике, как сказал Громов в видео, но тогда придется этот блок флоатить вправо и распорку вставлять в каждый большой блок, или это как-то по-другому, проще можно сделать?
>>371039 >>371057 Хм, а зачем блок, если я просто изображение спозиционировал и получилось нормально? >>371104 А если не спрашивать научишься неправильно, потом переучиваться...
Братья, поясните за финальное испытание в академии по селекторам с биатлонистами, где надо угадайкой подставлять. Я уже курс селекторов раз 5 прошел, но финальное вообще никак не дается. Насколько критично не понимать именно это задание?
>>371583 да там ничего сложного просто всмотрись в свойства внимательно. а вообще, если мне не изменяет память, там классы тупо по очереди в селекторах участвуют
>>371583 Я в свое время его не прошел, что не помешало мне научиться охуенно верстать. Вообще-то через месяц полтора я попробовал еще раз и таки сделал, но это не критично
>>371973 Потому что помню в прошлом треде анон говорил, что когда он устраивался работать в фирму, то его спрашивали про знания Java. Вот я и интересуюсь, что можно ли так учить или лучше что-то одно хорошо знать, а потом браться за второе.
Начал смотреть интенсив. На 2ом уроке нужно сделать структуру страницы. Я сделал. Можете проверить и сказать где косяки? Сильно начал путаться где нужны классы. а где не нужны. Ну и названия. https://jsfiddle.net/pm8qca9z/ Это Nёrds сайт из интенсива.
>>372040 Если хватит времени то стоит. Верстку ты быстро освоишь, если не дебил, а вот с JS времени придется потратить в разы больше. Да и путей развития там столько, что просто охуеть.
>>372241 А не, короче там где у тебя фьючерсы ты с помощью <br>переносишь текст, так делать строго не рекомендуется, если это не идет по логике текста (допустим адрес и следующей строкой мыльцо). >>372294 Да похуй, торопился наверное парень или не особо старался, так-то там можно рандом текст вообще вставлять и не париться, наполнение же не задача верстальщика.
пытаюсь поставить фон картинкой в своем макете. Для уверенности делаю я правильно или нет даже проверил на сайте хтмлакадеми, но все-равно не ставиться. Что я сделал не так?
body { background-color: black; background-image: url('/%25D0%25BC%25D0%25BE%25D0%25B9%2520%25D0%25BC%25D0%25B0%25D0%25BA%25D0%25B5%25D1%25822/img/metro2.jpg'); }
>>372301 Css-файл, в котором прописываешь путь к пикче, не в корне. Попробуй так background-image: url('../%25D0%25BC%25D0%25BE%25D0%25B9%2520%25D0%25BC%25D0%25B0%25D0%25BA%25D0%25B5%25D1%25822/img/metro2.jpg'); Путь означает что нужно подняться в родительский каталог, зайти в папку "мой макет", далее img и найти файл metro2.jpg
>>372324 Или так background-image: url('../img/metro2.jpg'); Путь означает что нужно подняться в родительский каталог, зайти в папку "мой макет", далее img и найти файл metro2.jpg
>>372330 >>372329 >>372324 спасибо. Переименовал папку в "my macket", и он указывал в пути к картинке "my%250macket/img/metro2.jpg". Ошибка была еще из-за "%250". Типа не тот путь указывал к картинке.
>>372294 Ну пара наверно есть, но не в каждом же. >>372296 Просто в фотошопе это отдельно картинка и надпись. >>372298 Убрал. А насчет классов? Не пропустил где? Не переборщил где?
Ребята, вот на вот этом вот говне будет комфортно верстать? Вроде как железо у него планшетное, но я не знаю, насколько сейчас они мощные. Потянет ли он фотошоп, браузер и атом одновременно? Мне нужна максимальная мобильность и минимальный вес и размер, а этот вмещается в файл а4 целиком.
>>372383 >1.3 Мгц >2 Gb RAM >Потянет ли он фотошоп, браузер и атом одновременно? Потянет. Но как только ты запустишь еще и винамп, тут-то все и наебнется.
>>372383 говно. брал себе самый дешевый нетбук от днс на celeron, потом ебанул на него 8 8гигов оперативы и накатил ебунту. виртуалку держит стабильно, фризов нет. купил себе еще и моник - стало удобно верстать. потом в windows 10 ушел, вообще проблем не знаю, правда пришлось повыпиливать всю ту хуету типа windows market или как она там называется
Вопрос на миллион. Как сделать live-preview режим для sublime? Что-то слышал про грунт, но его сложно настроить шо я манал. В общем, подскажите, как это все организовать.
делаю сейчас 5 урок интенсива. Сейчас показывают, как сделать полоску под "Главная". Так получается, что до этого у меня полностью не получалось запихнуть меню, и я увеличил в .main-navigation {width вместо 700 поставил 820}. Потом дошел до .main-navigation .active a:after, где надо написать {left: 20px; right: 20px}, и если посмотреть на пример в моей ссылке, то полоска сдвигается не так как на видео. Она уходит в право. Как сделать, чтобы она сжалась как на видео? То что написано дальше в css не обращайте внимание, это осталось с прошлого урока интенсива.
.main-navigation .active a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: white; } справа отступ не нужен, если ширина 100%; слева 0. но ведь можно сделать просто через бордер у a
>>372642 Регаете аккаунт, потом открываете папку с вашими заготовками для спрайта. Выбираете их и просто перетягиваете на этот сайт. (Для тех кто не понял, то вы просто делаете действие, когда например закидываете фотографии в папку на рабочем столе) Потом делаете размер поля, каким он вам нужен и расставляете иконки в таком порядке, как вам хочется(справа будут показаны координаты расположения). Потом нажимаете "спрайтмап - сэйв спрайтмап"(чтобы если что загрузить этот спрайт и расширить его для будущих иконок) и после нажимаете "DOWLOAD". Вуаля! Вы сделали свой первый спрайт без лишних усилий. Как-то так. Если вдруг не понятно, то попробую объяснить более доступно с картинками.
>>372746 background: transparent url('../img/sprites.png') no-repeat; скорее всего вот так. родительская папка - my macket. от нее отталкивайся, а ты пытаешься из родительской папки найти еще одну папку с таким же именем.
Аноны, посмотрел вакансии. Везде пишут "ВЕБ - программист" и требует знание mysql, php (учил по гайду анона, прошел базу, дальше не углублялся) и хтмл, ксс, ява скрипт. Это что за приколы? Как мне устроиться версталой, если я не знаю пхп или sql
>>372840 С момента, где "придется иметь дело с бэк-эндером?", я тоже проигра. Анон, а вот объясни. Ну вот хватит мне js, html, css и фреймворков или придется заваливаться еще и в разные говна всяких там баз-данных? Это вообще мрак, по-моему. >Так ты ищи HTMLверстальщик или frontend developer В нашей перди я таких вакансий не нашел. Я допускаю, что они просто заняты, но все равно город маленький.
>>372820 Из вакансии непонятно, на каком уровне нужна пыха. Может там просто верстку натягивать на движки надо уметь. Я бы позвонил/спросил по почте бы.
Суп котаны. Хотел с вами посоветоваться. Есть некая резюмешка на среднестатистическом сайте поиска работы. На днях мне отписалась одна компания по поводу работы, мол есть предложение, скиньте только больше макетов. Я ничего не отписал, на следующий день пришло еще одно сообщение. Как будто бы я отписал положительно. Потому что начинается оно с "Да, у нас есть удаленная вакансия верстальщика-фронтендера ..." Но тут есть нюанс, менеджер пишет что нужно срочно выполнить верстку сайта, и что это же будет оплачиваемым тестовым заданием. Вот только тестовое задание там тянет на полноценный заказ. Сами посудите, полноценный адаптивный макет на 4 страницы, с необходимостью, насколько я понимаю, подключения скриптов и прочих фишек. Фирма не то чтобы стремная, но упоминания о ней есть только в 2ух местах. Первое - это их сайт, причем довольно подозрительный и простенький, с минимальной инфой для обратной связи, второе - описание на сайте поиска работы, уровня "ООО ТОРГАШсервис - пилим охуенные сайтики, только дайте денег"
Вообщем все это попахивает лохотроном. А вы как считаете? Отзываться ли на это предложение?
>>373438 это тебе к инфотренерам надо - у них все за 5 дней, 5 шагов и т.д. лол
>>373433 ну в принципе можешь выполнить, так как для тебя будет тренировкой, только пусть скажут что они разрешают добавить в резюме свое эту верстку + об оплате можешь позаботиться (ты им 2 страницы, они тебе 50% суммы, потом ты оставшееся 2 они тебе оставшиеся деньги)
>>373431 ну на индекс странице можно футер засунуть в блок в который карта встраивается и сделать абсолютное позиционирование + прозрачность цвету фона дать а на каталоге тогда футер переделать на позишн статик
>>373444 >это тебе к инфотренерам надо - у них все за 5 дней, 5 шагов и т.д. лол Я согласен и дольше. Особо углубляться не хотелось, вот и спросил может есть какой гайд без хардкора.
Аноны помогите. Уже сижу ебусь с этим несколько часов. Делаю всё как по видео, даже сверяю всё по файлам, которые вложены в папке с интенсивом, но все равно не получается поставить кнопку "все новости" на один уровень с кнопками "назад" "вперед". Потом в блоке в колонке "записаться" всё съехало влево. В общем объясните что не так.
Пхп-макака в треде. Я ненавижу версталу в своей конторе. Это какой-то даун, начитавшийся про бэм и теперь на каждую блядскую ячейку в таблице вешает уникальный класс .table_shops_td__column_2. Сраную подпись под формой и ту обернет в пол десятка дивов с классами в стиле ".form_contact_more_info__inner_1". Как же я ахуеваю работать с этим дерьмом. На простейший лединг с кнопкой и двумя инпутами тащит нахуй-ненужный жиквери IE10+, десяток нахуй-ненужных плагинов и нечитабельный ксс файл в полторы тыщи строк. Клянусь аллахом, на новогоднем корпоративе я сломаю этому ублюдку ебало, а всем пидорасам, что работают в его стиле, желаю рака яичек и мучительной онкологии их близким.
Посоны, год верстаю всякую хуйню, есть недопортфолио, но заказы что-то нихуя не идут, заказчики постоянные срываются, не смотря на то, что притензий и возвратов еще ни разу не было, даже если есть какие-то баги в верстке - всегда быстро и без лишнего пиздежа фикшу. Где вы находите работку? В моей мухосрани даже студий нет. По удаленке 1.5 вакансии. Мб тут есть аноны-посредники, или те, кто может подкинуть работки за процент? Халп!
Ребята, как закинуть большое количество картинок(около 1000) по друпалу? Я с цмс довольно плохо знаком. Ну, держал бложик на вордпрессе, но с друпалом и загрузкой такого количества картинок даже не сталкивался. Просто поступило предложение, а я бы и рад отказаться, но это будет означать потерю ценного контакта. Помогите, пожалуйста.
Котаны. чтобы отцентровать картинку внутри блока надо сделать:
img { position: absolute; top: 50%; left: 50%; }
Но картинка отцентруется от левого верхнего угла. Получается ей нужно добавить отрицательные маргины в половину ширины/высоты. Но тогда нужно для каждой картинке (если блоки одинакового размера) высчитывать свои маргины, можно как-то этого избежать? Или это вообще по-другому делается?
>>373641 Нахуя сразу в жс, если при работе с js (да и с многими другими языками) все равно потребуется умение верстать? Просто если ты погромист на ноде можно так глупоко в верстку не вдаваться, изучить основы на уровне базового интенсива и все.
>>374083 Вчера мне один человек объяснял. Не претендую на 100% правильность, даже на 50% не претендую. В общем, во-первых, грунт/гульп может обеспечить тебе предпросмотр файлов. Он мониторит файлы на наличие изменений и если что, обновляет страницу. Во-вторых, он может "минимизировать" размер изображений. Чтобы они меньше грузились и вообще весили не так много, не занимая место на серве. В-третьих, грунт и гульп могут объединять несколько файлов со скриптами в один. Представь, что у тебя сотни файлов и их все надо в один слепить. В-четвертых, если ты пишешь скрипты очень быстро, без форматирования, сборщик их оформит, проставит теги, скобки и все-все-все, а потом скомпилит в файл, который останется подключить через <link>. В общем, зырь видос, ЛОЛКА. В видео рассказывают про такую вещь, как prepros, но не волнуйся. prepros - тот же грунт/гулп, только с графическим интерфейсом. В общем, зырь видяху сначал эту (общее представление о технологиях): http://www.youtube.com/watch?v=C1kJUnVHm1A&list=PL363QX7S8MfQX-3XeU5otz2-xysax1Z5R&index=8 Потом эту (уже научишься работать с продвинутыми инструментами): http://www.youtube.com/watch?v=Cxo1vVI9--E&list=PL363QX7S8MfQX-3XeU5otz2-xysax1Z5R&index=5
Когда абсолютно позиционируешь то к какой точке идет отсчет? Вот например left: 50%, это от края родителя в какой точке, к центру ребенка или левому краю его?
>>374140 В зависимости от точки отсчета. Если у одного из родителей абсолютного элемента будет position:relative то координаты начинают считать по его плоскости. Если ни один из родитилей не спозиционирован относительно, тогда отсчитывается от боди. >Вот например left: 50%, это от края родителя в какой точке, к центру ребенка или левому краю его А почему бы тебе самому не потестить? Это делается в три строчки кода.
А у тегов-заголовков h1 h2 есть margin по умолчанию? А то если им не задать нулевой или отличный от нуля возникают левые марджины нецелочисленные сверху и снизу.
Уже месяц смотрю интенсив базовый. Нихуя в голове не укладывается, ничего сделать сам не могу. Тупо даже не представляют, как сверстать что-нибудь. Куча разных свойств, атрибутов, классов, бла-бла.
Батхерт. А еще больше бомбит от того, что учусь на мехмате. Уже 3 курс. Хоть и не отличник, но в функциональный анализ понимаю лучше, чем верстку.
Завидую манагерам, которые за 2 месяца посмотрели интенсивы, сверстали пару макетов и устроились работать.
>>374238 и что? Я написал background-position: 100% 100% и все встало норм, писал как напримере background-position: 100% -xx px, и спрайты уходили в противоположную сторону.
>>374215 >А еще больше бомбит от того, что учусь на мехмате. Уже 3 курс. Хоть и не отличник, но в функциональный анализ понимаю лучше, чем верстку. Ну и нахуя тебе вообще верстка? Пиздкй в шад яндекса, а потом в data sience, уж всяко перспективней будет и полезнее.
Верстаны, есть вопрос от нуба. Имеется 2 блока, слева 40% ширины, и справа 60% ширины. В левом блоке находится круглое изображение (оно занимает 50% ширины левого блока). В правом блоке находится текст, относящийся к этому изображению. Под текстом находится фон, который должен быть и в левом блоке. Я сделал див, который через отрицательный маржин сползает влево. Но только этот блок налезает на картинку. Как сделать, что бы картинка была поверх этого блока?
>>374306 Не унывай, няш. Я вот могу в js, мне кажется все там более-менее понятным, а с весткой возникает куча проблем. Просто нужно больше тренироватся.
Господа поясните по хардкору как работает width:100% и auto Ну понятно что width 100 это ширина только контента, без отступов и рамок. https://htmlacademy.ru/courses/44/run/13 Но еще писалось, что типа если задать width:100% то растянется контентом на всю длину блока и бордер и паддинги вытянут его за рамки родительского блока. А если auto то типа нихуя, он будет увеличиваться от падинга по вертикали, но ширина будет относительна родителя +его отступы. По той ссылке, да все работает заебца, но в реальности лютый пиздец. Да и еще, если не сложно, то про box-sizing. (https://htmlacademy.ru/courses/44/run/15) Я так понял что content-box это по умолчанию, типа блок размером с контент,а border-box это ширина уже с рамками, но что-то у меня еще от этой хтмл академи в голове, что они позволяют дочерним блокам не вылазить наружу. Что я упустил?
>>373826 Я конечно понимаю что ты утрируешь, но БЕМ довольно крутая штука, и полезная, как по мне. Вот к примеру, запилил ты такой сайтик, в нем все названия привязаны к заголовкам определенного уровня. И тут через месяц залетает в офис СЕОшник и начинает орать, что мол нужно перепилить уровневость заголовков, потому что ОН понял суть поисковой оптимизации, а заголовок уровня H2 дает лучший прирост рейтинга чем H3. Ну или прочую такую хуйню, они это любят. Без БЕМа тебе, скорее всего, придется перепиливать часть стилей, ткак на заголовки классы вешают редко. А вот с БЕМом можно туда хоть спан залепить, верстка один хуй останется рабочей, отчасти. И это только примитивнейший прием.
Я че то вообще запутался c этим nth-child(x). Вот есть такая хуйня <div class="kurwa"> <div class="kurwa1"> <p> Disasable kurwa </p> </div> <div class="kurwa2"> <p> Disasable kurwa </p> </div> <div class="kurwa3"> <p> Disasable kurwa </p> </div> Кurwa1 - это первый child просто Kurwa? Я в стайле прописываю kurwa:nth-child(1) { display: none }, а kurwa1 все равно видно. Объясните кто кому тут ребенок.
>>374949 нормальные версталы должны и без БЭМа делать так, чтобы на место тега заголовка можно было вставить другой тег, как и кнопки могут быть и инпутом, и баттоном и ссылкой, это вообще азы по сути
А так я сам за БЭМ (как метод именования классов) ибо АНБ, которое выходит - это просто то, что доктор прописал, особенно при расширении и допиливании проекта
>>374955 Этот вариант годится, если для каждого отдельного лейбла прописывать проценты, но форм может быть с десяток на сайте. >для адаптивности там можно просто допилить маленькое медиавыражение. @media only max-width/min-width? Не слишком гибкая система.
в программаче забрел в пхп-тред и увидел это, минут 10 уже проигрываю:
"Расскажу свою историю. Сначала я писал статейки, будучи копирайтером. Потом какой-то петушок закатился в наш тред и сказал дословно следующее: за месяц выучил верстку и уже через месяц зарабатываю 200к. Я выучил верстку и сделал 10 не особо адаптивных макетов. Потом тот же петушок сказал. что макеты должны быть адапитвными. Я сделал еще 3 адаптивных, потом тот же петушок закатился и сказал, что нужно выучить жквери и жаваскрипт. Я расковырял жиквери и прикрутил несколько плагинов. Потом тот же петушок закатился в тред и сказал, что этого недостаточно и нужно еще и php c mysql освоить и вот тогда-то точно будет 200к через месяц. Я пробежался по мануалу пхп, написал сайтик с бэкендом на 1й странице. Тот же петух пришел и сказал, что так не пойдет надо еще ООП с паттернами освоить и вот тогда уж точно будет 200к через месяц. Я прочтиал книгу из Оп поста и перепечатал все паттерны, проверив их работу. Тот же петушок вкатился и сказал, что так не пойдет, нужно еще фреймворки освоить. Я взялся за слим и Уи2, сделал на них по проекту. И вот теперь приходит этот петух и говорит мне, что пхп - это дно, нужно перекатываться в шарп или джаву. Такое ощущение, что надо мной кто-то просто сидит и издевается годами".
>>375017 Я чет не понял что ему на этапе еще до пыхи мешало устроиться в компашку на работу? (или он устроился все-таки??) Ну да, зарплата конечно не такая, но все же лучше чем прыгать как козел по огороду.
>>374994 >это вообще азы по сути Так собственно и делают, но не все. И тут причем получается два способа развития событий. Либо каша из классов ибо верстальщик не может собрать все это в логичный порядок и вешает их с долей фантазии, либо же классы игнорируются. БЕМ же, имхо все это дело позволяет структурировать по единообразной понятной всем системе.
Сейчас мы проводим предварительный набор на стажировку по веб-разработке. Сама стажировка будет проходить в феврале и будет включать в себя теоретическую часть, однако основной упор мы делаем на практику: в части Frontend - Angular.Js,в части Backend - PHP/Zend 2. Стажировка абсолютно бесплатна. Длительность - месяц. Для того, чтобы попасть на стажировку, необходимы теоретические знания js и php, а также умение составлять sql-запросы. Если вы хотите пройти у нас стажировку, пожалуйста, сообщите об этом в ответном письме, и когда откроется набор, мы пришлем более детальную информацию.
Мне пришел ответ из одной фирмы, которая предлагала желающим пройти у них обучение. Обидно, что влился совсем недавно в эту сферу.
Анон, что я делаю не так? Всё прописал, как показано в уроке №6, но все-равно съезжает текст. Увеличивал width в .modal-content, но все-равно преследует чувство, что я делаю все не так.
>>374949 Ну тебе заебись, а у меня вся страница завалена ненужными классами и бессмысленными элементами. Ты все это через какую-то идешку прогнал и в продакшен, а мне потом ебаться с этим каждый день. С гирляндами из elem.parentNode.parentNode, регулярками для кроссбраузерного className. А создавать элементы на ходу? Нет, не просто document.create('li') и вставил, а оберни это дерьмо в пару дивов, вставь отдельно див с маркером и к каждому элементу список классов не забудь прикрутить. Ахуенно. Верстале видите ли вникать было западло, ебаться с правками ему не хочется. К тому же, тебе не кажется что технология, суть которой применение каскадных стилей как не каскадные, это шаг назад? Может дальше пойдете, будете все в атрибут style писать? Намного проще вашего бэма, править еще легче и на запрос к серверу меньше. Верстала совсем напрягать мозги перестанет. Наденька вон курс на хтмлакадеми пройдет и сама стили править будет, а петуха этого выебнуть на мороз и обосать.
>>Конечно, для работы с подобными программами, для того, чтобы добиться действительно хорошего и профессионального результата, надо все же знать азы работы с веб сайтами и версткой. >>порой, чтобы создать нормально адаптивную верстку, надо все же немного попотеть, или переделывать верстку >>наверняка, создавая более сложные вещи, такие как паралакс, подключать различные библиотеки, тоже окажется проблематичным. Так, что как профессиональный полноценный инструмент для создания сложного сайта, его рассматривать не стоит. >>Да, приходится потом макеты переверстывать с нуля программистам
>>375455 хз че там за Наденька, но на академии тоже предлагают юзать БЭМ)
Да и проблема зачастую не в БЭМ, а в криворукости того, кто его пишет. По-поводу каскада, так короткий каскад допустим, так что полного ухода нет. А вообще АНБ позволяет не ебать мозг с специфичностью а так же упрощать допиливание в случаях: "о, а давай ты вот эту штуку с этой страницы перекинешь в ту вот страницу"
Пацаны, сижу с августа с говно дипломом, ноль вакансий в городе мухосрани, как и где вы находите заказы на удалёнку, пусть даже самые говнозаказы, я не ебу уже что делать, заебало на дне ебаном быть. Могу ебаный лендинг запилить, а больше хуй знает, не знаю своих скиллов, что соснуть?
>>375455 >Ну тебе заебись, а у меня вся страница завалена ненужными классами и бессмысленными элементами. Ты все это через какую-то идешку прогнал и в продакшен, а мне потом ебаться с этим каждый день. С гирляндами из elem.parentNode.parentNode, регулярками для кроссбраузерного className. А создавать элементы на ходу? Нет, не просто document.create('li') и вставил, а оберни это дерьмо в пару дивов, вставь отдельно див с маркером и к каждому элементу список классов не забудь прикрутить. Ахуенно. Верстале видите ли вникать было западло, ебаться с правками ему не хочется. Это значит хуевый ты кодер. У нас всё компонентно, хотя на ангуляре, хотя на реакте, хоть просто так. Делаешь компонент, добавляешь куда надо, через атрибуты передаешь нужные значения. Хоть миллион элементов внутри будет, мне похуй, ибо если всё четко сделано, то кодеру и должно быть похуй на верстке и она не должна сломаться не от чего, бэм позволяет это сделать.
>К тому же, тебе не кажется что технология, суть которой применение каскадных стилей как не каскадные, это шаг назад? Может дальше пойдете, будете все в атрибут style писать? Намного проще вашего бэма, править еще легче и на запрос к серверу меньше. Верстала совсем напрягать мозги перестанет. Наденька вон курс на хтмлакадеми пройдет и сама стили править будет, а петуха этого выебнуть на мороз и обосать. Вообще-то так и будет. Каскадные стили это прошлый век и хуета ебаная. Будущее за прямым описанием элементов, по сути бэм это уже частично так и делает. Ты не пишешь инлайново style="color: blue;border-color: red;", а добавляешь классы elem_border-red и elem_text-blue, это намного понятней и проще контролируется, хоть и на первый взгляд загромождает код. Вот за этим будущее, только ещё всё будет прикольнее, а не ебаные каскады.
>>374972 Ок. Я привел ссылки из уроков, там все работает заебись. На деле: создаю блок с внутренними отступами, создаю дочерний блок с width:auto и второй блок с width:100%. Задаю им внутренний отступ и хуяк, что один, что другой выходят за родителя. Хотя в уроке говорилось, что авто не дает выйти. ЧЯДНТ? Или я не понял механику, может что упустил?
Как вы в этом 6 уроке сделали слайд? У меня нихуя не выходит, кнопки перекрывает и пиздец. Помогите разобраться с вложеностью. Я так понял псевдокласс :checked работает только для вложеных элементов? Вот есть такая ебала <div class="slider"> <input type="radio" id="btn-1" name="toggle" checked> <input type="radio" id="btn-2" name="toggle" > <input type="radio" id="btn-3" name="toggle" > <div class="slider-controls"> <label for="btn-1"></label> <label for="btn-2"></label> <label for="btn-3"></label>
</div> И в стайлах прописал что бы #btn-1:checked ~ .slider-controls { background: green;}. Так эта конструкция работает. Но мне надо что бы кнопки радио были в границах diva slider-controls. Как только я влаживаю кнопки радио в этот div, псевдокласс :checked перестает работать и нихуя не переклчает. Хелп,анон, жестко хелпи меня.
>>375565 >У нас всё компонентно Хуентно. Будто в человеческой верстке оно не так. >Каскадные стили это прошлый век и хуета ебаная Ох лол. Тебе дали гибкие и мощные инструменты, всякие наследования и приоритеты. Можно одним правилом изменить поведение сотен элементов на странице, а на следующей переопределить часть из них другим. Но нет, хотеть жрать гавно, хотеть как диды в 95.
>>375715 >Хуентно. Будто в человеческой верстке оно не так. Ну у тебя видимо не так, ибо ты лишки вставляешь лол >Можно одним правилом изменить поведение сотен элементов на странице, а на следующей переопределить часть из них другим. Это как раз самый большой минус, если ты этого не понимаешь, то это очень плохо. Стандарт ксс это полная каша сраная, половина сделано через жопу, другая половина просто не нужна, благо, что есть перпроцы, с помощью которых хоть что-то можно исправить.
>>375715 Ага, а потом ебаться когда надо переопределить конкретный из них, потом появляется нагромождение специфичности свойств, разрастаются селекторы, а какой-нибудь даун вообще не найдя причины почему свойство не применяется возьмет и захуярит !important и потом хоть потоп после него
Человеческая верстка, как ты говоришь, как раз таки и будет в какой-то мере следовать принципам которые в основе БЭМа, просто называться так не будет (люди например пространства имен вводят)
На хабре были уже обсуждения - найди, почитай и статью и коменты к ней
Анон, а вообще какие перспективы роста в верстке? То есть вот сейчас мне 20, я начну изучать всё это, каким я в теории смогу стать через 5 лет? А через 10? К примеру, начать с обычной верстки, а через лет 10 стать востребованным веб-разработчиком возможно? А если мне приспичит ради интереса какой-нибудь крупный проект/стартам запустить, смогу? Всё в теории, естественно. Мне конкретно про перспективы и пределы роста хочется узнать. Да и образования у меня нет. Вот думаю, стоит ли целиком и полностью себя этому посвящать. Последний раз делал простенькие сайты, когда мне было лет 13. Тогда пиздец как интересно было, только вот инфы тогда на русском особо не было, так что забил.
loll мне вот почти 24 сейчас верстаю свой первый responsive сайт уже хуй знает сколько с начала сентября попутно учась использовать jquery gulp less wordpress и тд только вот ебаная прокрастинация заебала. день сижу часа три потом дня 2 иногда почти неделю вообще нихуя не делаю
пасибки бро завтра же попробую, а то 3 день уже не могу заставить себя начать хотя верстка уже почти закончена (остались скрипты и вордпресс). если кто знает ещё полезных лайфаков могущих помочь ленивым верстанам не пребывать время, киньте ссыль тогда няши
>>375870 Из 3 мест прислали офферы, но это слабые конторы, хоть и неплохо по деньгам, но в одном месте тимлид слабый, в другом уныло и тд. На этой неделе набигаю в яндекс, мейлру, рамблер и еще в 2 места. 26лет, вот мои посты >>366603 >>366726
>>375926 читаю туториал с их сайта, пытаюсь применить. как только сталкиваюсь с непонятной хуйней, если такое происходит, начинаю усиленно гуглить рандомные источники если не найду ответ у них на сайте
>>376714 ясно, пасиб а я тут на одного чувака подписан, так у него на днях вышел ролик по теме, я пока не вникал сам, на можешь посмотреть: https://youtu.be/WFEgmNfvpnw
>>376714 я иногда стремаюсь учить через рандомные хуев я когда начинал с html смотрел канал одного пидараса на ютубе, просрал кучу времени, этот мудила нихуя не объясняя просто рандомно хуярил код у себя в редакторе лол. а я ж не знал что это нихуя мне не даст смотрел и смотрел. потом забил на него. щас если начинаю читать что-то или смотреть и чувствую что мало объясняет или я нихуя не понимаю, шлю нахуя сучку переходу к чему-то другому, не проебую кучу времени лал. ну так наверное все делают. мне просто так бомбит что я вместо codeacademy нашёл сначала того ютубера
Анон, уже вкидывал сюда, но ответа так и не увидел. Не получается поставить кнопку "Все новости" на один уровень с кнопками "назад" и "вперед". Так же не могу сделать кнопки в нижнем блоке. Вроде нашел косяк в ".appointment-form input", но не уверен в этом. Подскажите что делать.
>>375856 Лалка, ты что думаешь, что рекурсия сложнее, чем верстка? Если так, то у тебя точно склад ума неподходящий для погромиста, не видел ни одного нормального кодера, которому верстка была бы проще, чем код. Так что лучше не продолжай.
>>375875 Пиздец ты даун, если у тебя два года опыта, и хочешь пойти в эти три параши. Туда идут либо полным нубом, чтобы тебя обучали, и потом остаются, либо идут на тимлидов и пмов, а если ссаным мидлом ты там у параши сидеть будешь, через пол года взвоешь, вспомнишь мои слова. Да и вообще ты больше на зеленого похож, очень наивные посты.
>>377178 Если ты в дс/дс2, то таких там миллион, если нет, то я не ебу, т.к. я из дс2. За 20-25к в дс2 можно за пару собеседований найти нормальное место версталой, либо джуном фронтендером, пару месяцев потерпишь, и если не тупой, то и зп повысят и опыта сразу тонну получишь.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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/2
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