<test/>test<test/>
Освятил
Подкиньте сложный макетик, а то все изи какое-то.
Анон, откуда могли взяться эти милипизерные отступы перед и после изображения?
Красным выделен центрующий контейнер, ширина синего дива - 33%, ширина дива с изображением - 66%. Поставлю хоть на 0.1% больше и всё пойдёт по пизде.
Красным выделен центрующий контейнер, ширина синего дива - 33%, ширина дива с изображением - 66%. Поставлю хоть на 0.1% больше и всё пойдёт по пизде.
дай угадаю, эти блоки display: inline-block?
Код вбрасывай. Возможно дефолтные отступы инлайн блоков, если ты на них верстаешь, а возможно просто расхождение потому что 33 + 66 !== 100
Нет. Оба флоатнуты.
Опять же, один процент - и всё пойдёт по пизде.
Ладно, вот код.
https://jsfiddle.net/anonchik/zbf32uka/
Пиздец, лол.
Спасибо.
В чем космический эффект? При 35/65 тоже без промежутка. А вот при 38/62 он еще больше.
ГОВНОКОД !!!
Ну в тз если я правильно помню должно быть строго 1 часть на текст и 2 на картинку. Ну вот это самый близкий вариант. Идеально конечно же не сделать из-за особенностей деления, лол
Спасибо, анон, а то я блять сам не знал.
Каким еще может быть код человека, который серьёзно этим начал заниматься 2 недели назад?
Кстати, можно было еще сделать не так как я в дробных частях, а тупо flex юзать (например grow поставить 1 часть и 2 части соответственно)
вся залупа с округлением идет из-за фикс ширины контейнера, если поставить скажем .container {
width: 764px;} то все норм будет. То есть ноги растут из фиксированной ширины оболочки, и если подумать нахуй тебе внутри проценты, если родитель фиксированный? С таким же успехом можешь жесткие пиксели прописать.
Просто такие ширины (процентные) были прописаны в стайлгайде.
ну так если это не резина в калькуляторе посчитай, пиздец беда
Я и считал, всё равно все пиздой шло.
бля я хотел посчитать, но в твоем html можно хуй сломать. Кароче нахуй.
Делал как учили в интенсиве, лол.
ну хуй знает, я вот тоже их смотрел, но делал не оглядываясь туда и в своем коде теперь разбираюсь без каких либо проблем, и ебал я такие матрешки.
в вакансиях как написано бывает: умение разбираться с чужим кодом или гавнокодом, не суть =)
мимо анон
Нормальный код у него.
дак я ничего за код вообще не сказал, читать умеешь? Написал тому анону, что умение разбираться в чужом коде требуется обычно.
А. Ну я подумал, что говнокод к нему относится.
Не вижу ничего плохого в добавлении дива-центровщика.
мне похуй. Иди нахуй.
ты когда наверстаешься до ебени фени, по-другому заговоришь, центровики везде писать да потом копаться в груде этого говна не есть хорошая идея. Минимализм и читаемость, остальное матрешкин говнокод.
Товарищи, те кто макеты верстает, вы как с паддингами и маргинами ебётесь текстовыми? Это ж с ума можно сойти.
что с ними не так?
Как определить, что в каких случаях использовать? Маргин текста, паддинг текста, паддинг блока?
почитай про разницу между блочными элементами и инлайновыми. Посмотри еще интенсив и все будет понятно
Есть анон, разыскивающий работу фронтенд-разработчика?
Нужно умение применять БЭМ, знание ванилы и jQuery.
Если кого заинтересовало, пилите фейкопочту.
Нужно умение применять БЭМ, знание ванилы и jQuery.
Если кого заинтересовало, пилите фейкопочту.
БЭМ-нэйминг или фулл-стек БЭМ?
нахуй вообще бэм стек если ты не в яндексе работаешь?
Нейминга/фс будет достаточно на начальном этапе. Проект в продакшене, говнокода под рефакторинг много. Смотреть буду на скилы именно в этом плане.
Венчурные инвестиции.
раскинь пару слов о проекте, какие задачи
Что есть "ванилла"? Разметка или джава скрипт?
Чёт я не понимаю.
Нахуя дрочить HTML и CSS, когда всё современное верстается на какой-то другой хуйне?
Нахуя дрочить HTML и CSS, когда всё современное верстается на какой-то другой хуйне?
Посидишь некоторое время (месяц) на рефакторинге js/css. Потом в паре с бэкендщикам будешь допиливать форк общей платформы.
ньфанька)
прочитай про устройство браузера, может понятно станет
Как что-то плохое. Если ты не забыл это тред еще и для новичков.
Спасибо.
на какой же, лол?
Поясните ньюфагу вкратце:
БЭМ-нейминг - когда мы используем только для именования сущностей по БЭМ, но при этом всё хуярим в один css файл?
БЭМ-нейминг - когда мы используем только для именования сущностей по БЭМ, но при этом всё хуярим в один css файл?
Не обязательно в один. Просто разбиваем файлы по типу, а не по назначению.
ванила есть чистый JS
бэм нэйминг это просто специальное наименования классов для ухода от каскадности.
на с++
>Просто разбиваем файлы по типу
Не совсем понимаю, ты имеешь ввиду тип файла (js, scss, css), или тип того что в файлах. (button, form, slider, header, footer...).
так если файлов css будет много будет много http запросов и страница будет больше грузиться ?
Вообщем, если кто захочет попробовать силы/найти работу, пилю свою фейкопочту [email protected]. Обратную связь обещаю.
Команда нормальная, без заёбов, не стартап, удалённо/коворкинг. З/п без задержек. Будет тестовое, я проверяю (35 строк кода), но все оргвопросы с ПМом. Много legacy-трэша, которое работает, но пахнет. Будет весело.
Для этого есть сборщики.
это все собирается в 1 css файл с помощью пакетного менеджера grunt, gulp...
Зачем пердолится с грантом если есть божественные импорты в препроцессорах?
Ты имеешь в виду программки "сделай лендинг в два клика"?))))00
Так может кто-нибудь ответить. Не является ли это лишним хуедрочевом - разбивать css файл на множество мелких, в которых будут лежать header, footer, button, form и тд...?
В больших проектах без этого никуда. Представь что у тебя слитый в единое целове кссник имеет 5к строк. Как в нем ориентироваться будешь?
Да я вообще не ебу о чём вы сейчас говорите
Ок, спасибо. Значит лучше прививать эту привычку уже сейчас, что бы потом не обосраться.
в продвинутом тебе все это расскажут
Кстати продвинутый интенсив годный? Или лучше просто пока верстать, верстать и верстать, чтобы голову лишним не забивать?
Больше нужен JS'ер чем верстала?
я делал так: сверстал все макеты базового и сел за продвинутый. там тебе объяснять как верстать не будут, расскажут про необходимые для современной верстки доп фишки и инструменты, которые ты уже будешь внедрять в свой отточенный подход так сказать. ну и естественно про адаптивность расскажут и мобайл-фёст
Как нихуя не понять джпг.
https://htmlacademy.ru/courses/113/run/28
Вот эта штука.
Почему базис 100px?
Почему у нечетных коэфф 0, у четных один, они же все разные?
https://htmlacademy.ru/courses/113/run/28
Вот эта штука.
Почему базис 100px?
Почему у нечетных коэфф 0, у четных один, они же все разные?
Нормальным?
Сам хуй знает, братан
Кстати, а где можно почерпнуть такие базовые макеты для верстки для новичков? Желательно с исходным кодом
желательно это типо как в требованиях к работе обязательно?
Ну, хочется же код проверить на перегруженность потом.
>@rambler.ru
Надеюсь это фейло-мыло
фейко*
Блядь, смотрю портфолио верстальщиков на говнобиржах аля веблансер/фл — сплошное однотипное буттсрап говно. И зачем я упарываюсь уникальными макетами на флексах с семантикой, бэмом и блекджеком? Кто-нибудь вообще это оценивает по-достоинству? Я так думаю, что нет.
Для фейков не очень хочется связываться с гуглом/айклаудом, сам понимаешь
Лол. Только сейчас увидел, что тут написано.
>anonchik-nyashka@
До этого я был уверен что там имя и фамилия.
Походу я сегодня себе не плохо так глаза выебал кодерством...
А вообще очень часто замечаю за собой хуйню, когда впервые в тексте прочитываю какое-нибудь слово неправильно, и если это слово мне снова в тексте встречается, то я автоматически его как бы пропускаю. И только в конце, или перечитав пару раз, каким то чудом замечаю и понимаю что там написано не то что я думал... Пиздец бесит...
Анон, как определить, что section, а что article? Что span, а что текст в диве?
>что спан, а что текст в диве
спан - это кода конкретный текст в диве ты хочешь перекрасить. див - просто блочный элемент.
>что секшон, а что артикл
секшон - просто несколько объединённых по какой-то причине дивов, артикл - самостоятельный элемент веб-страницы, который можно невозбранно оттуда выдёргивать.
Как понять "самостоятельный элемент веб-страницы, который можно выдергивать?" Каким образом он самостоятелен? Куда его можно выдёргивать?
Ебаать.. Бомбануло с ноута. 10 лет пользуюсь. Какой на этом гавне кодинг?
ищем фронт-энд-макаку.
Спб.
Чкаловская.
400€/месяц.
Задавайте ответы прямо сюда.
Что скажете за курсы "специалист" при бауманке ?
>Задавайте ответы прямо сюда.
Что такое Спб?
Один я даун который в HTMLacademy не понимает как биатлон пройти? Пиздец же. Я ему код, а он мне распидорашивает мишени по всей странице.
Жопа какая-то. Вообще нихуя не понял. Хотя курс прошёл вообще влёгкую.
возможно не один, но скорее всего один
Нахуй иди, толстяк. Судя по форуму овер 2к человек не выполнило задание на 100%
я на сотку все задания выполнял, они там простые максимум на 20 минут
Ёбаный ад. Кто создал это испытание, маму того ебал.
пиздабол.
>я на сотку все задания выполнял
>все задания выполнял
>все задания
>задания
В глаза ебёшься?
Подкиньте нормальную статью по тегу Picture, где все бы разложили по полочкам, с примерами включающими адаптивные изображения и ретинизацию в зависимости от плотности пикселей девайсов.
inb4 Продвинутый интенсив - это такая блядь халтура, что дальше некуда.
inb4 Продвинутый интенсив - это такая блядь халтура, что дальше некуда.
Так, оперовскую статью я нашел. Но остался один вопрос. Есть 2 набора изображений: квадратные и широкие. Суть в том, что квадратные мне нужны на ширинах <480px и >839px (т.е. мобильные и десктопные вьюпорты), а широкие, соответственно, на >439px и <840px.
Как это оформить в <picture>?
-кун
Как это оформить в <picture>?
-кун
норм. ходил туда. базу дадут. дальше уже проще будет все понимать. живое общение в любом случае пизже, чем пустое выкание в монитор.
но есть минус - со мной в группе были тетки, которые хотели задать вопрос, но сформулировать никак не могли, да и вообще много ненужных вопросов и ошибок у людей старшего контингента.
Нет, у нас сборка несколько иначе организована. Полностью в ведении бэкенда.
Я за месяц штук 60 уже прособеседовал по теории/практике. Вообщем, выводы просто неутешительные, в индустрии пиздец.
1. Народ не может отцентировать блок;
2. С JS пиздец. Полное отсутствие понимания логических операторов, контекста функций, работы с массивами и данными;
3. Нейминг у 99% такой - chornaya-block, registratsia-click, shapka. Это из реальных тестовых. С переменными/методами вообще ужас.
И это не сверхтребования какие-то. Это реально вызубрить, выработать навык за месяц-три. Но нет же, лол.
- кун
>1. Народ не может отцентировать блок;
Не каждый блок просто центруется, зависит от ситуации. Или ты про margin: 0 auto;?
Ни одним из способов. Ни при каких обстоятельствах.
Какие вопросы задаешь по теории/практике?
бля, чувак, ты просто сделал мой день и поднял чсв само собой, спасибо.
Сколько тебе лет, и чем сам занимаешься, пишешь на чем-то, или ты уже все это перерос?
Лол, всегда думал что в компании ломится куча кандидатов с охуительной версткой, знанием джс на уровне профессионал, парочкой фреймворков ангуляр/метеор и т.д.
Чем они вообще тогда занимаются? Статику на бутстрапе верстают?
Как можно сверстать статику на бутстрапе? А главное - зачем?
Под статикой я подразумеваю верстку вообще, в т.ч адаптивную, без оживления с помощью JS.
Ляпы тестового разбираю, спрашиваю, почему именно так. Просто косячная вёрстка, не учтена кроссбраузерность. В JS 99% сравнивают в стиле if ((1 > 0) == true), плодят тучу переменных. Вообщем, 5ый класс.
Я обычный фронтендщик. Просто нам нужно ещё.
Кандидатов ломится дохуя, но подавляющее большинство ставит или надругалось над телом Битрикса, или ставит темы на вордпресс.
ты же в илитном треде сидишь, хули удивляешься
Так напиши в ЖС тред
А вам нужны те, кто в JS пока не понимает?
Вы там на js приложения пишете полноценные, или чем ограничивается его применение?
Не, скорее наоборот.
Бизнес-логика сайта.
это например каких сайтов? Пример приведи какой-нибудь. А то сейчас все понятия растяжимые.
Это фотошоп, лалка
Авито.
Удвою. Я чет нихуя не могу понять как правильно его прописать, шоб работало.
https://www.youtube.com/watch?v=O9JGDHEL2b8
Тут вроде неплохо объясняли, только я уже точно и не помню.
Анон, а как бы ты сделал эту карусель Кантора http://plnkr.co/edit/mmB7VI860TmlheRj7jlm?p=preview адаптивной, если ширина "li" в процентах?
Анон, вопрос по адаптивной седоне
Я долго пытался понять, но так и не вкурил как правильно делается кадрирование фоновой картинки в хидере. У меня есть одна и та же картинка, которую на разных страницах (главная там, фотографии и тд) по-разному кадрировать. Как добиваться соответствия макету?
Я долго пытался понять, но так и не вкурил как правильно делается кадрирование фоновой картинки в хидере. У меня есть одна и та же картинка, которую на разных страницах (главная там, фотографии и тд) по-разному кадрировать. Как добиваться соответствия макету?
переставлять куда угодно,хоть в другой блок, хоть в новую страницу вставить, он не должен поломаться.
>ищет фронтенда
>Санкт-Петербург
>зарплата уровня хуевого версталы
>фронт-энд-макака
Нахуй из треда, выебистая мразь.
О яебал такое говно. Реально просто лютый пиздос разбирать чужой говнокод и чистить его. Сейчас занимаюсь именно этим, в некоторых местах все настолько плохо, что приходится хуярить заплатки, так как можно похерить весь фронт нахуй из-за пары узких мест. А на переписывание с нуля времени нет, проект на стадии последнего тестирования перед сдачей.
Ты про спрайт? Есть у тебя изображение, в котором много одинаковых картинок с прозрачным фоном и отступами друг от друга. Блоку с определенным классом задается background, равный этому изображению, потом у него прописывается background-position и background-repeat: no-repeat. И потом уже попиксельно подгоняют изображение при помощи background-position. Ну и у блока обычно фиксированные размеры, хоть и не всегда.
Мы, кстати, намного больше платим.
- кун
Но кому-то надо этим заниматься в любом случае. Плюс для новичка отличная возможность хоть врубиться как этот говнокод функционирует в принципе.
Котаны, подскажите, пожалуйста, как сделать такую карусель, как в юлмарте? Киньте ссылку на годный плагин, или пример.
Спасибо
Анон, привет. Я тут относительно недавно вкатился в верстку, посмотри, пожалуйста, мой код - нет ли там ничего такого вырвиглазного и тому подобное.
https://jsfiddle.net/8L8yfu8o/
https://jsfiddle.net/8L8yfu8o/
сам новичок, но могу тебе подсказать с одной штукой:
#000000;
#ffffff
подобные херовины можно сокращать до 000 или fff
Спасибо.
А сам-то как считаешь, нормально всё, кроме этого?
ну, да. мне показалось, что читабельно. я сейчас угораю по этой херне
https://habrahabr.ru/company/piter/blog/280828/
мне показалось, что у тебя все понятно в CSS.
Аноны, почему в этих тредах никогда не идет речи о CMS, разве фронт-енд не подразумевает натягивание на CMS?
1. Каскад не нужен
2. Таблицы, флоаты, инлайн-блоки → флексы
Вот и я об этом. Ищут фронта, который будет горбатиться над заданиями уровня фронтенд-разработчика за зарплату верстальщика.
Нет. Готовые CMS используются только для простых сайтов.
Точнее сказать не для простых, а для типовых.
Надо делать так, чтобы потом не приходилось перепиливать говнокод. Или хотя бы пытаться. Новичку как раз не стоит подобным заниматься, так как может нахвататься и продолжить подобную практику. Ну и по описанию такое чувство, что ищут козла отпущения, который будет рефакторить говнокод, от которого все отказались. Неприятно как-то.
Не, мы возьмём новичка и сразу ему логику платёжной системы дадим пилить. Потом на хэши посадим, дата-слой. Чотко будет, ага? Тем более там было сказано про форк, пожизненной каторги никому не обещано.
Надо делать - отлично звучит в модном стартапе, где накатил кокса, смузи, позвонил парню, вмазал ангуляр. А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.
Этот не прав. Натягивание верстки на движок CMS - это одна из частей фронтенда, не самая приятная, но все-таки одна из частей. Просто никто в этом треде не хочет этим заниматься, да и вообще мало кому это нравится. Но хороший фронтенд хотя бы раз натягивал верстку на движок, для расширения кругозора. Это мог быть платный проект, а могла быть обычная проба для себя.
Я хороший фронтенд и не то что никогда не натягивал верстку на CMS — вообще никогда к ним не прикасался.
двачую этого
>5+ Мб JS-говнокода
Поправил, не благодари.
>А когда у тебя высоконагруженный сервис с историей и 5+ Мб JS кода, всё немного иначе, бро.
Что мешало сразу пилить нормально? Предполагаю, код писали бэки, а теперь требуется еще один фронт, чтобы эту кашу поправить. И почему ты этим не займешься? Хочешь свалить такую стремную работу на джуна, в то время как сам будешь попивать смузи и попиливать логику?
Привет, парни. Я нихуя не могу понять БЭМ (нгэйминг). Точнее, я вроде бы понял его суть и смысл, но не могу врубиться, как все таки надо его правильно делать. Можете что - то посоветовать?
Вот, например. Возьмем адаптивную Седону, версию под мобильники. Основной контент, там есть блок фишек, которые описывают почему нужно ехать в городок. Я понимаю так, это элемент основного содержания страницы, то есть <div class ="main-content__features-block"></div>, но ведь это только контейнер для фишек, а каждая из фишек это отдельный блок, который в свою очередь имеет свои элементы. Но ведь по бэм нельзя делать элемент элементу. Я, нахуй, блять, запутался. Я что - то неправильно понимаю?
Вот, например. Возьмем адаптивную Седону, версию под мобильники. Основной контент, там есть блок фишек, которые описывают почему нужно ехать в городок. Я понимаю так, это элемент основного содержания страницы, то есть <div class ="main-content__features-block"></div>, но ведь это только контейнер для фишек, а каждая из фишек это отдельный блок, который в свою очередь имеет свои элементы. Но ведь по бэм нельзя делать элемент элементу. Я, нахуй, блять, запутался. Я что - то неправильно понимаю?
Спор ради спора. Я тут немного не за этим, так что ты победил.
Вроде бы флексбокс ещё не до конца хорошо поддерживается, не?
IE 10+
Хорошо, а "каскад" что такое?
В бэм-нэйминге нет слова нельзя. В голове прокрути архитектуру вложенности и дописывай через __ к родителю. Все. В сасс очень удобно потом через & с этим работать, прям мне доставляет.
У элемента не может быть элементов.
Ты это я.
Правда, я уже начинаю подзабивать на главную идею БЭМа как конструктора независимых блоков, и просто стараюсь неймить по-БЭМовски в меру своей фантазии. Но если в элементе внезапно обнаруживаются другие элементы - без зазрения совести юзаю каскад. Ибо сидеть выдумывать 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 вообще стоит давать доп. класс типа js-block__element
Тем, что длинные классы получаются.
>По идее, тем блокам/элементам, к которым ты собираешься через классы обращаться в JS вообще стоит давать доп. класс типа js-block__element
Это вообще ерунда какая-то.
Уточню, что под JS я имею в виду React/Angular. Или любую другую технологию на которой пишутся шаблоны.
погоди ка погоди. Твой вариант описывает абсолютно другую структуру. block__container-item-title подразумевает тройную вложенность. А все твои это двойная вложенность.
Недавно впервые поучаствовал в реальном проекте, увидел структуру интертнет-магазина на php. Там тоже по сути все собиралось из файлов-шаблонов. Реакт и ангуляр - они про то же?
>В-третьих, не обязательно называть вложенные элементы соответственно уровню вложенности.
однако когда смотришь такой код он читается гораздо лучше. Поэтому довод про длинные имена идет нахуй
Нет, это фронтенд-технологии. Обе из которых, впрочем, включают шаблонизаторы.
Ноуп. На пике код одного из моих компонентов (функция cn просто генерит имена в БЭМ-стиле). По-твоему это бы лучше читалось, если бы logo-image назвался root-header-logo-image? А когда я решу поменять верстку, то все переименовывать? Ну охуеть, спасибо.
Ты имел ввиду хорошего человека-оркестра, а не фронт-енда.
Ваши флексы ебаные на мобилках не поддерживаются блять, а бэм-нейминг вам нахуя, я так и не понял. Что за хуйню вы тут устроили сука?
Попизди тут еще http://caniuse.com/#search=flex
А теперь открой на своем ведре или гейфоне твою хуйню, сверстанную на флексах и отсоси, теоретик хуев.
Так, парни, у нас тут человек не слышал про автопрефиксер. Срочно два куба постцсса ему!
Так ты открыл или нет?
Неоднократно верстал. Не расскажешь что конкретно там не поддерживается, котик?
Так ты ссылочку-то кидай
За щекой у себя проверь.
Проверил, не нашел. А теперь иди нахуй, диванный теоретик без пруфов.
необъективный ответ, у тебя аргументы закончились или ссылок нет?
мимиКрокодил
Кидайте ссылку на флексы, проверю.
мимо-Андроидобог
мимо-Андроидобог
Без пруфов чего? Я тебе уже кинул ссыль на caniuse. Жду конкретный примеров на какой системе какое свойство не работает. Если у тебя их нет, то иди нахуй.
ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>??
Ссылку кидай, что ты верстал на флексах под мобилку, мы тут всем тредиком на разных устройствах проверим.
посмотрев на любой элемент-модуль ты сразу понимаешь откуда у него растут ноги. Но ты не совсем правильно понял мой подход, я предлгаю прописывать эти пути модульно. То есть вложенность может быть уровня 3 где-то после идут уже элементы.
Я не собираюсь что-то кидать и деанониться чтобы опровергнуть бред не подтвержденный ни одним пруфом.
Не вижу особых отличий от моего примера.
значит я твой не понял
Ты один из восьми разрабов? Чем занимаешься?
>ПОясние за <picture>. Если браузер его не поддерживает, то он хотя бы увидит обычный тег <img>, который внутри тега <picture>??
Так че, может кто ответить.
Я понимаю, что в любом случае придется использовать полифилл в реальных проектах, но всё-равно интересен этот момент.
Гугли доклад Макеева, точно не помню, но он вроде упоминал про это.
А флексохейтер-то и сдриснул, лол.
Смысл вообще хейтить флексы? лол. Скоро все равно все на них будет.
Там больше на самом деле, есть удаленные/контрактные
Верстка, фронт
Сколько получаешь?
Почему итт постоянно спрашивают сколько ты получаешь? Вас на hh забанили?
Не скажу, нда
И в вопросе нету смысла, ты же не знаешь мои обязанности, сколько у меня опыта и вообще какая именно должность, так что.. На хорошую жизнь в дс2 хватает
То что пишут на hh и получается в действительности, может сильно отличаться
>Завтра ищешь в интернете книжку 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 минут объясняет тебе почему ты крут, и почему они не могут сделать тебе оффер.
Я тот анон который рассказывал что его умудрились дважды позвать на собес.
В первый раз сходил, вроде нормально, но фидбека не получил, то есть вообще. Ничего не сказали по окончании, просто с улыбкой проводили к двери. Через 3 дня отзвон от эйчара, типа приходите на собес. Я уточнил что уже был, извинились, сказали будут перепроверять.
Проходит 2 недели, я уже и забыл о том что туда ходил. Звонок на телефон, представились админом из этой компании и сказали что надо ставить какой-то чат и заводить акк. На что я справедливо изумился. Предложил уточнить, так как мне не отзванивались для согласовывания условий, а между тем 2 недели прошло, я за это время уже мог уйти в другую компанию/фриланс/крестовый поход/etc. Немного поболтал с их тимлидом, уточнил общие вопросы, предложил устанавливать все завтрато есть сегодня ибо занят. Вроде все ок.
Сегодня ни ответа ни привета.
Вот я хуй знает анон, либо слишком придирчив, либо это таки бардак и нехуй с ними связываться. Что думаешь на эту тему?
Алсо, возможно такое отношение выработалось из-за моих предыдущих собесов. Их было всего 2 и давно, но оба в крупные аутсорсинговые компании с центральными офисами в штатах и ЗЕ. И вот там все действительно заебись. Эйчары все по несколько раз уточняют и разжевывают, собеседования ведутся как положено, а в конце, даже если ты не подошел, тимлид 10 минут объясняет тебе почему ты крут, и почему они не могут сделать тебе оффер.
Хуйня какая-то, я бы уже их послал.
Есть тут те, кто верстал этот макет?
Я правильно понимаю, что мороженки - это просто фон хедера? Или надо специальный див создавать и на ЕГО фон их ставить?
Я правильно понимаю, что мороженки - это просто фон хедера? Или надо специальный див создавать и на ЕГО фон их ставить?
я вам ультрагодноту по вордпресу принес аноны https://tyler.com/
Меня смущают вот эти 3 кружка, выглядит как слайдер.
Отклеилось
О, збс подгон
Ну это и есть слайдер.
Другой вопрос, как это по семантике правильно верстать?
Тут 2 варианта, либо я в хедер засовываю просто нав со всякими окошками поиска, логотипом и прочей парашей (кстати похоже так и надо, учитывая его размер), либо я хедер обёртываю в див, на фон которого ставлю мороженки.
Вроде бы первый вариант, а слайдер идет в диве на фоне которого это изображение, сразу после хедера.
Похоже на какую-то лютую парашу.
Ты не догоняешь.
>нав со всякими окошками поиска, логотипом и прочей парашей
Во-первых: не стоит в nav пихать всякую парашу. Он не для этого.
>а слайдер идет в диве на фоне которого это изображение
Во-вторых:
Фоновое изображение предназначено для оформления и только для него.
Картинка с двумя мороженками - промо изображение.
Да и вообще, какого хуя ты в СЛАЙДЕР пихаешь фоновое изображение?
Нет, я оговорился, в наве только менюхи. А все остальное, к ним не относящееся - просто рядышком в хедере. Так?
А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?
>А по поводу мороженого - его просто разместить как фон страницы, а потом спозиционировать?
БЛЯЯЯЯЯЯЯЯЯЯЯЯЯТЬ
Нет, это фон слайдера. На то он и слайдер, что кнопочку переключаешь и изображение меняется.
Пацаны, такая хуйня, выделяю область в фотошопе, хочу выделенное сделать прозрачным, а ебаный ластик замыливает за выделенной областью, как мне с ним совладать? Я там разные кисти выбирал, все так делают.
Посоны, есть ли смысл добавлять normalize или reset в мой собственный бойлерплейт?
Прошу аргументировать мнение.
Прошу аргументировать мнение.
Не совсем понял, в чём суть твоей проблемы, но попробуй выделить област и ткнуть del.
Ебанутая система. На сложном проекте у тебя получится такая вложенность, что ты охуеешь. Сам писал нечто подобное, когда плохо понимал бэм. Овердохуя уровней вложенности не нужны. Почитай про бэм поподробнее.
мимо
Стремно как-то. Бардак у них там творится. И новеньких, видимо, совсем не уважают.
спроси у них, почему эти так делают
Зачем прописывать боди_#чтото#, если отображаемый контент хтмл может быть только в боди? Футер это часть боди, а не тот же уровень, что хеад и боди. Мне кажется ты не понимаешь иерархию хтмл, тебе надо сначала разобраться с этим. https://learn.javascript.ru/dom-nodes
Есть тест (1 вопрос для примера из пикрелейтед), нужно для него сделать веб-страничку. Т.е под 1 вопрос по 3-4 чекбокса, в конце теста выдается результат сколько правильных и неправильных ответов.
У кого-нибудь есть шаблон для такого? Моих знаний Javascript не хватит чтобы это всё устроить, тем более сдавать нужно уже через 2 дня. Если бы не сроки, то сам бы сделал, т.к в принципе интересно, да и вместо практики какой-то сойдет.
https://jsfiddle.net/vxcy1p5q/ - есть похожее, но всё таки немного не то.
У кого-нибудь есть шаблон для такого? Моих знаний Javascript не хватит чтобы это всё устроить, тем более сдавать нужно уже через 2 дня. Если бы не сроки, то сам бы сделал, т.к в принципе интересно, да и вместо практики какой-то сойдет.
https://jsfiddle.net/vxcy1p5q/ - есть похожее, но всё таки немного не то.
Гугли jquery plugin quiz.
Там не только фон слайдера, там фон всей страницы меняется.
Очень хороший совет, спасибо. Только вот на деле все равно полстоянно получается, что элементы должны иметь элементы. А те в свою очередь тоже их имеют. И вся суть БЭМ идет из-за этого нахуй.
Поясните вкратце за Avocode, уже юзабельно? Баг с направляющими, думаю, должны уже фиксить. Если пофиксят, то не поскуплюсь на лицуху, зело заебало в дуалбуте сидеть.
Косяки с тенями. На днях проебался знатно.
Т.е. нужно ещё месяц-второй подождать?
Не знаю, это к разработчику вопросы, но пришлось ставить вайн+фотошоп.
У меня под вайном только CS2 нормально заработал, но он слишком стар уже. Печалька.
CS5 работает отлично.
Не уверен, что 100% решение, но установи через sudo apt-get install playonlinux, там подтянется всё, чего не хватает, если лень вручную ебаться с установкой.
Ноут слабоват, может не потянуть. Но я попробую, спасибо.
Ебать ты простой, цены на макбуки видел?
Половина зарплаты?
15" макбук про с человеческой начинкой - в полтора раза больше моего годичного заработка на апворке.
Хз, бросай Апворк тогда. Я там давно не работал, но демпинг ебанутейший, как помню.
С демпингом проблем нет, просто я вкатывался с нуля, не имея опыта работы в офисе.
Что знаешь, какие заказы берешь?
Жиквери разработчик. Делаю psd-to-html, прикручиваю всякие плагины, аякс, всё такое. Потихоньку расширяю влияние на чистый php и дизайн, дабы на вордпрессе сайтики ваять.
Так и итоге, мороженое ставится как фон страницы? А кнопки слайдера и информация с 10-22 абсолютно спозиционированы?
Видел. Не тянешь макбук — бери подержаный мак мини с авито. Все равно перелезать придется рано или поздно.
вы заебали я накидал примерно. Я не пишу боди что-то. Боди это как корневой каталог.
Подержаная прошка 13 тоже опция. Что-то типа early 2013. Тысяч 40, я думаю.
я тут мимо-анон, много говорить не буду просто дам направление так сказать:
1) в бэм не важна реальная иерархия все заменяется на связь блока и элемента. Блок может содержать внутри себя элементы и другие блоки.
2) не забываем про миксы (в БЭМ они есть)
бля, это сюда
Я не думаю, на данном этапе моей карьеры мне позарез нужен мак. Рано или поздно да, придётся.
Ну, не самая важная вещь в мире, но работать станет попроще. Просто хотел отметить, что мак это не обязательно космические деньги.
Существенная переплата за небольшой прирост по сравнению с Linux. Сомнительное вложение.
ну правильнее сказать, что вся соль бэма уход от каскада в отдельных модулях. А модули это отдельные классы в общей структуре, это типо и позволяет потом брать модуль и втыкать куда угодно подцепив его стили.
Прирост довольно солиден же.
Отпадает необходимость в ебле с вайном/виртуалками, более широкий набор инструментов (навскидку - скетч и зеплин), ретина, ёпта!
Проиграл с тебя.
Во-первых, зачем нужен 15"? Бери 13 с ретиной.
Во-вторых он стоит около $2к. Если ты фрилансер, зарабатывающий $4к в год, то у меня для тебя плохие новости.
в чем мак хорош при фронт-энде?
У меня знакомый как раз с прошкой 13-дюймовой. Дома с ней работает, приезжает в офис - подключил по HDMI к монитору - и там же опять работает. Может легко съездить к клиенту и показать продукт.
Машинка легкая, очень быстрая.
Да ничем, разработка идеальна на линукс, но если говорить о фронт-енде, то появляется нужна в фш и тогда катит мак
не тормозит или что? я просто уже давно не сидел на винде. все на маках. на винду трудно садиться. какая-то она не такая - думает иногда долго, тормозит
А чем Линукс лучше?
Винда на норм железе и с чистой ос тоже не тормозит, и даже летает.
http://www.makeuseof.com/tag/6-superb-reasons-use-linux-programming/
Абсолютно все эти преимущества относятся и к макоси.
ну так понятно, речь про то, что если бы не фш нахуй не надо было бы переплачивать за мак.
Не согласен. Маки отлично собраны, там ретина и няшная ось. У нас рубисты тоже на маках работают.
Они не пидоры часом?
Не знаю. А это что-то плохое?
Я просто хочу с ними работать. Я пидор просто.
собраны они на тех же заводах, что и делы какие-нибудь собирают. Так что это спорный плюс. А визуальная макось это такое, дело вкуса. Есть линукс оболочки копии, хуй отличишь.
а забыл добавить бесспорный плюс. Только с яблоком на задней стороне ты выглядишь со строны как современный хипстопидар. Это да, тут мак лучше.
Ну разумеется.
Пик отклеился
ну, собраны-то на одном, но качество, что материалов, что сборки получше будет. конечно, маки стоят огого, но если сравнивать по хар-кам, то цена на винде будет плюс-минус такая же
Напрягает маленькие размеры экрана. Неудобно кодить же. Я привык на ноуте кодить, а на доп мониторе следить за изменениями в браузере.
Кто в своем уме купит макбук без ретины и с TN матрицей?
Ну охуеть аналоги. А вес, материал корпуса и тип диска ты характеристиками не считаешь?
за разницу в цене можешь себе два ssd купить, хотя не для игр тебе и этого гибрида хватит и разницы ты не почувствуешь, особенно учитывая, что линукс стоять будет. Вес больше на килограмм, и я конечно понимаю, что хипсерков вес в 2 кг на их хрупкие плечи ебать разница. А материалы примерно одинаковые, там такой же пластик ток серебристый. И да, спорить яблочными поехавшими идея глупая, я знаю. Это и телефонов и касается. Зря я начал, зря.
>там такой же пластик ток серебристый
Это алюминий.
Ты сравниваешь два ноута, которые вообще в разных классах находятся. Эйр это ультрабук и для него весь очень важен. Работают обычно все-таки на прошках.
>весь
вес
кароче каждому свое.
Более-менее опытные кодеры используют Линукс, самое дно - винду. Где-то посередине Макось.
Ананасы, посоветуйте пожалуйста отличную книгу про Angular.js, я начал читать O'Reilly на английском, все шло отлично, пока в книге не начался разбор реального приложения, там у меня шары в мозгах свернулись, до сих пор в себя прихожу.
Все основы по ангуляру я уже усвоил - привязки, директивы, объекты, модули, фильтры. Нужно понимание - как построить свое маленькое ангуляр-приложение, как спроектировать директивы, связи, контроллеры и т.д.
Очень нужно для первого ангулар-портфолио, ибо сидеть на 600-800 долларах в месяц заебало неимоверно.
мимо апворк джиквери разработчик
Все основы по ангуляру я уже усвоил - привязки, директивы, объекты, модули, фильтры. Нужно понимание - как построить свое маленькое ангуляр-приложение, как спроектировать директивы, связи, контроллеры и т.д.
Очень нужно для первого ангулар-портфолио, ибо сидеть на 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-летних сеньеров я буду выглядеть как жених на панихиде
А прошлая работа какая была?
>деградируешь все-таки.
Скорее стоишь на месте. Ты ж ведь не становишся хуже, хоть и выполняешь одни и те же задания, наборот, ведь со временем это все идет на автомате, да и придумать что-то более эффективное/удобное можно.
Или ты о том что технологии идут вперед и за ними надо поспевать?
Соснул с прохождением всех интенсивов к 19му.
мимо-стремящийся
мимо-стремящийся
сколько времени на интенсив тратил в день? еще не приступал, хочу прикинуть хер к носу для начала, чтобы было понятно по сколько времени уделять
Я хотел все три за неделю, да так чтобы еще и в голове что-то осталось. А в итоге только вот первый заканчиваю.
А, помню тебя. Я ещё тогда цокнул языком, увидя твои космические цели, так как сам думал примерно также - отсмотрю первый интенсив за недельку, сверстаю все четыре макета ещё за недельку, а там добью второй попутно изучая js. а через два месяца устроюсь на работу с портфолио, а ещё через полгода стану как Аллах, освоив все фрейморки мира и замучу себе топовую работку тысяч на 100 с блэкджеком и шлюхами.
А я, наверное, еще более слоупочный, чем вы оба вместе взятые.
Начал изучать зимой, прошел codecademy (html/css), htmlacademy (включая платный курс), отстмотрел первый интенсив, доверстал Барбершоп, сверстал Нердс, сверстал страничку портфолио, и сделал первую верстку за деньги. И это считай, почти за пол года.
Продвинутый еще не досмотрел (осановился на JS), понемногу начал применять препроцессоры, в JS пока вообще не могу. Ну разве что там addClass, короче самый минимум.
Один знакомый за пол года смог влезть в Python и устроиться макакой за 5$/час. Чувствую себя дном.
Куда устроился то он? И учил голый питон?
Питон и джангу. Ну он еще слегонца знает хтмл/цсс и совсем базово джиэс.
Устроился по удаленке на буржуинов работать.
мне почему-то больше нравится reset.css, даёт больше свободы, чем reset - я лучше напишу пару дополнительных строк кода, чем буду учить, какие встроенные css правила у каждого браузера.
Чё?
>если ты фрилансер, работающий за $4к в год, то у меня для тебя плохие новости
да вы охуели!
>335$/месяц
>имплаин это нормальная з/п
>самое дно - винду
используемая ось не зависит от опытности кодера. Под все оси есть все необходимые инструменты
>чем reset
чем normalize.css
фикс
ну так-то 20к, средняя зарплата для миллионника.
Но не в айти же, где люди в валюте получают, а не в говноденьгах типа рублей или гривен.
и там тоже, если ты первый год работаешь. Кому ты с опытом в год нужен то?
Джун спокойно может рассчитывать на 500 бачей в месяц, если конечно имеет необходимые знания.
ну, джун это не верстала, а уже относительно продвинутый кодер, умеющий работать с обширным стеком технологий, но не имеющий опыта. Так сказать, уже как минимум вторая ступенька в кодерской иерархии.
С дел такая же хуйня.
Аноны, нужна такая функция (JS) : Нажимаю на 1 кнопку на сайте, и после того как она выдаст результат - она становится больше не активна. Как сделать?
$(button).click(function(){
if (!$(button).hasClass('disabled')) {
// do stuff
$(button).addClass('disabled');
}
Через класс можно поменять её внешний вид, чтобы показать, что она больше не работает.
});
Антоши, нужен плагин для навешивания скроллбара на любой див.
Надо чтобы работало, как обычный overlfow: auto, но с возможностью стилизации скроллбара.
Надо чтобы работало, как обычный overlfow: auto, но с возможностью стилизации скроллбара.
mCustomScrollbar
Не могу не отметить, что все кастомные скроллбары хуита и не работают нормально на мобилах, а то и на десктопах.
Поэтому нужно делать фоллбэки.
Так что насчет флексов? Как они ведут себя в андроидах/айфончиках? К сожалению сам затестить могу только в девтулс, а от них, насколько я понимаю, толку мало.
мимо предложили стартануть проект на ИЕ10+, но с кучей адаптива, и чтоб на последних мобилках все было норм
мимо предложили стартануть проект на ИЕ10+, но с кучей адаптива, и чтоб на последних мобилках все было норм
Спасибо
Котаны, сверстал барбершоп, очень подробно разобрал для себя все моменты. В целом всё понял.
Могу ли я пропустить эти макеты с нердом и остальными ради продвинутого интенсива и учится уже в полной мере? Или все же лучше доверстать до конца?
Учусь по 5-9 часов в день, пытаюсь освоить минимальный уровень знаний за который начнут платить хоть 5к рублей, хотя бы за год.
Могу ли я пропустить эти макеты с нердом и остальными ради продвинутого интенсива и учится уже в полной мере? Или все же лучше доверстать до конца?
Учусь по 5-9 часов в день, пытаюсь освоить минимальный уровень знаний за который начнут платить хоть 5к рублей, хотя бы за год.
Можешь конечно, но барбершоп охватывает далеко не все аспекты вёрстки, с каждым новым макетом ты будешь узнавать что-то новое. Кроме того, для работы нужно портфолио, тут-то тебе и пригодятся эти нерды и т.д.
ты на платный собрался?
Я просто хочу начать верстать сразу с адаптивом, препроцесорами и всем таким, потому что чувствую что делаю не всё что мог бы.
Если бы. У меня денег даже на еду не всегда хватает.
И еще вопрос. Базовый джаваскрипт мне очень понравился. Становится слишком тяжелым(хотя бы на среднем уровне) что бы развлекаться?
Верстай эти макеты с адаптивом и препроцессорами, что тебе мешает?
Ну я подумал что возможно понадобится закрепить базовый уровень, прежде чем переходить на более сложный. Весь вопрос в том - сильно ли хуже так торопится?
Я не проходил интенсивы, т.е. в базовом нет инфы по адаптивности совсем? Тогда да, лучше пройди его и после начинай верстать. Fixed-width макеты в портфолио тебе не особо помогут.
Как доберёшься до препроцессоров, поставь сразу gulp.
>Базовый джаваскрипт мне очень понравился.
Что это? ЖС из базового интенсива?
Базовый + http://learn.javascript.ru/ (частично). Очень весело, но я боюсь что я слишком тупой для этого, и банально многие вещи перечитываю по много раз, и даже тогда сижу с тупым лицом.
Да из базового интенсива*
Простите, устал за сегодня.
Ну там жса по сути и нет.
Спасибо, я вот слышал про этот гулп и так понял это сорт оф автоматизация, но до конца не стал разбираться. Можно в двух словах о чём это?
Чтобы стать жиквери разработчиком, много ума не нужно, не бойся.
Ну ладно, спасибо.
Спасибо, анон.
Смотри, сейчас ты пишешь в css файл, сохраняешь, идёшь в браузер и тыкаешь f5.
Когда станешь использовать препроцессор - добавится ещё действие - пойти в консоль, нажать стрелку вверх и энтер, чтобы скомпилировать стили. Нужно будет вручную писать браузерные префиксы и прочую ебалу.
С гульпом процесс таков:
1) написал изменения в .less файл (если используешь лесс).
2) открываешь браузер, а там всё уже готово и перезагружено.
Параллельно почитывай Кантора, современем придет понимание. Я сам первую часть учебника долго курил, так как нюфаня в погромировании.
У препроцов есть свои cli, которые умеют вотчить.
Так что тупо для стилей галп излишен.
со временем
Фикс*
Спасибо, я пробовал воспользоватся программой которая называется Prepros, она делала то что ты описал. Она сильно хуже этого гулпа?
Спасибо за совет.
Забей на тулзы, лучше на начальном этапе больше кодить, чем в них разбираться.
Препрос говно, но опять же, по началу сойдёт и он, если просто стили компилить и жс, например. Галп это для всяких более сложных штук, ну и он быстрее в разы.
Спасибо большое.
И browserSync поддерживают?
Ты ахуеешь, но у него тоже есть cli, так что да
Галп нахер не нужен для всего этого говна, намного быстрее и проще сделать нпм скриптами
Ну ладно. Но всё же пиздатый гульпфайл я себе по скринкастам Кантора уже сделал, а разбираться с другими прожками мне сейчас впадл.
Почему вставляя в конце функции строку document.getElementById("btnPlaceOrder").disabled = true; кнопка сразу же не работает. Т.е если код выполняется сверху вниз, то он сначала должен выполниться, а потом уже выключить кнопку или нет?
Вопрос от дауна: как и зачем использовать тэг pictures? Соответствующий урок в продвинутом смотрел, все равно нифига не понял.
Наверняка платиновый вопрос, но все же, что лучше ставить гульп или грунт? Или это однохуйственно
Галп
Галп быстрее раз в 5 если не 10, удобнее, и у него более красивый конфиг на чистом джс (как пример: http://codepen.io/anon/pen/RazZZN)
Грант более старый, там куча готовых тасков и плагинов, предназначение которых выходит далеко за рамки не то, что верстки, но и вообще фронтенда. Но грант подробно разбирается в продвинутом от кокодеми, на выходе получается что-то типа такого (http://codepen.io/anon/pen/YqoxxK) (это мой грантфайл полугодичной давности, лол).
tl;dr - если только начал, можешь посидеть на гранте. Но я лично сразу потратил пару дополнительных часов на гуглинг инфы по галпу и не пожалел.
Блядь, ебучая макаба ссылки со скобочками пидарасит, а я все время забываю.
Ну да и хуй с ним.
Ок, спасиб.
Можешь вообще мой галпфайл взять, я его по совету анонов с треда как раз составлял (скобочку убери из ссылки только, лол).
А что у тебя за структура проектов? Дай скрин плс :3
бамп
Аноны, киньте ссылку темы на learn.javascript.ru , которая даст понять, как с помощью JavaScript можно выводить данные например в <p>(хз можно ли так) или куда-то ещё, например в таблицу..
Да обычная, ньюфажная, ничего особенного. Вот седона, например.
Кстати, я ее сверстал где-то месяца три назад, сейчас думаю отрефакторить, и это такой пиздец, лол. Ну, в плане, код вроде нормально структурирован, но это же надо вспоминать, что где и куда, и схуяли я инпуты обернул во флексовый контейнер и т.п.
Бамп вопросу
JS - асинхронный язык, он не дожидается завершения предыдущего действия, чтобы запустить следующее. Нужно воспользоваться функцией-коллбэком. Расскажи подробнее о том, что делаешь.
Прошло полтора месяца с тех пор, как я начал изучать JS, и я до сих пор охуеваю с задач типовида "напишите функцию, которая принимает в качестве аргументов массив функций, которые возвращают свой индекс внутри этого массива".
А почему у тебя кнопки в компонентах, а не блоках?
мимо ньюфаг
Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.
Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
Вставь строку отключения кнопки в конец своей функции-обработчика, или воспользуйся коллбэком, опять же.
button.addEventListener('click', function(event, callback){
// делай свои грязные дела
callback();
});
Какова практическая ценность таких задач? Подрочить алгоритмосики это, конечно, полезно, но только в качестве хобби.
Но разве интерпретатор не читает код построчно? Это как раз можно проверить в Отладнике.
Сделал функцию для кнопки, нужно чтобы эта кнопка отключалась после нажатия и больше не работала. Вставляя эту строку в код кнопки я надеялся что в конце выполнения - кнопка отлючится, но она отключается сразу.
блять, дабл пост, сорян
Так строка и находится в конце функции, но ПОЧЕМУ то отключает кнопку ещё до её выполнения.
Пили на codepen.
Да ладно, че в этом сложного?
Учу жс с марта
Этот господин прав. Есть же indexOf.
В html и js ошибки, подсветило же. Из-за них не показывает страницу.
Господа, поясните за практические аспекты вёрстки mobile-first. Сначала я пишу стили без любых медиа запросов, чтобы норм было на мобильнике, потом создаю медиа с min-width и описываю?
При mobile-first проще верстать именно адаптивные сайты. Когда верстаешь сначала под десктопы, сложнее разместить блоки под мобильные версии.
Пацаны, а кто эти хорошие люди, которые слили интенсивы? Учащиеся или сама академия, чтобы привлечь народу?
И может быть кто нибудь знает, слит ли самый свежий интенсив продвинутый?
И может быть кто нибудь знает, слит ли самый свежий интенсив продвинутый?
Я ж потому и интересуюсь, надо адаптивчик красивенький сделать.
Попробуй mobile first, потом еще захочешь, гарантирую
Так я правильно процесс работы описал?
Нет, сначала ты верстаешь под мобильники, чтобы блоки без медиа запросов на десктопе отображались так же, как и на мобильниках, а потом потихоньку добавляешь медиа-запросы под каждое разрешение, начиная с @media screen and (min-width:480px) и заканчивая десктопом.
Я то же самое и написал по сути, но всё равно спасибо.
Да, я уже понял, извиняй, ночь не спал, работал, мозг уже плохо соображает.
Чем проще? Наоборот, геморрой же. На десктопе в 99% случаев отображается больше элементов, чем на мобильнике. Что, каждый раз, с увеличением ширины вьюпорта, добавлять новые блоки которые к тому же могут ломать существующую верстку? Зачем, когда можно сразу сверстать полноценную версию, и уже скрывать ненужные на мобильниках и планшетах элементы?
>JS - асинхронный язык, он не дожидается завершения предыдущего действия, чтобы запустить следующее
Это не так, не смущай новичков, если сам не понимаешь. JS однопоточный и всегда исполняет текущий код до конца прежде чем получить новое событие от ввода-вывода и начать его исполнение.
См. https://www.youtube.com/watch?v=8aGhZQkoFbQ
Mobile first это подход к проектированию продуктов, а не к верстке. Довольно сомнительный. Зачем вы его сюда тащите вообще? По-поему очевидно, что верстать удобнее с десктопа.
В общем, я нашел вроде достойную книгу по angular, очень объемная, но автор отличный и пишет очень доступно. Имя Ari Lerner, книга ng-book.
Первая же ссылка вкудахте ведет на халявную копию на английском языке.
все тот же мимо апворк джиквери разработчик
Как думаешь, как вкатываться в ангуляро-разработку? Ведь чтобы потренироваться, сделать тестовый проект, нужно иметь бэкенд, который будет служить посредником между ангуляр-приложением и базой данных с всякими API.
Нарисовать, например, JSON объект для анальных игрищ с ангуляром не составит большого труда, я думаю. Еще его можно сохранять в кэш и загружать из него - почти симуляция работы с базой данных лол.
На каком уровне ты знаешь Жиквери, всякие штуки дрюки сам на нем пишешь?
максимум, что смог из себя креативного исторгнуть на текущий момент - это игра сапер.
А по работе пилю обычное говно - манипуляции с DOM, менюшки с анимацией. Приходилось пару раз всякие трюки делать, типа динамического добавления data- атрибутов и дальнейшая работа с ними.
Такс антоши, если кому-то еще интересно я тот анон со странной компанией в которой бардак
Таки пересеклись мы с ними, правда по моему звонку, установили всякую дичь на мой ПК типа телеграма и акка в их редмит.
Дали мне задание, верстка первой страницы сайта который следует в дальнейшем разрабатывать и поддерживать и попросили сделать все шибко охуенно. Но есть одно но. Они назвали это задание тестовым, а работы там на часов 20-25.
Уточняю щас по оплате, если скажут что бесплатно или оплата при условии что им понравится, то дропаю.
Все правильно делаю?
Таки пересеклись мы с ними, правда по моему звонку, установили всякую дичь на мой ПК типа телеграма и акка в их редмит.
Дали мне задание, верстка первой страницы сайта который следует в дальнейшем разрабатывать и поддерживать и попросили сделать все шибко охуенно. Но есть одно но. Они назвали это задание тестовым, а работы там на часов 20-25.
Уточняю щас по оплате, если скажут что бесплатно или оплата при условии что им понравится, то дропаю.
Все правильно делаю?
Конечно правильно. Могут вообще кинуть, поэтому попроси хотя бы 30% аванса на работу. Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?
фывфыыв
Сомневаюсь что они таки кинут, потому что компашка из моего города, в десяти минутах ходьбы, да и занимаются они отнюдь не продажей говяжьих анусов. Вроде как солидная контора с кучей сотрудников.
С другой стороны, возможно в их понимании нормально дать нескольким фронтам один проект а в беседе промелькнули слова о том что один дают задание всем а потом смотреть кто им понравится.
Ну тогда извините, я тут не на голодный ярмарок явился, чтоб после оффера меня пичкали тестовыми на пару дней полноценной работы и потом еще думали, нравится ли им.
>Еще мне интересно - что с их точки зрения значит "шибко охуенно" - они имеют в виду чтобы соответствовало макету на 100%, или же им нужны какие-то особо правильные методики верстки-сриптов?
Честно говоря не знаю точно, если до того дойдет, уточню. Я думаю что это все-таки просто уточнение, насчет качества верстки. Ну тоесть минимум оберток, все в проекте структурировано, разделено по файлам, замешано на препроцессорах, оптимизировано, по возможности оттестировано и т.д. Ну и ессно адаптивность надо под каждый экран подогнать, нормальные именования селекторов and so on.
Блядь изучаю бутстрап, пиздец инструмент для домохозяек. Я так полагаю все юзают только их сетку? Ну типо дизигнеры пилят под 12 колонок дизигн и все быстренько его натягивают?
я иногда шрифты бутсраповские подтягиваю, реже жиквери плагины и совсем редко готовые стили для элементов. Почти никогда - их колоночную систему.
я вакансии часто с бутстрапом вижу. И что-то мне подсказывает, что они делают сайты на заказ как раз по простой схеме. А что там за jq плагины? Это на меню всякие?
плагины на табы, аккордионы, попапы и куча другой хуйни: http://getbootstrap.com/javascript/
и ради этого ты целые файлы тянешь?
смотрю всегда по конкретному заданию, всегда стараюсь тянуть как можно меньше
Аноны, помогите советом. Делаю адаптив с LESS. Задача - сделать всему-всему box-sizing: border-box по умолчанию, чтобы не надо было постоянно прописывать. Как это делается?
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
примесь сделай, хотя если там будет только это то время ты не съэкономишь
спасибо
А нахуя префиксы то? http://caniuse.com/#search=box-sizing
на всякий случай, но руками не пишется, автопрефиксер для этого
Автопрефиксер же проверяет, нужны ли они.
ну так да
Не актуально, нашли фронта.
Ребят, как у вас руки не опускаются от осознания сколько нужно учить? Я вот читаю и просто млею.
И это ты называешь ньюфажной? Нод джс, препроцесоры, джава скрипт, gulp... По какому маршруту ты это учил? И как долго?
Очень просто: я уволился с прошлой работы, и денег мне еще максимум на пол года. А терпения тянки и того меньше. Так что глаза боятся, а руки делают.
Там нет ноды, там есть модули, под галп, скорее всего.
мимо
тут главное лень победить, как мне кажется. я получаю удовольствие от процесса, особенно когда все получается.
И на каком ты сейчас уровне?
Когда у тебя в кошельке в 5-10 раз больше, чем у Ваньки Ерохина, почему бы нет?
Привыкаю к адаптиву. Впереди самое сложное - JS. Но, думаю, какую-никакую я все-таки работку к тому времени найду. А там главное не прекращать учиться.
долго уже ебешься?
Мне тоже нравится, но от осознания того насколько я далеко, просто хренею.
Вон там человек выложил структуру макета "седоны" с базового интевсива. От одного вида сколько там всего плохо. И ведь это какой-то макет из базового интенсива, что же будет дальше?
С зимы, но до апреля куча времени уходила на прежнюю работу.
Сейчас бодрее пошло, даже один заказ за деньгу (пусть и малую) выполнил. Обещают еще подкидывать.
бля, я тоже прихуел от него. я думал, что все проще и меньше.
где заказ подобрал?
А как занимался? Как в оп посте?
Codecademy - htmlacademy (включая платные курсы) - базовый интенсив - барбершоп - нердс - продвинутый интенсив (еще не закончил) - сайт-портфолио - подработочка.
Пока так. Пока допиливаю свое портфолио, хочу вылизать его до блеска. Потом возьмусь за пинк, наверное.
По знакомству.
Ничего страшного там нет. Когда напишете пару своих проектов скорее всего после продвинутого интенсива то структура у вас будет примерно такой же, если не сложнее, и вы будете четко понимать, почему надо делать именно так.
В ОП посте не зря указан порядок обучения. Все знания даются постепенно, если вы чего-то не понимаете, это не значит что задача или охуеть как сложна. Это значит что вы просто не прочитали еще статью которая объясняет тот конкретный кусок, или видеурок, или не попрактиковались, или попросту не дошли до того уровня задач, когда подобный подход вообще нужен. Нет смысла объяснять человеку принципу ООП, если он на JS ничего больше функции перебора массивов не писал.
мимо ОП
А можешь показать сайт-портфолио?
Почему-то не очень хочется светиться тут. Не знаю даже почему.
jpg приклей хуле
От так хуяк и прикрепляешь. Эт говноделие на бутстрапе сейчас за 3 часа наваял.
А вот такой вопрос, вот есть макеты с академии(те что с интенсива). Ну я могу их разметить и сделать как на картинке, но они же работать не будут. Кому нужен неработающий сайт? Ну т.е там кнопки не переключаются, нельзя двигать эти ползунки. Зачем они дают такой макет который новичок не может до конца сверстать? Так мало того, там еще и страниц не хватает. И что с этим делать?
Я надеюсь из этих 3-х ты 1-н час разбирался с бутстрапом и еще час искал картинки.
это для тренировки верстки. Потом в js сможешь, доделаешь функционал.
разбирался в бутстрапе ессественно большую часть времени.
Да пофиг. Я выложил, кому надо - тот нажмет F12 и посмотрит код. В дальнейшем уберу их подальше, выставляя на первое место ссылки на реальные проекты.
Двачую, до сих пор не могу понять этот принцип "mobile first".
Все объяснения обычно заканчивались фразой: попробуй и сразу поймешь что это круто.
Попробовал. Все равно в голове приходится держать десктоп потоянно, а итоге что-то забываешь и постоянно приходится возвращаться к html во время стилизации.
Не знаю, какая у тебя ситуация, но я когда был безработный (3 месяца назад) брался за все тесты, иногда на это уходило до недели.
Даже не рассуждал делать-не-делать, возьмут-не-возьмут или что могут наебать. Но мне делать просто нечего было. Днями сидел и смотрел как падает снег после возвращения из Питера в свою мухосрань (все-таки снег - это очень провинциально).
У меня немного иная ситуация. Тот же проект для резюме и повышения скиллов который я щас делаю, еще вылизывать надо пару полноценных рабочих недель.
В первую очередь я заинтересован в работе с нормальными ребятами с которыми мне будет комфортно. Эти, скорее всего, такими не являются.
Ну так ты уже решил сам все, не зависимо от их ответа
Ну пишет идентификатор хуевый какой-то. Но чет не пойму я.
Как думаете? Появилась следующая мысль.
Небольшие фирмы попадают в зависимость разной степени от своих программистов и фронтендщиков. Так как увольнение кого-то влечет за собой торможение всего процесса работы фирмы в виду того, что новому специалисту придется тратить время на то чтобы разобраться в особенностях (говнокоде) своего предшественника и так на каждом отдельном проекте.
Также фирмы пренебрегают исходниками кода. То есть в проектах лежат уже скомпилированные html/css. И не факт что старый специалист оставит jade/scss (не со зла, просто забудет).
Таким образом, внезапное увольнение становится невозможным (разве что специалист уйдет в месячный запой). И пока кто-то является держателем всех проектов фирмы, он является хозяином положения.
Что скажете, фронтендщики?
Небольшие фирмы попадают в зависимость разной степени от своих программистов и фронтендщиков. Так как увольнение кого-то влечет за собой торможение всего процесса работы фирмы в виду того, что новому специалисту придется тратить время на то чтобы разобраться в особенностях (говнокоде) своего предшественника и так на каждом отдельном проекте.
Также фирмы пренебрегают исходниками кода. То есть в проектах лежат уже скомпилированные html/css. И не факт что старый специалист оставит jade/scss (не со зла, просто забудет).
Таким образом, внезапное увольнение становится невозможным (разве что специалист уйдет в месячный запой). И пока кто-то является держателем всех проектов фирмы, он является хозяином положения.
Что скажете, фронтендщики?
Мысль справедлива практически для любой работы сложнее грузчика. Даже продавцу нужно осваиваться на новом месте. Я, прежде чем стать фрилансером, работал машинистом холодильных установок на мясокомбинате, чтобы разобраться во всех премудростях рабочего процесса, у меня месяца 2 ушло.
Тащемта они ответили что оплатят, я предложил уточнить цену.
Они мне начали задвигать за профессионализм и что им нужен качественный продукт. Ответил что я всегда выкладываюсь по максимуму и назвал свою цену, 3 часа нет ответа.
Это мне нихуя не нравится, в довесок ко всему тому что было до этого. Если мне и дальше придется вытягивать из них необходимую информацию клещами, то пусть себе ищут другого фронта. С таким уровнем организации работать совершенно некомфортно.
все-таки в работу холодильных установок ты, наверно, мало внес отсебятины.
И тот кто тебя заменил, через те же пару месяцев изучения того же оборудования продолжил работать не натыкаясь постоянно на следы твоего былого присутствия.
Во многом согласен. Особенно это касается мелких команд разработчиков. Например, случай из личной практики. Уходит разработчик движка на ноде, и замену ему не могут найти месяцами. Проект тупо простаивает потому что движок не готов, а без него нельзя продолжать разрабатывать фронт, так как все что можно было сделать без движка на клиенте уже сделали.
Впрочем, это касается любых проектов где мелкая скамья запасных и большой порог вхождения. К примеру, знаком с руководством небольшой СЕО фирмы, практически вся коммуникация и продвижение в ней держится на смышленом и очень работоспособном менеджере. Если он уходит, встанет тупо все.
Отсебятины-то я оставил, но ни мои предшественники, ни последователи не лезут туда, где могут на неё наткнуться. Я для примера привёл, без разницы почему, но процесс почти везде длителен. Кроме того, что мешает фирме держать несколько фронт-ендеров?
я еще даже не говорил про большой порог вхождения. Там вообще наверно крах фирмы наступит.
...знакомый админ работал в госучреждении в тот период когда им выделили деньги на закупку компов и создание сети. Поставил и настроил оборудования на миллионы рублей. И потом ушел... Кажется, они до сих пор оправится не могут, хотя прошло уже лет 10
Для мелких одного хватает за глаза.
Недавно довелось поучаствовать в реальном проекте. Там остался даже .less файл от исполнителя, но макаки заказчика вносили свои изменения не в него, а в css, что вылилось в полный пиздец. Мне, соответственно, тоже не улыбалось разбираться чего они там наворотили и как это исправить, поэтому просто добавил свой min.css скомпилированный из .less в их копилку говнокода.
прогеры у меня на проекте не страдают скромностью если нужно что-то быстро поправить в стилях.
Я потом смотрю лог в гите и добавляю все вручную в нужные scss файлы, чтобы все было упорядочено. Не дохуя, но много времени отнимает, но лучше ничего не придумал.
Спиздил у кого-то, когда осваивал препроцессоры. Ну и вообще это логично, там в одном компоненте все кнопочки описываются, через экстенды, например, тоже удобно а каждая кнопка - это как бы отдельный блок по БЭМу, городить кучу файлов под каждую кнопку - как-то тупо. Правда в седоне всего 2 с половиной кнопки, но я просто учился.
Ты это все через месяц-два поставишь и настроишь, в этом нет ничего сложного или особенного же.
Не, ребят, расслабьтесь, я выложил фулл-респонсив седону, с адаптивными изображениями, свг и ретиной. Верстал ее начиная с 4 урока продвинутого интенсива.
отсюда нашли, или с другого источника?
Анон виз проблем хир. Это нормально не сходу решать все испытания академии и прибегать к помощи форума? Как по палате вообще температура? Или уже все давно работают в яндексе? Интенсив еще не начинал.
какая разница. Главное что для тебя это норма. Всегда будут те, кто справляется лучше и хуже, результат один-полученные знания. Так что не трать время на определение своих умственных способностей относительно других.
Ты всю жизнь мою описал, всегда на поезд опаздываю, спасибо.
До сих пор не закончил большую часть испытаний. Вот это говно, например. Зачем оно нужно? Нет, если ты любишь копаться в каскадах уровня body ul li a > hui~pizda и тыкать импортанты - то пожалуйста.
Хотя, сейчас попробую решить, интересно аж стало.
У меня просто бредовые, а может и нет, мысли о том что вот не могу решить обычное испытание, значит всё, крах, ничего не получится. Как у тебя сейчас судьба складывается с версткой? Котопрофайл только на 92% сделан.
Ну да, отличное задание, 10/10. Не думаю, что мне где-нибудь в реальной жизни придется тыкать столько импортантов, лол.
Может, это хитрый план кокодемии по отпугиванию ньюфагов?
С версткой все неплохо, упарываю JS, потихоньку рефакторю сверстанное говно вроде адаптивной седоны, чтобы не стыдно было в портфолио класть.
Может, это хитрый план кокодемии по отпугиванию ньюфагов?
С версткой все неплохо, упарываю JS, потихоньку рефакторю сверстанное говно вроде адаптивной седоны, чтобы не стыдно было в портфолио класть.
Ты сам же понимаешь, что мысли бредовые, зачем спрашиваешь? Я вообще зачем вы копаетесь в этой html-академии, когда в реальной жизни никто не пишет каскада вообще, а !important дай бог один на 1000 строк CSS.
Ну нафиг, на большее моего терпения не хватит. Удвою этого анона не теряйте время, сидя на этих испытаниях.
Спасибо аноны, буду меньше зацикливаться на этом!
Анончики, поясните одну вещь. Вот, допустим у нас есть форум, каждый пользователь ставит себе аватар, загружая картинку. Картинка, само собой сжимается по размеру рамки (200х200). Но ведь она от этого не весит меньше. Эта задача бекенда уменьшить её размер?
Я нуб, но предположу, что тут вступает логика CMS. То есть да, бэк.
А что на счет ретины, где размер должен быть х2? В таком случае в беке нужно обрабатывать 2 картинки? Одну под 200х200, вторую под 400х400.
Ну а с нашей стороны прихуяривать picture/srcset?
Я с некоторого времени всегда отдаю @2х.
Если это пиксель-арт, то можно отдать @1х и прописать image-rendering.
Ананасы, кто что может сказать про 10 месячное обучение от geekbrains? Увидел рекламку недавно и стало интересно.
Да, я ленивая жопа и сам не могу, заебало самому всё надрачивать не видя профита, разве что мамке могу похвастаться достижениями.
Да, я ленивая жопа и сам не могу, заебало самому всё надрачивать не видя профита, разве что мамке могу похвастаться достижениями.
Пример верстки по БЭМ для самых маленьких от академии. https://youtu.be/txUZrAQnSLg?t=8m31s
Можете конечно смотреть с начала, если вас не будет раздражать его эканье.
Можете конечно смотреть с начала, если вас не будет раздражать его эканье.
Привязка отвалилась, да и хуй с ней. 8:31 если че.
Кстати, этот подкаст кто-нибудь слушает? У меня пока руки не дошли. Но вроде должно быть годно. Леха Симоненко присутствует.
https://soundcloud.com/web-standards/
https://soundcloud.com/web-standards/
Мне прям легче стало, лягу пожалуй спать. А завтра буду смотреть и верстать вместе с ведущим интенсива барбершоп. Медленно и размеренно.
Кто-нибудь в стартующем скоро js-интенсиве участвует?
Поучаствуем, если скинешь видео и материалы оттуда.
а еще никто не скидывал?
Скидывали 2015, вроде, года.
Парни, пилю глласи из академии. Коротенькая хтмлька.
http://codepen.io/Synaphai/pen/reEQyM
Как прилепить position: relative только к ссылкам списка первого уровня, без ссылок дропдауна, при том, что первая ссылка обернута в span?
http://codepen.io/Synaphai/pen/reEQyM
Как прилепить position: relative только к ссылкам списка первого уровня, без ссылок дропдауна, при том, что первая ссылка обернута в span?
Попробуй задать для кажого элемента списка класс и к нему прилепить релатив. ИМХО
Это понятно, а поизящнее никак нельзя? Не хочется лепить класс, ради сраного декоративного элемента.
.main-navigation>ul{
position: relative;
}
.main-navigation>ul>li>span>a,
.main-navigation>ul>li>a{
position: relative;
}
зачем в span обернул?
Полагаю, потому что там дропдаун, который не должен быть ссылкой. Алсо у меня сразу такой вопрос, а можно в таких случаях использовать <a> без атрибута href? Эффект будет тот-же что и со <spanom> но без лишнего кода в css.
можно li использовать
>.main-navigation>ul>li>span>a,
>.main-navigation>ul>li>a{
>position: relative;
>}
Признателен за старание, но когда я это применяю к своему коду, все дичайше крашится. Даже не стал разбираться почему.
Метод с классами самый простой и очевидный, хотя это и костыль.
Долго объяснять. Если кратко, то таким образом я обернул ссылку и дропдаун выпадающий из нее.
Вообще макет глласи меня знатно вымораживает, его кто-нибудь еще верстал? Он реально такой муторный или это я неопытный?
Так дропдаун выпадает когда ты наводишь мышку на лишку, не доходя до самой ссылки.
Но ведь на <а> может быть куча стилей. Тот же паддинг, цвет...
какая задача стоит, опиши шире.
Спасибо тебе, добрый человек. Наконец-то кто-то нормально привел в пример использование БЭМ.
Да хотя бы взять тот-же барбершоп. Там область клика по ссылки огромная, благодаря паддингам у ссылки. А если повесить паддинг на ul, то область клика по ссылки будет только там где текст. Не очень удобно.
На самом деле, тот пиздюк забил хуй на гайд, а там самое интересное должно было впереди - файловая структура...
Да, ты прав. Я дичайше тупанул, выставив паддинги вместо маргинов и не заметил этого, из-за чего мне потом пришлось кучу кода писать.
>Там область клика по ссылки огромная, благодаря паддингам у ссылки.
Но всё равно спасибо, кэп.
>Если нужна шире область клика - повесь padding на a.
Поясните за прохождение курстов htmlacademy. Если я пройду все эти тесты, и сверстаю их стандартные макеты, то как это поможет мне при поиске работы? В смысле, если я напишу в резюме, что я прошёл htmlacademy, лол.
наличие бумажек и дипломчиков в этой сфере ничего не решает.
Все решит тестовое задание и/или собеседование.
Да я вот думаю, стоит заплатить за месячную подписку и побить ачивки.
Сможешь, как я, сделать сайт-портфолио, чтобы было на что хоть ссылку сначала кинуть. Чем-то же его заполнять надо, прежде чем реальные работы появятся.
У меня тоже были такие мысли: стоит/не стоит. Потом наступил перелом и решил, что это все копейки по сравнению с возможным результатом.
оно кстати очень простое, я когда допетрил сам охуел, но это все бесполезная хуйня разбиратся в селекторах чужого кода
Анончики, читнул тут, что ретина отличается от чем-то особым от обычного экрана при равном соотношении пиксель на сантиметр, но так и не понял, чем. Дайте ссылочку почитать.
у ретины пикселей в два раза больше
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред