24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак. Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Пришел ли кто-то из нашего треда к успеху? Да, и не один а двое, азазазза, кхм.
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что для устройства на работу нужно портфолио. Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать? Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Анон, откуда могли взяться эти милипизерные отступы перед и после изображения? Красным выделен центрующий контейнер, ширина синего дива - 33%, ширина дива с изображением - 66%. Поставлю хоть на 0.1% больше и всё пойдёт по пизде.
>>569889 Ну в тз если я правильно помню должно быть строго 1 часть на текст и 2 на картинку. Ну вот это самый близкий вариант. Идеально конечно же не сделать из-за особенностей деления, лол
>>569879 вся залупа с округлением идет из-за фикс ширины контейнера, если поставить скажем .container { width: 764px;} то все норм будет. То есть ноги растут из фиксированной ширины оболочки, и если подумать нахуй тебе внутри проценты, если родитель фиксированный? С таким же успехом можешь жесткие пиксели прописать.
>>569955 ну хуй знает, я вот тоже их смотрел, но делал не оглядываясь туда и в своем коде теперь разбираюсь без каких либо проблем, и ебал я такие матрешки.
>>570039 ты когда наверстаешься до ебени фени, по-другому заговоришь, центровики везде писать да потом копаться в груде этого говна не есть хорошая идея. Минимализм и читаемость, остальное матрешкин говнокод.
Есть анон, разыскивающий работу фронтенд-разработчика? Нужно умение применять БЭМ, знание ванилы и jQuery. Если кого заинтересовало, пилите фейкопочту.
>>570154 Нейминга/фс будет достаточно на начальном этапе. Проект в продакшене, говнокода под рефакторинг много. Смотреть буду на скилы именно в этом плане.
>>570202 >Просто разбиваем файлы по типу Не совсем понимаю, ты имеешь ввиду тип файла (js, scss, css), или тип того что в файлах. (button, form, slider, header, footer...).
>>570150 Вообщем, если кто захочет попробовать силы/найти работу, пилю свою фейкопочту [email protected]. Обратную связь обещаю.
Команда нормальная, без заёбов, не стартап, удалённо/коворкинг. З/п без задержек. Будет тестовое, я проверяю (35 строк кода), но все оргвопросы с ПМом. Много legacy-трэша, которое работает, но пахнет. Будет весело.
>>570225 Так может кто-нибудь ответить. Не является ли это лишним хуедрочевом - разбивать css файл на множество мелких, в которых будут лежать header, footer, button, form и тд...?
>>570320 я делал так: сверстал все макеты базового и сел за продвинутый. там тебе объяснять как верстать не будут, расскажут про необходимые для современной верстки доп фишки и инструменты, которые ты уже будешь внедрять в свой отточенный подход так сказать. ну и естественно про адаптивность расскажут и мобайл-фёст
Блядь, смотрю портфолио верстальщиков на говнобиржах аля веблансер/фл — сплошное однотипное буттсрап говно. И зачем я упарываюсь уникальными макетами на флексах с семантикой, бэмом и блекджеком? Кто-нибудь вообще это оценивает по-достоинству? Я так думаю, что нет.
>>570898 Лол. Только сейчас увидел, что тут написано. >anonchik-nyashka@ До этого я был уверен что там имя и фамилия. Походу я сегодня себе не плохо так глаза выебал кодерством...
А вообще очень часто замечаю за собой хуйню, когда впервые в тексте прочитываю какое-нибудь слово неправильно, и если это слово мне снова в тексте встречается, то я автоматически его как бы пропускаю. И только в конце, или перечитав пару раз, каким то чудом замечаю и понимаю что там написано не то что я думал... Пиздец бесит...
>>570934 >что спан, а что текст в диве спан - это кода конкретный текст в диве ты хочешь перекрасить. див - просто блочный элемент. >что секшон, а что артикл секшон - просто несколько объединённых по какой-то причине дивов, артикл - самостоятельный элемент веб-страницы, который можно невозбранно оттуда выдёргивать.
Подкиньте нормальную статью по тегу Picture, где все бы разложили по полочкам, с примерами включающими адаптивные изображения и ретинизацию в зависимости от плотности пикселей девайсов.
inb4 Продвинутый интенсив - это такая блядь халтура, что дальше некуда.
Так, оперовскую статью я нашел. Но остался один вопрос. Есть 2 набора изображений: квадратные и широкие. Суть в том, что квадратные мне нужны на ширинах <480px и >839px (т.е. мобильные и десктопные вьюпорты), а широкие, соответственно, на >439px и <840px. Как это оформить в <picture>?
>>570982 норм. ходил туда. базу дадут. дальше уже проще будет все понимать. живое общение в любом случае пизже, чем пустое выкание в монитор. но есть минус - со мной в группе были тетки, которые хотели задать вопрос, но сформулировать никак не могли, да и вообще много ненужных вопросов и ошибок у людей старшего контингента.
>>570886 Я за месяц штук 60 уже прособеседовал по теории/практике. Вообщем, выводы просто неутешительные, в индустрии пиздец.
1. Народ не может отцентировать блок; 2. С JS пиздец. Полное отсутствие понимания логических операторов, контекста функций, работы с массивами и данными; 3. Нейминг у 99% такой - chornaya-block, registratsia-click, shapka. Это из реальных тестовых. С переменными/методами вообще ужас. И это не сверхтребования какие-то. Это реально вызубрить, выработать навык за месяц-три. Но нет же, лол.
>>571167 Лол, всегда думал что в компании ломится куча кандидатов с охуительной версткой, знанием джс на уровне профессионал, парочкой фреймворков ангуляр/метеор и т.д. Чем они вообще тогда занимаются? Статику на бутстрапе верстают?
>>571175 Ляпы тестового разбираю, спрашиваю, почему именно так. Просто косячная вёрстка, не учтена кроссбраузерность. В JS 99% сравнивают в стиле if ((1 > 0) == true), плодят тучу переменных. Вообщем, 5ый класс. >>571178 Я обычный фронтендщик. Просто нам нужно ещё. >>571180 Кандидатов ломится дохуя, но подавляющее большинство ставит или надругалось над телом Битрикса, или ставит темы на вордпресс.
Я долго пытался понять, но так и не вкурил как правильно делается кадрирование фоновой картинки в хидере. У меня есть одна и та же картинка, которую на разных страницах (главная там, фотографии и тд) по-разному кадрировать. Как добиваться соответствия макету?
>>570180 О яебал такое говно. Реально просто лютый пиздос разбирать чужой говнокод и чистить его. Сейчас занимаюсь именно этим, в некоторых местах все настолько плохо, что приходится хуярить заплатки, так как можно похерить весь фронт нахуй из-за пары узких мест. А на переписывание с нуля времени нет, проект на стадии последнего тестирования перед сдачей.
>>571338 Ты про спрайт? Есть у тебя изображение, в котором много одинаковых картинок с прозрачным фоном и отступами друг от друга. Блоку с определенным классом задается background, равный этому изображению, потом у него прописывается background-position и background-repeat: no-repeat. И потом уже попиксельно подгоняют изображение при помощи background-position. Ну и у блока обычно фиксированные размеры, хоть и не всегда.
>>571448 Но кому-то надо этим заниматься в любом случае. Плюс для новичка отличная возможность хоть врубиться как этот говнокод функционирует в принципе.
Анон, привет. Я тут относительно недавно вкатился в верстку, посмотри, пожалуйста, мой код - нет ли там ничего такого вырвиглазного и тому подобное. https://jsfiddle.net/8L8yfu8o/
>>571457 Надо делать так, чтобы потом не приходилось перепиливать говнокод. Или хотя бы пытаться. Новичку как раз не стоит подобным заниматься, так как может нахвататься и продолжить подобную практику. Ну и по описанию такое чувство, что ищут козла отпущения, который будет рефакторить говнокод, от которого все отказались. Неприятно как-то.
>>571591 Не, мы возьмём новичка и сразу ему логику платёжной системы дадим пилить. Потом на хэши посадим, дата-слой. Чотко будет, ага? Тем более там было сказано про форк, пожизненной каторги никому не обещано.
Надо делать - отлично звучит в модном стартапе, где накатил кокса, смузи, позвонил парню, вмазал ангуляр. А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.
>>571584 >>571589 Этот не прав. Натягивание верстки на движок CMS - это одна из частей фронтенда, не самая приятная, но все-таки одна из частей. Просто никто в этом треде не хочет этим заниматься, да и вообще мало кому это нравится. Но хороший фронтенд хотя бы раз натягивал верстку на движок, для расширения кругозора. Это мог быть платный проект, а могла быть обычная проба для себя.
>>571595 >5+ Мб JS-говнокода Поправил, не благодари.
>А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро. Что мешало сразу пилить нормально? Предполагаю, код писали бэки, а теперь требуется еще один фронт, чтобы эту кашу поправить. И почему ты этим не займешься? Хочешь свалить такую стремную работу на джуна, в то время как сам будешь попивать смузи и попиливать логику?
Привет, парни. Я нихуя не могу понять БЭМ (нгэйминг). Точнее, я вроде бы понял его суть и смысл, но не могу врубиться, как все таки надо его правильно делать. Можете что - то посоветовать? Вот, например. Возьмем адаптивную Седону, версию под мобильники. Основной контент, там есть блок фишек, которые описывают почему нужно ехать в городок. Я понимаю так, это элемент основного содержания страницы, то есть <div class ="main-content__features-block"></div>, но ведь это только контейнер для фишек, а каждая из фишек это отдельный блок, который в свою очередь имеет свои элементы. Но ведь по бэм нельзя делать элемент элементу. Я, нахуй, блять, запутался. Я что - то неправильно понимаю?
>>571612 В бэм-нэйминге нет слова нельзя. В голове прокрути архитектуру вложенности и дописывай через __ к родителю. Все. В сасс очень удобно потом через & с этим работать, прям мне доставляет.
>>571612 Ты это я. Правда, я уже начинаю подзабивать на главную идею БЭМа как конструктора независимых блоков, и просто стараюсь неймить по-БЭМовски в меру своей фантазии. Но если в элементе внезапно обнаруживаются другие элементы - без зазрения совести юзаю каскад. Ибо сидеть выдумывать 3 часа напзвания классов меня не улыбает. Каскадность слабая, классы по-БЭМовски понятные и описывают суть элементов - ну и ОК.
>>571625 была у меня такая проблема. Знаешь как решается? Когда с высоких уровней опускаешься на низкие можно смело юзать припеси типа left down list column при взгляде на верстку сразу становится понятно что к чему
Вообще правила БЭМа какие-то уж очень строгие. Допустим, есть у нас блок, в котором дохуя чего. Тех же блочков, элементов и т.д. И эти другие блочки и элементы имеют свои обертки. И эти обертки надо тоже как-то стилизовать. И как их называть? Видать, в Яндексе с таким не сталкиваются.
>>571649 Чем не удобен? По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__element
>>571638 погоди ка погоди. Твой вариант описывает абсолютно другую структуру. block__container-item-title подразумевает тройную вложенность. А все твои это двойная вложенность.
>>571660 Недавно впервые поучаствовал в реальном проекте, увидел структуру интертнет-магазина на php. Там тоже по сути все собиралось из файлов-шаблонов. Реакт и ангуляр - они про то же?
>>571666 Ноуп. На пике код одного из моих компонентов (функция cn просто генерит имена в БЭМ-стиле). По-твоему это бы лучше читалось, если бы logo-image назвался root-header-logo-image? А когда я решу поменять верстку, то все переименовывать? Ну охуеть, спасибо.
>>571716 Без пруфов чего? Я тебе уже кинул ссыль на caniuse. Жду конкретный примеров на какой системе какое свойство не работает. Если у тебя их нет, то иди нахуй.
>>571681 посмотрев на любой элемент-модуль ты сразу понимаешь откуда у него растут ноги. Но ты не совсем правильно понял мой подход, я предлгаю прописывать эти пути модульно. То есть вложенность может быть уровня 3 где-то после идут уже элементы.
>>571723 >ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>?? Так че, может кто ответить. Я понимаю, что в любом случае придется использовать полифилл в реальных проектах, но всё-равно интересен этот момент.
>>571813 Не скажу, нда И в вопросе нету смысла, ты же не знаешь мои обязанности, сколько у меня опыта и вообще какая именно должность, так что.. На хорошую жизнь в дс2 хватает
>Завтра ищешь в интернете книжку Dive into python. Похуй если ничего не поймешь. Затем идешь на python.org и изучаешь стандартную библиотеку от корки до корки. Потом зубришь, именно, сука, вызубриваешь конвенцию по написанию питоньего кода - PEP8, чтобы от зубов отскакивало. Когда напишешь свою первую имиджборду, по пути изучив верстку на html+css, скачиваешь и изучаешь любой питоний асинхронный вебсервер, рекомендую Tornado или Gevent. Как переделаешь имиджборду, чтобы выдавала по крайней мере 5 тысяч запросов в секунду, можешь идти дальше - тебя ждет увлекательный мир хайлоада. Apache Hadoop, сверхбыстрые асинхронные key-value хранилища, MapReduce. Отсос хиккующих выблядков / просто неудачников типа рейфага или сисярп/джава-хуесосов, которые сосут хуй по жизни не заставит себя ждать и уже через пол года ты будешь получать такие суммы, что любая баба будет течь при одном упоминании твоей зарплаты.
>>571522 Для начала неплохо (если ты первую неделю верстаешь). И да, флексы - заебись, но не бросайся сразу в них, поверстай на флоатах/инлайнах/дисплей-тейблах, это тебе в любом случае будет нужно (почти везде требуют либо ие8+ либо как минимум ие9+).
PS Хотел было даже пофиксить слегонца, но, святой артемий лебедев - зачем вы ебучий джсфиддл для верстки используете, люто неудобная хуерга же. Заливайте на православный кодепен.
Охуеваю с уровня менеджмента местных конторок. Я тот анон который рассказывал что его умудрились дважды позвать на собес. В первый раз сходил, вроде нормально, но фидбека не получил, то есть вообще. Ничего не сказали по окончании, просто с улыбкой проводили к двери. Через 3 дня отзвон от эйчара, типа приходите на собес. Я уточнил что уже был, извинились, сказали будут перепроверять.
Проходит 2 недели, я уже и забыл о том что туда ходил. Звонок на телефон, представились админом из этой компании и сказали что надо ставить какой-то чат и заводить акк. На что я справедливо изумился. Предложил уточнить, так как мне не отзванивались для согласовывания условий, а между тем 2 недели прошло, я за это время уже мог уйти в другую компанию/фриланс/крестовый поход/etc. Немного поболтал с их тимлидом, уточнил общие вопросы, предложил устанавливать все завтрато есть сегодня ибо занят. Вроде все ок. Сегодня ни ответа ни привета.
Вот я хуй знает анон, либо слишком придирчив, либо это таки бардак и нехуй с ними связываться. Что думаешь на эту тему?
Алсо, возможно такое отношение выработалось из-за моих предыдущих собесов. Их было всего 2 и давно, но оба в крупные аутсорсинговые компании с центральными офисами в штатах и ЗЕ. И вот там все действительно заебись. Эйчары все по несколько раз уточняют и разжевывают, собеседования ведутся как положено, а в конце, даже если ты не подошел, тимлид 10 минут объясняет тебе почему ты крут, и почему они не могут сделать тебе оффер.
Есть тут те, кто верстал этот макет? Я правильно понимаю, что мороженки - это просто фон хедера? Или надо специальный див создавать и на ЕГО фон их ставить?
>>571944 Ну это и есть слайдер. Другой вопрос, как это по семантике правильно верстать? Тут 2 варианта, либо я в хедер засовываю просто нав со всякими окошками поиска, логотипом и прочей парашей (кстати похоже так и надо, учитывая его размер), либо я хедер обёртываю в див, на фон которого ставлю мороженки. Вроде бы первый вариант, а слайдер идет в диве на фоне которого это изображение, сразу после хедера.
>нав со всякими окошками поиска, логотипом и прочей парашей Во-первых: не стоит в nav пихать всякую парашу. Он не для этого.
>а слайдер идет в диве на фоне которого это изображение Во-вторых: Фоновое изображение предназначено для оформления и только для него. Картинка с двумя мороженками - промо изображение. Да и вообще, какого хуя ты в СЛАЙДЕР пихаешь фоновое изображение?
>>571993 Нет, я оговорился, в наве только менюхи. А все остальное, к ним не относящееся - просто рядышком в хедере. Так? А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?
Пацаны, такая хуйня, выделяю область в фотошопе, хочу выделенное сделать прозрачным, а ебаный ластик замыливает за выделенной областью, как мне с ним совладать? Я там разные кисти выбирал, все так делают.
>>571725 Ебанутая система. На сложном проекте у тебя получится такая вложенность, что ты охуеешь. Сам писал нечто подобное, когда плохо понимал бэм. Овердохуя уровней вложенности не нужны. Почитай про бэм поподробнее. мимо
>>571725 Зачем прописывать боди_#чтото#, если отображаемый контент хтмл может быть только в боди? Футер это часть боди, а не тот же уровень, что хеад и боди. Мне кажется ты не понимаешь иерархию хтмл, тебе надо сначала разобраться с этим. https://learn.javascript.ru/dom-nodes
Есть тест (1 вопрос для примера из пикрелейтед), нужно для него сделать веб-страничку. Т.е под 1 вопрос по 3-4 чекбокса, в конце теста выдается результат сколько правильных и неправильных ответов.
У кого-нибудь есть шаблон для такого? Моих знаний Javascript не хватит чтобы это всё устроить, тем более сдавать нужно уже через 2 дня. Если бы не сроки, то сам бы сделал, т.к в принципе интересно, да и вместо практики какой-то сойдет.
>>572023 Очень хороший совет, спасибо. Только вот на деле все равно полстоянно получается, что элементы должны иметь элементы. А те в свою очередь тоже их имеют. И вся суть БЭМ идет из-за этого нахуй.
Поясните вкратце за Avocode, уже юзабельно? Баг с направляющими, думаю, должны уже фиксить. Если пофиксят, то не поскуплюсь на лицуху, зело заебало в дуалбуте сидеть.
>>572309 CS5 работает отлично. Не уверен, что 100% решение, но установи через sudo apt-get install playonlinux, там подтянется всё, чего не хватает, если лень вручную ебаться с установкой.
>>572346 Жиквери разработчик. Делаю psd-to-html, прикручиваю всякие плагины, аякс, всё такое. Потихоньку расширяю влияние на чистый php и дизайн, дабы на вордпрессе сайтики ваять.
>>571937 я тут мимо-анон, много говорить не буду просто дам направление так сказать: 1) в бэм не важна реальная иерархия все заменяется на связь блока и элемента. Блок может содержать внутри себя элементы и другие блоки. 2) не забываем про миксы (в БЭМ они есть)
>>572375 ну правильнее сказать, что вся соль бэма уход от каскада в отдельных модулях. А модули это отдельные классы в общей структуре, это типо и позволяет потом брать модуль и втыкать куда угодно подцепив его стили.
>>572382 Прирост довольно солиден же. Отпадает необходимость в ебле с вайном/виртуалками, более широкий набор инструментов (навскидку - скетч и зеплин), ретина, ёпта!
>>572329 Проиграл с тебя. Во-первых, зачем нужен 15"? Бери 13 с ретиной. Во-вторых он стоит около $2к. Если ты фрилансер, зарабатывающий $4к в год, то у меня для тебя плохие новости.
>>572515 У меня знакомый как раз с прошкой 13-дюймовой. Дома с ней работает, приезжает в офис - подключил по HDMI к монитору - и там же опять работает. Может легко съездить к клиенту и показать продукт. Машинка легкая, очень быстрая.
>>572534 не тормозит или что? я просто уже давно не сидел на винде. все на маках. на винду трудно садиться. какая-то она не такая - думает иногда долго, тормозит
>>572571 собраны они на тех же заводах, что и делы какие-нибудь собирают. Так что это спорный плюс. А визуальная макось это такое, дело вкуса. Есть линукс оболочки копии, хуй отличишь.
>>572585 а забыл добавить бесспорный плюс. Только с яблоком на задней стороне ты выглядишь со строны как современный хипстопидар. Это да, тут мак лучше.
>>572585 ну, собраны-то на одном, но качество, что материалов, что сборки получше будет. конечно, маки стоят огого, но если сравнивать по хар-кам, то цена на винде будет плюс-минус такая же
>>572621 за разницу в цене можешь себе два ssd купить, хотя не для игр тебе и этого гибрида хватит и разницы ты не почувствуешь, особенно учитывая, что линукс стоять будет. Вес больше на килограмм, и я конечно понимаю, что хипсерков вес в 2 кг на их хрупкие плечи ебать разница. А материалы примерно одинаковые, там такой же пластик ток серебристый. И да, спорить яблочными поехавшими идея глупая, я знаю. Это и телефонов и касается. Зря я начал, зря.
>>572629 >там такой же пластик ток серебристый Это алюминий.
Ты сравниваешь два ноута, которые вообще в разных классах находятся. Эйр это ультрабук и для него весь очень важен. Работают обычно все-таки на прошках.
Ананасы, посоветуйте пожалуйста отличную книгу про Angular.js, я начал читать O'Reilly на английском, все шло отлично, пока в книге не начался разбор реального приложения, там у меня шары в мозгах свернулись, до сих пор в себя прихожу. Все основы по ангуляру я уже усвоил - привязки, директивы, объекты, модули, фильтры. Нужно понимание - как построить свое маленькое ангуляр-приложение, как спроектировать директивы, связи, контроллеры и т.д. Очень нужно для первого ангулар-портфолио, ибо сидеть на 600-800 долларах в месяц заебало неимоверно.
Бля как ты так смог, без опыта, у тебя тогда портфолио хоть какое-то было, когда вкатывался на апворк, работаешь за фиксированную плату или почасовую? Английский хорошо знаешь?
>>572665 На самом деле это не очень сложно. Главный момент - английский и умение общаться с людьми по переписке (харкач научит). Реальный опыт достаточно небольшой, работаю с сентября прошлого года. Поначалу демпинговал, но работу делал на 10 из 10, каждый проект вылизывал как писечку молодой тян. Есть почасовая работа, есть фиксированная ставка. По фиксированной больше нравится работать - есть стимул побыстрее завершить проект и с клиентом нет никаких качелей по учету времени. В портфолио до сих пор нет ничего приличного, кроме двух Wordpress веб сайтов на премиум-темах. Хотя сами темы и охуительно смотрятся. Было пару интересных и красивых веб-приложений, но заказчик не позволил вывесить картинки.
>>572695 Нет, минималка там 3 бакса, на нее я и пошел работать в первый контракт. Сделал первые 30 баксов, на второй контракт меня взял тот же клиент, но уже на 5 баксов. Дальше удачно выстрелил китаец уже на 8 баксов и я за октябрь уже получил около 320 долларов суммарно.
>>572700 да то же, что и сейчас по-большому счету: костыли-заплатки, сделать старый ублюдочный корявый сайт адаптивным, написать лендинг с нуля, используя препроцессоры, написать веб-верстку и скрипты для вебприложения для фотографий и чатика, куча заданий было для Wordpress, большие и маленькие. Когда стал TOP RATED, то сразу ощутил небольшое облегчение в поисках нормальных заказов - люди охотнее тебе платят больше, если видят, что у тебя одни пятерки. Несколько раз присылали прямое приглашение на неплохой контракт.
>>572706 Хочу хорошо подтянуть какую-нибудь библиотеку (angular или, как советовал товарищ по несчастью выше, react), выйти на нормальные проекты по 20-25 долларов в час. Затем хочу нанять в офис пару обезьянок на простые задания с UpWork и может быть из этого что-нибудь получится. Как я уже говорил - у меня очень мало реального опыта, нету даже и года. И в команде не работал вообще никогда.
>>572712 Самоучка. Где-то полгода, после основной работы по 2-3 часа в день, начал сперва с C# почему-то, потом прошел MySQL, потом прошел фронт-енд. Сейчас джиквери спагетти-код в принципе получается, даже игрушку сапер сверстал на джиквери лол.
>>572710 Я думаю всё зависит от твоих целей. Некоторые и без опыта устраиваются, работая за еду. А потом потихоньку вырастают. И тогда, если их опыт и знания не соответствуют зарплате, то уже с этим багажом устраиваются в более крутую фирму. Тебе, наверное, нет смысла идти в офис работать за еду, коль ты на фрилансе относительно неплохие деньги делаешь.
>>572730 >деградируешь все-таки. Скорее стоишь на месте. Ты ж ведь не становишся хуже, хоть и выполняешь одни и те же задания, наборот, ведь со временем это все идет на автомате, да и придумать что-то более эффективное/удобное можно. Или ты о том что технологии идут вперед и за ними надо поспевать?
>>572751 сколько времени на интенсив тратил в день? еще не приступал, хочу прикинуть хер к носу для начала, чтобы было понятно по сколько времени уделять
>>572751 А, помню тебя. Я ещё тогда цокнул языком, увидя твои космические цели, так как сам думал примерно также - отсмотрю первый интенсив за недельку, сверстаю все четыре макета ещё за недельку, а там добью второй попутно изучая js. а через два месяца устроюсь на работу с портфолио, а ещё через полгода стану как Аллах, освоив все фрейморки мира и замучу себе топовую работку тысяч на 100 с блэкджеком и шлюхами.
>>572799 А я, наверное, еще более слоупочный, чем вы оба вместе взятые.
Начал изучать зимой, прошел codecademy (html/css), htmlacademy (включая платный курс), отстмотрел первый интенсив, доверстал Барбершоп, сверстал Нердс, сверстал страничку портфолио, и сделал первую верстку за деньги. И это считай, почти за пол года. Продвинутый еще не досмотрел (осановился на JS), понемногу начал применять препроцессоры, в JS пока вообще не могу. Ну разве что там addClass, короче самый минимум.
Один знакомый за пол года смог влезть в Python и устроиться макакой за 5$/час. Чувствую себя дном.
>>572020 мне почему-то больше нравится reset.css, даёт больше свободы, чем reset - я лучше напишу пару дополнительных строк кода, чем буду учить, какие встроенные css правила у каждого браузера.
>>572884 ну, джун это не верстала, а уже относительно продвинутый кодер, умеющий работать с обширным стеком технологий, но не имеющий опыта. Так сказать, уже как минимум вторая ступенька в кодерской иерархии.
>>572986 $(button).click(function(){ if (!$(button).hasClass('disabled')) { // do stuff $(button).addClass('disabled'); } Через класс можно поменять её внешний вид, чтобы показать, что она больше не работает. });
Антоши, нужен плагин для навешивания скроллбара на любой див. Надо чтобы работало, как обычный overlfow: auto, но с возможностью стилизации скроллбара.
Так что насчет флексов? Как они ведут себя в андроидах/айфончиках? К сожалению сам затестить могу только в девтулс, а от них, насколько я понимаю, толку мало. мимо предложили стартануть проект на ИЕ10+, но с кучей адаптива, и чтоб на последних мобилках все было норм
Котаны, сверстал барбершоп, очень подробно разобрал для себя все моменты. В целом всё понял. Могу ли я пропустить эти макеты с нердом и остальными ради продвинутого интенсива и учится уже в полной мере? Или все же лучше доверстать до конца? Учусь по 5-9 часов в день, пытаюсь освоить минимальный уровень знаний за который начнут платить хоть 5к рублей, хотя бы за год.
>>573059 Можешь конечно, но барбершоп охватывает далеко не все аспекты вёрстки, с каждым новым макетом ты будешь узнавать что-то новое. Кроме того, для работы нужно портфолио, тут-то тебе и пригодятся эти нерды и т.д.
>>573076 Ну я подумал что возможно понадобится закрепить базовый уровень, прежде чем переходить на более сложный. Весь вопрос в том - сильно ли хуже так торопится?
>>573080 Я не проходил интенсивы, т.е. в базовом нет инфы по адаптивности совсем? Тогда да, лучше пройди его и после начинай верстать. Fixed-width макеты в портфолио тебе не особо помогут. Как доберёшься до препроцессоров, поставь сразу gulp.
>>573090 Базовый + http://learn.javascript.ru/ (частично). Очень весело, но я боюсь что я слишком тупой для этого, и банально многие вещи перечитываю по много раз, и даже тогда сижу с тупым лицом.
>>573103 Смотри, сейчас ты пишешь в css файл, сохраняешь, идёшь в браузер и тыкаешь f5. Когда станешь использовать препроцессор - добавится ещё действие - пойти в консоль, нажать стрелку вверх и энтер, чтобы скомпилировать стили. Нужно будет вручную писать браузерные префиксы и прочую ебалу. С гульпом процесс таков: 1) написал изменения в .less файл (если используешь лесс). 2) открываешь браузер, а там всё уже готово и перезагружено.
>>573117 Забей на тулзы, лучше на начальном этапе больше кодить, чем в них разбираться. Препрос говно, но опять же, по началу сойдёт и он, если просто стили компилить и жс, например. Галп это для всяких более сложных штук, ну и он быстрее в разы.
>>572997 Почему вставляя в конце функции строку document.getElementById("btnPlaceOrder").disabled = true; кнопка сразу же не работает. Т.е если код выполняется сверху вниз, то он сначала должен выполниться, а потом уже выключить кнопку или нет?
>>573156 Галп быстрее раз в 5 если не 10, удобнее, и у него более красивый конфиг на чистом джс (как пример: http://codepen.io/anon/pen/RazZZN) Грант более старый, там куча готовых тасков и плагинов, предназначение которых выходит далеко за рамки не то, что верстки, но и вообще фронтенда. Но грант подробно разбирается в продвинутом от кокодеми, на выходе получается что-то типа такого (http://codepen.io/anon/pen/YqoxxK) (это мой грантфайл полугодичной давности, лол).
tl;dr - если только начал, можешь посидеть на гранте. Но я лично сразу потратил пару дополнительных часов на гуглинг инфы по галпу и не пожалел.
Аноны, киньте ссылку темы на learn.javascript.ru , которая даст понять, как с помощью JavaScript можно выводить данные например в <p>(хз можно ли так) или куда-то ещё, например в таблицу..
>>573176 Да обычная, ньюфажная, ничего особенного. Вот седона, например. Кстати, я ее сверстал где-то месяца три назад, сейчас думаю отрефакторить, и это такой пиздец, лол. Ну, в плане, код вроде нормально структурирован, но это же надо вспоминать, что где и куда, и схуяли я инпуты обернул во флексовый контейнер и т.п.
>>573186 JS - асинхронный язык, он не дожидается завершения предыдущего действия, чтобы запустить следующее. Нужно воспользоваться функцией-коллбэком. Расскажи подробнее о том, что делаешь.
Прошло полтора месяца с тех пор, как я начал изучать JS, и я до сих пор охуеваю с задач типовида "напишите функцию, которая принимает в качестве аргументов массив функций, которые возвращают свой индекс внутри этого массива".
>>573215 Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.
Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
>>573248 Вставь строку отключения кнопки в конец своей функции-обработчика, или воспользуйся коллбэком, опять же. button.addEventListener('click', function(event, callback){ // делай свои грязные дела callback(); });
>>573215 Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.
Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
Господа, поясните за практические аспекты вёрстки mobile-first. Сначала я пишу стили без любых медиа запросов, чтобы норм было на мобильнике, потом создаю медиа с min-width и описываю?
Пацаны, а кто эти хорошие люди, которые слили интенсивы? Учащиеся или сама академия, чтобы привлечь народу? И может быть кто нибудь знает, слит ли самый свежий интенсив продвинутый?
>>573313 Нет, сначала ты верстаешь под мобильники, чтобы блоки без медиа запросов на десктопе отображались так же, как и на мобильниках, а потом потихоньку добавляешь медиа-запросы под каждое разрешение, начиная с @media screen and (min-width:480px) и заканчивая десктопом.
>>573312 Чем проще? Наоборот, геморрой же. На десктопе в 99% случаев отображается больше элементов, чем на мобильнике. Что, каждый раз, с увеличением ширины вьюпорта, добавлять новые блоки которые к тому же могут ломать существующую верстку? Зачем, когда можно сразу сверстать полноценную версию, и уже скрывать ненужные на мобильниках и планшетах элементы?
>>573215 >JS - асинхронный язык, он не дожидается завершения предыдущего действия, чтобы запустить следующее Это не так, не смущай новичков, если сам не понимаешь. JS однопоточный и всегда исполняет текущий код до конца прежде чем получить новое событие от ввода-вывода и начать его исполнение.
>>573272 Mobile first это подход к проектированию продуктов, а не к верстке. Довольно сомнительный. Зачем вы его сюда тащите вообще? По-поему очевидно, что верстать удобнее с десктопа.
>>572655 В общем, я нашел вроде достойную книгу по angular, очень объемная, но автор отличный и пишет очень доступно. Имя Ari Lerner, книга ng-book. Первая же ссылка вкудахте ведет на халявную копию на английском языке. все тот же мимо апворк джиквери разработчик
>>573403 Как думаешь, как вкатываться в ангуляро-разработку? Ведь чтобы потренироваться, сделать тестовый проект, нужно иметь бэкенд, который будет служить посредником между ангуляр-приложением и базой данных с всякими API.
>>573415 Нарисовать, например, JSON объект для анальных игрищ с ангуляром не составит большого труда, я думаю. Еще его можно сохранять в кэш и загружать из него - почти симуляция работы с базой данных лол.
>>573422 максимум, что смог из себя креативного исторгнуть на текущий момент - это игра сапер. А по работе пилю обычное говно - манипуляции с DOM, менюшки с анимацией. Приходилось пару раз всякие трюки делать, типа динамического добавления data- атрибутов и дальнейшая работа с ними.
Такс антоши, если кому-то еще интересно я тот анон со странной компанией в которой бардак >>571920 Таки пересеклись мы с ними, правда по моему звонку, установили всякую дичь на мой ПК типа телеграма и акка в их редмит. Дали мне задание, верстка первой страницы сайта который следует в дальнейшем разрабатывать и поддерживать и попросили сделать все шибко охуенно. Но есть одно но. Они назвали это задание тестовым, а работы там на часов 20-25. Уточняю щас по оплате, если скажут что бесплатно или оплата при условии что им понравится, то дропаю. Все правильно делаю?
>>573431 Конечно правильно. Могут вообще кинуть, поэтому попроси хотя бы 30% аванса на работу. Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?
>>573432 Сомневаюсь что они таки кинут, потому что компашка из моего города, в десяти минутах ходьбы, да и занимаются они отнюдь не продажей говяжьих анусов. Вроде как солидная контора с кучей сотрудников. С другой стороны, возможно в их понимании нормально дать нескольким фронтам один проект а в беседе промелькнули слова о том что один дают задание всем а потом смотреть кто им понравится. Ну тогда извините, я тут не на голодный ярмарок явился, чтоб после оффера меня пичкали тестовыми на пару дней полноценной работы и потом еще думали, нравится ли им. >Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов? Честно говоря не знаю точно, если до того дойдет, уточню. Я думаю что это все-таки просто уточнение, насчет качества верстки. Ну тоесть минимум оберток, все в проекте структурировано, разделено по файлам, замешано на препроцессорах, оптимизировано, по возможности оттестировано и т.д. Ну и ессно адаптивность надо под каждый экран подогнать, нормальные именования селекторов and so on.
Блядь изучаю бутстрап, пиздец инструмент для домохозяек. Я так полагаю все юзают только их сетку? Ну типо дизигнеры пилят под 12 колонок дизигн и все быстренько его натягивают?
>>573440 я иногда шрифты бутсраповские подтягиваю, реже жиквери плагины и совсем редко готовые стили для элементов. Почти никогда - их колоночную систему.
>>573446 я вакансии часто с бутстрапом вижу. И что-то мне подсказывает, что они делают сайты на заказ как раз по простой схеме. А что там за jq плагины? Это на меню всякие?
Аноны, помогите советом. Делаю адаптив с LESS. Задача - сделать всему-всему box-sizing: border-box по умолчанию, чтобы не надо было постоянно прописывать. Как это делается?
>>573694 Очень просто: я уволился с прошлой работы, и денег мне еще максимум на пол года. А терпения тянки и того меньше. Так что глаза боятся, а руки делают.
>>573711 Привыкаю к адаптиву. Впереди самое сложное - JS. Но, думаю, какую-никакую я все-таки работку к тому времени найду. А там главное не прекращать учиться.
>>573710 Мне тоже нравится, но от осознания того насколько я далеко, просто хренею. Вон там человек выложил структуру макета "седоны" с базового интевсива. От одного вида сколько там всего плохо. И ведь это какой-то макет из базового интенсива, что же будет дальше?
>>573718 С зимы, но до апреля куча времени уходила на прежнюю работу. Сейчас бодрее пошло, даже один заказ за деньгу (пусть и малую) выполнил. Обещают еще подкидывать.
>>573723 Ничего страшного там нет. Когда напишете пару своих проектов скорее всего после продвинутого интенсива то структура у вас будет примерно такой же, если не сложнее, и вы будете четко понимать, почему надо делать именно так. В ОП посте не зря указан порядок обучения. Все знания даются постепенно, если вы чего-то не понимаете, это не значит что задача или охуеть как сложна. Это значит что вы просто не прочитали еще статью которая объясняет тот конкретный кусок, или видеурок, или не попрактиковались, или попросту не дошли до того уровня задач, когда подобный подход вообще нужен. Нет смысла объяснять человеку принципу ООП, если он на JS ничего больше функции перебора массивов не писал. мимо ОП
А вот такой вопрос, вот есть макеты с академии(те что с интенсива). Ну я могу их разметить и сделать как на картинке, но они же работать не будут. Кому нужен неработающий сайт? Ну т.е там кнопки не переключаются, нельзя двигать эти ползунки. Зачем они дают такой макет который новичок не может до конца сверстать? Так мало того, там еще и страниц не хватает. И что с этим делать?
>>573758 Да пофиг. Я выложил, кому надо - тот нажмет F12 и посмотрит код. В дальнейшем уберу их подальше, выставляя на первое место ссылки на реальные проекты.
>>573379 Двачую, до сих пор не могу понять этот принцип "mobile first". Все объяснения обычно заканчивались фразой: попробуй и сразу поймешь что это круто. Попробовал. Все равно в голове приходится держать десктоп потоянно, а итоге что-то забываешь и постоянно приходится возвращаться к html во время стилизации.
>>573437 Не знаю, какая у тебя ситуация, но я когда был безработный (3 месяца назад) брался за все тесты, иногда на это уходило до недели. Даже не рассуждал делать-не-делать, возьмут-не-возьмут или что могут наебать. Но мне делать просто нечего было. Днями сидел и смотрел как падает снег после возвращения из Питера в свою мухосрань (все-таки снег - это очень провинциально).
>>573806 У меня немного иная ситуация. Тот же проект для резюме и повышения скиллов который я щас делаю, еще вылизывать надо пару полноценных рабочих недель. В первую очередь я заинтересован в работе с нормальными ребятами с которыми мне будет комфортно. Эти, скорее всего, такими не являются.
Как думаете? Появилась следующая мысль. Небольшие фирмы попадают в зависимость разной степени от своих программистов и фронтендщиков. Так как увольнение кого-то влечет за собой торможение всего процесса работы фирмы в виду того, что новому специалисту придется тратить время на то чтобы разобраться в особенностях (говнокоде) своего предшественника и так на каждом отдельном проекте. Также фирмы пренебрегают исходниками кода. То есть в проектах лежат уже скомпилированные html/css. И не факт что старый специалист оставит jade/scss (не со зла, просто забудет). Таким образом, внезапное увольнение становится невозможным (разве что специалист уйдет в месячный запой). И пока кто-то является держателем всех проектов фирмы, он является хозяином положения. Что скажете, фронтендщики?
>>573858 Мысль справедлива практически для любой работы сложнее грузчика. Даже продавцу нужно осваиваться на новом месте. Я, прежде чем стать фрилансером, работал машинистом холодильных установок на мясокомбинате, чтобы разобраться во всех премудростях рабочего процесса, у меня месяца 2 ушло.
>>573821 Тащемта они ответили что оплатят, я предложил уточнить цену. Они мне начали задвигать за профессионализм и что им нужен качественный продукт. Ответил что я всегда выкладываюсь по максимуму и назвал свою цену, 3 часа нет ответа. Это мне нихуя не нравится, в довесок ко всему тому что было до этого. Если мне и дальше придется вытягивать из них необходимую информацию клещами, то пусть себе ищут другого фронта. С таким уровнем организации работать совершенно некомфортно.
>>573864 все-таки в работу холодильных установок ты, наверно, мало внес отсебятины. И тот кто тебя заменил, через те же пару месяцев изучения того же оборудования продолжил работать не натыкаясь постоянно на следы твоего былого присутствия.
>>573858 Во многом согласен. Особенно это касается мелких команд разработчиков. Например, случай из личной практики. Уходит разработчик движка на ноде, и замену ему не могут найти месяцами. Проект тупо простаивает потому что движок не готов, а без него нельзя продолжать разрабатывать фронт, так как все что можно было сделать без движка на клиенте уже сделали.
Впрочем, это касается любых проектов где мелкая скамья запасных и большой порог вхождения. К примеру, знаком с руководством небольшой СЕО фирмы, практически вся коммуникация и продвижение в ней держится на смышленом и очень работоспособном менеджере. Если он уходит, встанет тупо все.
>>573881 Отсебятины-то я оставил, но ни мои предшественники, ни последователи не лезут туда, где могут на неё наткнуться. Я для примера привёл, без разницы почему, но процесс почти везде длителен. Кроме того, что мешает фирме держать несколько фронт-ендеров?
>>573883 я еще даже не говорил про большой порог вхождения. Там вообще наверно крах фирмы наступит. ...знакомый админ работал в госучреждении в тот период когда им выделили деньги на закупку компов и создание сети. Поставил и настроил оборудования на миллионы рублей. И потом ушел... Кажется, они до сих пор оправится не могут, хотя прошло уже лет 10
>>573858 Недавно довелось поучаствовать в реальном проекте. Там остался даже .less файл от исполнителя, но макаки заказчика вносили свои изменения не в него, а в css, что вылилось в полный пиздец. Мне, соответственно, тоже не улыбалось разбираться чего они там наворотили и как это исправить, поэтому просто добавил свой min.css скомпилированный из .less в их копилку говнокода.
>>573907 прогеры у меня на проекте не страдают скромностью если нужно что-то быстро поправить в стилях. Я потом смотрю лог в гите и добавляю все вручную в нужные scss файлы, чтобы все было упорядочено. Не дохуя, но много времени отнимает, но лучше ничего не придумал.
>>573234 Спиздил у кого-то, когда осваивал препроцессоры. Ну и вообще это логично, там в одном компоненте все кнопочки описываются, через экстенды, например, тоже удобно а каждая кнопка - это как бы отдельный блок по БЭМу, городить кучу файлов под каждую кнопку - как-то тупо. Правда в седоне всего 2 с половиной кнопки, но я просто учился. >>573703 Ты это все через месяц-два поставишь и настроишь, в этом нет ничего сложного или особенного же.
>>573720 Не, ребят, расслабьтесь, я выложил фулл-респонсив седону, с адаптивными изображениями, свг и ретиной. Верстал ее начиная с 4 урока продвинутого интенсива.
Анон виз проблем хир. Это нормально не сходу решать все испытания академии и прибегать к помощи форума? Как по палате вообще температура? Или уже все давно работают в яндексе? Интенсив еще не начинал.
>>574031 какая разница. Главное что для тебя это норма. Всегда будут те, кто справляется лучше и хуже, результат один-полученные знания. Так что не трать время на определение своих умственных способностей относительно других.
>>574031 До сих пор не закончил большую часть испытаний. Вот это говно, например. Зачем оно нужно? Нет, если ты любишь копаться в каскадах уровня body ul li a > hui~pizda и тыкать импортанты - то пожалуйста.
>>574126 У меня просто бредовые, а может и нет, мысли о том что вот не могу решить обычное испытание, значит всё, крах, ничего не получится. Как у тебя сейчас судьба складывается с версткой? Котопрофайл только на 92% сделан.
Ну да, отличное задание, 10/10. Не думаю, что мне где-нибудь в реальной жизни придется тыкать столько импортантов, лол. Может, это хитрый план кокодемии по отпугиванию ньюфагов? >>574136 С версткой все неплохо, упарываю JS, потихоньку рефакторю сверстанное говно вроде адаптивной седоны, чтобы не стыдно было в портфолио класть.
>>574136 Ты сам же понимаешь, что мысли бредовые, зачем спрашиваешь? Я вообще зачем вы копаетесь в этой html-академии, когда в реальной жизни никто не пишет каскада вообще, а !important дай бог один на 1000 строк CSS.
Анончики, поясните одну вещь. Вот, допустим у нас есть форум, каждый пользователь ставит себе аватар, загружая картинку. Картинка, само собой сжимается по размеру рамки (200х200). Но ведь она от этого не весит меньше. Эта задача бекенда уменьшить её размер?
>>574165 >>574169 А что на счет ретины, где размер должен быть х2? В таком случае в беке нужно обрабатывать 2 картинки? Одну под 200х200, вторую под 400х400. Ну а с нашей стороны прихуяривать picture/srcset?
Ананасы, кто что может сказать про 10 месячное обучение от geekbrains? Увидел рекламку недавно и стало интересно. Да, я ленивая жопа и сам не могу, заебало самому всё надрачивать не видя профита, разве что мамке могу похвастаться достижениями.
Пример верстки по БЭМ для самых маленьких от академии. https://youtu.be/txUZrAQnSLg?t=8m31s Можете конечно смотреть с начала, если вас не будет раздражать его эканье.
>>574385 Полагаю, потому что там дропдаун, который не должен быть ссылкой. Алсо у меня сразу такой вопрос, а можно в таких случаях использовать <a> без атрибута href? Эффект будет тот-же что и со <spanom> но без лишнего кода в css.
>>574412 Да хотя бы взять тот-же барбершоп. Там область клика по ссылки огромная, благодаря паддингам у ссылки. А если повесить паддинг на ul, то область клика по ссылки будет только там где текст. Не очень удобно.
Поясните за прохождение курстов htmlacademy. Если я пройду все эти тесты, и сверстаю их стандартные макеты, то как это поможет мне при поиске работы? В смысле, если я напишу в резюме, что я прошёл htmlacademy, лол.
>>574440 Сможешь, как я, сделать сайт-портфолио, чтобы было на что хоть ссылку сначала кинуть. Чем-то же его заполнять надо, прежде чем реальные работы появятся.
Анончики, читнул тут, что ретина отличается от чем-то особым от обычного экрана при равном соотношении пиксель на сантиметр, но так и не понял, чем. Дайте ссылочку почитать.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Пришел ли кто-то из нашего треда к успеху?
Да, и не один а двое, азазазза, кхм.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking
Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред