Это копия, сохраненная 22 апреля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что нужно портфолио, подскажите хостинг/сайт/место
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github 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/
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>492412 (OP)
А зачем нужен gulp-sourcemap? В интенсиве есть про это?
Не особенно. Самый бюджетный i3 сэнди и 8гб дешевой RAM.
Все было здорово, писал игрушки на юнити, а потом на флеше. Только вот нихуя именно 0 заработал с этого. Мамкины борщи конечно вкусные, но пора бы уже зарабатывать на свои.
спрашивал в программаче, посоветовали вкатиться во фронт-энд. Настроен я более чем решительно. Моя задача- начать зарабатывать.
Но я походу пошел не с той стороны. А именно начал изучать жс по http://learn.javascript.ru. Как думаешь анон, наверное сначала стоило заняться освоением html/css и верстки в целом?
Думал освоиться с этим, сделать проект для портфолио и начать ходить на собеседования. Может быть html и css стоит заняться уже во время создания своего проектика?
Как думаете, 2.5 месяца достаточно для этого?
И да, такой еще вопрос, имеет ли смысл решать все эти учебные задачи? Попрактиковаться я понимаю что полезно, легкие задачи делаю, но вот требующие времени дропаю.
объебался и запостил этот посто в жс-тред на программаче. Неудобно вышло.
Еще раз блядь напиши, заебали уже одно и то же спрашивать. Не ебем мы сколько тебе времени надо. Фронтенд начинается с H+C. Не думай, что в верстке нет нюансов и там все изи бризи, что на ходу все выучишь, лол. Про задачи сам думай, ебет что ли кто-то как ты материал воспринимаешь и закрепляешь и запоминаешь и готов реализовывать потом.
Думаю лучше освоить html, css, позже js. Наверстай говна поначалу, а потом делай портфолио. Может тебе и хватит времени если въебывать будешь как черт и всё понимать. Лично я не проходил всякие задачки на сайтах и прочее. тупо начал смотреть интенсив и вкатываться потихоньку. (на счет зада думаю что есть иногда в них смысл, т.к узнаешь некоторые фишки)
окей, спасибо. Просто думал пойти именно как программист. Одностраничные приложения, вот это все.
>Прочитал шапку и тред.
В шапке написано сколько времени нужно.
Начать нужно с html/css.
>И да, такой еще вопрос, имеет ли смысл решать все эти учебные задачи?
Это твое портфолио.
Сам подумай, что ты сможешь сделать как чистый программист во фронтенде без знаний верстки? Циферки в консоль выводить?
шалом, я вот залил верстку для потфолио https://github.com/LitvinenkoEvgeny/portf.github.io
че то не отображается по адресу https://LitvinenkoEvgeny/portf.github.io
поясните ЧЯДНТ
LitvinenkoEvgeny/portf.github.io котоны, по какой ссылке искать сайтец то ?
Ни по какой. Ты не залил его на хост, ты просто создал репозиторий. Гугли gh-pages
Все сделал не так.
Неверное название репозитория, должно быть LitvinenkoEvgeny.github.io или любой projectname.
Пытаешь зайти по неверному адресу, нужно заходить по LitvinenkoEvgeny.github.io или соответственно LitvinenkoEvgeny.github.io/projectname.
Проект находится в ветке master, а должен в gh-pages.
Ты как вообще мануал-то читал?
Ок, значит это только к страницам проектов относится.
Кароче поясняю так, как хотел бы чтоб мне объяснили, когда я с этим ебался. У тебя есть локальный проект HUI допустим, ты его комитишь, пушишь на удаленку и он у тебя есть на гитхабе удаленно, так же как и локально на пеке. Чтобы что-то захостить !нужно в твоем проекте HUI создать новую ветку gh-pages (git branch gh-pages -> git checkout gh-pages ->ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой. -> git merge master -> смержил и теперь эти ветки одинаковые -> перед пушем git commit -> git push -origin gh-pages. Теперь твое говно захостилось на HUI.github.io
>ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой.
Это неправда, ветка отпочковывается от текущего состояния и git merge там делать не нужно.
Алсо, в твоем примере не упомянуто, что название репозитория на гитхабе должно быть hui.
Спасибо анончик, все запустилось.
Если хотите просто лить в pages для создания превью, то все гораздо проще делается.
Просто создаешь новую ветку прямо в интерфейсе на сайте с названием gh-pages. Вуаля, все готово.
Если ветку надо обновить, просто заходим в create pull request, выбираем ветки для сравнения, сравниваем бранч pages с мастером или любым другим актуальным рабочим билдом и мерджим, тоже в интерфейсе. Вот и все.
Не заебешься каждый раз обновлять-то? Проще всего выпилить с гитхаба и из локального репоизтория ветку master и разрабатывать прямо в gh-pages.
Если проект более сложный, то можно выливать поддерево в отдельную ветку командой git subtree push --prefix build origin gh-pages (здесь выливается папка build).
оговорился немного. При создании gh-pages ветки она будет не пустой, а будет копией mastera на момент создания, но так как разработку логичнее вести в мастере, то мержить потом все равно придется. Это Если конечно не хостить готовое, у меня какая-то привычка сколько сделал-столько захостил. На андроиде там загрузить посмотреть, то се.
В моем случае gh-pages нужен только для портфолио, вернее для отображения проекта в инете, а разработку веду на локальном сервере нодовском.
Поэтому работаю через master и дополнительные бранчи. Когда конкретный кусок сделал, тогда уже, если надо обновляю. К тому же, в pages я заливаю уже почти готовый или готовый проект, который разве что требует допила. Смысл постоянно обновляться в pages?
Курс от организации занимающейся стандартизацией веба.
>The site derives its name from the World Wide Web (W3), but is not affiliated with the W3C.
> Как справочник он полезен
да я смотрю сейчас все как справочник полезно. Html не какая-то алхимическая наука и почти все подобные сайты говорят одно и то же.
Я не только о верстке. В нем лаконично перечислены JS методы, без кучи потробностей как в мозилле, и без отсебятины как в большинстве сайтов ру сегмента.
Если нужен справочник по верстке - используй css-tricks.
> как в большинстве сайтов ру сегмента
вот кстати да. Поэтому тот же htmlbook мне в свое время дико не понравился.
> используй css-tricks
Хорошо, учту.
Вообще, за последние пару дней мне столько советов дали, что голова кругом идет. Кучу вещей надо освоить. Единственное что радует что все довольно подробно растолковано да и в принципе сказывается опыт.
Зачем? Можно бесплатно посмотреть.
Думаю в мейне.
ну например в scaffolding.less как у Громова было
Нет. Не забывай, что все компилируется в самый обычный css, где вообще нет понятия переменной.
Используй vw и vh.
лол, надо полагать он подразумевал переменная в разработке, а не функционале, не?
ну я часов 6 в день хуярю без учета перерывов. Голова пухнет даже с перерывами, а хули делать.
Мне похуй. Занимаюсь сколько могу. Хочешь сказать мне нужно отказаться от этого?
Это уж только тебе решать надо оно тебе или нет.
font-face надо всегда в fonts.препроцессор
gh-pages
Нахуя хостинг для верстки пробных макетов? Хостинг нужен для составления портфолию, ссылку на которое уже будешь кидать работодателю.
А как мне посмотреть то, что я верстаю? Я глянул вводный раздел интенсива и они как раз разбирали хостинг.
Используй Github Pages.
Локально в браузере же.
Для верстки тебе этого не надо. Большинство редакторов имеет лайвпревью. Либо встроенное, как в брекетсе, либо в качестве аддона.
Можешь вообще сломать систему и тупо перед началом работы закидывать свой index.html в браузер, а затем уже верстать.
Еще вариант - локальный сервер. Но опять же для верстки не нужно ничего больше чем показано здесь https://learn.javascript.ru/ajax-nodejs
а мы не знаем, дружок.
контор дохуя, требования и нужды у всех разные.
и многим чистые верстаки уже давно нахуй не нужны.
Всё ещё дрочите вёрстку, долбоёбы? Какого это, осознавать, что есть такие иждивенцы вроде меня, которым можно ничего не делать, и у них всё будет?
мимо живу с мамкой, ем её борщи, поясняю за жизнь младшему брату
Xampp очень простой, два часа на изучение уйдет. По любому придётся это знать.
я все общее выношу в common.scss а шрифты fonts.scss думаю и в main импортирую, думаю и в less так можно
На самом деле для меня хтмл, не нов, но все-равно с ним я не работал.
Что-то посмотрел на громовские примеры, он прикрутил width и height прямо в хтмл.
http://codepen.io/nicothin/pen/qbmwNP?editors=100
Не западло ли здесь просто навесить на свг какой-нибудь класс и через css менять у него width, height, fill и т. д? Что-то по-моему так никто не делает.
Смотри интенсив дальше.
Размеры надо дублировать в хтмл, чтобы в дальнейшем какие-нибудь долбоебы не поменяли мелкую картинку на огромную, например, что похерит верстку.
@
ПЕРВЫЙ ОФИС ЗА 26 ЛЕТ
@
КОМПАНИЯ ОТМЕЧАЕТ СВОЁ ДЕСЯТИЛЕТИЕ
@
СКУШАЛ КУСОЧЕК ТОРТА, СТОЯ У СТЕНЫ
@
ПОСИДЕЛ НА СТУЛЕ
@
ПОШЁЛ ДОМОЙ ИГРАТЬ В ВОВ
@
ПОСИДЕЛ НА ДВАЧИКЕ
Продолжай в том же духе!
это успех!
Эта корпоративная шиза меня убивает.
Смотря куда апплаишься. В зависимости от требований. Что за вопросы блядь тупые. Ты ребенок чтоли? Кому твой компилированный копипаст в ксс нужен?
Ну я не думаю gh-pages заведёся с stylus
бля чувак ну полюбому dist в ветку gh-pages кидай че ты тупишь то ?
двачую, сам хз. приходится переключать файлы, чтобы найти переменную
попробуй browser sync
Допустим, есть фильтры товаров для магазина (чекбоксы и радиобаттоны). Интуиция подсказывает, что надо их делать ul. Но смысла в этом особого не вижу. Хотя видел как такое делают другие. Так вот, надо их обрамлять в список, и есла да, то зачем?
В общем - обмен опытом - очень полезная штука, да и возможность поболтать с людьми, близкими по духу, будет радовать.
мой скайп lad77752
Это, типа, семантично. Никакого другого смысла нет.
может лучше реально конфу телеграмма создать как уже предлагали раньше? А то уже не первый раз предлагают куда-либо перебраться и там чатиться
го в скуп сначала а если взлетит перекатимся. Я тогда создам если взлетит в скупе
в как ты будешь в жизни продвигатся если ты хикка? ты ж нахуй не будешь нужен никому с таким характером
тут адекватные люди сидят, в треде дохуя тупых вопросов задаетсяда я и сам иногда задаю, аноны все равно отвечают и помогают
Нахуй этот скайп, он неудобный.
>Работу находим в конторках и крупных фирмах.
Возможно ли устроится без диплома? Дело том, что я великовозрастный хикки без полного среднего образования( не полное среднее), поэтому от ваших ответов зависит, буду ли я изучать верстку.
>от ваших ответов зависит, буду ли я изучать верстку
значит тебе не надо изучать верстку и вообще все, что связано с разработкой тоже
Смотри вакансии. Например, для джунов и стажеров часто встречаю требования высшего айти или технического образования. По сути оно и нахрен никому не нужно, но, я так понимаю, это один из множества фильтров для неадекватов и просто тупых, чтобы не тратить на них время.
Двачую.
Если тема интересует - ты бы уже сидел, смотрел интенсивы и проходил курсы. Если просто хочется денег или найти хоть какую-то работу - не стоит даже начинать.
for (var i = 0; i < controls.length; i++) {
controls.innerHTML = controls.dataset.filter;
clickControl(controls);
}
controls это переменная, что значит controls? И вот эта строчка еще не понятна, что происходит? i < controls.length
controls это переменная, что значит controls - пофиксил вопрос
блять забейте короче, какого хуя код не показывается, че тут макака натворила пиздец
for – это цикл, итерация. Ты задаёшь параметры (начальная инкрементируемая переменная ; условие, до которого будет происходить цикл; как инкрементировать)
controls – выбрать объект из массива controls под индексом i
у тебя есть коллекция controls
controls.length - количество элементов в ней (ну или последний элемент + 1)
controls - ты берешь i-й элемент коллекции.
Если ты такие основы не знаешь - то иди и читай их. Хотя бы на том же learn.javascript.ru или любую другую книгу для новичков или курс
Спасибо
>>502822
Спасибо
> Если ты такие основы не знаешь - то иди и читай их
В продвинутых курсах думал все объяснят, но вот эти моменты проигнорировали, вот и не понятно.
В базовом или продвинутом интенсиве это есть вроде бы в разделах по js. Ну и само-собой в интенсиве базовом по js это тоже есть. Там разжевано
Я похоже не верно пошел изучать, я сделал так базовые курсы -> базовый интенсив -> продвинутые курсы а надо было как?
Алсо, работы с циклом в базовом интенсиве нет, там только найти переменную убрать\добавить класс
На интенсиве чувак говорил: из высоты шрифта вычитаешь размер шрифта, делишь на 2 это будут внешние отступы сверху и снизу для твоего шрифта. А знакомый верстала говорил мне считать отступы по высоте палочки, которая появляется, когда ты печатаешь.
Да норм все. Просто я эти курсы прошел по акции в январе, когда уже немного знал js, поэтому как бы не заметил недосказанностей.
спасибо
Интересует, но если для работы требуется диплом, то смысла начинать нет.
Меня больше всего интересует нужно ли будет показывать при устройстве на работу документ об образовании или нет.
Чувак фронт-енд - это айти. Где ты видел чтобы при приеме на работу айтишники смотрели в первую очередь на такую хуйню как диплом?
Человек может иметь три диплома, но если он не умеет делать то что должен, то может сразу идти нахуй.
30к.
Давно протухшие и, самое главное, сложные и неудобные в использовании технологии.
Овердохуя джунов, что дает очень "интересный" эффект вкупе с предыдущим пунктом.
Низкие требования к продукту, чуть ли не до абсурда доходит.
Атмосфера там довольно ламповая, но мне надо расти, а не проебывать время. Если интересно, могу ПОДКИНУТЬ ссылку на вакансию и рассказать, что говорить на собеседовании - мне не жалко для анона.
>>501705
Тогда молодец, все правильно сделал. Ссылки не надо, спасибо.
Хуй знает, у меня первая работа была за 30к, норм
Конечно не мое, ведь обьяснить нихуя мы не можем, оказывается не мое, пошли нахуй, все остальное нормально шло но тут они пиздец нахалтурили, даже комменты закрыли, пидоры.
Еще и на форуме пишут - ЕТА АЗНАКАМИТЕЛЬНЫЙ КУРС ПАДРОБНЫЕ КУРСЫ СКОРА ДАБАВИМ))))
Разумеется при помощи JS
А, вспомнил, эт лнгкое задание. у тебя функции сет колор и намбер вызывай их.
Я уже от жара пердака уже видимо совсем нихуя не понимаю, он разве не вызваны?
Я ща с планшета. Доберусь до компа через минут 10 и наваяю тогда, если не разберешься или кто не поможет
Лол, это весь код который надо было дописать?Охуеть. Чувствую себя ничтожеством.
Еще нет, его досконально не читал) Учу 20 день. (с начала марта) Смотрю интенсив по js (там в допах ссылки на статьи по теме урока на learn.javascript.ru), и айти бурсу еще смотрю)
https://openssource.info/threads/itbursa-professionalnye-javascript-kursy-2015.8358/
Спасибо!Добавил в закладки!
22
>>503169
Cам JS знаю хорошо, DOM API сильно похуже. На собеседовании спрашивали в основном по ООП.
сколько уже народу?
5 человек на данный момент. из них вчера активных 3 то есть я и еще двое.
нет мы переписываемся но может будет и голос под настроение.
Смысл конфы если можно писать в тред?
но мне пох. Взлетит не взлетит это чисто эксперимент. скорее всего здохнет конфа конечно но значит, так и надо
Короче, сегодня читая книгу по jquery наткнулся на абзац в котором написано:
"Говорят, что правило с 255 классами будет выше по приоритету, нежели правило с одним id, но надеюсь, такого кода в реальности не существует."
Короче мне стало интересно, и я сгенерил такую страницу. Результат можете наблюдать вот тут:
http://jsbin.com/hoturasusi/edit?html,css,js,output
Вот такая вот фигня)
>>503738
Вот. А то чет тупанул)
http://jsbin.com/hoturasusi/edit?html,css,js,output
так что нифига не перетирается). Если кто заметит ошибку - черкните
Сначала конспектирую, потом ебашу по памяти
Это очень странно. По идее класс добавляет 10 очков "Specificity", а айди всего 100. Поэтому должно быть достаточно 10 классов всего, но почему-то не работает.
Тут как бы шрифт PT Sans и размер шрифтов 14 px, но когда я выставляю такой шрифт у меня на странице это выглядит как говно. Когда выставляю для заголовка font-weight: bold- выглядит ужасно. Что автор сдеалал что бы его шрифты выглядели так няшно?
и да, может тебе не понятно будет почему я лольнул вот здесь >>503884
поэтому прилепляю скриншот спеки
Разберитесь в вопросе сначала, а потом спорьте. Ну и заглядывать в источники на которые ссылаетесь тоже рекомендую.
https://www.w3.org/TR/css3-selectors/#specificity
Лол, ты даун? Там тебе черным по голубому всё написано, ты даже читать не умеешь штоле?
Это ты даун
Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
Читать умеешь? Я и писал ему 0-1-0. А не 10 очков. Подход с 10 очками не правильный ибо ведет к недоразумениям, которые он и написал, что 10 классов перебьют айди
Ни то, ни другое, всегда если что-то не помнишь можно загуглить, все запоминать не обязательно.
Давай, ответь, сколько будет тут, либо ты пидораха тупая
.0.1.2.3.4.5.6.7.8.9 a=0 b=10 c=1 -> specificity = ???
>Что такое .0.1 и т.д. у тебя я так и не понял
Это просто классы. Ты пиздец тупой.
>Если a=0, b=10, c=1
>То специфичность 0-10-1
Теперь одной цифрой это напиши, как в спецификации. И сделай вывод, тупое ты хуйло
На сайте, который ты скинул, по другому пишут:
LI.red.level / a=0 b=2 c=1 -> specificity = 21 /
Одним числом, получается анон >>503834 прав
Ох блядь. Смотрите у нас есть 1 класс и 1 элемент
0-1-1
Вы хотите писать 11?
Окей, у вас есть 10 классов и 1 элемент
0-10-1
Как вы будете писать?
Бля, ты просто безмозглое чмо, посмотри на ссылку сначала, которую ты скинул, уёбище.
Нет, он вполне правильно говорит. Просто в большинстве браузеров используется система с 65536, 256 и 1 очком, но в спецификации ничего про это не сказано, это просто вопрос реализации. Можешь написать свой браузер, где будет 100-10-1 очков и это будет всё согласно спеке. Ты не прав, извини.
Нахуй иди, мразь, тебя рылом в говно ткнули, а ты ещё выёбываешься.
>в большинстве браузеров используется система с 65536, 256 и 1 очком
>чувак пишет о выдаче классу 10 очков
>говоришь ему, что он не прав
>ты сам оказываешься не прав
Охуеть у вас логика. Браво
Ты думаешь, что вот это твоё объяснение что-либо проясняет?
>Не 10 очков, а вот так
>0-1-0
"а вот так" это как? Ты ничего не объяснил, сразу начал флеймить, если ты знал про 256 очков, мог бы сразу сказать. Не думаю, что ты разбираешься в вопросе, просто хочешь потроллить. Подход с очками как раз таки правильный, просто там другая база, не 10. Может еще-то используется 10, это не важно, суть от этого не меняется вообще.
Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
>Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
Ну и лол? Сам подход с очками правильный. Ты реально идиот, правильно про тебя тут написали уже. Я сваливаю.
Сам же блядь пишешь через дефис и доказываешь что я не прав, когда пишу 0-1-0. Зато право тело, которое считает что 10 классами можно перебить айди. Кто из нас еще тролит?
Я ушел. Ну вас нахер. Считайте дальше как вам вздумается. Используйте вместо конкатенации сложение и т.д.
Идиот, я пишу сколько очков даётся за каждую колонку.
>Зато право тело, которое считает что 10 классами можно перебить айди.
Да, по примеру на сайте вк3 так можно сделать. Но в браузерах по-другому всё. Кстати, сейчас прочитал, что вроде в опере, например, другая база, не 65536-256-1, а больше.
В общем, ты тупое быдло, которые не разобравшись, начинает троллить других. Я тебе уже 10 раз объяснил, как это работает, любая макака бы уже поняла.
Цели какие: улучшение навыков верстки, (хочу все это адаптивным сделать) свистоперделки js, вьехать в БД, частично Php, админку сделать, семантику для продвижения. Думаю если даже не удастся вырубить бабла, то такой сайт с большим стеком технологий можно использовать при трудоустройстве,а не всякую хуйню двустраничную. Что ананас как мой план охуенный?сегодня уже приступил к выполнению,если есть интерес могу заливать на гитхаб, на обозрение,ну и для критики.
Заебался без цели верстать?Иди устраивайся на работу в говноконтору, там тестовое задание сделаешь и будешь зарабатывать
Там и нужно использовать сложении. Складывают все столбцы с друг другом, за первый дают x^2 очков, за второй x^1, за третий x^0. Ананасы всё верно тебе говорили, непонятно, чего ты взорвался.
Если бы был варик с гавно конторой,то я бы уже там верстал
Я конспекитровал. Сидел на работе, проходил и записывал все в блокнот. Потом дома как-то сел, в ворд все записи перевел.
Сколько вйди не юзай - встроенные стили не перебить. Сколько классов не юзай - айди не перебьешь. И никакое количество тегов в селекторе не перебьет класс. Вот и все, что нужно знать про специфичность.
Даже если можно - это не имеет никакого значения. Даже если у элемента 20 классов - это уже значит, что верстал долбоеб. Не говоря уже про мифическую возможность перебить по специфичности айди с 256 классами.
ну я вот поставил у родительского элемента паддинги, и они были разные в разных браузерах. потом сделал паддинги у дочернего ul и элемент стал одинаковым.
Нихуя не понял. Давай код.
Скорее всего у каких-то элементов разные дефолтные паддинги. Сделай * {padding: 0; margin: 0} и посмотри на результат.
делал уже.
Да и кстати, откуда в сафари такие большие марджины между дивами? они просто решили взять и заебашить по 50 пикселей между дивами? яхуею
Открой в сафари инспектор и посмотри. Там же написано откуда что берется. И выложи уже код — у меня сафари есть.
Содомит, чтож ты делаешь.
Заебали, го в телеграм.
Ну логично, ваши конфы как идею отхуесосили уже тредов 50 назад, ибо понятно, что не нужна.
я имею ввиду все эти ваши рассчеты
На торрентах нашёл только по основному js. Вот думаю, тратить сбережения или нет.
Ну определенно ему стоит доверять. Плюсом к тому, аноны тебя как аллаха вознесут, если сольешь ангуляр-реакт
да пох, явно не даун
В смысле покупки? Тогда сорта. Учат тому, что итак все гуглится, разжевывают бухгалтерам про теги.
Если ты про курсы на сайте-то я так же считаю, они противоречат правильному алгоритму обучения. Я думаю тот кто проходит их все, помнит только несколько пройденных последних. Единственный профит-это запоминание того, что какие-то теги существуют. А так как там постоянное дрочево из-за несовпадения пиксела-то это пустая трата времени.
Именно про них.
Практика помогает. И гугл. Запоминать кучу всего смысла мало.
Выкладывай методики!
Погугли, материала полно, в данном случае например-это простейшая логическая цепочка и примитивный алгоритм трансформации. Если мне показать это через месяц, то 10 секунд хватит чтоб снова все воспроизвести в точности. Мне кажется-это конечно более полезно в целом для работы мозга, чем в частности для запоминания какого-то конкретного материала. Хотя если подумать я сейчас сижу с открытой форточкой и мне прохладно, так я делаю специально, ибо мозг в нештатной ситуации начинает работать куда более динамично. Это тупо биология. Так же я ничего не учу на сытый желудок, опять же по тем же причинам, достаточно хорошенько пожрать и твоему мозгу уже до пизды, что ты ты там запомнить хочешь.
Ну и плюс повторение и вопроизведение для укрепления нейронных связей. когда ложусь спать вспоминаю все, что учил за этот день и день предыдущий. Если не могу вспомнить встаю и смотрю, что забыл. Так же открываю рандомные записи и вспоминаю все по этой теме, потом читаю и вспоминаю все что позабыл. Нейроны-это как мышца. А если брать сам процесс изучения, тут главное связывать новую инфу с чем-то уже существующим. Так сказать протягивание к новой связи старых ниточек, которые с большей вероятностью удержат новую инфу. Допустим хороший пример у кантора по методу .splice Это типо такой нож складной на обратной стороне которого фломастер(вроде бы хуйня какая-то да?) У него есть 3 состояния так сказать-сложен, разложен, рисует фломастером. Следовательно он сложен-с какого резать, разложен-сколько отрезать, фломастер-что дописать. Вот такая маразматическая хуйня позволяет запомнить .splice[0,1,'вот так'] очень надолго. А это всего лишь ассоциация с ножами и фломастерами, о которых ты уже знаешь.
А конкретно по этой хуйне достаточно составить логическую цепочку. И мозг будет запоминать это как 1 единицу информации. Допустим: На картинке шар, потом треугольник потом квадрат, ок. Представим что шар падает на треугольную крышку квадратного дома, дальше 5гранник-это результат сплющщивания от падения, затем треугольник на право-это крышка которая отвалилась и падает на новый квадратный но перевернутый дом, который тоже плющщица и тоже вверх ногами(соответственно), дальше пиктограмма-это сектант который делает из сплющенного дома снова квадратный. Теперь попробуй так запомнить и воспроизвести. Вуа-ля.
А ну и еще простой алгоритм трансформации, повернуть все по часовой сперва на 90градусов, потом на 30 и еще раз на 30.
хотя не, невнимательно посмотрел после поворота на 30 отразить зеркально еще надо и снова просто повернуть на 30.
Типа ты идёшь по кривой забывания Эббингауза? Вот у меня как раз проблема с долгосрочной памятью. Могу запомнить на неделю - потом вытесняется.
Да, принцип повторения. Если можешь запомнить на неделю, значит надо повторить в конце недели. Если постоянно этим заниматься запоминание пойдет лучше и лучше. Мозг удивительный инструмент, главное научить его работать как тебе надо. Так же не стоит забывать, что есть мышечная память и если все это повторять руками, ну скажем писать при вспоминании метода какого-нибудь массива, то это еще сильнее ускорит процесс.
А как его выбрать?
1. Ты новый проект сохранил с правильным расширением файла (.html / .css)?
2. Ты выбрал синтаксис внизу справа?
https://jsfiddle.net/wbcsh8yf/
По-моему нельзя, но у тебя один хуй не работало бы, ибо dislplay: block;
Один говорит можно, другой нельзя. А если убрать block - один хуй не пашет.
Я прав: It's also not meant to be used on replaced elements such as form elements (inputs) and image elements.
Спасибо, разобрался.
Используется для группирования любых элементов, например, изображений и подписей к ним. рубрика догадайся сам, если гуглить не умеешь
Я как раз таки загуглил, прежде чем спросить. Только вот ответ мне ничего внятного не объяснил. Что подразумевается под словом "группирования" ?
Пример там для кого? Он юзается для объединения в одном элементе связанные по логике, типа картинки с подписью=фигура. Или блок из нескольких картинок, или там блок социальный из иконок разных или аллах с поддаными . На самом деле он нахуй не нужен. Его смысл только в том, чтоб в куче дивов видеть другого типа див.
.parent img {
width: 96px;
height: 96px;
padding: 2px;
}
.parent:hover img {
width: 100px;
height: 100px;
padding: 0px;
}
В хроме просто убираюся паддинги, а пикча так и остается 96х96.
двач, могу ли на джуна весталу претендовать с такой еботой ?
http://litvinenkoevgeny.github.io/elegant/
http://litvinenkoevgeny.github.io/storyteller/
второй будет допиливаться и работать на react
*первый который elegant будет на react
Да можно много через что попробовать, но мне интересно почему такая элементарная хуйня не хочет работать, чяднт.
да, я хотел об ентом спросить, как верстать для телефонов ? То есть я когда свой chromium сужаю до все выглядит прилично даже если эмулятор инструментах разработчика не помогает, а зайду с телефона, там лютый треш.
эмуляторы есть какие нить, какова ваще good practice
бля ну с точки зрения не поддерживаемых свойств там проблем нет как я понимаю, там просто адаптивности нету и мало брейкпоинтов
кароч добавил к ним border-box - заработало. Хромог такой хромог. Какой же файрфокс няша, просто берет и работает.
Если только ты работаешь, или если все работают с ним, то нет, но вообще это проблема прокшена и следующей поддержки. Если потом кто-то будет что-то править и не использовать jade возникнет проблема, а ты окажешься хуесосом.
Алсо этот >>505111 прав.
Для подобных микроэффектов желательно юзать трансформации, потому как они не провоцируют перерисовку в браузере. Actually элемент остается таким как есть, а всякие преобразования делаются с его фантомом. Не говоря уже о гибкости инструмента трансформации как таковой.
У самого нихуя нет, но считаю что пока в макете есть недочеты (по твоему мнению), то не стоит их выставлять.
Значит всё таки лучше сделать всё по нормальному с костылями.
показывай
>У самого нихуя нет
оно и видно. недочеты эти все равно появятся, только поймешь ты это через пару месяцев после того, как закончил макет.
С такой же ситуацией столкнулся. На пару месяцев погрузился в джс, пилил для себя небольшие проектики, щас заканчиваю JS интенсив от академии полезная вещь кстати а из сайтов, которые можно показывать с гордостью - всего один. Остальные были наверстаны еще в конце лета, когда мой скилл верстальщика оставлял желать лучшего.
Какую? Поменял ширину и высоту картинки при наведении, ужас-то какой.
>>505275
Зато мой вариант будет работать на любом динозавре, алсо эти картинки у меня абсолютно спозиционированы изначально, так что на остальной поток они никак и так не повлияют.
На втором сайте мне слайдер не понравился. По центру не центр картинки при прокрутке, а левая часть, ближе к отступу.
а че нельзя текст обернуть в .text__wrapper а инпуты в .inputs__wrapper и их уже как надо расставлять ?
пс где то видал картинку с заднего фона.
все анон вроде закончил, напинай сайтец http://litvinenkoevgeny.github.io/elegant/
а лучше даже код https://github.com/LitvinenkoEvgeny/elegant
структура там все такое.
Я имел в виду производительность браузера. Когда на странице что-то меняется браузер начинает ее пересчитывать - это трата ресурсов.
Чтобы избежать лишних пересчетов стараются для декоративных изменений юзать трансформации.
На статичном сайте эффект от подобных вещей, конечно, минимальный, а вот на серьезных приложениях с кучей летающих во все стороны свистелок и перделок это считается хорошей практикой.
Делай пока на флоатах
лол
На 320 такой здоровый гамбургер в верхнем меню, можно по нему прямо кулаком ебашить.
дизайнер кажись латентный.
Иии что это? скрола на странице вообще нет, меню не работает, да вообще нихуя не работает с тем же успехом мог просто jpeg макета кинуть туда.
Зато webpack'ом собрано по последней моде
С полпинка ты JS и Ангуляр не выучишь, нужно хотя бы несколько месяцев этому посвятить.
Какие требования в тестовом? Что надо реализовать?
Implement items management system using provided mockup as a reference.
Pages:
1. Items table view.
2. Items tile view.
3. Create/add item.
Global requirements:
1. All pages should have navigation bar that highlights current page.
2. At least two pages worth of items should be available on app start.
3. Items added by user are persisted after page reload.
4. The app should work at least in the last version of the following browsers: Google Chrome, Mozilla Firefox, Microsoft Edge.
5. Same page should be opened after reload.
6. Every page should have unique URL (like /items?view=table, /items/:id and so on).
Pages #1 and #2 should:
1. Display items in corresponding manner (table or tiles).
2. Have pagination. It should be possible to change items per page and current page.
3. Provide text search by all visible text properties.
4. Open "Create/add item" page when clicking on item title.
Page #3 should:
1. Allow to add or edit items. Adding mode is opened by clicking on navbar "Create/add item" button, edit mode is opened by clicking on item title on either of two view pages.
2. Require validation. All fields should be at least required. Extra validation rules like numbers only, max length, pattern matching and so on are welcome.
3. Open table view after successful saving, deleting or canceling.
4. Allow to reset changes in edit mode. If no changes were made, the button should be disabled.
5. Be able to delete edited item. User should be prompted if he really wants to remove the item with modal dialog.
6. Be able to change item image. Image can be select either by dropping it into designated area or file select prompt that appears after clicking on it. Image is required.
Мне показалось что не столь трудно, думаю можно с гуглом выполнить даже человеку в глаза его не видавший.
Implement items management system using provided mockup as a reference.
Pages:
1. Items table view.
2. Items tile view.
3. Create/add item.
Global requirements:
1. All pages should have navigation bar that highlights current page.
2. At least two pages worth of items should be available on app start.
3. Items added by user are persisted after page reload.
4. The app should work at least in the last version of the following browsers: Google Chrome, Mozilla Firefox, Microsoft Edge.
5. Same page should be opened after reload.
6. Every page should have unique URL (like /items?view=table, /items/:id and so on).
Pages #1 and #2 should:
1. Display items in corresponding manner (table or tiles).
2. Have pagination. It should be possible to change items per page and current page.
3. Provide text search by all visible text properties.
4. Open "Create/add item" page when clicking on item title.
Page #3 should:
1. Allow to add or edit items. Adding mode is opened by clicking on navbar "Create/add item" button, edit mode is opened by clicking on item title on either of two view pages.
2. Require validation. All fields should be at least required. Extra validation rules like numbers only, max length, pattern matching and so on are welcome.
3. Open table view after successful saving, deleting or canceling.
4. Allow to reset changes in edit mode. If no changes were made, the button should be disabled.
5. Be able to delete edited item. User should be prompted if he really wants to remove the item with modal dialog.
6. Be able to change item image. Image can be select either by dropping it into designated area or file select prompt that appears after clicking on it. Image is required.
Мне показалось что не столь трудно, думаю можно с гуглом выполнить даже человеку в глаза его не видавший.
так я ж писал, что допиливаться будет, сейчас токмо верстка, опосля react прикручу
Проиграл.
Раньше были программисты на Джиквери, сейчас программисты реакте. Development never changes.
дак что не так то ? Яж для портфолио пилю дескать: "умею, могу". Я бля знаю что оверхед но выебнуться то нужно.
>>506096
Да без проблем бро, дело твое. Не могу судить о твоих знаниях, поэтому не принимай лично и всерьез.
Скажу только, что у меня человек пытающийся прикручивать, не совсем необходимые вещи на реакте без необходимых фундаментальных знаний вызывает легкую усмешку.
Как какой-нибудь начинающий верстала запиливший виджет на джиквери, преобразовав его из плагина. Он тоже выебнутся может, только в офисе ты не выебываться будешь, а код писать. И вот там сразу станет ясно - чего ты стоишь.
Нужно сделать так, чтобы эти иконки отображались адаптивно. То есть на примерно тех же местах на любом разрешении.
Юзаю:
position: absolute;
left: 50%;
margin-left: -26vw;
top: 1%;
width: 6.51vw;
Но в итоге картиночки залезают на текст в центре.
блиать, ты исповедаться сюда пришел штоле?
Сделать иконки флексами?
А имеет вообще смысл смотреть интенсив? Как оно, без наставника? А то я нищееб и 13к на курс у меня нет :с
Не, мы тут без смысла просто так сидим смотрим и плачем, что наставника нет. И в шапке специально другим советуем, чтобы они тоже погоревали
Ну мало ли, может в шапке указан совсем уж крайний вариант.
>имеет вообще смысл смотреть интенсив
нирикамендую.
сюжет так себе, концовка предсказуемая, какие-то ноунеймы в главных ролях.
Я же виде плюсы конфы в том, что она даёт возможность попиздеть, по-переписываться с собратьями по профессии или по увлечениям, нас уже несколько человек, присутствуют самые разные уровни - от совсем начинающего до профессионально фронта. Поможем, если сможем, можно также иногда попиздеть на темы отвлеченные от верстки. В общем, если тебе это интересно, добавлялся. Скуп - lad77752
Мсье пипирки в скайпе в лайврежиме осматривает? Да еще и за деньги. Каков хитрец.
Иногда бывает так жаль, что не могу оказаться по ту сторону экрана!..
На уровне запила статического лэндинга на флоатах в нотепаде.
Хотя, конечно, охуенно смотреть, как тяжелый проект собирается за 0.1 секунду, там где грант кряхтит секунды две.
>тяжелый проект
>за 0.1 секунду
Ага, очень тяжелый видимо, лол
Вот когда будет секунд 30 галпом собираться и 2 минуты грантом, тогда можешь его назвать тяжёлым
В седоне адаптивной фоновая картинка в хэдере урезается специальными свг-треугольничками
Что, блять, надо сделать, чтобы они не разъезжались по вертикальной координате при изменении ширины?
Настроил, блять, для мобильного 320px, увеличиваю ширину, а оно почему-то вверх уезжает.
КОД ВЫКЛАДЫВАЙ, МЫ ТУТ ЭКСТРАСЕНСЫ?
Скрипт в общем-то довольно стандартный - для выпадающего меню на мобильных версиях. Взят из урока по созданию меню, не менялся.
Собственно, проблема. Он не работает, если на сайт заходят с мобилы через вайфай. Реально, отключаю вайфай (подрубается E/3G), обновляю сайт, меню выпадает; подключаю вайфай, обновляю сайт - нихуя, никакой реакции, хоть обтыкайся.
WTF?!
https://jsfiddle.net/#&togetherjs=1A7LRmQ2n6
Хуею с этого жиквери, ведь все тоже самое делается на ванильном ДЖС красивее, короче и без вот этого вот "а пачиму ни работаит?????77"
Ребята, если есть у кого то JavaScript и jQuery.
Исчерпывающее руководство
Макфарланда
Поделитесь, плиз
подскажи, в какую сторону копнуть, js пока нет времени курить вдумчиво
Алсо, если проблема появляется после отключения вайфая то, возможно, косячит сам мобильный инет. Не успевает или вообще не хочет грузить джиквери, потому что эта хуйня немного таки весит, а без него скрипты не отработают.
Нашел, но там на инглише
наоборот, при подключении вайфая скрипт не работает, на мобильном инете все ок
А, да точно, невнимательно читал. Желательно консоль погонять, правда я хз, как ты к ней доберешся с мобилы.
>>507934
Консоль в инструментах разработчика. Если со скриптами проблема - они бросают ошибки, не отгружаются, попросту не работают, то почти всегда в консоль что-то выкинется и можно будет понять где обосрался.
https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging
https://addons.mozilla.org/ru/android/addon/console/
может есть уже какой-либо проверенный и работающий скрипт для моего запроса?
Код где бля, заебали тут битву экстрасенсов устраивать. Вангую ширина контейнера задана криво, либо margin, padding справа
с вероятностью 90% именно в нем загвоздка
И то, и то.
Держи шпаргалку.
А вообще-
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Материалы к интенсиву (считаю нужно в шапку прибить)
лол, еще и шпаргалку придумали, пиздец.
МОООООООООООООААААААААААААААААААААААААААААР ТАКИХ ШПАРГАЛОК.
МООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААР
блять прошуршал материал, пиздец сколько годноты. блять, двач торт.
Я тут уже тредов хер знает сколько эту ссылку кидал народу и говорил добавить в шапку)
добавлю в шапку следующего
мне похуй что тебе приятно, а что нет. соси хуй, уебище.
Есть у меня например каталог с 1000 товаров, однотипных, с фото, названием и ценой, короче говоря типичный итернет-магазин. Понятное дело что верстать 1000 айтемов не есть вариант, проще сделать один, который клонировать N раз и вписывать данные через json.
Вопрос в следующем - именно клонирование такого блока -каким образом можно реализовать? То есть логическая цепочка понятная - есть <div></div> который надо клонировать и заполонить данными. А с технической точки зрения - такое jquery делает?И если да то как?
Шаблонизаторы погугли. Либо смотри интенсив базовый по js. Еще в продвинутом по верстке тоже есть нечто похожее с использованием mustache.js
Копай в сторону шаблонизации.
Неплохой подход показан в интенсиве JS академии.
Там юзают <template> в сочетании с методом node.cloneNode(true).
А jquery тебе для этого нахуй не нужен.
пикча в тему
>на css не судьба написать?
Ну и как ты себе это представляешь?
Пример: http://www.rbc.ru/ Меню "Телеканал Газета Журнал Деньги и т. д." на маленьких экранах не поместившиеся пункты помещаются в Еще
нету
Другой анон
Кстати, парни тут базовый свежайший вроде по интернетам гуляет за 2016 год. С новым макетиком с мороженком.
Если хочешь чтобы он динамично запиливал элементы в дропдаун, тогда да. А если просто выстроишь конструкцию которая при определенном разрешении, например, половину пунктов схлопывает в меню, то из джс функционала тебе понадобится разве что classList
>>508083
А так же как я понял, тут по Фотошопу урок не в виде скринкаста маленького, а тупо занятие с Громовым, но зато по новой версии программы. Короче хз. А ну и еще новый макет.
http://nnm-club.me/forum/viewtopic.php?t=999246
Хули там представлять, ничего сложного нет, можно написать на css под нужные разрешения, там менять-то надо две строчки. На жсе будет быстрее и компактнее. Но сама реализация проста и на чистом css.
Добра тебе. Двач охуенен.
А есть здесь кто с нуля начал и нашел себе работку в офисе на фрилансе?
И сколько у вас это заняло времени?
Я так почитал оп-пасту и там что б все изучить (курсы, книги, примеры) нужно пару лет ежедневного пердолинга. Или я ошибаюсь?
Блять, почитай шапку. Не еби мозги нам тут всем, ради бога. Хочешь вкатится 2-3 месяца верстка макетов + продвинутый курс и все ты уже на работе джуном. Пол года-год. Зависит от твоих умений. Потом js и ты уже специалист. Хочешь всего и сразу иди блять хуй сосать гей шлюхой.
>есть здесь кто с нуля начал и нашел себе работку
нет таких. открою тебе секрет, эти треды - один гигантский троллинг безработных лузеров, которые к 20+ годам нихуя ничему не научились, но думают, что у них еще есть шанс выбраться из жопы.
Меня больше интересует мнение не кукаретиков а тех кто реально начал и чего либо достиг.
За 50 тредов таких должно быть много не?
ты пидор гнойный только что ответил человеку который рассказал как он вкатился в офис, сука ты тупая блять.
Слушай выплюнь говнецо изо рта для начала прежде чем общаться с людьми.
Я спросил нормально ок?
Нет блядь вылез какой то хуйлан и батхерит во все стороны.
Нечего сказать нормально так игнорируй.
Что за дегенераты то бывают.
Нет. Все это сказки. Закрой спокойно вкладочку в браузере и больше не заходи сюда, тут ничего полезного и интересного ты для себя не найдешь. Спасибо за внимание.
Один из авторов старого гайда и нескольких тредов из первых репортинг ин. Учился полгода, нашел работку, сейчас опыта чуть больше двух лет, получаю в офесе в дс 105к на руки, думаю перекатываться в джавку. Задавай свои ответы.
захуячил первый макет - первая инициация, наговнокодил первый жс скрипт - вторая и т. д.
прозелитов с тупыми вопросами чморят.
Хочешь нормального ответа, вытри сперму из глаз и прочти тред. Нет блять, вылезет хуесосина которому надо все на блюдечке подать и баттхертит, что ему по существу не отвечают. Что за дегенераты блять.
Не люблю и не хочу верстать, не хочу вообще дрочить гуи, js язык так себе, лезут неочевидности и прочее говно, стоит выйти за пределы лучших практик, заебали вечные 100500 фреймворков, в отрасли много аутистов, выучивших жиквери и нихуя больше не делающих. В джавке разнообразнее отрасли применения, больше платят, хочу для разнообразия попробовать компилируемый язык с более строгой типизацией, плюс более важную роль играют алгоритмы и структуры данных, мне эта тема интересна. Плюс я не видел ни одного СТО из фронтендеров
А каков изначально бекграунд был? Вузики, опыт работки? Почему вообще решил в верстку тогда два года назад?
Это к тому что хочешь в джаву перекат делать. А почему изначально туда не пошел а начал с верстки?
>А каков изначально бекграунд был? Вузики, опыт работки?
Средний технический вузик в дс, не на кодера, работал продаваном, стажером в hr конторе(лол) , быдлоинженером на заводе. Тут стоит упомянуть что с погромированием я познакомился еще в школе и всякое говно типа переменных и циклов конечно уже знал.
>Почему вообще решил в верстку тогда два года назад?
Верстка пошла легче чем пхп, а мне кушать хотелось, вот туда и пошел
>Это к тому что хочешь в джаву перекат делать. А почему изначально туда не пошел а начал с верстки?
см. выше, в джавку порог входа повыше.
Забавно но у меня такой же бек. Программирование в школе и потом карьера хуйпоймикого.
Наверное действительно верстка как первый шаг самое оно.
Я знаю ребят, кто вкатился сразу в джавку, знаю тех кто вкатился в похапе. Тут не угадаешь
Для меня основная проблема с изучением явы или тех же дотнетов это недостаток обучалок типа Интенсивов как в этой теме.
Т.е. что б мне показали и рассказали на примере живого проекта почему и как это реализуется.
Я воспринимаю инфу как вот этот господин >>504672
Т.е. два месяца изучать абстрактные понятия ЯП без понимания их применения на практике не вариант для меня.
Ну, тут я могу сказать что зачастую вся это ебанутая обвязка вокруг учится по ходу дела, когда ты найдешь работу. Это с одной стороны, с другой же для той же джавы есть такие курсы, но за бабло. Я даже знаю такую штуку для джавы, что ты платишь только определенную часть суммы, а остальное можешь заплатить только когда найдешь работу, и ребята которые это организуют, они устраивают людей. Такие дела.
юзай browsersync
Гугли grunt-contrib-watch и берешь простейший кейс для него.
Я в свое время настраивал, легко и просто. Правда при включенном вотчере появились проблемы с редакторами, файлы перезаписывались по желанию моей левой пятки, так что пришлось отказаться.
У нас был такой говнокодер на работе, полный мудак и вечно с хмурым ебалом, он ненавидел свою работу.
Палю годноту, и то только потому, что тут адекватные ананасы сидят, которые тоже помогают.
https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh?utm_source=chrome-app-launcher-info-dialog
А что юзают в 2016? Gulp?
какого хуя у меня этот нонейм клаб не открывается? даже через тор
ПО ПОВОДУ ПРОБЛЕМ КЛАБОМ
Пока просмотрел первый урок. Есть одно большое различие т.к. в новом курсе идет работа через GitHub что есть хорошо.
Плохо то что я ебусь с этим гитхабом несколько часов и нихуя не пойму как там публиковать свои страницы. Из курса и из шапки нихуя непонятно (в курсе они там автоматом настроили публикацию слушателям).
нахуй тебе гитхаб? Я через brackets смотрю что сверстал. А как публиковать так это вобще изи. В гайде все написано
>Гайд от анона по гитхабу:
http://randomfederation.github.io/
Сам то я могу и XAMP развернуть и на хостинг залить.
Но мне интересно разобраться и работать с этим GitHub как белый человек.
В гайде ненаписано как публиковать страницы прямо на гитехаб.ио, я разобрался немного как публиковать один проект из корня а вот как создать там еще подпапки проектов не могу пока.
Блядь три кнопки/действия на этом гитхабе и хуйпроссыш что к чему.
ты неправильно понимаешь принцип. Я писал уже как все это изи понимать через консоль, опять писать что ли?
Ну если это ты написал >>500978 то я попробовал и там не получилось (т.е. янепонялблядь) в месте
[CODE]->ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой. ->[/CODE]
где копирнуть что копирнуть. в самой консоле или просто в эксплорере.
ну и дальше
[CODE]-> git push -origin gh-pages.[/CODE]
меня консоль послала нахуй с таким параметром -origin
Я описался там, он не будет пустым, на момент создания новой ветки он будет копией основной ветки master, но если изменять дальше master, gh-pages меняться не будет и надо будет смержить эти ветки, то есть добавить в gh-pages все изменения из мастера. КОПИРНУТЬ и есть смержить, по факту гит возьмет все чего нет в gh-pages, но есть в mastrer и добавит в gh-pages, при этом проследит на наличие конфликтов. После мержа ветки одинаковые будут. И в последнем случае напиши без флага git push origin gh-pages.
А смысл всего действия в том, что разработку ты ведешь в ветке master и пушишь ее удаленно тож из ветки мастер. Gh-pages тут исключительно для хостинга. По результате получается один и тот же проект на локальном пеке, на удаленном хабе в ветке master и на удаленном хабе в gh-pages. А гитхаб просто хостит то, что в ветках gh-pages по адресу (имя пользователя).github.io/(имя репозитория)/
body {
padding-left: 20px;
padding-top: 50px;
padding-right: 40px;
padding-bottom: 80px;
}
он преобразует в
body {
padding: 50px 40px 80px 20px;
}
реквестирую название или ссыль на нпм.
Ты прикалываешься что ли? Изначально пишется 2ой вариант, если тебе 4 разных отступа надо. Или тебе не судьба запомнить направление по часовой стрелке?
Антоши, а кто-нибудь из наших тредов уже пришел к успеху, хотя бы минимальному?
нет
Нет, все в макдаке закончили.
пошел нахуй со своими извинениями, пидарас. можно было прочитать фак и тред.
тупая ты скотина.
Да. Смотри на десяток ответов вверх.
Я вот сегодня начал и скажу что htmlacademy действительно очень недурна. Курсы + интенсив с реальными макетами то что нужно.
Даже если тебе не понятно нужно оно тебе или нет рикамендую просмотреть 1-2 урока интенсива и пройти бесплатные курсы 5-7 у них на сайте.
Потратишь день но для общего развития и понимания как работают вебстраницы поможет.
ну бля он и для font все делает и бордеры и бокс шадоу так же объединяет и в нужном порядке по правилам рассталсяет, сначала позиционирование потом отступы потом цвета шрифты и т.д. ну типа в соответствии лучшим практикам, нахуя мне руками то что-то делать ?
font-size, font-family, line-height типа все как надо соберет, яж не хуесос делать то что может сделать программка.
вопрос в другом. Расписывая эту хуйню всю ты тратишь гораздо больше времени, хоть он тебе потом и соберет, неужели уже такую элементарщину нельзя запомнить...box-shadow, ахуеть.
а вот тут я не понял, какой хуй он тебе будет собирать из фонт сайза или лайн хейта?
да помню я все эту хуйню, но нахера ? Допустим мне надо паддинги снизу и справа, я быстрее напишу так:
body {
pb10+pr40 [tab]
}
нежели
body {
p0-40-10-0
}
как минимум на один символ больше жи
он превратит мой
body {
font-family: "arial";
font-weight: 900;
font-style: italic;
font-variant: small-caps;
line-height: 15px;
}
в
font: [font-style||font-variant||font-weight] font-size [/line-height] font-family
Бля вот этот случай прям показательный. Если с паддингами еще можно поспорить, типо везде 10, а справа 40, там да мб и есть логика, однако тут все элементы ты прописываешь сам и писать их сразу в строку будет быстрее.
Если ты думаешь что это хоть как-то повлияет на твою скорость разработки, то ты ошибаешся.
ИМХО еммета хватает за глаза. А все тобою описанное уже лишнее и толку от него минимум.
мимо
А вообще это какая бессмысленная хуйня, гальпом собирать из-за лишнего символа ну пиздец, как-будто что-то изменится если у тебя будет сразу в две строки pb10+pr40 написано, или гальп соберет тебе это говно в 1 строку.
Оооо, а я так переживал по поводу нескачанных интенсивов, добра тебе!
> ак-будто что-то изменится если у тебя будет сразу в две строки pb10+pr40 написано, или гальп соберет тебе это говно в 1 строку.
ну сисска будет поменьше весить, по правилам https://learn.javascript.ru/css-format#свойства-сильнее-влияющие-на-документ-идут-первыми собираться будет
> А вообще это какая бессмысленная хуйня, гальпом собирать из-за лишнего символа ну пиздец
у меня так и так им собирается из scss в css + минификация всего один лишний шаг появится
ну пох раз никто не юзает значит так и не прижился плагин, хотя я о нем на реддите давно слышал, там всем понравилось
лол, потому что ты так не умеешь ? Или заказчикам не надо ( частенько надо по объявам на upwork)
Потому что бессмысленное дрочево которое ни на что не влияет, но отнимает кучу времени. Ни один адекватный заказчик не будет про это упоминать, если он хоть немного в теме, а если нет, то это значит, что он лезет в воду не зная броду, с ним только проблемы будут типо тут 5 пикселей несовпало, там 6 недоехало. Дело твое, хочешь с такими уебанами работать-работай.
Двачую этого. Обычно пиксель перфект требуют либо чуваки привыкшие работать с долбоебами уровня "и так сойдет", либо просто немного неадекваты.
Нормальный разработчик и без этой хуйни сделает все красиво.
вот это уже похоже на аргументацию, спасибо.
юзаю pp, но дрочку пикселей на хую вертел, чисто чтобы с линейкой не мерить всю хуйню в фш.
блять, да половина макетов криворукими косыми уебанами склепана, хули там перфектить-то.
Так же можно и на вёрстку забить, лол. Бомбанёт адепт и будет проецировать на всё своё pixel perfect.
главное-это сохранение функционала и почти полное соответствие дизайну. Тем более что некоторые дизигнеры не имеют представления о технической реализации своей дрисни, пойди блядь попробуй их хуету в ПП реализовать.
удаленка, переезд. Очевидно же блядь
Вот есть гитхаб, там есть мой репозиторий.
Туда я через гит-десктоп, как настоящий даун, заливаю папочки проектов (пикрелейтед), чтобы смотреть их на gh-pages (каждый проект открывается через name.github.io/project-folder). Т.к. все работает, то мне норм, мне пока не хочется заморачиваться с гитом, верстку бы доучить.
Но тут я выше читал, и все делают по-другому, по-хардкору через терминал.
Пиздец ты все замазал, конспиратор хуев. Кому ты тут нахуй нужен со своим гитхабом?
НЕ ЗАБУДЬ ДОБАВИТЬ В ШАПКУ
Я пролистал. Отличия:
- работа через гитхаб (даются совсем уж базовые сведения по гиту на первом уроке)
- новый макетик
- нету допов
- в 6 уроке нету доп видео
- нету бонусных видео про эммет и dev tools
- урок по фотошопу не скринкастный
а так все то же самое.
Так он лучше или хуже старого интенсива? Объективно.
Алсо, запили макетик сюда новый, будь няшей.
ебаный enter
что за pp ананас ? Скажи гуглить хоть что ? Есть херня с помощью которой можно без фш верстать ? А то у меня на линухе он периодически ебу дает.
Из этого можно глянуть если ньюфаня только 1 урок (часть про гит). 3 урок (из-за того, что версия фотошопа новее). и скачать макетики.
Все остальное, лучше смотреть со старого и читать допы
А, ну и само собой урок по фотошопу в старом тоже смотреть (скринкаст, который на 30 минут примерно). Там все сжато и информативненько (хотя и старая версия). А то мало ли не уточню, а ты и не посмотришь этот урок из старого.
ага, нашел, пойду чекать спасибо.
Самый лучший метод это оплатить скачать и пройти. Базарю.
хуйню показывает
Дополнительные материалы
Зацени Avocode - эта дрисня призвана избавить от необходимости ебаться с ФШ в виртуалочке/гимпом.
таки есть, точнее был триал, оно научилось уже с шрифтами работать ? раньше letter-spacing line-height приходилось в фш смореть
Тут понимаешь в чём дело, дружок. Без курсов на сайте ты на интенсиве бы слушал про все теги подряд, а не про то, как их применять при вёрстке проекта. Так что курсы не просто нужны, они, блять, необходимы.
И стоит ли делать свои велосипеды?
Ищешь красивые макеты - верстаешь. Вот тебе и портфолио на версталу. На фронта уже думвю надо приложуху пилить какую-нибудь, где покажешь, что умеешь в фреймворки, архитектуру... В этом случае лучше в js тред уже перекатываться и там спрашивать кто че пилит и может идейку подкинут
Про счетчики на пике. Жмешь плюс - число увеличивается, жмешь минус - наоборот. Можно ли такое реализовать на CSS?
2 вопрос. Как учить JS? Встретил задачу - ищешь решение? Вот например эти же счетчики, какой надо уровень что бы их сделать? Кидать версать и пытаться сделать на чисто JS?
Или надо пройти курсы? Вот я например писал немного на писал на С и Питоне. Начал учить по LearnJS.ru, понял что JS это не такой уж плохой язык, смахивающий синтаксисом на Си.
Но я так и не понял когда начнут учить всем этим ебучим финдифлюшкам и украшательствам по типу выпадающих менюшек и всему чему так хотят заказчики.
>>509580
Верстка на мобилке. Это спарта сынок
Счетчики на js в продвинутом такое задание на дом дают. Посмотри два аидео по js из него и легко сделаешь.
Есть базовый по js - можешь его смотреть тоже.
>что если я сейчас попытаюсь сверсать на чистом JS[\B]
нее верстай на чистой django коль питошку знаешь... и rest-framework прикрути туда иначе никак.
https://jsfiddle.net/xz99w5q7/
> Вот например эти же счетчики, какой надо уровень что бы их сделать?
уметь без жквери собрать нужные елементы на странице, повесить на них хендлер и преобразовывать типы.
>Встретил задачу - ищешь решение?
ваще да, но для начала https://learn.javascript.ru/ вздорчни кантора, есть pdfка ворованная за 15 год его учебников в гугеле.
бывают моменты когда без jquery не обойтись ( пизжу не бывает) там короче тонкая грань между целесообразно на чистом жс сделать и когда в падлу, короче учебники потом помогай ананасам в жс трейде, когда поймешь что помогать неохота ибо вопросы совсем тупорылые (как твой) добро пожаловать на некст левел, фреймворки тогда дрочи реакты там и прочие полимеры.
вот ты проебал фотку а я обработчик клика не туда повесил
по тексту взрослые или дети кликай если че
Спасибо, держи няшу
а JS то впереди планеты всей
ну бля php + %cms_name% + jquery на фронте вполне себе фуллстак
Все правильно сделал.
Теперь уже начинай присматривать себе домик в подмосковье и машинку по статусу.
Мой 1 px это до середины горла твоей мамани
Это копия, сохраненная 22 апреля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.