24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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 и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Все было здорово, писал игрушки на юнити, а потом на флеше. Только вот нихуя именно 0 заработал с этого. Мамкины борщи конечно вкусные, но пора бы уже зарабатывать на свои.
спрашивал в программаче, посоветовали вкатиться во фронт-энд. Настроен я более чем решительно. Моя задача- начать зарабатывать.
Но я походу пошел не с той стороны. А именно начал изучать жс по http://learn.javascript.ru. Как думаешь анон, наверное сначала стоило заняться освоением html/css и верстки в целом?
Думал освоиться с этим, сделать проект для портфолио и начать ходить на собеседования. Может быть html и css стоит заняться уже во время создания своего проектика?
Как думаете, 2.5 месяца достаточно для этого?
И да, такой еще вопрос, имеет ли смысл решать все эти учебные задачи? Попрактиковаться я понимаю что полезно, легкие задачи делаю, но вот требующие времени дропаю.
объебался и запостил этот посто в жс-тред на программаче. Неудобно вышло.
>>500920 Еще раз блядь напиши, заебали уже одно и то же спрашивать. Не ебем мы сколько тебе времени надо. Фронтенд начинается с H+C. Не думай, что в верстке нет нюансов и там все изи бризи, что на ходу все выучишь, лол. Про задачи сам думай, ебет что ли кто-то как ты материал воспринимаешь и закрепляешь и запоминаешь и готов реализовывать потом.
>>500920 Думаю лучше освоить html, css, позже js. Наверстай говна поначалу, а потом делай портфолио. Может тебе и хватит времени если въебывать будешь как черт и всё понимать. Лично я не проходил всякие задачки на сайтах и прочее. тупо начал смотреть интенсив и вкатываться потихоньку. (на счет зада думаю что есть иногда в них смысл, т.к узнаешь некоторые фишки)
>>500948 Кароче поясняю так, как хотел бы чтоб мне объяснили, когда я с этим ебался. У тебя есть локальный проект 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.
>>500978 Если хотите просто лить в pages для создания превью, то все гораздо проще делается. Просто создаешь новую ветку прямо в интерфейсе на сайте с названием gh-pages. Вуаля, все готово. Если ветку надо обновить, просто заходим в create pull request, выбираем ветки для сравнения, сравниваем бранч pages с мастером или любым другим актуальным рабочим билдом и мерджим, тоже в интерфейсе. Вот и все.
>>501000 Не заебешься каждый раз обновлять-то? Проще всего выпилить с гитхаба и из локального репоизтория ветку master и разрабатывать прямо в gh-pages.
Если проект более сложный, то можно выливать поддерево в отдельную ветку командой git subtree push --prefix build origin gh-pages (здесь выливается папка build).
>>500978 оговорился немного. При создании gh-pages ветки она будет не пустой, а будет копией mastera на момент создания, но так как разработку логичнее вести в мастере, то мержить потом все равно придется. Это Если конечно не хостить готовое, у меня какая-то привычка сколько сделал-столько захостил. На андроиде там загрузить посмотреть, то се.
>>501007 В моем случае gh-pages нужен только для портфолио, вернее для отображения проекта в инете, а разработку веду на локальном сервере нодовском. Поэтому работаю через master и дополнительные бранчи. Когда конкретный кусок сделал, тогда уже, если надо обновляю. К тому же, в pages я заливаю уже почти готовый или готовый проект, который разве что требует допила. Смысл постоянно обновляться в pages?
>>501031 > Как справочник он полезен да я смотрю сейчас все как справочник полезно. Html не какая-то алхимическая наука и почти все подобные сайты говорят одно и то же.
>>501034 Я не только о верстке. В нем лаконично перечислены JS методы, без кучи потробностей как в мозилле, и без отсебятины как в большинстве сайтов ру сегмента. Если нужен справочник по верстке - используй css-tricks.
>>501038 > как в большинстве сайтов ру сегмента вот кстати да. Поэтому тот же htmlbook мне в свое время дико не понравился.
> используй css-tricks Хорошо, учту.
Вообще, за последние пару дней мне столько советов дали, что голова кругом идет. Кучу вещей надо освоить. Единственное что радует что все довольно подробно растолковано да и в принципе сказывается опыт.
Решил попробовать разделять лесс-файлы в соответствии с бэм-блоками. Сделал и подключил main.less, в него импортирую блоки header.less, footer.less и т. д. А если надо повесить шрифт на body, для него тоже получается пилить отдельный файл штоле? Или в том же main.less прописать?
Объясните такую простую вещь как хостинг и домен. Где вы верстаете свои пробные макеты? Знакомый посоветовал установить локальный сервер и делать все на нем. Я скачал xampp, но честно говоря нихуя не понял. Как быть? Или все таки потратить 100 рублей на хостинг? Объясните совсем ньюфагу.
>>501448 Для верстки тебе этого не надо. Большинство редакторов имеет лайвпревью. Либо встроенное, как в брекетсе, либо в качестве аддона. Можешь вообще сломать систему и тупо перед началом работы закидывать свой index.html в браузер, а затем уже верстать. Еще вариант - локальный сервер. Но опять же для верстки не нужно ничего больше чем показано здесь https://learn.javascript.ru/ajax-nodejs
>>501484 Всё ещё дрочите вёрстку, долбоёбы? Какого это, осознавать, что есть такие иждивенцы вроде меня, которым можно ничего не делать, и у них всё будет? мимо живу с мамкой, ем её борщи, поясняю за жизнь младшему брату
Не западло ли здесь просто навесить на свг какой-нибудь класс и через css менять у него width, height, fill и т. д? Что-то по-моему так никто не делает.
>>501743 Смотри интенсив дальше. Размеры надо дублировать в хтмл, чтобы в дальнейшем какие-нибудь долбоебы не поменяли мелкую картинку на огромную, например, что похерит верстку.
ПРИШЁЛ НА РАБОТУ НЕДЕЛЮ НАЗАД @ ПЕРВЫЙ ОФИС ЗА 26 ЛЕТ @ КОМПАНИЯ ОТМЕЧАЕТ СВОЁ ДЕСЯТИЛЕТИЕ @ СКУШАЛ КУСОЧЕК ТОРТА, СТОЯ У СТЕНЫ @ ПОСИДЕЛ НА СТУЛЕ @ ПОШЁЛ ДОМОЙ ИГРАТЬ В ВОВ @ ПОСИДЕЛ НА ДВАЧИКЕ
>>501966 Смотря куда апплаишься. В зависимости от требований. Что за вопросы блядь тупые. Ты ребенок чтоли? Кому твой компилированный копипаст в ксс нужен?
Ребят, подскажите плагин для ST3 что бы он мне либо выводил список из моих переменных, либо автодополнял, когда я ввожу $. Есть вот такой https://github.com/MaciekBaron/sublime-list-stylesheet-vars , но если мои переменные в другом файле, то он их не находит.
ПИЗДОС, сгорела мамка, утянув за собой проц (судя по всему, на другой мамке он не заводится). Посему мне минимум недели две сидеть на некропекарне (селерон е1600, 2гига оперативки). Думаю поберечь нервы и сесть плотно за теорию JS. Или я не прав и надо продолжать верстать, превозмогая десятиминутное обновление лайвпревью?
Тупой вопрос. Допустим, есть фильтры товаров для магазина (чекбоксы и радиобаттоны). Интуиция подсказывает, что надо их делать ul. Но смысла в этом особого не вижу. Хотя видел как такое делают другие. Так вот, надо их обрамлять в список, и есла да, то зачем?
верстаны, го в скуп обмениваться опытом . я сейчас верстаю адаптивные сайты в портфолио на LESS, с использованием gulp. Js на уровне написания простых скриптов, XMLHttp request запросов и подключения плагином jquery вкупе с комфортный работой с командной строки. использую emmet и sublime text, знаю фш на уровне верстальщика. с вордпрессом работать пока не пробовал. В общем - обмен опытом - очень полезная штука, да и возможность поболтать с людьми, близкими по духу, будет радовать. мой скайп lad77752
>>502113 может лучше реально конфу телеграмма создать как уже предлагали раньше? А то уже не первый раз предлагают куда-либо перебраться и там чатиться
>Работу находим в конторках и крупных фирмах. Возможно ли устроится без диплома? Дело том, что я великовозрастный хикки без полного среднего образования( не полное среднее), поэтому от ваших ответов зависит, буду ли я изучать верстку.
>>502670 Смотри вакансии. Например, для джунов и стажеров часто встречаю требования высшего айти или технического образования. По сути оно и нахрен никому не нужно, но, я так понимаю, это один из множества фильтров для неадекватов и просто тупых, чтобы не тратить на них время.
>>502676 Двачую. Если тема интересует - ты бы уже сидел, смотрел интенсивы и проходил курсы. Если просто хочется денег или найти хоть какую-то работу - не стоит даже начинать.
>>502800 for – это цикл, итерация. Ты задаёшь параметры (начальная инкрементируемая переменная ; условие, до которого будет происходить цикл; как инкрементировать) controls – выбрать объект из массива controls под индексом i
>>502800 у тебя есть коллекция controls controls.length - количество элементов в ней (ну или последний элемент + 1) controls - ты берешь i-й элемент коллекции.
Если ты такие основы не знаешь - то иди и читай их. Хотя бы на том же learn.javascript.ru или любую другую книгу для новичков или курс
>>502820 Спасибо >>502822 Спасибо > Если ты такие основы не знаешь - то иди и читай их В продвинутых курсах думал все объяснят, но вот эти моменты проигнорировали, вот и не понятно.
>>502850 В базовом или продвинутом интенсиве это есть вроде бы в разделах по js. Ну и само-собой в интенсиве базовом по js это тоже есть. Там разжевано
>>502873 На интенсиве чувак говорил: из высоты шрифта вычитаешь размер шрифта, делишь на 2 это будут внешние отступы сверху и снизу для твоего шрифта. А знакомый верстала говорил мне считать отступы по высоте палочки, которая появляется, когда ты печатаешь.
>>502913 Чувак фронт-енд - это айти. Где ты видел чтобы при приеме на работу айтишники смотрели в первую очередь на такую хуйню как диплом? Человек может иметь три диплома, но если он не умеет делать то что должен, то может сразу идти нахуй.
>>502932 30к. Давно протухшие и, самое главное, сложные и неудобные в использовании технологии. Овердохуя джунов, что дает очень "интересный" эффект вкупе с предыдущим пунктом. Низкие требования к продукту, чуть ли не до абсурда доходит.
Атмосфера там довольно ламповая, но мне надо расти, а не проебывать время. Если интересно, могу ПОДКИНУТЬ ссылку на вакансию и рассказать, что говорить на собеседовании - мне не жалко для анона.
>>503278 Конечно не мое, ведь обьяснить нихуя мы не можем, оказывается не мое, пошли нахуй, все остальное нормально шло но тут они пиздец нахалтурили, даже комменты закрыли, пидоры.
Есть набор элеменов блока с разными фонами (не только картинка, а еще всякие градиенты и т.п.). Как по БЭМ их называть, давать каждому свой модификатор?
Посоны, помните тут недавно было обсуждение специфичности? И многим было интересно перетрет ли вложенность классов селектор по id. Короче, сегодня читая книгу по jquery наткнулся на абзац в котором написано: "Говорят, что правило с 255 классами будет выше по приоритету, нежели правило с одним id, но надеюсь, такого кода в реальности не существует."
>>503775 Это очень странно. По идее класс добавляет 10 очков "Specificity", а айди всего 100. Поэтому должно быть достаточно 10 классов всего, но почему-то не работает.
Очередной платиновый вопрос. Есть седона - https://ayrgrant.github.io/sedona/ Тут как бы шрифт PT Sans и размер шрифтов 14 px, но когда я выставляю такой шрифт у меня на странице это выглядит как говно. Когда выставляю для заголовка font-weight: bold- выглядит ужасно. Что автор сдеалал что бы его шрифты выглядели так няшно?
>>503906 Это ты даун Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.
Читать умеешь? Я и писал ему 0-1-0. А не 10 очков. Подход с 10 очками не правильный ибо ведет к недоразумениям, которые он и написал, что 10 классов перебьют айди
>>503921 Ох блядь. Смотрите у нас есть 1 класс и 1 элемент 0-1-1 Вы хотите писать 11? Окей, у вас есть 10 классов и 1 элемент 0-10-1 Как вы будете писать?
Анон, который говорит про систему очков прав. НО! система очков не десятичная, за первую графу дают сразу 65536 очков, за вторую 256, за третью - всего 1 очко. Поэтому 256 классов должно быть достаточно, чтобы переписать один id, странно, что в жсбине это не работает.
>>503931 Пидораха, я тебе тот же вопрос задаю, я ебал, как можно быть таким долбоёбом как ты? >>503932 Спасибо за разъяснение. Меня этот пидор пиздец взбесил.
>>503941 Нет, он вполне правильно говорит. Просто в большинстве браузеров используется система с 65536, 256 и 1 очком, но в спецификации ничего про это не сказано, это просто вопрос реализации. Можешь написать свой браузер, где будет 100-10-1 очков и это будет всё согласно спеке. Ты не прав, извини.
>>503943 >в большинстве браузеров используется система с 65536, 256 и 1 очком >чувак пишет о выдаче классу 10 очков >говоришь ему, что он не прав >ты сам оказываешься не прав Охуеть у вас логика. Браво
>>503950 Ты думаешь, что вот это твоё объяснение что-либо проясняет? >Не 10 очков, а вот так >0-1-0 "а вот так" это как? Ты ничего не объяснил, сразу начал флеймить, если ты знал про 256 очков, мог бы сразу сказать. Не думаю, что ты разбираешься в вопросе, просто хочешь потроллить. Подход с очками как раз таки правильный, просто там другая база, не 10. Может еще-то используется 10, это не важно, суть от этого не меняется вообще.
>>503955 >Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity. Ну и лол? Сам подход с очками правильный. Ты реально идиот, правильно про тебя тут написали уже. Я сваливаю.
>>503969 Сам же блядь пишешь через дефис и доказываешь что я не прав, когда пишу 0-1-0. Зато право тело, которое считает что 10 классами можно перебить айди. Кто из нас еще тролит?
>>503973 Идиот, я пишу сколько очков даётся за каждую колонку. >Зато право тело, которое считает что 10 классами можно перебить айди. Да, по примеру на сайте вк3 так можно сделать. Но в браузерах по-другому всё. Кстати, сейчас прочитал, что вроде в опере, например, другая база, не 65536-256-1, а больше. В общем, ты тупое быдло, которые не разобравшись, начинает троллить других. Я тебе уже 10 раз объяснил, как это работает, любая макака бы уже поняла.
Аноны, заебался без цели верстать,короче думаю договориться с одним зоомагазином, в который сам хожу сделать интернет магазин.В городе порядка 10 а может и больше магазинов,сайт есть только у одного.По поводу баба, думаю решить,что по результат реализации сайта и получения/не получения заказов, попросить небольшой процент с интернет клиентов либо просто продать полностью интернет магазин хозяину. Цели какие: улучшение навыков верстки, (хочу все это адаптивным сделать) свистоперделки js, вьехать в БД, частично Php, админку сделать, семантику для продвижения. Думаю если даже не удастся вырубить бабла, то такой сайт с большим стеком технологий можно использовать при трудоустройстве,а не всякую хуйню двустраничную. Что ананас как мой план охуенный?сегодня уже приступил к выполнению,если есть интерес могу заливать на гитхаб, на обозрение,ну и для критики.
>>503974 Там и нужно использовать сложении. Складывают все столбцы с друг другом, за первый дают x^2 очков, за второй x^1, за третий x^0. Ананасы всё верно тебе говорили, непонятно, чего ты взорвался.
Какой-то совершенно тупой спор насчет специфичности. Сколько вйди не юзай - встроенные стили не перебить. Сколько классов не юзай - айди не перебьешь. И никакое количество тегов в селекторе не перебьет класс. Вот и все, что нужно знать про специфичность.
>>504025 Даже если можно - это не имеет никакого значения. Даже если у элемента 20 классов - это уже значит, что верстал долбоеб. Не говоря уже про мифическую возможность перебить по специфичности айди с 256 классами.
>>504154 ну я вот поставил у родительского элемента паддинги, и они были разные в разных браузерах. потом сделал паддинги у дочернего ul и элемент стал одинаковым.
>>504171 делал уже. Да и кстати, откуда в сафари такие большие марджины между дивами? они просто решили взять и заебашить по 50 пикселей между дивами? яхуею
Кто-нибудь проходил курсы от Кантора? Учебник мне его понравился. Хочется углубиться в фреймворки, а у него как раз по ангуляру и реакту есть. На торрентах нашёл только по основному js. Вот думаю, тратить сбережения или нет.
Нааахуй я блять проходил эти курсы на академии. Нахуй я терял время? Нахуяяяяя?????? НАААХУУУУЯЯЯЯЯ? Пиздец, это говно затянулось на 2 месяца ибо мне было фпадлу этим говном заниматься, было не интересно и тупо. По совету анона начал проходить интенсив и что бы вы думали? Все нахуй, сразу в работу, сразу верстать. Все блять понятно, все доступно. Интерес появился, вижу результат своих трудов. Пиздец, а с этими курсами ебаными только запутался и нихуя не понимал, что за див что за спан блять, проебал столько времени и нервов. Сплошная демотивация, а на самом деле блять как же все просто было оказывается. П И З Д О С И Н А!
>>504672 Если ты про курсы на сайте-то я так же считаю, они противоречат правильному алгоритму обучения. Я думаю тот кто проходит их все, помнит только несколько пройденных последних. Единственный профит-это запоминание того, что какие-то теги существуют. А так как там постоянное дрочево из-за несовпадения пиксела-то это пустая трата времени.
Кстати запарился тут по методикам правильного запоминания материала, сложно сказать помогает ли это в реальном обучении, но на запоминание этой хуйни теперь уходит 40 секунд.
>>504698 Погугли, материала полно, в данном случае например-это простейшая логическая цепочка и примитивный алгоритм трансформации. Если мне показать это через месяц, то 10 секунд хватит чтоб снова все воспроизвести в точности. Мне кажется-это конечно более полезно в целом для работы мозга, чем в частности для запоминания какого-то конкретного материала. Хотя если подумать я сейчас сижу с открытой форточкой и мне прохладно, так я делаю специально, ибо мозг в нештатной ситуации начинает работать куда более динамично. Это тупо биология. Так же я ничего не учу на сытый желудок, опять же по тем же причинам, достаточно хорошенько пожрать и твоему мозгу уже до пизды, что ты ты там запомнить хочешь.
>>504713 Ну и плюс повторение и вопроизведение для укрепления нейронных связей. когда ложусь спать вспоминаю все, что учил за этот день и день предыдущий. Если не могу вспомнить встаю и смотрю, что забыл. Так же открываю рандомные записи и вспоминаю все по этой теме, потом читаю и вспоминаю все что позабыл. Нейроны-это как мышца. А если брать сам процесс изучения, тут главное связывать новую инфу с чем-то уже существующим. Так сказать протягивание к новой связи старых ниточек, которые с большей вероятностью удержат новую инфу. Допустим хороший пример у кантора по методу .splice Это типо такой нож складной на обратной стороне которого фломастер(вроде бы хуйня какая-то да?) У него есть 3 состояния так сказать-сложен, разложен, рисует фломастером. Следовательно он сложен-с какого резать, разложен-сколько отрезать, фломастер-что дописать. Вот такая маразматическая хуйня позволяет запомнить .splice[0,1,'вот так'] очень надолго. А это всего лишь ассоциация с ножами и фломастерами, о которых ты уже знаешь.
>>504733 А конкретно по этой хуйне достаточно составить логическую цепочку. И мозг будет запоминать это как 1 единицу информации. Допустим: На картинке шар, потом треугольник потом квадрат, ок. Представим что шар падает на треугольную крышку квадратного дома, дальше 5гранник-это результат сплющщивания от падения, затем треугольник на право-это крышка которая отвалилась и падает на новый квадратный но перевернутый дом, который тоже плющщица и тоже вверх ногами(соответственно), дальше пиктограмма-это сектант который делает из сплющенного дома снова квадратный. Теперь попробуй так запомнить и воспроизвести. Вуа-ля.
>>504733 Типа ты идёшь по кривой забывания Эббингауза? Вот у меня как раз проблема с долгосрочной памятью. Могу запомнить на неделю - потом вытесняется.
>>504752 Да, принцип повторения. Если можешь запомнить на неделю, значит надо повторить в конце недели. Если постоянно этим заниматься запоминание пойдет лучше и лучше. Мозг удивительный инструмент, главное научить его работать как тебе надо. Так же не стоит забывать, что есть мышечная память и если все это повторять руками, ну скажем писать при вспоминании метода какого-нибудь массива, то это еще сильнее ускорит процесс.
Кто знает как в редакторе brackets сделать, что бы подсвечивания скобок и цветной шрифт был изначально? Начал верстать в нем макет, но без подсвета как на нижнем пике сложновато разобраться закрыл я где-нибудь скобки или нет. А готовый код уже отредактирован как надо. В чем моя проблема?
>>504914 Я как раз таки загуглил, прежде чем спросить. Только вот ответ мне ничего внятного не объяснил. Что подразумевается под словом "группирования" ?
>>504990 Пример там для кого? Он юзается для объединения в одном элементе связанные по логике, типа картинки с подписью=фигура. Или блок из нескольких картинок, или там блок социальный из иконок разных или аллах с поддаными . На самом деле он нахуй не нужен. Его смысл только в том, чтоб в куче дивов видеть другого типа див.
>>505130 да, я хотел об ентом спросить, как верстать для телефонов ? То есть я когда свой chromium сужаю до все выглядит прилично даже если эмулятор инструментах разработчика не помогает, а зайду с телефона, там лютый треш.
Двачаны вопрос такой. Есть вот инлайн блоки, сежду ними невидимые пробелы. Так вот я учу jade и когда он мне выплевывает html там всё в одну строку (при этом пробелы пропадают) и соответственно стилизую я исходя из этого (ни каких обнуления fontsize и т.д). Возникнет ли у меня когда нибудь с этим проблема?
>>505148 Если только ты работаешь, или если все работают с ним, то нет, но вообще это проблема прокшена и следующей поддержки. Если потом кто-то будет что-то править и не использовать jade возникнет проблема, а ты окажешься хуесосом.
>>505143 Алсо этот >>505111 прав. Для подобных микроэффектов желательно юзать трансформации, потому как они не провоцируют перерисовку в браузере. Actually элемент остается таким как есть, а всякие преобразования делаются с его фантомом. Не говоря уже о гибкости инструмента трансформации как таковой.
Платиновый вопрос: сколько макетов лучше добавить в портфолио? У меня есть 3, которыми я горжусь (относительно), и еще штук 10 уебанских (типа "адаптивной" седоны, где я через жопы свг вкорячивал и объебался с меню-гамбургером в мобайл версии).
>>505290 С такой же ситуацией столкнулся. На пару месяцев погрузился в джс, пилил для себя небольшие проектики, щас заканчиваю JS интенсив от академии полезная вещь кстати а из сайтов, которые можно показывать с гордостью - всего один. Остальные были наверстаны еще в конце лета, когда мой скилл верстальщика оставлял желать лучшего.
Как бороться с сдвигами как на пике? Задавать отступы справа ? Или создать жесткий каркас для inputов? Как в инспекторе посмотреть какие классы применены к элементу?
>>505270 Какую? Поменял ширину и высоту картинки при наведении, ужас-то какой. >>505275 Зато мой вариант будет работать на любом динозавре, алсо эти картинки у меня абсолютно спозиционированы изначально, так что на остальной поток они никак и так не повлияют.
>>505653 Я имел в виду производительность браузера. Когда на странице что-то меняется браузер начинает ее пересчитывать - это трата ресурсов. Чтобы избежать лишних пересчетов стараются для декоративных изменений юзать трансформации. На статичном сайте эффект от подобных вещей, конечно, минимальный, а вот на серьезных приложениях с кучей летающих во все стороны свистелок и перделок это считается хорошей практикой.
>>505729 Иии что это? скрола на странице вообще нет, меню не работает, да вообще нихуя не работает с тем же успехом мог просто jpeg макета кинуть туда. Зато webpack'ом собрано по последней моде
В общем такое дело. В мою местную мухосранскую контору (единственную) больше не нужны версталы. Но нужен Angular разработчик. Думаю пока бросить вёрстку и задрочить немного ангуляра, выполнить их тестовое задание и написать им. Как думаете хватит ли этого?
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.
Мне показалось что не столь трудно, думаю можно с гуглом выполнить даже человеку в глаза его не видавший.
>>506095 >>506096 Да без проблем бро, дело твое. Не могу судить о твоих знаниях, поэтому не принимай лично и всерьез. Скажу только, что у меня человек пытающийся прикручивать, не совсем необходимые вещи на реакте без необходимых фундаментальных знаний вызывает легкую усмешку. Как какой-нибудь начинающий верстала запиливший виджет на джиквери, преобразовав его из плагина. Он тоже выебнутся может, только в офисе ты не выебываться будешь, а код писать. И вот там сразу станет ясно - чего ты стоишь.
Есть блок, в нем висит 4 иконки. Нужно сделать так, чтобы эти иконки отображались адаптивно. То есть на примерно тех же местах на любом разрешении. Юзаю: position: absolute; left: 50%; margin-left: -26vw; top: 1%; width: 6.51vw; Но в итоге картиночки залезают на текст в центре.
Конфа в скайпе, кто заинтересован, добавляйтесь.И сразу хочу сказать, что если тебе лично это не подходит, то не это не значит, что все такие же как ты. Я вот не смотрю футбол, не играю в шахматы, так как не мое, но есть очень дохуя людей, которым это в кайф. И если ты сфокусированный на версте аутист-похуист, то возможно тебе это просто не подходит) . Я же виде плюсы конфы в том, что она даёт возможность попиздеть, по-переписываться с собратьями по профессии или по увлечениям, нас уже несколько человек, присутствуют самые разные уровни - от совсем начинающего до профессионально фронта. Поможем, если сможем, можно также иногда попиздеть на темы отвлеченные от верстки. В общем, если тебе это интересно, добавлялся. Скуп - lad77752
Приветствую, верстаны. Не знаете, поддерживает ли google adwords и яндекс директ маячки в ссылках? Уверен на 90%, что да, просто клиенту интересно знать точно.
Блядь, ебаный галп, чтобы его нормально настроить, надо знать ДЖС хотя бы на уровне дауна-джуна. Хотя, конечно, охуенно смотреть, как тяжелый проект собирается за 0.1 секунду, там где грант кряхтит секунды две.
>>507746 >тяжелый проект >за 0.1 секунду Ага, очень тяжелый видимо, лол Вот когда будет секунд 30 галпом собираться и 2 минуты грантом, тогда можешь его назвать тяжёлым
>>507749 >>507756 Я ньюфажик, только учусь. Всякие барбершопы и грантом за 0.8 собирались. Олсо, я так и не осилил настройку галпа под себя, тупо скопипастил у кого-то с гитхаба готовый галпфайл. Чувствую себя дебилом.
Скрипт в общем-то довольно стандартный - для выпадающего меню на мобильных версиях. Взят из урока по созданию меню, не менялся.
Собственно, проблема. Он не работает, если на сайт заходят с мобилы через вайфай. Реально, отключаю вайфай (подрубается E/3G), обновляю сайт, меню выпадает; подключаю вайфай, обновляю сайт - нихуя, никакой реакции, хоть обтыкайся.
Вчера спрашивал в J's треде, но там не ответили, спрошу здесь. Ребята, если есть у кого то JavaScript и jQuery. Исчерпывающее руководство Макфарланда Поделитесь, плиз
>>507910 Алсо, если проблема появляется после отключения вайфая то, возможно, косячит сам мобильный инет. Не успевает или вообще не хочет грузить джиквери, потому что эта хуйня немного таки весит, а без него скрипты не отработают.
Подскажите с чем может быть связана такая штука, когда браузер показывает в полном размере (как на 1 картинке), то карта выглядит как нужно, но при уменьшении размера браузера карта урезается(картинка 2). Такая проблема у меня не только в этом макете, но и в подобных этому.
>>507932 А, да точно, невнимательно читал. Желательно консоль погонять, правда я хз, как ты к ней доберешся с мобилы. >>507934 Консоль в инструментах разработчика. Если со скриптами проблема - они бросают ошибки, не отгружаются, попросту не работают, то почти всегда в консоль что-то выкинется и можно будет понять где обосрался.
>>508083 МОООООООООООООААААААААААААААААААААААААААААР ТАКИХ ШПАРГАЛОК. МООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООООААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААР
Суп парни. Есть у меня например каталог с 1000 товаров, однотипных, с фото, названием и ценой, короче говоря типичный итернет-магазин. Понятное дело что верстать 1000 айтемов не есть вариант, проще сделать один, который клонировать N раз и вписывать данные через json. Вопрос в следующем - именно клонирование такого блока -каким образом можно реализовать? То есть логическая цепочка понятная - есть <div></div> который надо клонировать и заполонить данными. А с технической точки зрения - такое jquery делает?И если да то как?
>>508162 Копай в сторону шаблонизации. Неплохой подход показан в интенсиве JS академии. Там юзают <template> в сочетании с методом node.cloneNode(true). А jquery тебе для этого нахуй не нужен.
>>508258 Если хочешь чтобы он динамично запиливал элементы в дропдаун, тогда да. А если просто выстроишь конструкцию которая при определенном разрешении, например, половину пунктов схлопывает в меню, то из джс функционала тебе понадобится разве что classList
Ловите короче. Сам еще не сравнивал. Но что бросается в глаза - так то, что нет ссылок-допов. Но в принципе есть допы ссылку на которые выше кидали. >>508083 А так же как я понял, тут по Фотошопу урок не в виде скринкаста маленького, а тупо занятие с Громовым, но зато по новой версии программы. Короче хз. А ну и еще новый макет.
>>508207 Хули там представлять, ничего сложного нет, можно написать на css под нужные разрешения, там менять-то надо две строчки. На жсе будет быстрее и компактнее. Но сама реализация проста и на чистом css.
>>508421 Блять, почитай шапку. Не еби мозги нам тут всем, ради бога. Хочешь вкатится 2-3 месяца верстка макетов + продвинутый курс и все ты уже на работе джуном. Пол года-год. Зависит от твоих умений. Потом js и ты уже специалист. Хочешь всего и сразу иди блять хуй сосать гей шлюхой.
>>508413 >есть здесь кто с нуля начал и нашел себе работку
нет таких. открою тебе секрет, эти треды - один гигантский троллинг безработных лузеров, которые к 20+ годам нихуя ничему не научились, но думают, что у них еще есть шанс выбраться из жопы.
>>508466 Слушай выплюнь говнецо изо рта для начала прежде чем общаться с людьми. Я спросил нормально ок? Нет блядь вылез какой то хуйлан и батхерит во все стороны. Нечего сказать нормально так игнорируй. Что за дегенераты то бывают.
>>508461 Нет. Все это сказки. Закрой спокойно вкладочку в браузере и больше не заходи сюда, тут ничего полезного и интересного ты для себя не найдешь. Спасибо за внимание.
>>508413 Один из авторов старого гайда и нескольких тредов из первых репортинг ин. Учился полгода, нашел работку, сейчас опыта чуть больше двух лет, получаю в офесе в дс 105к на руки, думаю перекатываться в джавку. Задавай свои ответы.
>>508469 Хочешь нормального ответа, вытри сперму из глаз и прочти тред. Нет блять, вылезет хуесосина которому надо все на блюдечке подать и баттхертит, что ему по существу не отвечают. Что за дегенераты блять.
>>508492 Не люблю и не хочу верстать, не хочу вообще дрочить гуи, js язык так себе, лезут неочевидности и прочее говно, стоит выйти за пределы лучших практик, заебали вечные 100500 фреймворков, в отрасли много аутистов, выучивших жиквери и нихуя больше не делающих. В джавке разнообразнее отрасли применения, больше платят, хочу для разнообразия попробовать компилируемый язык с более строгой типизацией, плюс более важную роль играют алгоритмы и структуры данных, мне эта тема интересна. Плюс я не видел ни одного СТО из фронтендеров
>>508503 >А каков изначально бекграунд был? Вузики, опыт работки? Средний технический вузик в дс, не на кодера, работал продаваном, стажером в hr конторе(лол) , быдлоинженером на заводе. Тут стоит упомянуть что с погромированием я познакомился еще в школе и всякое говно типа переменных и циклов конечно уже знал. >Почему вообще решил в верстку тогда два года назад? Верстка пошла легче чем пхп, а мне кушать хотелось, вот туда и пошел >Это к тому что хочешь в джаву перекат делать. А почему изначально туда не пошел а начал с верстки? см. выше, в джавку порог входа повыше.
>>508510 Забавно но у меня такой же бек. Программирование в школе и потом карьера хуйпоймикого. Наверное действительно верстка как первый шаг самое оно.
>>508527 Для меня основная проблема с изучением явы или тех же дотнетов это недостаток обучалок типа Интенсивов как в этой теме. Т.е. что б мне показали и рассказали на примере живого проекта почему и как это реализуется. Я воспринимаю инфу как вот этот господин >>504672 Т.е. два месяца изучать абстрактные понятия ЯП без понимания их применения на практике не вариант для меня.
>>508537 Ну, тут я могу сказать что зачастую вся это ебанутая обвязка вокруг учится по ходу дела, когда ты найдешь работу. Это с одной стороны, с другой же для той же джавы есть такие курсы, но за бабло. Я даже знаю такую штуку для джавы, что ты платишь только определенную часть суммы, а остальное можешь заплатить только когда найдешь работу, и ребята которые это организуют, они устраивают людей. Такие дела.
Кто-то настраивал через Grunt лайв-релоад страницы на изменения в css/scss файлах или в html? Чет не могу разобраться в документации, слишком много написано непонятного, тяжело воспринимать.
>>508646 Гугли grunt-contrib-watch и берешь простейший кейс для него. Я в свое время настраивал, легко и просто. Правда при включенном вотчере появились проблемы с редакторами, файлы перезаписывались по желанию моей левой пятки, так что пришлось отказаться.
Пока просмотрел первый урок. Есть одно большое различие т.к. в новом курсе идет работа через GitHub что есть хорошо. Плохо то что я ебусь с этим гитхабом несколько часов и нихуя не пойму как там публиковать свои страницы. Из курса и из шапки нихуя непонятно (в курсе они там автоматом настроили публикацию слушателям).
>>508903 нахуй тебе гитхаб? Я через brackets смотрю что сверстал. А как публиковать так это вобще изи. В гайде все написано >Гайд от анона по гитхабу: http://randomfederation.github.io/
Сам то я могу и XAMP развернуть и на хостинг залить. Но мне интересно разобраться и работать с этим GitHub как белый человек. В гайде ненаписано как публиковать страницы прямо на гитехаб.ио, я разобрался немного как публиковать один проект из корня а вот как создать там еще подпапки проектов не могу пока.
Блядь три кнопки/действия на этом гитхабе и хуйпроссыш что к чему.
>>508921 Ну если это ты написал >>500978 то я попробовал и там не получилось (т.е. янепонялблядь) в месте [CODE]->ты в новой ветке того же проета, теперь надо копирнуть сюда твой проект в текущем состоянии, а то gh-pages будет пустой. ->[/CODE] где копирнуть что копирнуть. в самой консоле или просто в эксплорере. ну и дальше [CODE]-> git push -origin gh-pages.[/CODE] меня консоль послала нахуй с таким параметром -origin
>>508933 Я описался там, он не будет пустым, на момент создания новой ветки он будет копией основной ветки master, но если изменять дальше master, gh-pages меняться не будет и надо будет смержить эти ветки, то есть добавить в gh-pages все изменения из мастера. КОПИРНУТЬ и есть смержить, по факту гит возьмет все чего нет в gh-pages, но есть в mastrer и добавит в gh-pages, при этом проследит на наличие конфликтов. После мержа ветки одинаковые будут. И в последнем случае напиши без флага git push origin gh-pages.
>>508937 А смысл всего действия в том, что разработку ты ведешь в ветке master и пушишь ее удаленно тож из ветки мастер. Gh-pages тут исключительно для хостинга. По результате получается один и тот же проект на локальном пеке, на удаленном хабе в ветке master и на удаленном хабе в gh-pages. А гитхаб просто хостит то, что в ветках gh-pages по адресу (имя пользователя).github.io/(имя репозитория)/
суп низшая ступень веб дева и девелопмента в целом. Есть короче плагин для гальпа который когда я пишу в src/main.scss что то типа: body { padding-left: 20px; padding-top: 50px; padding-right: 40px; padding-bottom: 80px; } он преобразует в body { padding: 50px 40px 80px 20px; } реквестирую название или ссыль на нпм.
>>509038 Ты прикалываешься что ли? Изначально пишется 2ой вариант, если тебе 4 разных отступа надо. Или тебе не судьба запомнить направление по часовой стрелке?
Я вот сегодня начал и скажу что htmlacademy действительно очень недурна. Курсы + интенсив с реальными макетами то что нужно. Даже если тебе не понятно нужно оно тебе или нет рикамендую просмотреть 1-2 урока интенсива и пройти бесплатные курсы 5-7 у них на сайте. Потратишь день но для общего развития и понимания как работают вебстраницы поможет.
>>509056 ну бля он и для font все делает и бордеры и бокс шадоу так же объединяет и в нужном порядке по правилам рассталсяет, сначала позиционирование потом отступы потом цвета шрифты и т.д. ну типа в соответствии лучшим практикам, нахуя мне руками то что-то делать ?
>>509079 вопрос в другом. Расписывая эту хуйню всю ты тратишь гораздо больше времени, хоть он тебе потом и соберет, неужели уже такую элементарщину нельзя запомнить...box-shadow, ахуеть.
>>509083 да помню я все эту хуйню, но нахера ? Допустим мне надо паддинги снизу и справа, я быстрее напишу так: body { pb10+pr40 [tab] } нежели body { p0-40-10-0 } как минимум на один символ больше жи
>>509095 Бля вот этот случай прям показательный. Если с паддингами еще можно поспорить, типо везде 10, а справа 40, там да мб и есть логика, однако тут все элементы ты прописываешь сам и писать их сразу в строку будет быстрее.
>>509091 Если ты думаешь что это хоть как-то повлияет на твою скорость разработки, то ты ошибаешся. ИМХО еммета хватает за глаза. А все тобою описанное уже лишнее и толку от него минимум. мимо
>>509097 А вообще это какая бессмысленная хуйня, гальпом собирать из-за лишнего символа ну пиздец, как-будто что-то изменится если у тебя будет сразу в две строки pb10+pr40 написано, или гальп соберет тебе это говно в 1 строку.
>>509207 Потому что бессмысленное дрочево которое ни на что не влияет, но отнимает кучу времени. Ни один адекватный заказчик не будет про это упоминать, если он хоть немного в теме, а если нет, то это значит, что он лезет в воду не зная броду, с ним только проблемы будут типо тут 5 пикселей несовпало, там 6 недоехало. Дело твое, хочешь с такими уебанами работать-работай.
>>509218 Двачую этого. Обычно пиксель перфект требуют либо чуваки привыкшие работать с долбоебами уровня "и так сойдет", либо просто немного неадекваты. Нормальный разработчик и без этой хуйни сделает все красиво.
>>509324 главное-это сохранение функционала и почти полное соответствие дизайну. Тем более что некоторые дизигнеры не имеют представления о технической реализации своей дрисни, пойди блядь попробуй их хуету в ПП реализовать.
Поясните дауну следующий момент. Вот есть гитхаб, там есть мой репозиторий. Туда я через гит-десктоп, как настоящий даун, заливаю папочки проектов (пикрелейтед), чтобы смотреть их на gh-pages (каждый проект открывается через name.github.io/project-folder). Т.к. все работает, то мне норм, мне пока не хочется заморачиваться с гитом, верстку бы доучить. Но тут я выше читал, и все делают по-другому, по-хардкору через терминал.
>>508896 Я пролистал. Отличия: - работа через гитхаб (даются совсем уж базовые сведения по гиту на первом уроке) - новый макетик - нету допов - в 6 уроке нету доп видео - нету бонусных видео про эммет и dev tools - урок по фотошопу не скринкастный
>>509460 А, ну и само собой урок по фотошопу в старом тоже смотреть (скринкаст, который на 30 минут примерно). Там все сжато и информативненько (хотя и старая версия). А то мало ли не уточню, а ты и не посмотришь этот урок из старого.
>>509455 Из этого можно глянуть если ньюфаня только 1 урок (часть про гит). 3 урок (из-за того, что версия фотошопа новее). и скачать макетики. Все остальное, лучше смотреть со старого и читать допы
>>504672 Тут понимаешь в чём дело, дружок. Без курсов на сайте ты на интенсиве бы слушал про все теги подряд, а не про то, как их применять при вёрстке проекта. Так что курсы не просто нужны, они, блять, необходимы.
Можно сверсать такие счетчика "Взрослые" и "Дети" как на пике с помощью СSS? И как постепенно вкатываться в JS если верстаешь сайты. Вот например сейчас надо сделать выпадающее меню, у меня предчутсвие, что если я сейчас попытаюсь сверсать на чистом JS у меня уйдет месяц, а делать сразу все на джикури кругом категорически не рекомондуют. И стоит ли делать свои велосипеды?
>>509583 Ищешь красивые макеты - верстаешь. Вот тебе и портфолио на версталу. На фронта уже думвю надо приложуху пилить какую-нибудь, где покажешь, что умеешь в фреймворки, архитектуру... В этом случае лучше в js тред уже перекатываться и там спрашивать кто че пилит и может идейку подкинут
>>509585 Про счетчики на пике. Жмешь плюс - число увеличивается, жмешь минус - наоборот. Можно ли такое реализовать на CSS? 2 вопрос. Как учить JS? Встретил задачу - ищешь решение? Вот например эти же счетчики, какой надо уровень что бы их сделать? Кидать версать и пытаться сделать на чисто JS? Или надо пройти курсы? Вот я например писал немного на писал на С и Питоне. Начал учить по LearnJS.ru, понял что JS это не такой уж плохой язык, смахивающий синтаксисом на Си. Но я так и не понял когда начнут учить всем этим ебучим финдифлюшкам и украшательствам по типу выпадающих менюшек и всему чему так хотят заказчики. >>509580 Верстка на мобилке. Это спарта сынок
>>509606 Счетчики на js в продвинутом такое задание на дом дают. Посмотри два аидео по js из него и легко сделаешь. Есть базовый по js - можешь его смотреть тоже.
>>509606 >что если я сейчас попытаюсь сверсать на чистом JS[\B] нее верстай на чистой django коль питошку знаешь... и rest-framework прикрути туда иначе никак. https://jsfiddle.net/xz99w5q7/ > Вот например эти же счетчики, какой надо уровень что бы их сделать? уметь без жквери собрать нужные елементы на странице, повесить на них хендлер и преобразовывать типы. >Встретил задачу - ищешь решение? ваще да, но для начала https://learn.javascript.ru/ вздорчни кантора, есть pdfка ворованная за 15 год его учебников в гугеле. бывают моменты когда без jquery не обойтись ( пизжу не бывает) там короче тонкая грань между целесообразно на чистом жс сделать и когда в падлу, короче учебники потом помогай ананасам в жс трейде, когда поймешь что помогать неохота ибо вопросы совсем тупорылые (как твой) добро пожаловать на некст левел, фреймворки тогда дрочи реакты там и прочие полимеры.
>>509315 что за pp ананас ? Скажи гуглить хоть что ? Есть херня с помощью которой можно без фш верстать ? А то у меня на линухе он периодически ебу дает.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред