Это копия, сохраненная 22 июня 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред >>561684 (OP)
Красным выделен центрующий контейнер, ширина синего дива - 33%, ширина дива с изображением - 66%. Поставлю хоть на 0.1% больше и всё пойдёт по пизде.
Код вбрасывай. Возможно дефолтные отступы инлайн блоков, если ты на них верстаешь, а возможно просто расхождение потому что 33 + 66 !== 100
Нет. Оба флоатнуты.
>>569852
Опять же, один процент - и всё пойдёт по пизде.
Ладно, вот код.
https://jsfiddle.net/anonchik/zbf32uka/
В чем космический эффект? При 35/65 тоже без промежутка. А вот при 38/62 он еще больше.
Ну в тз если я правильно помню должно быть строго 1 часть на текст и 2 на картинку. Ну вот это самый близкий вариант. Идеально конечно же не сделать из-за особенностей деления, лол
Спасибо, анон, а то я блять сам не знал.
Каким еще может быть код человека, который серьёзно этим начал заниматься 2 недели назад?
вся залупа с округлением идет из-за фикс ширины контейнера, если поставить скажем .container {
width: 764px;} то все норм будет. То есть ноги растут из фиксированной ширины оболочки, и если подумать нахуй тебе внутри проценты, если родитель фиксированный? С таким же успехом можешь жесткие пиксели прописать.
ну хуй знает, я вот тоже их смотрел, но делал не оглядываясь туда и в своем коде теперь разбираюсь без каких либо проблем, и ебал я такие матрешки.
в вакансиях как написано бывает: умение разбираться с чужим кодом или гавнокодом, не суть =)
мимо анон
дак я ничего за код вообще не сказал, читать умеешь? Написал тому анону, что умение разбираться в чужом коде требуется обычно.
А. Ну я подумал, что говнокод к нему относится.
мне похуй. Иди нахуй.
ты когда наверстаешься до ебени фени, по-другому заговоришь, центровики везде писать да потом копаться в груде этого говна не есть хорошая идея. Минимализм и читаемость, остальное матрешкин говнокод.
Как определить, что в каких случаях использовать? Маргин текста, паддинг текста, паддинг блока?
почитай про разницу между блочными элементами и инлайновыми. Посмотри еще интенсив и все будет понятно
Нужно умение применять БЭМ, знание ванилы и jQuery.
Если кого заинтересовало, пилите фейкопочту.
Нейминга/фс будет достаточно на начальном этапе. Проект в продакшене, говнокода под рефакторинг много. Смотреть буду на скилы именно в этом плане.
Венчурные инвестиции.
Нахуя дрочить HTML и CSS, когда всё современное верстается на какой-то другой хуйне?
Посидишь некоторое время (месяц) на рефакторинге js/css. Потом в паре с бэкендщикам будешь допиливать форк общей платформы.
прочитай про устройство браузера, может понятно станет
Спасибо.
БЭМ-нейминг - когда мы используем только для именования сущностей по БЭМ, но при этом всё хуярим в один css файл?
Не обязательно в один. Просто разбиваем файлы по типу, а не по назначению.
на с++
>Просто разбиваем файлы по типу
Не совсем понимаю, ты имеешь ввиду тип файла (js, scss, css), или тип того что в файлах. (button, form, slider, header, footer...).
так если файлов css будет много будет много http запросов и страница будет больше грузиться ?
Вообщем, если кто захочет попробовать силы/найти работу, пилю свою фейкопочту ja\q5mes.variousANUSyandeG'?xPUNCTUMrN0Xu. Обратную связь обещаю.
Команда нормальная, без заёбов, не стартап, удалённо/коворкинг. З/п без задержек. Будет тестовое, я проверяю (35 строк кода), но все оргвопросы с ПМом. Много legacy-трэша, которое работает, но пахнет. Будет весело.
Для этого есть сборщики.
Зачем пердолится с грантом если есть божественные импорты в препроцессорах?
Так может кто-нибудь ответить. Не является ли это лишним хуедрочевом - разбивать css файл на множество мелких, в которых будут лежать header, footer, button, form и тд...?
В больших проектах без этого никуда. Представь что у тебя слитый в единое целове кссник имеет 5к строк. Как в нем ориентироваться будешь?
Да я вообще не ебу о чём вы сейчас говорите
Ок, спасибо. Значит лучше прививать эту привычку уже сейчас, что бы потом не обосраться.
Кстати продвинутый интенсив годный? Или лучше просто пока верстать, верстать и верстать, чтобы голову лишним не забивать?
я делал так: сверстал все макеты базового и сел за продвинутый. там тебе объяснять как верстать не будут, расскажут про необходимые для современной верстки доп фишки и инструменты, которые ты уже будешь внедрять в свой отточенный подход так сказать. ну и естественно про адаптивность расскажут и мобайл-фёст
https://htmlacademy.ru/courses/113/run/28
Вот эта штука.
Почему базис 100px?
Почему у нечетных коэфф 0, у четных один, они же все разные?
Нормальным?
Сам хуй знает, братан
Ну, хочется же код проверить на перегруженность потом.
фейко*
Лол. Только сейчас увидел, что тут написано.
>anonchik-nyashka@
До этого я был уверен что там имя и фамилия.
Походу я сегодня себе не плохо так глаза выебал кодерством...
Анон, как определить, что section, а что article? Что span, а что текст в диве?
>что спан, а что текст в диве
спан - это кода конкретный текст в диве ты хочешь перекрасить. див - просто блочный элемент.
>что секшон, а что артикл
секшон - просто несколько объединённых по какой-то причине дивов, артикл - самостоятельный элемент веб-страницы, который можно невозбранно оттуда выдёргивать.
Как понять "самостоятельный элемент веб-страницы, который можно выдергивать?" Каким образом он самостоятелен? Куда его можно выдёргивать?
Жопа какая-то. Вообще нихуя не понял. Хотя курс прошёл вообще влёгкую.
Нахуй иди, толстяк. Судя по форуму овер 2к человек не выполнило задание на 100%
пиздабол.
inb4 Продвинутый интенсив - это такая блядь халтура, что дальше некуда.
Как это оформить в <picture>?
>>571030-кун
норм. ходил туда. базу дадут. дальше уже проще будет все понимать. живое общение в любом случае пизже, чем пустое выкание в монитор.
но есть минус - со мной в группе были тетки, которые хотели задать вопрос, но сформулировать никак не могли, да и вообще много ненужных вопросов и ошибок у людей старшего контингента.
Нет, у нас сборка несколько иначе организована. Полностью в ведении бэкенда.
Я за месяц штук 60 уже прособеседовал по теории/практике. Вообщем, выводы просто неутешительные, в индустрии пиздец.
1. Народ не может отцентировать блок;
2. С JS пиздец. Полное отсутствие понимания логических операторов, контекста функций, работы с массивами и данными;
3. Нейминг у 99% такой - chornaya-block, registratsia-click, shapka. Это из реальных тестовых. С переменными/методами вообще ужас.
И это не сверхтребования какие-то. Это реально вызубрить, выработать навык за месяц-три. Но нет же, лол.
>>570231 - кун
>1. Народ не может отцентировать блок;
Не каждый блок просто центруется, зависит от ситуации. Или ты про margin: 0 auto;?
Ни одним из способов. Ни при каких обстоятельствах.
Лол, всегда думал что в компании ломится куча кандидатов с охуительной версткой, знанием джс на уровне профессионал, парочкой фреймворков ангуляр/метеор и т.д.
Чем они вообще тогда занимаются? Статику на бутстрапе верстают?
Под статикой я подразумеваю верстку вообще, в т.ч адаптивную, без оживления с помощью JS.
Ляпы тестового разбираю, спрашиваю, почему именно так. Просто косячная вёрстка, не учтена кроссбраузерность. В JS 99% сравнивают в стиле if ((1 > 0) == true), плодят тучу переменных. Вообщем, 5ый класс.
>>571178
Я обычный фронтендщик. Просто нам нужно ещё.
>>571180
Кандидатов ломится дохуя, но подавляющее большинство ставит или надругалось над телом Битрикса, или ставит темы на вордпресс.
ты же в илитном треде сидишь, хули удивляешься
Вы там на js приложения пишете полноценные, или чем ограничивается его применение?
это например каких сайтов? Пример приведи какой-нибудь. А то сейчас все понятия растяжимые.
Это фотошоп, лалка
Авито.
>>571326
https://www.youtube.com/watch?v=O9JGDHEL2b8
Тут вроде неплохо объясняли, только я уже точно и не помню.
Я долго пытался понять, но так и не вкурил как правильно делается кадрирование фоновой картинки в хидере. У меня есть одна и та же картинка, которую на разных страницах (главная там, фотографии и тд) по-разному кадрировать. Как добиваться соответствия макету?
переставлять куда угодно,хоть в другой блок, хоть в новую страницу вставить, он не должен поломаться.
>ищет фронтенда
>Санкт-Петербург
>зарплата уровня хуевого версталы
>фронт-энд-макака
Нахуй из треда, выебистая мразь.
О яебал такое говно. Реально просто лютый пиздос разбирать чужой говнокод и чистить его. Сейчас занимаюсь именно этим, в некоторых местах все настолько плохо, что приходится хуярить заплатки, так как можно похерить весь фронт нахуй из-за пары узких мест. А на переписывание с нуля времени нет, проект на стадии последнего тестирования перед сдачей.
Ты про спрайт? Есть у тебя изображение, в котором много одинаковых картинок с прозрачным фоном и отступами друг от друга. Блоку с определенным классом задается background, равный этому изображению, потом у него прописывается background-position и background-repeat: no-repeat. И потом уже попиксельно подгоняют изображение при помощи background-position. Ну и у блока обычно фиксированные размеры, хоть и не всегда.
Но кому-то надо этим заниматься в любом случае. Плюс для новичка отличная возможность хоть врубиться как этот говнокод функционирует в принципе.
Спасибо
https://jsfiddle.net/8L8yfu8o/
сам новичок, но могу тебе подсказать с одной штукой:
#000000;
#ffffff
подобные херовины можно сокращать до 000 или fff
ну, да. мне показалось, что читабельно. я сейчас угораю по этой херне
https://habrahabr.ru/company/piter/blog/280828/
мне показалось, что у тебя все понятно в CSS.
Вот и я об этом. Ищут фронта, который будет горбатиться над заданиями уровня фронтенд-разработчика за зарплату верстальщика.
Надо делать так, чтобы потом не приходилось перепиливать говнокод. Или хотя бы пытаться. Новичку как раз не стоит подобным заниматься, так как может нахвататься и продолжить подобную практику. Ну и по описанию такое чувство, что ищут козла отпущения, который будет рефакторить говнокод, от которого все отказались. Неприятно как-то.
Не, мы возьмём новичка и сразу ему логику платёжной системы дадим пилить. Потом на хэши посадим, дата-слой. Чотко будет, ага? Тем более там было сказано про форк, пожизненной каторги никому не обещано.
Надо делать - отлично звучит в модном стартапе, где накатил кокса, смузи, позвонил парню, вмазал ангуляр. А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.
>>571589
Этот не прав. Натягивание верстки на движок CMS - это одна из частей фронтенда, не самая приятная, но все-таки одна из частей. Просто никто в этом треде не хочет этим заниматься, да и вообще мало кому это нравится. Но хороший фронтенд хотя бы раз натягивал верстку на движок, для расширения кругозора. Это мог быть платный проект, а могла быть обычная проба для себя.
Я хороший фронтенд и не то что никогда не натягивал верстку на CMS — вообще никогда к ним не прикасался.
двачую этого
>5+ Мб JS-говнокода
Поправил, не благодари.
>А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.
Что мешало сразу пилить нормально? Предполагаю, код писали бэки, а теперь требуется еще один фронт, чтобы эту кашу поправить. И почему ты этим не займешься? Хочешь свалить такую стремную работу на джуна, в то время как сам будешь попивать смузи и попиливать логику?
Вот, например. Возьмем адаптивную Седону, версию под мобильники. Основной контент, там есть блок фишек, которые описывают почему нужно ехать в городок. Я понимаю так, это элемент основного содержания страницы, то есть <div class ="main-content__features-block"></div>, но ведь это только контейнер для фишек, а каждая из фишек это отдельный блок, который в свою очередь имеет свои элементы. Но ведь по бэм нельзя делать элемент элементу. Я, нахуй, блять, запутался. Я что - то неправильно понимаю?
Спор ради спора. Я тут немного не за этим, так что ты победил.
В бэм-нэйминге нет слова нельзя. В голове прокрути архитектуру вложенности и дописывай через __ к родителю. Все. В сасс очень удобно потом через & с этим работать, прям мне доставляет.
Ты это я.
Правда, я уже начинаю подзабивать на главную идею БЭМа как конструктора независимых блоков, и просто стараюсь неймить по-БЭМовски в меру своей фантазии. Но если в элементе внезапно обнаруживаются другие элементы - без зазрения совести юзаю каскад. Ибо сидеть выдумывать 3 часа напзвания классов меня не улыбает. Каскадность слабая, классы по-БЭМовски понятные и описывают суть элементов - ну и ОК.
Бэм нэйминг вася, не подчиняется бэм методологии. .main__content_block__dolbaeb_list
Эй, спокойней. Давай без ПРОБОЕВ ПАМЯТИ
была у меня такая проблема. Знаешь как решается? Когда с высоких уровней опускаешься на низкие можно смело юзать припеси типа left down list column при взгляде на верстку сразу становится понятно что к чему
Во-первых main-content__features-block хуевое название, слово block избыточно (особенно учитывая то, что это элемент, лол).
Во-вторых что тебе мешается сделать features-block блоком, а не элементом?
В-третьих, не обязательно называть вложенные элементы соответственно уровню вложенности.
Как не надо:
block__container
block__container-item
block__container-item-title
Как надо:
block__container
block__item
block__title или block__item-title
Хуйни не неси плес
Селекторы вида .class ul li .another-class
>Но ведь по бэм нельзя делать элемент элементу.Но ведь по бэм нельзя делать элемент элементу.
Блять, вы презентации из интенсивов вообще смотрите, или как?
>block__container
>block__container-item
>block__container-item-title
Как раз этот вариант очень удобен в препроцессорах.
Блять, ты на сайт БЭМа то хоть раз заходил, методологию читал? #000 по #fff написано, что нельзя.
Чем не удобен? По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__element
Тем, что длинные классы получаются.
>По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__element
Это вообще ерунда какая-то.
Уточню, что под JS я имею в виду React/Angular. Или любую другую технологию на которой пишутся шаблоны.
погоди ка погоди. Твой вариант описывает абсолютно другую структуру. block__container-item-title подразумевает тройную вложенность. А все твои это двойная вложенность.
Недавно впервые поучаствовал в реальном проекте, увидел структуру интертнет-магазина на php. Там тоже по сути все собиралось из файлов-шаблонов. Реакт и ангуляр - они про то же?
однако когда смотришь такой код он читается гораздо лучше. Поэтому довод про длинные имена идет нахуй
Нет, это фронтенд-технологии. Обе из которых, впрочем, включают шаблонизаторы.
Ноуп. На пике код одного из моих компонентов (функция cn просто генерит имена в БЭМ-стиле). По-твоему это бы лучше читалось, если бы logo-image назвался root-header-logo-image? А когда я решу поменять верстку, то все переименовывать? Ну охуеть, спасибо.
Ты имел ввиду хорошего человека-оркестра, а не фронт-енда.
А теперь открой на своем ведре или гейфоне твою хуйню, сверстанную на флексах и отсоси, теоретик хуев.
Так, парни, у нас тут человек не слышал про автопрефиксер. Срочно два куба постцсса ему!
Неоднократно верстал. Не расскажешь что конкретно там не поддерживается, котик?
мимо-Андроидобог
Без пруфов чего? Я тебе уже кинул ссыль на caniuse. Жду конкретный примеров на какой системе какое свойство не работает. Если у тебя их нет, то иди нахуй.
Ссылку кидай, что ты верстал на флексах под мобилку, мы тут всем тредиком на разных устройствах проверим.
посмотрев на любой элемент-модуль ты сразу понимаешь откуда у него растут ноги. Но ты не совсем правильно понял мой подход, я предлгаю прописывать эти пути модульно. То есть вложенность может быть уровня 3 где-то после идут уже элементы.
Я не собираюсь что-то кидать и деанониться чтобы опровергнуть бред не подтвержденный ни одним пруфом.
значит я твой не понял
>ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>??
Так че, может кто ответить.
Я понимаю, что в любом случае придется использовать полифилл в реальных проектах, но всё-равно интересен этот момент.
Гугли доклад Макеева, точно не помню, но он вроде упоминал про это.
Не скажу, нда
И в вопросе нету смысла, ты же не знаешь мои обязанности, сколько у меня опыта и вообще какая именно должность, так что.. На хорошую жизнь в дс2 хватает
>Завтра ищешь в интернете книжку Dive into python. Похуй если ничего не поймешь. Затем идешь на python.org и изучаешь стандартную библиотеку от корки до корки. Потом зубришь, именно, сука, вызубриваешь конвенцию по написанию питоньего кода - PEP8, чтобы от зубов отскакивало. Когда напишешь свою первую имиджборду, по пути изучив верстку на html+css, скачиваешь и изучаешь любой питоний асинхронный вебсервер, рекомендую Tornado или Gevent. Как переделаешь имиджборду, чтобы выдавала по крайней мере 5 тысяч запросов в секунду, можешь идти дальше - тебя ждет увлекательный мир хайлоада. Apache Hadoop, сверхбыстрые асинхронные key-value хранилища, MapReduce. Отсос хиккующих выблядков / просто неудачников типа рейфага или сисярп/джава-хуесосов, которые сосут хуй по жизни не заставит себя ждать и уже через пол года ты будешь получать такие суммы, что любая баба будет течь при одном упоминании твоей зарплаты.
Бред или в блокнотик сохранить как пособие?
Сам две недели как учу хтмл.
А за два года реалистично выполнить этот сценарий, гуманитарию с iq 118?
Для начала неплохо (если ты первую неделю верстаешь). И да, флексы - заебись, но не бросайся сразу в них, поверстай на флоатах/инлайнах/дисплей-тейблах, это тебе в любом случае будет нужно (почти везде требуют либо ие8+ либо как минимум ие9+).
PS Хотел было даже пофиксить слегонца, но, святой артемий лебедев - зачем вы ебучий джсфиддл для верстки используете, люто неудобная хуерга же. Заливайте на православный кодепен.
Я тот анон который рассказывал что его умудрились дважды позвать на собес.
В первый раз сходил, вроде нормально, но фидбека не получил, то есть вообще. Ничего не сказали по окончании, просто с улыбкой проводили к двери. Через 3 дня отзвон от эйчара, типа приходите на собес. Я уточнил что уже был, извинились, сказали будут перепроверять.
Проходит 2 недели, я уже и забыл о том что туда ходил. Звонок на телефон, представились админом из этой компании и сказали что надо ставить какой-то чат и заводить акк. На что я справедливо изумился. Предложил уточнить, так как мне не отзванивались для согласовывания условий, а между тем 2 недели прошло, я за это время уже мог уйти в другую компанию/фриланс/крестовый поход/etc. Немного поболтал с их тимлидом, уточнил общие вопросы, предложил устанавливать все завтрато есть сегодня ибо занят. Вроде все ок.
Сегодня ни ответа ни привета.
Вот я хуй знает анон, либо слишком придирчив, либо это таки бардак и нехуй с ними связываться. Что думаешь на эту тему?
Алсо, возможно такое отношение выработалось из-за моих предыдущих собесов. Их было всего 2 и давно, но оба в крупные аутсорсинговые компании с центральными офисами в штатах и ЗЕ. И вот там все действительно заебись. Эйчары все по несколько раз уточняют и разжевывают, собеседования ведутся как положено, а в конце, даже если ты не подошел, тимлид 10 минут объясняет тебе почему ты крут, и почему они не могут сделать тебе оффер.
Хуйня какая-то, я бы уже их послал.
Я правильно понимаю, что мороженки - это просто фон хедера? Или надо специальный див создавать и на ЕГО фон их ставить?
Ну это и есть слайдер.
Другой вопрос, как это по семантике правильно верстать?
Тут 2 варианта, либо я в хедер засовываю просто нав со всякими окошками поиска, логотипом и прочей парашей (кстати похоже так и надо, учитывая его размер), либо я хедер обёртываю в див, на фон которого ставлю мороженки.
Вроде бы первый вариант, а слайдер идет в диве на фоне которого это изображение, сразу после хедера.
Похоже на какую-то лютую парашу.
Ты не догоняешь.
>нав со всякими окошками поиска, логотипом и прочей парашей
Во-первых: не стоит в nav пихать всякую парашу. Он не для этого.
>а слайдер идет в диве на фоне которого это изображение
Во-вторых:
Фоновое изображение предназначено для оформления и только для него.
Картинка с двумя мороженками - промо изображение.
Да и вообще, какого хуя ты в СЛАЙДЕР пихаешь фоновое изображение?
Нет, я оговорился, в наве только менюхи. А все остальное, к ним не относящееся - просто рядышком в хедере. Так?
А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?
>А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?
БЛЯЯЯЯЯЯЯЯЯЯЯЯЯТЬ
Нет, это фон слайдера. На то он и слайдер, что кнопочку переключаешь и изображение меняется.
Прошу аргументировать мнение.
Не совсем понял, в чём суть твоей проблемы, но попробуй выделить област и ткнуть del.
Ебанутая система. На сложном проекте у тебя получится такая вложенность, что ты охуеешь. Сам писал нечто подобное, когда плохо понимал бэм. Овердохуя уровней вложенности не нужны. Почитай про бэм поподробнее.
мимо
Стремно как-то. Бардак у них там творится. И новеньких, видимо, совсем не уважают.
спроси у них, почему эти так делают
Зачем прописывать боди_#чтото#, если отображаемый контент хтмл может быть только в боди? Футер это часть боди, а не тот же уровень, что хеад и боди. Мне кажется ты не понимаешь иерархию хтмл, тебе надо сначала разобраться с этим. https://learn.javascript.ru/dom-nodes
У кого-нибудь есть шаблон для такого? Моих знаний Javascript не хватит чтобы это всё устроить, тем более сдавать нужно уже через 2 дня. Если бы не сроки, то сам бы сделал, т.к в принципе интересно, да и вместо практики какой-то сойдет.
https://jsfiddle.net/vxcy1p5q/ - есть похожее, но всё таки немного не то.
Гугли jquery plugin quiz.
Очень хороший совет, спасибо. Только вот на деле все равно полстоянно получается, что элементы должны иметь элементы. А те в свою очередь тоже их имеют. И вся суть БЭМ идет из-за этого нахуй.
У меня под вайном только CS2 нормально заработал, но он слишком стар уже. Печалька.
CS5 работает отлично.
Не уверен, что 100% решение, но установи через sudo apt-get install playonlinux, там подтянется всё, чего не хватает, если лень вручную ебаться с установкой.
Ноут слабоват, может не потянуть. Но я попробую, спасибо.
15" макбук про с человеческой начинкой - в полтора раза больше моего годичного заработка на апворке.
Хз, бросай Апворк тогда. Я там давно не работал, но демпинг ебанутейший, как помню.
С демпингом проблем нет, просто я вкатывался с нуля, не имея опыта работы в офисе.
Жиквери разработчик. Делаю psd-to-html, прикручиваю всякие плагины, аякс, всё такое. Потихоньку расширяю влияние на чистый php и дизайн, дабы на вордпрессе сайтики ваять.
Так и итоге, мороженое ставится как фон страницы? А кнопки слайдера и информация с 10-22 абсолютно спозиционированы?
Видел. Не тянешь макбук — бери подержаный мак мини с авито. Все равно перелезать придется рано или поздно.
вы заебали я накидал примерно. Я не пишу боди что-то. Боди это как корневой каталог.
я тут мимо-анон, много говорить не буду просто дам направление так сказать:
1) в бэм не важна реальная иерархия все заменяется на связь блока и элемента. Блок может содержать внутри себя элементы и другие блоки.
2) не забываем про миксы (в БЭМ они есть)
>>572372
Я не думаю, на данном этапе моей карьеры мне позарез нужен мак. Рано или поздно да, придётся.
Ну, не самая важная вещь в мире, но работать станет попроще. Просто хотел отметить, что мак это не обязательно космические деньги.
Существенная переплата за небольшой прирост по сравнению с Linux. Сомнительное вложение.
ну правильнее сказать, что вся соль бэма уход от каскада в отдельных модулях. А модули это отдельные классы в общей структуре, это типо и позволяет потом брать модуль и втыкать куда угодно подцепив его стили.
Прирост довольно солиден же.
Отпадает необходимость в ебле с вайном/виртуалками, более широкий набор инструментов (навскидку - скетч и зеплин), ретина, ёпта!
Проиграл с тебя.
Во-первых, зачем нужен 15"? Бери 13 с ретиной.
Во-вторых он стоит около $2к. Если ты фрилансер, зарабатывающий $4к в год, то у меня для тебя плохие новости.
У меня знакомый как раз с прошкой 13-дюймовой. Дома с ней работает, приезжает в офис - подключил по HDMI к монитору - и там же опять работает. Может легко съездить к клиенту и показать продукт.
Машинка легкая, очень быстрая.
Да ничем, разработка идеальна на линукс, но если говорить о фронт-енде, то появляется нужна в фш и тогда катит мак
не тормозит или что? я просто уже давно не сидел на винде. все на маках. на винду трудно садиться. какая-то она не такая - думает иногда долго, тормозит
Винда на норм железе и с чистой ос тоже не тормозит, и даже летает.
>>572549
http://www.makeuseof.com/tag/6-superb-reasons-use-linux-programming/
ну так понятно, речь про то, что если бы не фш нахуй не надо было бы переплачивать за мак.
Не согласен. Маки отлично собраны, там ретина и няшная ось. У нас рубисты тоже на маках работают.
Я просто хочу с ними работать. Я пидор просто.
собраны они на тех же заводах, что и делы какие-нибудь собирают. Так что это спорный плюс. А визуальная макось это такое, дело вкуса. Есть линукс оболочки копии, хуй отличишь.
а забыл добавить бесспорный плюс. Только с яблоком на задней стороне ты выглядишь со строны как современный хипстопидар. Это да, тут мак лучше.
ну, собраны-то на одном, но качество, что материалов, что сборки получше будет. конечно, маки стоят огого, но если сравнивать по хар-кам, то цена на винде будет плюс-минус такая же
Напрягает маленькие размеры экрана. Неудобно кодить же. Я привык на ноуте кодить, а на доп мониторе следить за изменениями в браузере.
Кто в своем уме купит макбук без ретины и с TN матрицей?
Ну охуеть аналоги. А вес, материал корпуса и тип диска ты характеристиками не считаешь?
за разницу в цене можешь себе два ssd купить, хотя не для игр тебе и этого гибрида хватит и разницы ты не почувствуешь, особенно учитывая, что линукс стоять будет. Вес больше на килограмм, и я конечно понимаю, что хипсерков вес в 2 кг на их хрупкие плечи ебать разница. А материалы примерно одинаковые, там такой же пластик ток серебристый. И да, спорить яблочными поехавшими идея глупая, я знаю. Это и телефонов и касается. Зря я начал, зря.
>там такой же пластик ток серебристый
Это алюминий.
Ты сравниваешь два ноута, которые вообще в разных классах находятся. Эйр это ультрабук и для него весь очень важен. Работают обычно все-таки на прошках.
Более-менее опытные кодеры используют Линукс, самое дно - винду. Где-то посередине Макось.
Все основы по ангуляру я уже усвоил - привязки, директивы, объекты, модули, фильтры. Нужно понимание - как построить свое маленькое ангуляр-приложение, как спроектировать директивы, связи, контроллеры и т.д.
Очень нужно для первого ангулар-портфолио, ибо сидеть на 600-800 долларах в месяц заебало неимоверно.
мимо апворк джиквери разработчик
Не поверишь, но она в бумаге, куплена.
Бля как ты так смог, без опыта, у тебя тогда портфолио хоть какое-то было, когда вкатывался на апворк, работаешь за фиксированную плату или почасовую? Английский хорошо знаешь?
На самом деле это не очень сложно. Главный момент - английский и умение общаться с людьми по переписке (харкач научит).
Реальный опыт достаточно небольшой, работаю с сентября прошлого года. Поначалу демпинговал, но работу делал на 10 из 10, каждый проект вылизывал как писечку молодой тян.
Есть почасовая работа, есть фиксированная ставка. По фиксированной больше нравится работать - есть стимул побыстрее завершить проект и с клиентом нет никаких качелей по учету времени.
В портфолио до сих пор нет ничего приличного, кроме двух Wordpress веб сайтов на премиум-темах. Хотя сами темы и охуительно смотрятся. Было пару интересных и красивых веб-приложений, но заказчик не позволил вывесить картинки.
Уточнение: под реальным опытом я имел в виду опыт реальной разработки (верстки + скрипты)
Он классный, на него тоже много вакансий, у него намного более пологая кривая обучения. См. линк с актуальными технологиями в шапке.
Нет, минималка там 3 бакса, на нее я и пошел работать в первый контракт. Сделал первые 30 баксов, на второй контракт меня взял тот же клиент, но уже на 5 баксов. Дальше удачно выстрелил китаец уже на 8 баксов и я за октябрь уже получил около 320 долларов суммарно.
да то же, что и сейчас по-большому счету: костыли-заплатки, сделать старый ублюдочный корявый сайт адаптивным, написать лендинг с нуля, используя препроцессоры, написать веб-верстку и скрипты для вебприложения для фотографий и чатика, куча заданий было для Wordpress, большие и маленькие.
Когда стал TOP RATED, то сразу ощутил небольшое облегчение в поисках нормальных заказов - люди охотнее тебе платят больше, если видят, что у тебя одни пятерки. Несколько раз присылали прямое приглашение на неплохой контракт.
Какие у тебя дальнейшие планы, анончик. Продолжать фрилансить, или стать офисным планктоном?
Хочу хорошо подтянуть какую-нибудь библиотеку (angular или, как советовал товарищ по несчастью выше, react), выйти на нормальные проекты по 20-25 долларов в час. Затем хочу нанять в офис пару обезьянок на простые задания с UpWork и может быть из этого что-нибудь получится.
Как я уже говорил - у меня очень мало реального опыта, нету даже и года. И в команде не работал вообще никогда.
Самоучка. Где-то полгода, после основной работы по 2-3 часа в день, начал сперва с C# почему-то, потом прошел MySQL, потом прошел фронт-енд.
Сейчас джиквери спагетти-код в принципе получается, даже игрушку сапер сверстал на джиквери лол.
блин, я думал ты работодатель, предложишь сейчас что-нибудь интересное. Прям выложил все карты! (тут смайлик)
я только начинаю вкатываться. курсы прошел, книжку почитываю, с ленью борюсь понемногу
Так а что тебя не устраивает (ну кроме 600-800 долларов в месяц, которые в украине, например, космические просто, еще и сидя дома) ?
Я думаю всё зависит от твоих целей. Некоторые и без опыта устраиваются, работая за еду. А потом потихоньку вырастают. И тогда, если их опыт и знания не соответствуют зарплате, то уже с этим багажом устраиваются в более крутую фирму.
Тебе, наверное, нет смысла идти в офис работать за еду, коль ты на фрилансе относительно неплохие деньги делаешь.
все устраивает, но хочу куда-то развиваться, от контрактов типа psd to html понемногу деградируешь все-таки.
Английский неплохой, на общие темы разговариваю без проблем, за специфическими терминами конечно лезу в словарь.
мне уже за 30, думаю в офисе среди 20-летних сеньеров я буду выглядеть как жених на панихиде
>деградируешь все-таки.
Скорее стоишь на месте. Ты ж ведь не становишся хуже, хоть и выполняешь одни и те же задания, наборот, ведь со временем это все идет на автомате, да и придумать что-то более эффективное/удобное можно.
Или ты о том что технологии идут вперед и за ними надо поспевать?
сколько времени на интенсив тратил в день? еще не приступал, хочу прикинуть хер к носу для начала, чтобы было понятно по сколько времени уделять
Я хотел все три за неделю, да так чтобы еще и в голове что-то осталось. А в итоге только вот первый заканчиваю.
А, помню тебя. Я ещё тогда цокнул языком, увидя твои космические цели, так как сам думал примерно также - отсмотрю первый интенсив за недельку, сверстаю все четыре макета ещё за недельку, а там добью второй попутно изучая js. а через два месяца устроюсь на работу с портфолио, а ещё через полгода стану как Аллах, освоив все фрейморки мира и замучу себе топовую работку тысяч на 100 с блэкджеком и шлюхами.
А я, наверное, еще более слоупочный, чем вы оба вместе взятые.
Начал изучать зимой, прошел codecademy (html/css), htmlacademy (включая платный курс), отстмотрел первый интенсив, доверстал Барбершоп, сверстал Нердс, сверстал страничку портфолио, и сделал первую верстку за деньги. И это считай, почти за пол года.
Продвинутый еще не досмотрел (осановился на JS), понемногу начал применять препроцессоры, в JS пока вообще не могу. Ну разве что там addClass, короче самый минимум.
Один знакомый за пол года смог влезть в Python и устроиться макакой за 5$/час. Чувствую себя дном.
Питон и джангу. Ну он еще слегонца знает хтмл/цсс и совсем базово джиэс.
Устроился по удаленке на буржуинов работать.
мне почему-то больше нравится reset.css, даёт больше свободы, чем reset - я лучше напишу пару дополнительных строк кода, чем буду учить, какие встроенные css правила у каждого браузера.
Чё?
>самое дно - винду
используемая ось не зависит от опытности кодера. Под все оси есть все необходимые инструменты
Но не в айти же, где люди в валюте получают, а не в говноденьгах типа рублей или гривен.
Джун спокойно может рассчитывать на 500 бачей в месяц, если конечно имеет необходимые знания.
ну, джун это не верстала, а уже относительно продвинутый кодер, умеющий работать с обширным стеком технологий, но не имеющий опыта. Так сказать, уже как минимум вторая ступенька в кодерской иерархии.
С дел такая же хуйня.
$(button).click(function(){
if (!$(button).hasClass('disabled')) {
// do stuff
$(button).addClass('disabled');
}
Через класс можно поменять её внешний вид, чтобы показать, что она больше не работает.
});
http://stackoverflow.com/questions/3014649/how-to-disable-html-button-using-javascript
Или вот так.
Надо чтобы работало, как обычный overlfow: auto, но с возможностью стилизации скроллбара.
Поэтому нужно делать фоллбэки.
мимо предложили стартануть проект на ИЕ10+, но с кучей адаптива, и чтоб на последних мобилках все было норм
Спасибо
Могу ли я пропустить эти макеты с нердом и остальными ради продвинутого интенсива и учится уже в полной мере? Или все же лучше доверстать до конца?
Учусь по 5-9 часов в день, пытаюсь освоить минимальный уровень знаний за который начнут платить хоть 5к рублей, хотя бы за год.
Можешь конечно, но барбершоп охватывает далеко не все аспекты вёрстки, с каждым новым макетом ты будешь узнавать что-то новое. Кроме того, для работы нужно портфолио, тут-то тебе и пригодятся эти нерды и т.д.
Я просто хочу начать верстать сразу с адаптивом, препроцесорами и всем таким, потому что чувствую что делаю не всё что мог бы.
>>573066
Если бы. У меня денег даже на еду не всегда хватает.
И еще вопрос. Базовый джаваскрипт мне очень понравился. Становится слишком тяжелым(хотя бы на среднем уровне) что бы развлекаться?
Ну я подумал что возможно понадобится закрепить базовый уровень, прежде чем переходить на более сложный. Весь вопрос в том - сильно ли хуже так торопится?
Я не проходил интенсивы, т.е. в базовом нет инфы по адаптивности совсем? Тогда да, лучше пройди его и после начинай верстать. Fixed-width макеты в портфолио тебе не особо помогут.
Как доберёшься до препроцессоров, поставь сразу gulp.
Базовый + http://learn.javascript.ru/ (частично). Очень весело, но я боюсь что я слишком тупой для этого, и банально многие вещи перечитываю по много раз, и даже тогда сижу с тупым лицом.
Спасибо, я вот слышал про этот гулп и так понял это сорт оф автоматизация, но до конца не стал разбираться. Можно в двух словах о чём это?
Спасибо, анон.
Смотри, сейчас ты пишешь в css файл, сохраняешь, идёшь в браузер и тыкаешь f5.
Когда станешь использовать препроцессор - добавится ещё действие - пойти в консоль, нажать стрелку вверх и энтер, чтобы скомпилировать стили. Нужно будет вручную писать браузерные префиксы и прочую ебалу.
С гульпом процесс таков:
1) написал изменения в .less файл (если используешь лесс).
2) открываешь браузер, а там всё уже готово и перезагружено.
Параллельно почитывай Кантора, современем придет понимание. Я сам первую часть учебника долго курил, так как нюфаня в погромировании.
Спасибо, я пробовал воспользоватся программой которая называется Prepros, она делала то что ты описал. Она сильно хуже этого гулпа?
Спасибо за совет.
Забей на тулзы, лучше на начальном этапе больше кодить, чем в них разбираться.
Препрос говно, но опять же, по началу сойдёт и он, если просто стили компилить и жс, например. Галп это для всяких более сложных штук, ну и он быстрее в разы.
Спасибо большое.
Ты ахуеешь, но у него тоже есть cli, так что да
Галп нахер не нужен для всего этого говна, намного быстрее и проще сделать нпм скриптами
Ну ладно. Но всё же пиздатый гульпфайл я себе по скринкастам Кантора уже сделал, а разбираться с другими прожками мне сейчас впадл.
Почему вставляя в конце функции строку document.getElementById("btnPlaceOrder").disabled = true; кнопка сразу же не работает. Т.е если код выполняется сверху вниз, то он сначала должен выполниться, а потом уже выключить кнопку или нет?
Наверняка платиновый вопрос, но все же, что лучше ставить гульп или грунт? Или это однохуйственно
Галп
Галп быстрее раз в 5 если не 10, удобнее, и у него более красивый конфиг на чистом джс (как пример: http://codepen.io/anon/pen/RazZZN)
Грант более старый, там куча готовых тасков и плагинов, предназначение которых выходит далеко за рамки не то, что верстки, но и вообще фронтенда. Но грант подробно разбирается в продвинутом от кокодеми, на выходе получается что-то типа такого (http://codepen.io/anon/pen/YqoxxK) (это мой грантфайл полугодичной давности, лол).
tl;dr - если только начал, можешь посидеть на гранте. Но я лично сразу потратил пару дополнительных часов на гуглинг инфы по галпу и не пожалел.
Блядь, ебучая макаба ссылки со скобочками пидарасит, а я все время забываю.
Ну да и хуй с ним.
Можешь вообще мой галпфайл взять, я его по совету анонов с треда как раз составлял (скобочку убери из ссылки только, лол).
Да обычная, ньюфажная, ничего особенного. Вот седона, например.
Кстати, я ее сверстал где-то месяца три назад, сейчас думаю отрефакторить, и это такой пиздец, лол. Ну, в плане, код вроде нормально структурирован, но это же надо вспоминать, что где и куда, и схуяли я инпуты обернул во флексовый контейнер и т.п.
Бамп вопросу
JS - асинхронный язык, он не дожидается завершения предыдущего действия, чтобы запустить следующее. Нужно воспользоваться функцией-коллбэком. Расскажи подробнее о том, что делаешь.
Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.
Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
Вставь строку отключения кнопки в конец своей функции-обработчика, или воспользуйся коллбэком, опять же.
button.addEventListener('click', function(event, callback){
// делай свои грязные дела
callback();
});
Какова практическая ценность таких задач? Подрочить алгоритмосики это, конечно, полезно, но только в качестве хобби.
Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.
Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
блять, дабл пост, сорян
Так строка и находится в конце функции, но ПОЧЕМУ то отключает кнопку ещё до её выполнения.
При mobile-first проще верстать именно адаптивные сайты. Когда верстаешь сначала под десктопы, сложнее разместить блоки под мобильные версии.
И может быть кто нибудь знает, слит ли самый свежий интенсив продвинутый?
Нет, сначала ты верстаешь под мобильники, чтобы блоки без медиа запросов на десктопе отображались так же, как и на мобильниках, а потом потихоньку добавляешь медиа-запросы под каждое разрешение, начиная с @media screen and (min-width:480px) и заканчивая десктопом.
Да, я уже понял, извиняй, ночь не спал, работал, мозг уже плохо соображает.
Чем проще? Наоборот, геморрой же. На десктопе в 99% случаев отображается больше элементов, чем на мобильнике. Что, каждый раз, с увеличением ширины вьюпорта, добавлять новые блоки которые к тому же могут ломать существующую верстку? Зачем, когда можно сразу сверстать полноценную версию, и уже скрывать ненужные на мобильниках и планшетах элементы?
В общем, я нашел вроде достойную книгу по angular, очень объемная, но автор отличный и пишет очень доступно. Имя Ari Lerner, книга ng-book.
Первая же ссылка вкудахте ведет на халявную копию на английском языке.
все тот же мимо апворк джиквери разработчик
Как думаешь, как вкатываться в ангуляро-разработку? Ведь чтобы потренироваться, сделать тестовый проект, нужно иметь бэкенд, который будет служить посредником между ангуляр-приложением и базой данных с всякими API.
Нарисовать, например, JSON объект для анальных игрищ с ангуляром не составит большого труда, я думаю. Еще его можно сохранять в кэш и загружать из него - почти симуляция работы с базой данных лол.
максимум, что смог из себя креативного исторгнуть на текущий момент - это игра сапер.
А по работе пилю обычное говно - манипуляции с DOM, менюшки с анимацией. Приходилось пару раз всякие трюки делать, типа динамического добавления data- атрибутов и дальнейшая работа с ними.
Таки пересеклись мы с ними, правда по моему звонку, установили всякую дичь на мой ПК типа телеграма и акка в их редмит.
Дали мне задание, верстка первой страницы сайта который следует в дальнейшем разрабатывать и поддерживать и попросили сделать все шибко охуенно. Но есть одно но. Они назвали это задание тестовым, а работы там на часов 20-25.
Уточняю щас по оплате, если скажут что бесплатно или оплата при условии что им понравится, то дропаю.
Все правильно делаю?
Конечно правильно. Могут вообще кинуть, поэтому попроси хотя бы 30% аванса на работу. Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?
Сомневаюсь что они таки кинут, потому что компашка из моего города, в десяти минутах ходьбы, да и занимаются они отнюдь не продажей говяжьих анусов. Вроде как солидная контора с кучей сотрудников.
С другой стороны, возможно в их понимании нормально дать нескольким фронтам один проект а в беседе промелькнули слова о том что один дают задание всем а потом смотреть кто им понравится.
Ну тогда извините, я тут не на голодный ярмарок явился, чтоб после оффера меня пичкали тестовыми на пару дней полноценной работы и потом еще думали, нравится ли им.
>Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?
Честно говоря не знаю точно, если до того дойдет, уточню. Я думаю что это все-таки просто уточнение, насчет качества верстки. Ну тоесть минимум оберток, все в проекте структурировано, разделено по файлам, замешано на препроцессорах, оптимизировано, по возможности оттестировано и т.д. Ну и ессно адаптивность надо под каждый экран подогнать, нормальные именования селекторов and so on.
я иногда шрифты бутсраповские подтягиваю, реже жиквери плагины и совсем редко готовые стили для элементов. Почти никогда - их колоночную систему.
я вакансии часто с бутстрапом вижу. И что-то мне подсказывает, что они делают сайты на заказ как раз по простой схеме. А что там за jq плагины? Это на меню всякие?
плагины на табы, аккордионы, попапы и куча другой хуйни: http://getbootstrap.com/javascript/
смотрю всегда по конкретному заданию, всегда стараюсь тянуть как можно меньше
примесь сделай, хотя если там будет только это то время ты не съэкономишь
спасибо
ну так да
И это ты называешь ньюфажной? Нод джс, препроцесоры, джава скрипт, gulp... По какому маршруту ты это учил? И как долго?
Очень просто: я уволился с прошлой работы, и денег мне еще максимум на пол года. А терпения тянки и того меньше. Так что глаза боятся, а руки делают.
тут главное лень победить, как мне кажется. я получаю удовольствие от процесса, особенно когда все получается.
Когда у тебя в кошельке в 5-10 раз больше, чем у Ваньки Ерохина, почему бы нет?
Привыкаю к адаптиву. Впереди самое сложное - JS. Но, думаю, какую-никакую я все-таки работку к тому времени найду. А там главное не прекращать учиться.
Мне тоже нравится, но от осознания того насколько я далеко, просто хренею.
Вон там человек выложил структуру макета "седоны" с базового интевсива. От одного вида сколько там всего плохо. И ведь это какой-то макет из базового интенсива, что же будет дальше?
С зимы, но до апреля куча времени уходила на прежнюю работу.
Сейчас бодрее пошло, даже один заказ за деньгу (пусть и малую) выполнил. Обещают еще подкидывать.
Codecademy - htmlacademy (включая платные курсы) - базовый интенсив - барбершоп - нердс - продвинутый интенсив (еще не закончил) - сайт-портфолио - подработочка.
Пока так. Пока допиливаю свое портфолио, хочу вылизать его до блеска. Потом возьмусь за пинк, наверное.
По знакомству.
Ничего страшного там нет. Когда напишете пару своих проектов скорее всего после продвинутого интенсива то структура у вас будет примерно такой же, если не сложнее, и вы будете четко понимать, почему надо делать именно так.
В ОП посте не зря указан порядок обучения. Все знания даются постепенно, если вы чего-то не понимаете, это не значит что задача или охуеть как сложна. Это значит что вы просто не прочитали еще статью которая объясняет тот конкретный кусок, или видеурок, или не попрактиковались, или попросту не дошли до того уровня задач, когда подобный подход вообще нужен. Нет смысла объяснять человеку принципу ООП, если он на JS ничего больше функции перебора массивов не писал.
мимо ОП
вот так оче удобно https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl
От так хуяк и прикрепляешь. Эт говноделие на бутстрапе сейчас за 3 часа наваял.
Я надеюсь из этих 3-х ты 1-н час разбирался с бутстрапом и еще час искал картинки.
это для тренировки верстки. Потом в js сможешь, доделаешь функционал.
разбирался в бутстрапе ессественно большую часть времени.
Да пофиг. Я выложил, кому надо - тот нажмет F12 и посмотрит код. В дальнейшем уберу их подальше, выставляя на первое место ссылки на реальные проекты.
Двачую, до сих пор не могу понять этот принцип "mobile first".
Все объяснения обычно заканчивались фразой: попробуй и сразу поймешь что это круто.
Попробовал. Все равно в голове приходится держать десктоп потоянно, а итоге что-то забываешь и постоянно приходится возвращаться к html во время стилизации.
Не знаю, какая у тебя ситуация, но я когда был безработный (3 месяца назад) брался за все тесты, иногда на это уходило до недели.
Даже не рассуждал делать-не-делать, возьмут-не-возьмут или что могут наебать. Но мне делать просто нечего было. Днями сидел и смотрел как падает снег после возвращения из Питера в свою мухосрань (все-таки снег - это очень провинциально).
У меня немного иная ситуация. Тот же проект для резюме и повышения скиллов который я щас делаю, еще вылизывать надо пару полноценных рабочих недель.
В первую очередь я заинтересован в работе с нормальными ребятами с которыми мне будет комфортно. Эти, скорее всего, такими не являются.
Ну пишет идентификатор хуевый какой-то. Но чет не пойму я.
Небольшие фирмы попадают в зависимость разной степени от своих программистов и фронтендщиков. Так как увольнение кого-то влечет за собой торможение всего процесса работы фирмы в виду того, что новому специалисту придется тратить время на то чтобы разобраться в особенностях (говнокоде) своего предшественника и так на каждом отдельном проекте.
Также фирмы пренебрегают исходниками кода. То есть в проектах лежат уже скомпилированные html/css. И не факт что старый специалист оставит jade/scss (не со зла, просто забудет).
Таким образом, внезапное увольнение становится невозможным (разве что специалист уйдет в месячный запой). И пока кто-то является держателем всех проектов фирмы, он является хозяином положения.
Что скажете, фронтендщики?
Мысль справедлива практически для любой работы сложнее грузчика. Даже продавцу нужно осваиваться на новом месте. Я, прежде чем стать фрилансером, работал машинистом холодильных установок на мясокомбинате, чтобы разобраться во всех премудростях рабочего процесса, у меня месяца 2 ушло.
Тащемта они ответили что оплатят, я предложил уточнить цену.
Они мне начали задвигать за профессионализм и что им нужен качественный продукт. Ответил что я всегда выкладываюсь по максимуму и назвал свою цену, 3 часа нет ответа.
Это мне нихуя не нравится, в довесок ко всему тому что было до этого. Если мне и дальше придется вытягивать из них необходимую информацию клещами, то пусть себе ищут другого фронта. С таким уровнем организации работать совершенно некомфортно.
все-таки в работу холодильных установок ты, наверно, мало внес отсебятины.
И тот кто тебя заменил, через те же пару месяцев изучения того же оборудования продолжил работать не натыкаясь постоянно на следы твоего былого присутствия.
Во многом согласен. Особенно это касается мелких команд разработчиков. Например, случай из личной практики. Уходит разработчик движка на ноде, и замену ему не могут найти месяцами. Проект тупо простаивает потому что движок не готов, а без него нельзя продолжать разрабатывать фронт, так как все что можно было сделать без движка на клиенте уже сделали.
Впрочем, это касается любых проектов где мелкая скамья запасных и большой порог вхождения. К примеру, знаком с руководством небольшой СЕО фирмы, практически вся коммуникация и продвижение в ней держится на смышленом и очень работоспособном менеджере. Если он уходит, встанет тупо все.
Отсебятины-то я оставил, но ни мои предшественники, ни последователи не лезут туда, где могут на неё наткнуться. Я для примера привёл, без разницы почему, но процесс почти везде длителен. Кроме того, что мешает фирме держать несколько фронт-ендеров?
я еще даже не говорил про большой порог вхождения. Там вообще наверно крах фирмы наступит.
...знакомый админ работал в госучреждении в тот период когда им выделили деньги на закупку компов и создание сети. Поставил и настроил оборудования на миллионы рублей. И потом ушел... Кажется, они до сих пор оправится не могут, хотя прошло уже лет 10
Для мелких одного хватает за глаза.
Недавно довелось поучаствовать в реальном проекте. Там остался даже .less файл от исполнителя, но макаки заказчика вносили свои изменения не в него, а в css, что вылилось в полный пиздец. Мне, соответственно, тоже не улыбалось разбираться чего они там наворотили и как это исправить, поэтому просто добавил свой min.css скомпилированный из .less в их копилку говнокода.
прогеры у меня на проекте не страдают скромностью если нужно что-то быстро поправить в стилях.
Я потом смотрю лог в гите и добавляю все вручную в нужные scss файлы, чтобы все было упорядочено. Не дохуя, но много времени отнимает, но лучше ничего не придумал.
Спиздил у кого-то, когда осваивал препроцессоры. Ну и вообще это логично, там в одном компоненте все кнопочки описываются, через экстенды, например, тоже удобно а каждая кнопка - это как бы отдельный блок по БЭМу, городить кучу файлов под каждую кнопку - как-то тупо. Правда в седоне всего 2 с половиной кнопки, но я просто учился.
>>573703
Ты это все через месяц-два поставишь и настроишь, в этом нет ничего сложного или особенного же.
Не, ребят, расслабьтесь, я выложил фулл-респонсив седону, с адаптивными изображениями, свг и ретиной. Верстал ее начиная с 4 урока продвинутого интенсива.
отсюда нашли, или с другого источника?
какая разница. Главное что для тебя это норма. Всегда будут те, кто справляется лучше и хуже, результат один-полученные знания. Так что не трать время на определение своих умственных способностей относительно других.
Ты всю жизнь мою описал, всегда на поезд опаздываю, спасибо.
До сих пор не закончил большую часть испытаний. Вот это говно, например. Зачем оно нужно? Нет, если ты любишь копаться в каскадах уровня body ul li a > hui~pizda и тыкать импортанты - то пожалуйста.
Хотя, сейчас попробую решить, интересно аж стало.
У меня просто бредовые, а может и нет, мысли о том что вот не могу решить обычное испытание, значит всё, крах, ничего не получится. Как у тебя сейчас судьба складывается с версткой? Котопрофайл только на 92% сделан.
Может, это хитрый план кокодемии по отпугиванию ньюфагов?
>>574136
С версткой все неплохо, упарываю JS, потихоньку рефакторю сверстанное говно вроде адаптивной седоны, чтобы не стыдно было в портфолио класть.
Да, я ленивая жопа и сам не могу, заебало самому всё надрачивать не видя профита, разве что мамке могу похвастаться достижениями.
Можете конечно смотреть с начала, если вас не будет раздражать его эканье.
Привязка отвалилась, да и хуй с ней. 8:31 если че.
https://soundcloud.com/web-standards/
>>574153
Скидывали 2015, вроде, года.
http://codepen.io/Synaphai/pen/reEQyM
Как прилепить position: relative только к ссылкам списка первого уровня, без ссылок дропдауна, при том, что первая ссылка обернута в span?
Попробуй задать для кажого элемента списка класс и к нему прилепить релатив. ИМХО
Это понятно, а поизящнее никак нельзя? Не хочется лепить класс, ради сраного декоративного элемента.
Полагаю, потому что там дропдаун, который не должен быть ссылкой. Алсо у меня сразу такой вопрос, а можно в таких случаях использовать <a> без атрибута href? Эффект будет тот-же что и со <spanom> но без лишнего кода в css.
>.main-navigation>ul>li>span>a,
>.main-navigation>ul>li>a{
>position: relative;
>}
Признателен за старание, но когда я это применяю к своему коду, все дичайше крашится. Даже не стал разбираться почему.
Метод с классами самый простой и очевидный, хотя это и костыль.
>>574385
Долго объяснять. Если кратко, то таким образом я обернул ссылку и дропдаун выпадающий из нее.
Вообще макет глласи меня знатно вымораживает, его кто-нибудь еще верстал? Он реально такой муторный или это я неопытный?
Так дропдаун выпадает когда ты наводишь мышку на лишку, не доходя до самой ссылки.
Спасибо тебе, добрый человек. Наконец-то кто-то нормально привел в пример использование БЭМ.
Да хотя бы взять тот-же барбершоп. Там область клика по ссылки огромная, благодаря паддингам у ссылки. А если повесить паддинг на ul, то область клика по ссылки будет только там где текст. Не очень удобно.
На самом деле, тот пиздюк забил хуй на гайд, а там самое интересное должно было впереди - файловая структура...
Да, ты прав. Я дичайше тупанул, выставив паддинги вместо маргинов и не заметил этого, из-за чего мне потом пришлось кучу кода писать.
>Там область клика по ссылки огромная, благодаря паддингам у ссылки.
Но всё равно спасибо, кэп.
>Если нужна шире область клика - повесь padding на a.
наличие бумажек и дипломчиков в этой сфере ничего не решает.
Все решит тестовое задание и/или собеседование.
Сможешь, как я, сделать сайт-портфолио, чтобы было на что хоть ссылку сначала кинуть. Чем-то же его заполнять надо, прежде чем реальные работы появятся.
У меня тоже были такие мысли: стоит/не стоит. Потом наступил перелом и решил, что это все копейки по сравнению с возможным результатом.
оно кстати очень простое, я когда допетрил сам охуел, но это все бесполезная хуйня разбиратся в селекторах чужого кода
у ретины пикселей в два раза больше
Это копия, сохраненная 22 июня 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.