Это копия, сохраненная 20 июля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking
Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>601089 (OP)
сетку, слайдер
Пиздец, как это верстать?
Какая няшечка.
Спасибо, кэп. Допустим, этот макет попадёт тебе на фрилансе я понимаю, что вероятность стремится к нулю, что с ним делать-то?
Установить gulp 4.0, в котором эта фича изкоробки.
ХЫЫЫЫЫЫЫЫ. А как ты css-ом сделаешь например аналог фотки дома или животного или человека? Не говоря уже о фонах.
Ты не понел. Там ясен пень, что картинки будут, но в том макете дофига теней, overlay'ев (тоже забыл слово) и прочих красивостей, которые в css или невозможно перенести, или геморно.
Что нельзя на цсс, делаешь картинкой, ничего плохо в этом нет, какой макет, такая и верстка
Потому что в css отсутствует дофига опций, которые есть в ФШ. Угол тени, blend mode и т.д.
Так-то да, ты прав.
Ща подумал, как фиксированный сайт будет смотреться на экранах, больших, чем размер макета?
Там одноцветный фон, и если по бокам добавится свободное место, то внешний вид не пострадает.
Здесь же изображение. Допустим, я его выдрал, поставим фоном в body, дал ему (body) width 100%.
На целевом разрешении пиксель перфект, все заебца, на экране побольше изображение растягивается, сохраняя размер пропорционально, и вот уже текст не на своем месте относительно фона.
Дизайнер мне дохуя нравится, я осваиваю дизайн сейчас, чтобы стать фулл-стак макакой, и люто дрочу на его работы.
>С нас то какой спрос?
Ты из тех кто наотъебись делает работу, я так понял?
Нет. Я просто не рву себе волосы на жопе из-за того, что накосячил дизайнер, который не знает, что можно сделать в рамках верстки, а что нет.
И уж тем более я никогда не буду верстать мудовый дизайн точно так, как это задумал дизайнер-мудак.
На фоновой картинке не должно быть текста, текст только в хтмле, если будет выполнять это условие то в фиксированном макете текст не пострадает при увеличении разрешения.
Перфекционизм до неврозов доводит и нервных тиков. Мне мои нервы дороже, чем "сделать в точь-точь как в макете, даже если его сделала аутсорс-макака с нулевыми знаниями о верстке".
Как раз наоборот, если бы текст был на фоне, то он бы растягивался вместе с фоном.
А так не вижу иного выхода, кроме как ебаться с процентными маржинами.
Сомневаюсь, что невроз может случиться от того, что ты пораскинешь мозгами на час-второй дольше и придумаешь, как воплотить это в жизнь.
Удел элитных макак с горящими глазами и сердцем.
Вынужден согласиться, что в вёрстке этот бурят нихуя не понимает. Но всё же макеты у него - загляденье.
Ну сразу видно - со всех работ его выгнали, выдали "волчий билет", вот он теперь и льет видео на ютуб.
Как раз на днях ебался.
http://black-owling.github.io/myProjects/jons site/index.html
Смотри пятиугольные заголовки в списке пакетов.
Вкратце - делаешь before и after,
before даешь transform: skew(20deg) rotate(20deg), а after - skew(-20deg) rotate(-20deg) (значения углов приблизительны, подбирай под свой случай), после чего позиционируешь.
> в Новосибирске ищется начинающий фронтэнд
откуда инфа? Я с Новосиба, как раз начал ходить по собесам.
n0dsO6rinANUSgmai&A{lPUNCTUMcDr%om
Этож сколько ебли с его макетом будет.
Гуглится епта.
Алсо, нужен ли AdobeRGB для веб-дизайна или наоборот все в максимально стандартном хуярить?
Хуй, это теперь технически сложный товар, уже даже клавиатуры с мышками не вернуть.
Разве для 4к мониторов физический пиксель = логическому пикселю? Я думал там то же, что и с мобильниками с высоким PPI.
>стоит ли покупать подписку на HtmlAcademy?
В шапке есть скриншоты платных заданий, если сможешь в теорию - нет
Мне в прошлом треде сказали переходить на просмотр интенсивов.
Глянул скрины, можно впринципе пройти теорию до конца, там и анимация есть.
Ну просто подумал стоит ли даже 300р отдавать или нет.
>>608388
Видел, но просто в там и теорию годно рассказывают вроде, поэтому и спрашиваю.
Теория на скринах вся, но практиковаться придется в песочнице самому без пиксельперфекта.
Я вот сижу на работе и че-то ситуация такая жопная, что даже 300р лишних нет. Нахуй так работать вообще?
Progressive enchancment
Я хотел только инлудить общие компоненты на страницу, а этот синтаксис мне вообще не очень нравится.
Аааа, мне аноны в прошлом треде сказали не выебываться и юзать pug/jade...
Ньюфаг
Чуть меньше года, потому что помню как прошлым летом (в июле-августе) сел за JS, еще не зная даже верстку.
Занимался довольно медленно, но методично. Были перерывы иногда на неделю-две, потому что параллельно учился на 4 курсе.
Сейчас выясняется, что я толком нихуя не знаю, сходил на два собеса. В одном месте "мы вам перезвоним", таки не перезвонили, но отправили на мыло письмо, что взяли кого-то другого. В другом взяли только на стажировку.
Такие дела.
>>608490
На продвинутом не очень учат. Во-первых там этот Громов, нить речи которого я теряю через 5-10 минут (внимание тупо уходит в сторону куда-то), поэтому приходится переслушивать его по 10 раз, а это отнимает кучу времени.
Во-вторых, то что объясняет про препроцессоры в принципе бесполезно без практики, а практику можно получить и тупо читая доки и делая то же самое.
В-третьих, там тебе дают grunt, который несколько хуже чем gulp, то есть всю эту серию можно заменить тем видосом от webdesign masters, который мне кидали в прошлом треде.
Ну и про JS там так объясняют, что после той серии я так ничего и не запомнил, то есть надо сейчас снова смотреть.
>там тебе дают grunt, который несколько хуже чем gulp
самое смешное то, что как-то в одном подкасте речь зашла о гранте и симоненко сказал что-то типа "бля, ребят, ну никто же сегодня не использует грант, да?". сраные лицемеры.
Ах да - еще на продвинутом хуесосят jquery, а бутстрап показывают за пол часа. Так что польза от него вдвойне сомнительна (хотя про адаптив и графику более-менее поясняют).
Понятно, а сколько во фронтенд-версткотреде?
А сколько вообще времени нужно на верстку? Тоесть без JS и т.п.?
>>608492-кун
>Понятно, а сколько во фронтенд-версткотреде?
Ну столько же почти, то есть я сначала JS учил, а потом где-то осенью понял, что нужно верстать уметь, и закатился сюда.
Самое забавное, что я еще в 2013 году сюда заходил, когда в шапке была ориджинал-паста (кстати, пиздец мотивирующая) и начинал что-то проходить, но быстро забил.
А так бы уже стал сеньором-помидором, лол. Да и на работу тогда было гораздо легче устроиться.
Прочитать бы эту пасту.
Сейчас заканчиваю делать задания по курсам академии, общее понимание что и как пришло, думаю к интенсивам скоро вернусь.
Надеялся, что пока посижу на этой работе до осени, а там попробую вкатиться во фронт-енд.
Но походу, не успею подтянуться до годного уровня.
Интересуют общие принципы, как такие сайты лучше разрабатывать. От меня нужен фронт енд.
Как я это понимаю.
Каждая страница имеет свою разметку и полноценный стилевой файл. Однако стилевик будет собираться из отдельных лесс файликов, разделенных под каждый блок, что позволяет многократно их использовать, к примеру, при дублировании менюшки и футера на каждой странице.
Я прав??
Она не актуальная совсем, писалась в реалиях, когда можно было почти без знаний устроиться в любую шарагу.
Теперь уже все не так, стало сильно сложнее, рынок не особо растет, веб-разработчиков уже как говна, так что пробиться среди сотен таких же макак довольно сложно, и дальше похоже будет только хуже.
Так что подумай обо всем этом, если собираешься дальше этим заниматься.
Есть смысл только если тебе это действительно интересно.
Разобрался, только получается надо теперь index.html куда-то засунуть в другое место, чтобы он компилился без затирания.
Сейчас наконец-то вроде бы нормально вкатился, и все интересно, забивать нет желания. А весь секрет был в том, что интерактивные курсы академии мне как-то не зашли, хотя я осознаю, что пройти их все-таки нужно все.
Интенсивы хороши, но слишком быстро подается материал для меня.
Поэтому сменил лекторов, в голове после этого прояснилось и некоторые базовые навыки из академии наконец-то сложились в голове, приятное чувство.
Обидно только, что если бы не ебланил, сейчас бы уже прочную такую базу имел и некоторое портфолио.
Всегда думал что в программирование вкачусь, смотрю на реалии и понимаю, что работы у нас больше в Вебе, чем в каком-либо из языков (кроме 1С, который я не перевариваю).
Сейчас вакансий 7 по фронту, хотя смотрю требования - чистый фронт 3. А версталы, контентщики - еще больше вакансий в городе.
Да и зарплата повыше, чем у меня сейчас.
Моя коллега ушла в контору, сайт наполнять контентом - купоны на скидку, зарплата больше, чем у меня сейчас.
Все тот же Челябинск.
Как правильно спрайты вставлять, срать элементами с классами в html или добавлять их через псевдоэлементы?
Такая же проблема. Вот только закончил настройку автоматизации, пора братся за верстку, но я все-равно так и не понял как использовать бутстрап сетку с БЭМ.
Хоть мне бутстрап и не нравится, но изучать его нужно...
Да не жи, в бутстрапе нет ничего сложного. Я не знаю, как комбинировать бутстрап с БЭМ. Разумеется речь идет о сетке. Ибо всё остальное там мусор. Ну можно еще и слайдер подпиздить
Подскажи годных материалов по бутсрапу знаю что кидали уже 1000раз, просто не я ленивое хуйло.
Ну я с дивана предполагаю, что пишешь что-то вроде div class="column-sm tvoy-class__po-BEMu"
Пиздец, че за ебанутое задание, по теории 0 инфы рассказали, а половины селекторов из этого задания вообще ранее неизвестны. Как эту хуйню делать начинающему то, лол...
left: calc(<расстояние от края окна до левого угла> - <половина ширины элемента>).
Игнорировать, это проблемы юзеров недобраузеров (ИЕ туда же).
алсо, если у тебя оба значения в одинаковых единицах измерения, то очевидно, что ты можешь посчитать итоговое сам
Он же вроде больше не развивается и автор на другую парашу гонит, не?
Да блять, я тебе не говорю о том что я это не СМОГУ решить или что-то подобное. А о том что авторы какое-то хуевое задание сделали к которому ученик проходящий именно ИХ курс - не очень готов.
Сейчас как-раз изучаю calc().
Охуенная штука конечно. Галерею на раз два можно делать.
http://codepen.io/pidaraha/pen/MeeyBg
btw уже решил данное тестирование с одной подсказкой из форума, самому догадаться крайне сложно.
Проблема была в том, что 5й круг переносился вниз и я не знал в чем было дело. Оказывается у всех кругов был margin-right: 3px; а на последнем круге его нужно было сделать 0px дабы не было переноса. В остальном всё в принципе просто.
так не, эта хуйня у них и была предусмотрена.
уже который раз про это задание пишут. да, знатно от него припекает, да забей хер на него. иди дальше, не парься.
>>608780
Там же всё просто. Смотришь на свойства и сразу же понятно для какого оно элемента. Хз чего вы бугуртите.
Во второй части важные и нужные, в третьей - сомнительной важности.
>>608791
Да я же написал что уже всё решил, всё норм ^_^
>Там же всё просто. Смотришь на свойства и сразу же понятно для какого оно элемента. Хз чего вы бугуртите.
Ну знаешь, когда у меня 0 опыта и знания только htmlacademy - то это крайне сложно. При этом я данное задание за минут 20-30 сделал. Кто-то писал на форуме что 4 часа ебался =DD
Десятый день-кун на связи. Короче, пиздец. Доверстал этот адовый макет, но впереди ещё джве задачи: во-первых, исправить тот макет, который прогер натянул на WP, зачем-то подключив к нему бутстрап (до сих пор не пойму, нахуя) и насовав везде кучу бутстраповских классов.
В общем, видимо, придётся либо переопределять кучу классов (а это значит посыпать говно конфети), либо как-то чистить сам бутстрап, что тоже чревато.
А во-вторых, нужно проследить, чтобы кодер натянул нормально мой этот последний макет на WP + Woocommerce и ничего не накосоёбил.
Бабла до сих пор нет, за квартиру второй месяц просрочиваю, жру макарошки, заказчиков нет, но я не унываю, лол.
Давай, анон, у тебя все получится, и ты будешь есть шаурму!
Анон, я тоже устроился, правда пока на стажировку за еду.
Как ощущения от работы? Меня вот вообще трясет от того, что я нихуя не знаю и как меня там будут ебать. Вот сижу лихорадочно повторяю и изучаю все подряд уже около недели.
Блять, тебе уже сказали, что физический и логический пиксельно это разные вещи, все будет смотрятся так же, как и на твоем 1024х768. Нет блять, надо 4 раза перепостить, что бы кто-нибудь тебе разжевал и харкнул в ебало.
>Как ощущения от работы?
Нормально, но печально, что приходится совершать множество лишних телодвижений. Я привык работать с популярным веб-шрифтам а-ля Open Sans, PT Sans, Roboto и т.п.; привык в качестве иконок использовать Font Awesome, привык к лаконичным и красивым макетам, в которых практически любой элемент можно реализовать на CSS. А тут, в веб-студии, я получаю макет набитый Open Sans-ом, десятки разных оттенков цвета на одну страницу, какие-то совершенно шизофренические слайдеры и рамки-завитушки, которые реализовать можно только через анус пса и border-image.
>>608817
В зависимости от макета, но, наверное, всё-таки комбинированно. До каких-то определённых размеров блоки уменьшаются, а потом меняю способ отображения через @media, как пример, заменяю flex-direction с row на column.
Вот такие дела.
А все, нашел в корне stylesheets волшебный файл "_bootstrap.scss", мне с ним и работать? То есть я выключаю в нем компоненты, мне не нужные, а потом таскраннером его компилю в общий ксс-файл?
>макет набитый Open Sans-ом
Comic Sans-ом, я конечно же хотел сказать.
>>608843
>как такого взяли на работу вообще не понимаю.
А щито не так?
>>608853
>Я так понял, ты верстальщиком в веб-студии? JS у тебя на каком уровне?
Да. JS на уровне простых слайдеров/калькуляторов/форм.
>Чем полифилишь, какие хаки для ие юзаешь?
Окстись родной, 2016 на дворе. Какие хаки для ие? Ты бы хоть статистику использования браузеров в России глянул, да на caniuse заглянул.
>>608840
Ну я типа не понимаю, что такое логический пиксель тогда? Так же - возможно, вопрос только, в каком именно масштабе. Например, двачи у меня всегда с 80% сейчас стоят, а в винде 125% масштаб. И как это расшифровать блядь?
Нормально он их отобразит. Мелкие баги правятся, а те что не правятся, достаточно легко избегать.
мимо запилил уже несколько проектов на флексах с такой поддержкой
Сам сейчас делаю нечто подобное. Правда, на Sass, ну да не суть. Решил с самого начала хзуярить все в один файл стилей, а потом уже заниматься наведением красоты и оптимизацией. Возможно поделю все на файлы, но пока лучше писать говнокод, чтобы в процессе стало ясно что выделить в переменные, какие захуярить миксины.
на флоатах, списках с инлайн-блоком или на таблице?
но масштаб же нужен все-равно
Ну блять, подключил этот бутстрап-файл и все мои стили перекрылись.
КАК ЭТО БЛЯТЬ ДЕЛАТЬ ПРАВИЛЬНО?
документацию читай, олень тупой
хедер, один секшин и футер
Главная барбершопа.
на каком этапе вы уже начинали искать работу потихоньку? А то я что-то задолбался писать скрипты и верстать вникуда, но уверенности в том, что уже смогу "работать на дядю" нет.
Это если он хотя бы в ДС3 живет. В обычных мухосрансках работы нет и выбирать особо не из чего.
Я бы посоветовал поискать стажировки в твоем городе/крае, и попытаться туда пройти для начала.
Хотя там обычно только для студентов.
Я кроме как предположить, что этот макет верстало два человека ничего не придумал. Просветите меня что ли, если чего-то не понимаю.
Анон расскажи свою историю, сколько по времени на что тратил, когда начал на собеседования ходить? Вообще откуда, если не деанон?
С 5 треда сижу.
ЧТО ЗА ЛОГИЧЕСКИЕ ПИКСЕЛИ, БЛЯДЬ???
Точнее, причем тут они? Я вам про то, что хуй его знает, как будет выглядеть хуета на экране с другим ппи и другим разрешением и размером, понятно, что пропорции будут теми же, но там где мне текст слишком большой, другим он будет слишком маленьким или наоборот.
wrap - это обертка, когда надо что-то завернуть в блок.
inner - это центровщик (container), который добавляется в конструкцию &__inner в препроцессорных файлах через примесь.
Если ты не знаешь, что такое логические пиксели, то вопросов об удобстве верстки у тебя возникать не должно.
Ты даун, немогущий вбить в гугл "логический пиксель" "ретина" "экраны с повышенной плотностью пикселей"?
Пошел нахуй, таким сдесь не рады.
Спасибо, теперь ясно.
Давно уже, и статью на хабре тоже прочитал. Как видишь, не помогло.
>>609181
В каком макете? Я может быть не понимаю чего-то?
>>609185
Блядь, я понимаю, о чем вы говорите, даже про преобразования координат мировые-экранные-видовые, проходили в вузике, я не понимаю, как это связано с моим вопросом. Вот я сверстал хуйню, вроде бы резиновую, вроде бы все в ремах, а смотрю свою страницу на планшете - там все мелко что ояебу. Или сверстал я страницу на 24' FHD, потом смотрю ее же на HiPPI мониторе и там надо масштаб крутить 150% в браузере. Или наоборот делать 70 вместо ста. Мне нужен какой-то способ тестить и исправлять это. И ладно еще, если все по новомодным правилам, а если задача сверстать все в пикселах-процентах-относительных размерах? Там же вообще пиздец.
Ставь эмулирование устройства, масштаб 100% и наслаждайся скроллом. А теперь уйди.
просто иди нахуй. Засоряешь тред своей хуйней тут, тупой кретин.
> сверстал хуйню
> все в ремах
> все резиново
> тестить и исправлять
Ну так в первую очередь тебе нужно разобраться с самой версткой. Например - перестать верстать резиновую хуйню, где все на ремах, для начала. Небось прошел базовый, галпом по гайдам обмазался и уже типа верстальщик, ага.
Chrome > f12 > ctrl+shift+m
Выдели себе день покурить google maps API, завтра приходи, расскажу, что не понятно осталось. Если хочешь готовые решение, иди нахуй.
Да я же верстку только учу, я даже не знаю, где эту всю инфу можно найти и как гуглить.
> google maps API
Вот это загуглю сейчас.
Там тебе нужно только подключить карту, примеры есть, попробуй сам. Завтра, так и быть, если у тебя не получится, выкачу тебе готовые решение.
Я и так ее прикрутил >>609089, это в вебинарах было от академии, а как туда пиздануть логотип и убрать всякие описания, я не знаю.
Ну здесь как, я например понятия не имею, что такое апи, ему не учили в вебинарах, я когда гуглил, находило кучи старой инфы и вся про айфрейм. У меня так знакомый анон дрочил пыху, накачал говна, старые книши, вебинары от какого-то дауна, он там нихуя толком не объясняет еще и картавый, а потом уже спросил у ананасов в треде и ему посоветовали норм материалы.
Спасибо, наверну.
Просто дальше будет много моментов, которым "не учили", научись читать документацию. Добра:3
Уже просматривая другие уроки понял, что они здорово помогли разжевать то, что я уже прошел на академи, плюс узнаю дополнительные фишки. Но так никуда не годится, потому что авторы везде разные.
Все же думаю купить подписку и начать с нуля на академии, вроде как кексби добавили как раз для разжевывания. А потом интенсивы.
Академия оче годная, я общался с разными ананасами, которые делают свои сайты и вроде как знают много языков погромирования, и я им давал советы по верстке, пояснял как правильно с некоторыми работал и они остались довольны. академия дает очень годную базу, советую обращать внимание на дополнительные материалы, там много годноты.
>>609289
Спасибо, братишка, и тебе добра.
По интенсивам (особенно после того, как узнал их цену) сложилось стойкое впечатление, что это хуйня для лохов-даунов которые не в состоянии даже в самостоятельный поиск материалов, которыми в 2016 году уже завален весь интернет. Гыыы епт Сашка научи верстать за 30к рублей)))00
Моё убеждение в том, что курсы не должны стоить больше 30$ в месяц.
Я вот сейчас просматриваю на х2 их JS-интенсив и неистово проигрываю что с чата, что с лектора с его "ну это как бы коллекция, эээээ (пауза 10 секунд) ну мы потом к этому эээээ вернемся", "что такое коллбэк", "нуу ээээ..." И это с моими-то знаниями, скажем так, чуть ниже уровня джуна.
Они помимо информации дают хорошие практики, что круто.
>>609297
Скорее всего лектор не может объяснить из-за недостатка базы у учеников, а не потому, что сам не знает. Объясни анону с картами (тот же уровень примерно) что такое коллбэк или нод коллекция.
не-Першин-кун
Я об этом и говорю, структура лекций у них мягко говоря уебанская, я бы за такое если заплатил - дико бугуртел бы. Одно дело пропустить базовый синтаксис, который за пару часов/дней у того же Кантора разбирается самостоятельно.
Другое дело не объяснив фундаментальные основы самого языка (банально - тот же перебор массивов) сразу окунать ньюфагов (большая часть которых даже не знает, что такое JSON) в омут манипуляций с дом-деревом, шаблонизацией и ивентов.
Ну т.е. нечто среднее должно быть между сухими алгоритмическими задачками, как у кантора, и попыткой строить приложения без объяснения собственно алгоритма.
Короче, что-то я загнался, я просто дунул слегка.
Возможно ты и прав, но с учетом что никто в этом треде за них не платил, то все равно лучших уроков up and going я не встречал.
Все в этом треде начинали с нуля, и все после интенсивов могли верстать простые макеты юзая инструменты. Что бы там кто не говорил, но это результат.
Базовый верстка-интенсив 2015 года у них ультрагодный. Ты прав, я именно после него начал, собственно, верстать. Продвинутый, в принципе, не нужен, все, что там дают можно уложить в сорокаминутное видео (а настройка гранта, которой уделена отдельная лекция, вообще бесполезна). Все, что далее - адаптивность, свг, ретина, "правильный" бэм, препроцессоры, автоматизация, галп, разные фишки типа той же masonry-сетки без JS на флексах - все это я уже освоил самостоятельно, продвинутый вообще никак не помог. Другой анон
Не очень знаю , чем они отличаются, но на старом базовом был элементарный жс, поп-ап и валидация формы вроде. Мне показалось это нормальным, такое забрасывание удочки чуть наперед в элементарные скрипты. Снижает страх перед жс что-ли.
Помню в самом начале оставлял все, что требовало скриптов, на потом. А тут нет, класс поставить можешь, стили применить можешь, уже окунаешься в какой-никакой функционал.
Разницы в стэке технологий нет. 2015 более ламповый, детальный, что-ли. А в 2016 новый барбершоп, насколько я знаю. Я бы 2015 смотрел.
Буду считать это начинающейся профдеформацией айтидауна.
Так не выёбывайся и учи по Евгению Попову.
Мы же хотели как-то в треде ввести менторство, но как-то не зашло.
Проблема: разное отображение формы в браузерах.
1. в мозиле содержимое .form__select 50х23, а в хроме 41х32
2. содержимое .form__button в мозиле 126х18, а в хроме 120х16
Может кто-нибудь подсказать, как добиться одинакового отображения?
>Вот нагуглил, но нихуя понять не могу, как она сделала.
Анон, ты хоть в инспектор браузера-то заглядываешь, когда смотришь чужие сайты? Там же всё написано.
Смотри, она поставила у оболочки карты <div id="map-canvas"> псевдоэлемент :before, в который, с помощью бордеров запихнула треугольник. Как делаются треугольники, трапеции и другие фигуры через "фичи" с border-ами можешь посмотреть тут: https://habrahabr.ru/post/126207/
А чтобы этот треугольник у неё всегда был в правильных пропорциях по отношению к экрану, она выставила размеры его сторон в 50vw.
>>609158
Да нечего рассказывать, учу веб полтора года, но это не только вёрстку и JS, но ещё и SEO, маркетинг, всю хуйню. Вот моё сообщение >>597388 где я расписываю за отношение к вебу. Год где-то работаю фрилансером, три недели назад устроился в местную веб-студию. Город милионник, Поволжье.
>Проблема: разное отображение формы в браузерах.
Воспользуйся либо сбросом стилей, либо их нормализатором. Это CSS файлы, которые либо полностью сбрасывают стили, поставленные браузером по умолчанию, либо приводят их к единому виду во всех браузерах.
CSS Reset-ов дохуя, самый популярный от Эрика Мейера:
http://meyerweb.com/eric/tools/css/reset/
Normailze знаю только один:
https://necolas.github.io/normalize.css/
Спасибо, частично помогло.
http://codepen.io/anon/pen/LZZzXW
С .form__button все норм стало, с .form__select не поменялось.
А есть способы без общих стилей? Я пытаюсь сверстать по бэм и в нем нельзя использовать общие стили, например резеты на весь документ.
>Salary: 65 000 грн.
>Требования:
>Знания JavaScript ES6, OO Javascript;
>Знания HTML5, Jade, CSS3, JSON, Ajax, WebSockets;
>Уверенный пользователь Grunt/Gulp
>Знание языков программирования: TypeScript, CoffeeScript;
>Source Control: SVN and Git.
И даже никаких ангуляроРеактов, странно
У них там во втором абзаце точки с запятыми проебаны, хотя в первом они есть. Я бы таким не доверял.
Они просто о них не знают, судя по тому как они определись с инструментами в проектах.
мимоуверенный пользователь БЭМ/SMACSS
Решил проблему, у .form свойство align-items flex-start убрать и будет норм
В рассылке академии
наверно, Казань.
И вот добавляю я допустим content-block на страницу, но его содержимое должно быть другим, и тут я сосу хуйца и вынужден создавать тот же компонент, но с другим контентом. То есть компонентный подход херится.
Jade/Pug говорите, альтернатив нет?
Его сложно осилить кстати? Ваниль знаю так себе (в тонкостях путаюсь, но основы типа прототипов и замыканий понимаю).
Да я на стажировку выхожу в понедельник. В компании там используют ангуляр. Вот я и думаю, посадят меня и сразу скажут на ангуляре писать че-нить, а я такой "ок, сейчас напишу", и незаметно съебусь оттуда и больше никогда никуда устраиваться не буду.
Ну ты меня пойми - у меня шанс на миллион, либо меня там оставят и тогда я под охуенным бустом буду ебашить дальше, либо меня не примут и тогда я скорее всего схвачу депрессию очень надолго, потому что в жизни у меня, мягко говоря, полный пиздец.
Ну это так, ладно.
Вообще, на собеседовании я честно сказал что фреймворки не учил, а тестовое задание было довольно легким, я его часов за 5 сделал.
И как это растровое говно реализовать, не вставляя фоновым изображением? (Все-таки это логотип).
Единственный годный вариант я вижу - это переделать в свг.
А вы как делали?
Выйди погуляй, освежись.
Я вообще стал каждый вечер на часик выходить гулять, просто шатаюсь по городу. Думать потом лучше, и спать легче.
Да там ливень пиздец, с молниями громом и всей хуйней, но вот погулять перед сном это очень верная мысль, я разбух как пельмень уже дома сидеть перед компом целыми днями.
Я почти уверен, что этот наставник тоже маркетинговый ход, а для думающего человека вообще почти не нужен будет, stackoverflow и вот тебе тот же самый наставник, и не один. Я охуел с того, что в базовом интенсиве 80% вода, когда люд... лохи по 12к отвалили.
На codepen целые css картины выкладывают. http://codepen.io/Loopez10/pen/JXwoPb вот, например. А ты мне про какой-то логотип несложный затираешь.
Блять, ебать ты кретин.
И нахуй это надо? Тебе скажут сверстать по-быстрому, а ты такой рисунок будешь целый день в ксс пердолить. Потом пидорнут.
Ну так хули ты хочешь от поехавшего. Знал ведь я, что конструктивного тут мне ничего не скажут кроме этого:
>2 кругляшка, 2 палки, очевидная css графика.
Алсо я понял, что это проёб дизайнера, так как в стайл-гайде логотип в обычном состоянии отличается от того, который используется в макете. Следовательно я могу забить хуй и сделать как мне больше нравится.
>Алсо я понял, что это проёб дизайнера, так как в стайл-гайде логотип в обычном состоянии отличается от того, который используется в макете. Следовательно я могу забить хуй и сделать как мне больше нравится.
Мы вам перезвоним)
Да там по идее должен быть svg-файл с этими ебаными очками, но видимо он проебался у того, кто выкладывал интенсив либо действительно дизайнер проебал и не закинул свгшку.
Скорее всего так, ибо в гугле нашел сверстанный макет одним из учеников и там фулл-свг лого, которую они никак не могли сделать путем трассировки из пнг.
Это, и новый висящий на носу проект, побудило меня попробовать поработать с галпом.
Собственно вопрос.
По чему лучше учиться?
По скринкастам Кантора или по видяшке от WebDesign Master https://www.youtube.com/watch?v=vW51JUVT66w
Что больше дает на выходе, где лучше поясняют?
заподозрил какое-то кидалово, полез гуглить.
пришел к выводу, что контора-таки реальная, потому что нашел отзыв о том, как там хуево работать.
1) http://anton.shevchuk.name/jquery-book/ (из рассылки HTML-A)
2) http://www.wisdomweb.ru/JQ/jquery-first.php
3) https://jquery.com/ (кудаж без официального сайта)
по поводу формочки правильно говоришь. Если нужна только верстка, то писать код для серверной стороны не надо.
Фух, слава богу.
Ручками, ничего сложного в этой параше нет. Даже непонятно, что это у всех так подгорело из такого простецкого макета.
Тогда уж на ui-kit
Как контора называется?
Набери в гугле "Top 10 front-end portfolio web" и полазай по всяким личным страничкам забугорных хипстеров. Увидишь сразу, что тебе нравится и что не нравится. Что бы ты хотел видеть на своём сайте, а что нет.
>>610205
Лайфхак: скорость x1.5 и пропускаете препроцессор, который вам не нужен.
Ну или вообще скип этих двух интенсивов, потому что все есть на ютубе.
Но у нас точно такой же логотип есть в футере, только уже слева. Что бы этот блок в футере встал слева, нам нужно "page-logo page-logo--left" и уже классу с модификатором прописать float: left?
Правильно я понял, или же есть еще какие-нибудь неочевидные для меня способы?
Независимый блок, значит что его можно юзать где угодно. Это же значит, что очень нежелательно привязывать его стили каким-то образом к конкретному расположению на странице.
Позиционирование - это больше задача сеток.
Вот если бы этот блок имел внутренние отличия другой окрас, границу и т.д, тогда можно было бы заюзать что-то типа page-logo--footer и каскадом допилить туда нужные стили.
devdocs.io
Ну а как тогда переместить этот блок в право? Не создават же для этого блока лишнюю обертку.
не та вкладка
или кто-то своим опытом может поделиться
Через консоль.
>Громов
не знаю как вы, а я стабильно проигрывал с сисек и жоп, которые он обильно пихал в свои презентации. не иначе, чувак мнит себя этаким полубогемным ценителем женской красоты, но на деле выглядит как типичный питерский мудозвон без чувства вкуса.
Я юзаю, а нахуя тебе в нем сасс компилировать? Как обычно через галп+консоль делай, не выебывайся. Ну или доки кури.
Google.com
Ладно, понятно. Есть макеты где есть писание задач для javascript? И где их накачать?
ну просто он как-то помню создал в папке где находиться sass-файл css-файл. Хотел поменять, чтобы он создавался в папке css, но он вообще перестал создавать что-то. Вот теперь не знаю, что делать. Без галпа ведь можно сделать.
Да для всех макетов можно в принципе JS присобачить. Просто смотри и оценивай, какие элементы интерфейса могут использовать JS и старайся самостоятельно реализовать их.
Посмотри интенсив по JS от академии, там вроде что-то реализуется подобное.
Можешь просто придумать себе задачу, типа написать чатик там.
5 секунд в гугле же, ну
https://www.jetbrains.com/help/webstorm/2016.1/transpiling-sass-less-and-scss-to-css.html
Так и делаю с пропуском scss, правда чет посмотрел на фл.ру только его и требуют лол.
читал я это. Говорил уже, что он пишет
Ну дак правильно, лесс какое-то непроходимое говнище. Чего только стоит объявление миксинов без ключевого слова и вставка их в любое место кода.
SCSS+Gulp твой выбор, а less+grunt для ковнокодеров типа Громова.
Мне теперь заного что ли смотреть, но скипая лесс? Бля
Между ними практически нет разницы, а миксины и прочие екстенды в реальных проектах ты будешь юзать чуть реже чем никогда.
инбефор: вебпак, ко-ко-ко
http://prgssr.ru/development/pochemu-npm-skripty.html
> модники
> февраль
Недостаточно модно, уже протухло и нахуй не нужно. Для ньюфагов ебля с галпом > ебли с нодой и нпм, а тру-фронтендеры и так используют подобные скрипты в сочетании с тем же вебпаком.
Если она не нужна тебе => не делай. Это же просто инструмент.
это получается, то что я раньше заливал на гитхаб, уже нельзя будет так сделать? Только если по новой все залить?
Вот этого я уже не знаю, сори. Я в гитхабе нуб.
Заливай статичную верстку (без серверной логики) в ветку gh-pages того же репозитория.
>>610519
ничего не понял, но было бы проще, если бы статью какую-нибудь ты прикрепил, чтобы именно прочитать по шагам все это. Нашел вот такое видео https://www.youtube.com/watch?v=FiOgz3nKpgk насколько все совпадает с твоим примером?
Умеешь создать новую ветку и залить туда верстку (index.html в корне)? => да => создавай, заливай => нет? => используешь сборщик? => да => ищи плагин гх пейджес, иди в доки и ставь его => нет? => соси
И вообще, реально ли ньюфагу будет там урвать заказ, или конкуренция слишком огромна?
Около 95 тысяч.
Тоже интересно, реально ли ньюфагу заказ получить? У меня очень похожая ситуация с тем аноном.
Составляю треугольник из двух половинок по сути это 6-тиугольник. Знаю, что можно бордерами делать одним псевдоэлементом, но у меня не выходило сделать такие резиновыми.
>а как с таким говном совладать?
По-хорошему пнуть дизайнера за такую хуйню, после чего полезть разбираться с API, возможно через него можно передвинуть это окошко или скрыть его вообще.
Костыльный но эффектный метод - выдвигать карту из-под треугольника, какбэ параллаксом.
то есть нужно чтоб ширина блока основывалась на ширине картинки и принимала одно из 3х значений 25%|50%|75% ну и соответственно мож готовая либа есть ? Заебок если React
мож с min-width|max-width че можно придумать ? Накидай короче идей будь лаской.
> накидал тебе за щеку проверяй...
ты такой предсказуемый
бля пикчу то забыл
Элементарный скрипт, смотрит на соотношение сторон картинки и исходя из результата задает блоку какой-либо класс. В классах уже описываешь размер блока, позиционируешь элементы и т.д.
да пожалуй так и сделаю, просто реакт выебонит если напрямую к DOM обращаться, даже что бы with/height елемента посмотреть
Тут я не советчик, реакт не знаю.
Пишу на нейтив JS, жиквери, знаю ООП, но без особых изъебств (замыкания, промисы и т.д., так как пока не пригождалось). Сложно ли будет освоить реакт?
нет, ну покрайней мере в разы проще ангуляра, поймешь концепт построения ui на реакте один раз поймешь навсегда.
Спасибо, спирачу, пожалуй, курсы по нему с teamtreehouse.
Я тот самый анон, который своровал оттуда гору инфы, но так и не смог осилить раздачу ее на торренте. Возможно скоро активирую еще один аккаунт с другой карты и приму реквесты на воровство других курсов
>>610822
>учат оформлять контакты, социальные кнопки с кратким описанием курса, оборачивая в дивы
>Имеет ли смысл текст в таких блоках, с точки зрения семантики, оборачивать в абзацы и заголовки, соответствующими тегами (<p><h...>)?
Нет, анон, не имеет. Если это не гигантские ёба-кнопки на весь экран, в которых содержится подробнейшее описание курса с ключевиками и больше на странице нет никакого контента, то не имеет.
Алсо, на работе попросили прикинуть, сколько займёт перенос магазина с MODX на WP+Woo. Я заглянул в админку и там так всё пиздато, аккуратно сделано, что даже загляденье. Жалко переносить.
Алсо^2, клепаешь ли ты сайт для себя, не я спрашивал.
Алсо^3, аноны, спрошу у вас: кто-нибудь пробовал системы самоорганизации, такие как Pomodoro и GTD? Сейчас ищу способы оптимизировать и усовершенствовать рабочий процесс, читаю кучу закладок про тайм-менеджмент, которые я когда-то сохранил с МегаМозга. И вот, хотелось бы узнать, может тут кто этим занимался, как вообще, был прогресс в продуктивности? Организации дел? Повышении количества успешно завершённых процессов и продуктов?
Ты все воспринимаешь дословно? Разумеется я хуйово сформулировал, речь конечно же идёт о фронтенд девелопменте в целом.
Юзаю помодоро отсюда http://www.teamviz.com/.
Неплохая штука.
Профиты - бесплатно, легко настраивается, деление рабочего времени на отрезки с перерывами, возможность оценивать трудозатраты, красивые графики и т.д.
Без него могу по 2 часа без перерыва кодить, затем башка просто ватной становится. С ним, скорее всего, таки буду делать эти 5 минутные перерывы, которые, внезапно, реально помогают.
Плюс он дает возможность отслеживать твои затраты времени. Если правильно именовать таски, то можно отслеживать трудозатраты по проекту с точностью до часа.
Как таск борд на больше чем несколько дней, его бы юзать не советовал.
Для таких задач подойдет и трелло.
Тайм-менеджмент - это сектантство. Денег и времени вбухаешь гору, а проку будет процентов на 5. Даже тупо пробежки по утрам и то больше дисциплинируют-закаляют, чем все это.
>таск боард
фикс
Также вдогонку напишу основной профит от него - пока работает помидорка, ты, все-таки, стараешся не отвлекаться, что позволяет продуктивнее работать. Меньше шансов что посреди написания функции вдруг залипнешь в нете на минут 10, читая статью про китайские джонки или еще какую-то, не сильно важную в тот момент хуйню.
>Что еще надо уметь из технологий что бы хорошо верстать?
Нужно уметь семантически думать. Взглянуть на макет и сразу в голове распределить положение элементов, уметь вычленить из картинки секции, заголовки, одинаковые типы контента. Конечно, тут ещё и от дизайнера зависит.
Нужно представлять себе ЧТО получится в результате того или иного решения. Когда ты, сидя в инспекторе, думаешь: вот сейчас я изменю тут position и эта хуйня ка-а-ак подпрыгнет и растянется вот сюда! И она действительно подпрыгивает, как ты и предполагал. Вот это, действительно, покажет твоё знание вёрстки.
По технологиям: понимаешь, одна из прелестей HTML5 — он поддерживает всё, что было до него, в отличие от того же XHTML, который новыми версиями категорически запрещал использование тех или иных элементов, принятых в спецификации как устаревшие.
Так что ты можешь и не изучать сразу на 100% теорию HTML5, флексы, SVG, анимацию и т.п. Ты можешь начать верстать как умеешь, постепенно совершенствуя свою вёрстку, изучая реализованные проекты, подсматривая какие-то фишечки в коде популярных сайтов, осваивая продвинутую семантику и т.д. Плюс этого всего такой, что ты будешь совершенствоваться через практику и собственные ошибки, а не через теорию.
И ты должен понимать, что бутстрап — это лишь надстройка над HTML и CSS. А React — надстройка над JS.
>>610945
>>610946
>>610953
Спасибо большое, посоны. А по поводу денег — я же не собираюсь идти на всякие семинары и т.д. А лишь попробовать какие-то техники. Не получится — ну и ладно, попробую что-нибудь другое. Вот и весь подход.
Базис и надстройка. Пора писать "Das verstka".
Остались только курсы по подписке.
Ребзя, а это нормально, что я периодически некоторые свойства забываю еще? А то я себя иногда ущербным чувствую.
>Ребзя, а это нормально, что я периодически некоторые свойства забываю еще
Абсолютно нормально. Ты думаешь, какой-нибудь начинающий химик помнит в голове все эти валентности или полярности? Конечно, он какое-то время постоянно сверяется со справочной литературой. Запоминание придёт со временем.
Ты же не родился уже с прошивкой <!DOCTYPE> в голове, правильно? Ты обучаешься, что-то забываешь, что-то запоминаешь. Где-то прокалываешься, а где-то приходишь к успеху.
Алсо, я вот у многих на харкаче заметил этот какой-то болезненный перфекционизм, мол, если один раз обосрусь в процессе освоения нового дела, то всё, жизнь загублена, плач, крик, иерихонские трубы.
Это общая черта у русских мужиков. Не способность падать и подниматься. Даже русские бабы в этом плане более адекватные.
Ну спасибо, анон.
Дело тут не в перфекционизме, иногда просто задумываюсь, а не выписать ли на бумажку, то что забываю.
Сейчас даже подумываю, а не прорешать ли еще раз блочную модель и позиционирование.
Хотя, наверно хватить тянуть резину, пора сайты начинать верстать, базис какой-никакой есть, а там подгляну если буду тупить.
На хрен тебе энциклопедические знания в голове? Вот зачем? Чтобы было? у тебя в голове должны быть навыки, а самое главное - понимание и опыт. Как там пишется и в каких случаях применяется и какими браузерами поддерживается и какими атрибутами обладает каждая закорючка в css-html - это просто не реально запомнить. Да и зачем?
Сранное высшее образование. Сначала делает из людей фактические ссанные БД без навыков, а потом люди этот принцип в ИТ несут. Сука, сука, сука зла не хватает!!!
Да ладно, не шуми, я тебя понял.
Когда интенсив начал смотреть, понял, что не понимаю некоторые моменты, решил восполнить курсами, ну и на работе интенсивы не посмотришь, спалят на раз-два.
А вечером времени хватает на одно, два видео в лучшем случае - заебался уже в ремонте сидеть, еще и диплом вот вот защищать.
> Сранное высшее образование. Сначала делает из людей фактические ссанные БД без навыков, а потом люди этот принцип в ИТ несут. Сука, сука, сука зла не хватает!!!
В вузе есть практические работы. (ладно, в хорошем вузе)
Математика развивает логическое и абстрактное мышление.
В вузе ты учишься быть дисциплинированным, укладываться в сроки. Учишься поиску и анализу информации.
Учишься командной работе и социальным скиллам.
Все выше перечисленные навыки наиболее важны в IT.
Да, и при этом хорошо если в 10 вузов на всю раху учат актуальным языкам программирования. Во всех остальных - привет, паскаль, пока, перспективы.
>В вузе ты учишься быть дисциплинированным, укладываться в сроки. >Учишься поиску и анализу информации.
>Учишься командной работе и социальным скиллам.
Мозги бы мне в мои 20 лет, на вышку пошел бы в АйТи.
А так первый год - Японский язык, потом перевелся на заочку - менеджмент организации.
Вери коммон стори фор оур коунтри, комраде...
там матану учат и умению читать линейную алгебру, а это бесценно
>В вузе ты учишься быть дисциплинированным, укладываться в сроки.
очень смешно
>Учишься поиску и анализу информации.
уже не смешно.
Ты учишся жрать то что дают. Те кто действительно учится "поиску и анализу информации" - так это самоучки которые на вузик забили, потому что у них нет лишних 5 лет.
>Учишься командной работе и социальным скиллам.
Дать списать или не дать списать одногрупнику. Договориться или не договориться с преподом о взятке. Ты об этих скиллах чтоле? Ну тогда да, учишся.
Безысходность какая-то получается. Попадешь в ВУЗ - учат жрать что дают. Не попадешь в ВУЗ, попадешь в армию - учать жрать что дают.
Буду ждать
Начинающему ... кому, сборщику бездарных макетов в онлайн-конструкторе? Это что-то уровня заполнителей интернет-магазинов.
Я тут решил досмотреть их JS-интенсив до конца, и это пиздец, даже на х2 можно заснуть, лол.
>Ну также можно сказать про различные библиотеки и подобное.
Ну смотри, по аналогии с деревообработкой. Твой навык вёрстки на native-языках — это искусное владение ручным инструментом: долотом, молотками, знание пород дерева, твоя фантазия и т.д.
Всевозможные библиотеки, облегчающие жизнь — это инструменты. Дремель, электрическая шлифовальная машина, электрорубанок. Они помогают тебе работать.
А Adobe Muse — это китайский ЧПУ станок со сбитыми настройками и кривыми направляющими, после которого ты получаешь кривокосоёбскоё изделие, всё в занозах и расщепах, которое стыдно не то что конечному заказчику отдать, а даже на полочку у себя дома закомиттить.
Конечно, ты можешь залакировать своё изделие годным дизайном, но что будет, когда твой заказчик захочет, к примеру, приклеить на клей Момент к твоему изделию какой-нибудь гигантский резиновый дилдо? Да оно развалится у него в руках, просто от контакта клея с деревом.
Вот что такое Adobe Muse.
Вот уж прямо Adobe такие дауны что сделали программу в которой получается кривокосоёбскоё изделие? Это точно в программе дело?
Ты вообще в курсе, что такое client-side любого сайта/онлайн-ресурса? И вообще в курсе, как подобные конструкторы создают этот самый клиент-сайд? Был бы в курсе - не задавал бы таких тупых вопросов. Ничего, сложнее домашней странички для домохозяйки, в подобной хуйне сотворить нельзя. Это, в первую очередь, прикладной инструмент для дизайнеров, не более.
lol, daje v moei sharage uje bili: c++, c#, VB, saitostroenie, i praltika po cms. Ne very chto v institutah huje. 3 kurs
Откуда вещаешь то? Что аж кириллической клавы нету?
У меня друг также говорил, теперь учится в институте и работает в Красное & Белое на алкоголе.
>>611569-кун начинаю тебя понимать.
Прошел божественные бесплатные курсы от Академии и, пиздец, понимаю вас через слово.
Смотреть платные курсы, чтоб понимать? Как я понял - они говно. Что посмотреть/прочитать, чтоб выкупать вашу речь?
топай на webref.ru . Там много годноты, и по галпу, и по препроцессорам, и по бутстрапу, и по жквери, и по нативному жс, и даже по ангуляру.
думаю, да, не стоит. По крайней мере, мне кажется, что информация в текстовом виде воспринимается гораздо лучше.
Спасибо, анонче
в музе ты получишь говнолендинг без адаптивности и с абсолютным позиционированием всех элементов.
http://scarlet.macaw.co/
и все версткопитушки уже навсегда отправятся под шконарь, где им самое место.
1с-ник, опять ты?
У меня к вам вопрос. Основы фронт-енда я освоил (разметка, стили, ява-скрипт). CMS ещё нужно будет подучить.
И зачем пришел, есть ли шанс вкатиться фронт-ендщиком куда-то на постоянную удалёнку? Рассчитываю на 20-30к. Если нет, то что ещё можно подучить для такой ЗП?
У меня картинки не добавляются вообще, то есть вообще ничего не происходит, после того, как я выбираю картинку.
надеюсь, что не проебусь
<img> ?
<img /> ?
<img/> ?
<img> на данный момент верный вариант. С HTML 5 слэш отпадает, но старые макаки все еще ставят его в видеоуроках и вводят ньюфагов в заблуждение.
Спасибо, приятель
>ссусь только из-за слайдера,
Господи, да их тысячи в интернете. Я, например, пользуюсь slick-слайдером.
http://kenwheeler.github.io/slick/
Что-о-о? Нет 100% пройденных испытаний на кококдемии? Мы вам перезвоним!
Да нахуя, думаю за месяц успею все материалы пройти. Или на 2 куплю в крайнем случае. Хз нахуя вообще подписка годовая нужна.
Да, лучшая в своем роде, мы тут работу не можем найти все, потому что есть конструкторы! Вперед, сделай свой сайт с нуля за 5 минут без смс и переплаты!
Просто мы тут сектанты, которые учатся по пол года, несмотря на то, что есть конструкторы. Нам не нравятся такие как ты.
Ave verstkum!
Согласен. Конструкторы сайтов для пидоров, мы должны убивать их создателей, как во время промышленной революции рабочие ломали ткацкие станки.
Я таксист, уже зарабатываю деньги на фрилансе. Беру заказы подороже, клепаю их на 5 минут в конструкторе, получаю лаве.
Не понимаю, почему то так дорого оплачивается? Я слышал есть те, кто учится тому долго, наверное поэтому. Это у меня талант с рождения, а если их бох не наградил, то пусть учатся.
Это еще что, я вот недавно с бомжом познакомился, он меня к себе в подвал привет, а у него там макбук и куча коробок от пиццы, плюс пустые скаканчики из-под смузи. Говорит, это его арт-пространство, а сам он фронтендер на фрилансе, но пока что начинающий. Всего-то 50 тысяч в день.
привел*
Теория отдельно от самого сайта - хуйня и не нужна.
>>612157
>>612160
>>612165
Почему у вас так "не бомбит"? Я у вас просто совет спрашиваю а вы огрызаетесь
Потому что выше в треде нам кто-то уже "пояснял", что вся эта хуета убьет нашу профессию, а мы сопротивляемся и бомбим. Теперь мы не сопротивляемся, а переорганизовываемся в секту староверов-верстальщиков.
Во имя хтмл чистаго, брате.
Сектанты мерзопакостныя помышляют наш труд загубить машинной думалкой, а мы не дадим!
Да.
1. Float left
2. Float right
3. Clear: both
На флоатах давно не верстал, так что не уверен.
Да прибуде с тобой css!
Да ладно, чем больше он схавает готового, тем меньше у меня конкуренции, как у специалиста.
https://2ch.hk/pr/res/773335.html (М)
Итак, начну. Мне меньше 18 лет, я работаю ртом в частной компании (не официально) , но деньги платят. Делаю дизайн. Знаю на поверх уровне CCS,HTML. JS только начал учить, но крепить его к html файлу умею. Все время я пихал Boostrap, пока back-end мне не сказал, что если еще раз увидит boostrap, то уволит меня нахуй. Подскажите что делать, писать с 0 дизайн слишком затратно, сложно и будет через жопу. Мне нужен аналог boostrap`a, чтобы прилепил и делаешь по гайду и по пунктам.
Меню? Есть. Панель? Есть. И т.д Спасибо.
Блять, он 2 флоата и клиар сделать не может. Какие флексы?
Хтьфу в ебало.
В обще у нас нет понятия фронт и бек енд. На это есть один человек, но понятие "фронт" взял я на себя, а он лишь вся остальная часть. А что он ждет - не знаю, но видимо чем то ему бустрап не угодил
У нас нет понятия бекэнд. У нас есть один человек, а я нелегал гастарбайтер тучу по кнопкам за него, дабы сэкономить время, котое он убьет на дизайн, а потом крепит всю нижнюю часть, в роли Mysql и php , дает мои $ и шлет нахуй. Так уже 5 мес.
Ток я останусь без денег, а так можно
Так ебана, говорит бустрап - говно, еще раз увижу уволю нахуй. Ни слова больше
Странный тип какой-то. У нас наоборот бэкэндщики его любят, т.к. можно пилить всякие ништяки не заморачиваясь с дизайном и выглядеть будет как минимум неплохо.
Ну тогда постарайся применять полученные знания на практике.
А так бутстрап не нужен. Создаешь свою библиотеку компонентов и тащишь её из проекта в проект.
Опа, спасибо. Пойду поищу вакансии в мухосранске. Всех благодарю.
Блять иди нахуй уже.
клиарфиксы клиарфиксики
Это там яндекс браузер?
Можно она мне предложит, пока ты учишься?
Универсальный ответ: потому что ты даун и где-то накосячил.
Более точный ответ: а хуй знает, что у тебя там в коде.
Дело не в старости, а в совместимости с XML. Там где используется парсер XML будут ошибки. Например JSX в React.
Из гугла. По запросу "jquery plugin <функциянейм>" выбивает статьи вроде "20 охуенный плагинов для <функция нейм>". А там смотрю, какой из них лучше подходит для конкретной задачи/меньше весит и т.д.
Скорее всего ты задал float этим самым лишкам, чем и спровоцировал такое поведение.
Спасибо, но каким образом ты формулируешь <функциянейм>?
Получается что-то типа: "query plugin карусель", "query plugin анимация кнопок", "query plugin параллакс" и тд?
Да, так, как ты написал. Только названия на англ пишу.
UI-kit. А так, шли нахуй такого охуевшего щенка, бутстрап ему не нравится. Сейчас практически все делается на бутстрапе и подобных, это в разы проще, чем писать с нуля. Другое дело, если ты верстаешь как попало даже на бутстрапе. Тогда понятны взвизги этого дятла.
>Сейчас практически все делается на бутстрапе и подобных
Булщит. Ни одна нормальная компания свой продукт в продакшн на бустрапе не пустит. Максимум прототипирование, да и то, если реальнео сроки жмут.
Маня, иди сортир чистить. Вечно проигрываю с таких даунов.
(Автор этого поста был предупрежден.)
Только после Вашей смены, уважаемый.
>>612516
Гляньте любой лендинг, нахуярен на бутстрапе и красивостях. Любой онлайн-магазин нахуярен на бутстрапе и красивостях. Некоторые юзают ui-kit и подобные аналоги.
Бутстрап не используется на действительно крупных проектах, у которых нет жестких сроков сдачи проекта. То, что можно сделать на бутстрапе за 15-20 минут, без него сделаешь часа за 1.5-2. 15-20 минут на построение структуры и еще 5-6 часов на допиливание под свои нужды. 6-7 часов, и хуяк, лендос готов. Можно сдавать и браться за новый.
Таковы реалии рунета, большинству заказчиков нужен сайтик на бутстрапе быстро и недорого с красивостями. Есть и компании побольше, те уже пилят все сами, но у них и сроки сдачи работ сильно плавают. Сам работаю на одном проекте, где бутстрап понапихан вдоль и поперек. Вроде и проект относительно хороший, есть к чему стремиться, но бутстрап все поганит, изо всех щелей лезет говнокод. И мне не дают его переписать, говоря, что бутстрап - инструмент профессионала. Печально. Недавно попросили сверстать редизайн сайта для этой же компании. Думал сделать основательно, запариться, все по бему, никакого бутстрапа и прочее. Нихуя, через пару дней начали теребить, почему так долго итп. Сказал, что хочу все сделать по бему, без бутстрапа, начали визжать, что бутстрап нужен, хуярь бутстрап, фрилансеры уже давно бы все сделали и сайт ы уже работал, кококо. Пришлось понахуярить им бутстрапа и сдать это говно. Зато как все потом восхищались готовым говнокодом с фишечками типа появляющихся блоков и прочей хуйни, пиздец просто.
Жаль тебя.
Из всех заказчиков с которыми работал, бутстрап не требовал никто. А работал я как с мелкими, которым нужен был банальный сайтик на 1-2 страницы, так и с крупным, у которых на попечении огромные проекты типа биржи медицинского оборудования етц.
Все они требовали в первую очередь логичность, качество кода, расширяемость, эффективность, возможность реюзания блоков, удобство в встраивании. Для меня это вообще показатель. Если компания говорит что надо быстро, а на качество похуй, то нахуй ее, с ней только проблемы потом будут. И платили кстати, неплохо.
Плюс дизайн с которым я обычно работал, я вообще без понятия как на бутстрапе реализовать. Он слишком сложный, блоки ведут себя очень по разному в зависимости от разрешения экрана, а адаптивность нужна всегда полная, с нуля и до 1200, и чтоб при смещении на любые 10пх было заебись.
Так что это все point of view. Твоя картина мира формируется из твоего же окружения.
>И платили кстати, неплохо.
вот это должно быть
здесь
>Все они требовали в первую очередь логичность, качество кода, расширяемость, эффективность, возможность реюзания блоков, удобство в встраивании. И платили кстати, неплохо
Возьми и запили.
В голос.
я немножко накурился и забыл, лол
https://2ch.hk/wrk/res/613029.html (М)
https://2ch.hk/wrk/res/613029.html (М)
https://2ch.hk/wrk/res/613029.html (М)
https://2ch.hk/wrk/res/613029.html (М)
https://2ch.hk/wrk/res/613029.html (М)
ПЕРЕКАТ
Это копия, сохраненная 20 июля 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.