Этого треда уже нет.
Это копия, сохраненная 8 мая 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
1027 Кб, 512x512
17 Кб, 365x512
10 Кб, 1052x1052
Верстка тред №60 #517275 В конец треда | Веб
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ

>Можно ли вкатиться в randomAge.


Можно.

>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.


Можно.

>С чего начать? Что учить? Куда смотреть?


Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.

>Есть ли работа?


Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.

>Пришел ли кто-то из нашего треда к успеху?


Да, и не один а двое, азазазза, кхм.

>Сколько времени займет обучение?


Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.

>Слышал что для устройства на работу нужно портфолио.


Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.

>Подскажите хостинг/сайт/место где все эти проекты держать?


Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.

>Могу ли учить верстку/JS после работы по 2 часа?


Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.

>Могу ли я спросить что-то в треде?


Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.

Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.

Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.

=====================

Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.

Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.

Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.

Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.

http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.

Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/

ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:

Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod

Верстка по БЭМ
http://habrahabr.ru/post/203440/

Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.

Гайд от анона по гитхабу:
http://randomfederation.github.io/

Шпаргалка от Громова по гиту
http://nicothin.pro/page/git

Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131

Тот же базовый но посвежее, за 2016 год:
http://nnm-club.me/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp

Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609

Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material

Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking

Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc

======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>510161 (OP)
#2 #517285
>>517275 (OP)
Ссылки на nnm не пофикшены :/
>>517288
#3 #517286
>>517288
#4 #517288
#5 #517295
>>517151
Ессно нужен JS. Без него никуда. Как так вообще получилось что твои колллеги будучи сотрудниками "илитной" конторы не озаботились о твоем развитии?
>>517302
#6 #517302
>>517295
спойлер раскрой
#7 #517312
Когда уже будет не верстка-тред а front-end господ тред?
>>517322>>517325
#8 #517322
>>517312
Когда все туда перекатятся.
17 Кб, 480x320
#9 #517325
>>517312
Хороший вопрос.
Думаю начать можно со следующего. Как раз по нумерации заебись.
Только надо определиться с названием.
Предлагаю кидать в качестве ответов к этому посту возможные варианты.
Какой больше всего понравится, тот и возьмем в качестве основного.

мимо ОП
#10 #517338
>>517325
Так и назовем: front-end господ тред №61
#11 #517345
>>517325
предлагаю также выбрать какой-то один оп-пик и юзать его, чтобы тред сразу узнавался.
>>517351>>517359
226 Кб, 1024x768
#12 #517347
Кто совмещает изучение с работой? Как у вас это получается?

Я уже думаю увольняться нахуй. Текущая работа заебала неимоверно, чувствую себя абсолютно бесполезным винтиком в огромной махине.
Приезжаю домой к шести. Переодеться/вымыть посуду/приготовить еду/поесть/хоть немного отдохнуть - все, почти восемь вечера, приходит с работы тян, а ей ведь тоже надо уделить внимание.
Не знаю где найти время для обучения. За время отпуска (21 день) прошел все интерактивные курсы. Базовый интенсив начал уже во время работы и смотрел почти столько же, это пиздец.
Открываешь макет - только успеваешь вникнуть, выработать стратегию верстки, как уже и спать пора ложиться.

Уволиться - самый простой вариант, но чет очень стремно остаться на одном скудном доходе тянки и запасах, сделанных до кризиса. Хотя другого варианта я не вижу, если вкатываться - то, наверное, надо рисковать.

спасибо, что прочитал мое нытье
#13 #517350
>>517325
1) frontend for dummies
2) frontend 101
>>519494
#14 #517351
>>517345
Двачую
>>517354
#15 #517352
>>517325
Front-end тред, че тут думать?
>>517355
80 Кб, 1348x292
#16 #517354
>>517351
Давайте этот.
>>517358>>517375
#17 #517355
>>517352
Я за этот.
#18 #517358
>>517354
Там в баксах хоть?
>>517361
#19 #517359
>>517345
А как там щас на дваче с загрузкой одинаковых пиков? Блочить не будет? Где-то год назад с этим были проблемы.
Вообще идея хорошая.
#20 #517361
>>517358
В белорусских рублях сам-то как думаешь?
>>517369
#21 #517369
>>517361
Я, кстати, один раз видел на украинском сайте искали версталу за 3000 грн лол
>>517370
#22 #517370
>>517369
Че лол? Я б пошел.
>>517377
#23 #517375
>>517354

Хуита. Или тогда дописать что это зп сеньора после 3+ лет опыта коммерческой разработки. И статистику по вакансиям и претендентам прилепить.
>>517385
#24 #517377
>>517370
Ну там на сколько я помню по требованиям выходило что человек-оркестр, сео-специалист, контент-менеджер, верстала со знанием js, уметь в дизайн, фотографию (лол) и допиливать движки. Где-то полгода назад видел
>>517378
#25 #517378
>>517377
Тогда нахуй.
>>517391
#26 #517385
>>517375
Это шутка была, че такой квадратный?
#27 #517391
>>517378
Да вообще соглашаясь на маленькие зарплаты ты делаешь хуже не только себе, но и остальным, ибо работодатели видят что типа на мелкую ставку куча идет и думают что им все дозволено: еще перебирать, выебываться, занижать еще (куда же еще), ставить неадекватные требования и т.д. и т.п. Это касается не только верстки, фронтенда, а вообще всего. Демпинг - зло.
Надеюсь, удалось мысль донести свою.

P.S. 3000 грн это примерно 8000 рублей или 115 баксов. Где-то так. Как бы эт на стажера сгодится только.
>>517400
#28 #517392
>>517347
Варгую: ты уволишься, но никуда не вкатишься, будешь вынужден искать работу по старой специальности, но сможешь найти только варианты гораздо хуже твоей предыдущей работы.
>>517401>>517423
34 Кб, 800x665
#29 #517399
>>517275 (OP)
Поясните тупому как захостить на Гитхабе несколько страничек. Вот, допустим, я сверстал страничку, залил index.html с остальными файлами на Гитхаб и теперь эту страницу можно посмотреть, вбив в браузер username.github.io. А как мне теперь закинуть туда еще одну страницу, не удаляя предыдущую?
>>517405
#30 #517400
>>517391
Так я на стажера бы и согласился. Понятное дело, был бы я опытным версталой со сзнанием JS, меньше десятки бы не рассматривал.
>>517408
#31 #517401
>>517392
Почему такие выводы?
>>517404
#32 #517404
>>517401
Потому что у меня все так и получилось.
>>517406
#33 #517405
>>517399
Так же как и любой другой файл.
>>517407
#34 #517406
>>517404
Вангую ты станешь миллиардером. Потому что у Гейтса так и получилось.

Расскажи, почему не смог вкатиться.
>>517419
#35 #517407
>>517405
А как мне его потом открыть в браузере?
>>517409
#36 #517408
>>517400
А что в твоем понимании есть опытность и на каком уровне должно быть знание JS?
>>517413
#37 #517409
>>517407
Ладно, кажется, я допер сам, это был тупой вопрос.
>>527382
#38 #517413
>>517408
Опытность - сверстанное n количество живых работающих сайтов разной сложности и направленности.
Знание JS - умение без говноплагинов написать самому работу форм, модалок, фильтров, менюх и всего остального интерактива сайтов.

Знакомый в Киеве и 14к получал, не зная JS, с чего я хуею до сих пор. Но сейчас на рынке ситуация, думаю, хуже.
#39 #517419
>>517406
Потому я ленивое хуйло.
>>517421>>517422
#40 #517421
>>517419

>потому что


fix
#41 #517422
>>517419
Ну я тоже ленивое, но верстка мне почему-то очень понравилась и заинтересовала. Просто тупо времени сейчас на нее не хватает - а вместе с этим и начинает мотивация теряться.
>>517435
#42 #517423
>>517392

Дваждую этого господина.
Уволился чтоб перекатится в АйТи.
Уже год без работы лол.
>>517424
#43 #517424
>>517423
Рассказывай свою стори.
>>517439
#44 #517435
>>517422
Даже если ты дропнешь все это из-за лени, нет гарантии, что ты сможешь найти потом работу.
>>517446
#45 #517439
>>517424

Ну обычная стори. Работал быдлоодминчеком в одной шараге, капчевал и жил себе неспеша.
Потом появился вариант пройти стажировку на тестировщика. Ну я радостный уволился и побежал туда - этожеайти!
Через пару месяцев стажировки (а нас там было 5 человек) мне сказали что я дохуя умный (ну я действительно ответственно отнесся к этому. изучал и теорию и предметную область всякую бухгалтерию и прочее.) а им нужны люди попроще и вообще студенты. (И нахуя тогда брали изначально непонятно.)
После этого пытался быстро закатится по своей старой специальности а тут опа кризис кризис эвривере.
Ну а дальше полгода депрессухи и вот теперь я здесь с вами.
>>517443>>517450
#46 #517443
>>517439
Лол. Если не пиздишь то радуйся что так случилось. По всей видимости это дичайшая быдлоконтора. Любая норм айти фирма как раз дохуя умных и ищет.
Какими навыками по фронту щас обладаешь?
>>517460
#47 #517446
>>517435
Гарантии нет. Но рынок все еще большой. Киев/Харьков/Львов/Одесса - вакансии есть.
>>517449
#48 #517449
>>517446
А если я ультрахардкор хикка из ПГТ и хочу заниматься только фрилансом?
>>517454
#49 #517450
>>517439
Ох и хуета. Почему не продолжил ебать тестировку? Курсов по ней просто немеряно же, с последующим конкурсом.
>>517460
#50 #517454
>>517449
А если я хочу работать только в ванной, наполненной Дом Периньйон, и чтобы мне делала массаж простаты Вика Одинцова?

Твои проблемы. Я с радостью перееду в город побольше, и с удовольствием буду работать в офисе с другими людьми.
>>517457
#51 #517457
>>517454
Ты нищефриланс = фантастической роскоши?
>>517458>>517463
#52 #517458
>>517457

>Ты


>Для тебя


fix
#53 #517460
>>517443

Ну радоваться то особо нечему. В той конторе я хотел прокачать скиллы получить строку в резюме и через годик свалить уже в более вменяемые места. А насчет умных ты не прав. В нашем модном IT присутствует советский человеческий фактор. Т.е. когда куратор увидел что я начал неплохо так справляться то испугался за свою жопу и слил меня. И такие истории я не раз уже слышал.
Ну и докучи на такие позиции (там где относительно легкий вкот и не нужно знать матан) часто берут тупо по знакомству.

Фронтендом заинтересовался пару недель назад случайно наткнувшись на тред.

>>517450

Бро. В тестировании я нормально так продвинулся (курсы, теория, немного практики). Вот только у меня нет никакого опыта работы по этому делу. А количество претендентов на позицию junior tester превышает все разумные рамки.
>>517469
#54 #517463
>>517457
Нет. Для меня твои желания - примхи. Я так нихачу, я хачу эдак.
Если ты именно пожтому не нашел работу - то и не удивительно. Хотел бы учиться/работать/развиваться - нашел бы хоть что-нибудь. Даже в какой-нить нищестудии, пилящей сайты для таксопарков можно набраться опыта и отточить навыки в инструментарии.

Алсо, фриланс это всегда хуета, т.к. ты один на один с задачей. Никому не покажешь "а так норм?", никого не спросишь, никто тебе случайно не подскажет косяки или как было лучше сделать. Поэтому и развитие при работе в одиночку всегда идет медленнее, чем при работе в коллективе.
>>517477>>517478
#55 #517469
>>517460

> В нашем модном IT присутствует советский человеческий фактор.


В рашке проживаешь я так понимаю?
>>517477
#56 #517477
>>517469
Нет бля из Сингапура я.

>>517463
Тут соглашусь пожалуй. Фриланс он для уже хороших самодостаточных специалистов. И на фрилансе нет развития.
#57 #517478
>>517463
Это с позиции хорошо социализированного нормалфага мои желания - прихоти. А для меня это базовая необходимость, обуславливающая уровень комфорта. Что-то из ряда "иметь крышу над головой, а не ночевать на улице", "есть нормальную еду, а не питаться отбросами, найденными на помойке". Мне уже почти 30 и за все эти годы я ни дня не проработал в офисе. И начинать (да еще и переезжать ради этого за сотни километров, чтобы потом отдавать 3/4 нищенской зарплаты за жилье) я не планирую. Только фриланс, только удаленная работа, только хардкор.
>>517481
#58 #517481
>>517478
Ну да, в офисе тебя де дивьем съедят. Пиздец, более адекватных, дружелюбных и безобитных людей, чем айтишники еще трудно найти. Это тебе не в бригаде слесарей ебашить, и не в проектном бюро, где одна половина офиса не здоровается со второй.
>>517482
#59 #517482
>>517481

>живьем


фикс
#60 #517485
А я говорил
#61 #517567
http://dou.ua/lenta/digests/junior-digest-4/#11

Резюме + видеорезюме на ютубе (как раз для хекк) + мотивационное письмо (что это, блядь?) + тестовое задание (что уже многих отсеивает) + собеседование + неоплачиваемая стажировка + конкурс с другими такими же аутистами вроде тебя на одно место.

Охуеть?
#62 #517593
>>517567
Ну да, пройти 100500 всяких отборов, чтобы получить возможность участвовать в финальном отборе
>>517598
#63 #517598
>>517593
У меня такое ощущение, что шансы 100%-е. Врядли найдется второй такой долбоеб для участия в этих голодных играх.
>>517611
#64 #517607
>>517567
Кстати, мне вот интересно. Они там от пхп-макаки хотят опыт работы и знание фреймворка. Что мешает в таком случае человеку, который подходит под это аплаиться уже НА РАБОТУ где обычно такие же требования? Только там ему будут платить зарплату в случае прохода этапа отбора, а тут после этапа отбора будет неоплачиваемый этап работы (пусть и не полный день), потом хреново оплачиваемый (стипендия стажера) и только потом ВОЗМОЖНО работа.
1+1 не гиганты ит индустрии, чтобы так горбатиться за возможность у них поработать.
>>517609
#65 #517609
>>517607
Зато гиганты укроТВ. Отсюда и гонора столько, наверное. Хотя сами же пишут, что айти-отделы у них маленькие.
>>517617
#66 #517611
>>517598
Да на самом деле найдутся. Сейчас недостатка нет, особенно на начальные позиции, поэтому они и могут ставить такие требования и перебирать. И попадет на позицию стажера какой-нибудь чувак который мог бы уже крепким джуном вовсю работать.
#67 #517616
Жаль, тестовое походу выдают только после отправки резюме (ссылку не увидел). Так бы можно было бы заценить че они еще хотят.
>>517633
#68 #517617
>>517609
В Привате говорят, похожая хуйня. Хотят шоб все и сразу, и задешево. В итоге получают долдоебов пока все толковые разрабы улетают на продукт/аутсорс. А потом еще удивляются, почему приват24 написан НЕОЧЕНЬ.
>>517623
#69 #517623
>>517617

>А потом еще удивляются, почему приват24 написан НЕОЧЕНЬ.


У них хоть что-то написано нормально? Я Сбербанком России пользуюсь - разница в качестве софта колоссальная. Приватовские терминалы и банкоматы - это ж самое дно.
>>517630
#70 #517624
>>517567
Ну это ж очевидно для студентоты что не так и плохо.
На последних курсах можно пройти стажировочку и норм. Уже будет понимание процесса разработки и все такое.
#71 #517630
>>517623

>Я Сбербанком России пользуюсь - разница в качестве софта колоссальная.


например
>>517638
84 Кб, 604x571
#72 #517633
>>517616

КСТААААТИ

Вот придумал идею:

1) Пилим фейкового персонажа (email там ФИО и т.д.)
2) Пилим средневсратое резюме на начальные позиции.
3) Пилим среднее портфолио (тот же барбершоп или еще какой макетик)
4) Рассылаем резюме на вакансии в студии всяких мухосрансков (предварительно в резюме исправляя место жительства).
5) Получаем тестовое задание. И (если повезет) условия работы, зарплату.
6) Постим сюда инфу что где и как.

Какие задания какие деньги готовы платить и и т.д.
Таким образом оцениваем рыночек.
Вообщем с меня идея с вас реализация лол.
>>517639>>517640
#73 #517638
>>517630
Например, скорость и логика работы банкоматов. Надежность смс-информирования об операциях со счетом (хз как там сейчас, раньше частенько смс не приходили). Теоминалы сравнить не могу, у спермбанка я их не видел, но приватовские - глючный неэргономичный кал.

В примате в целом качество сервиса говно. Постоянные звонки от операторов "Уважаемый Бафомет Йцукенович, мы заметили, что вы не пользуетесь своей кредитной карточкой. ПОЧЕМУ?" вообще доебали.
#74 #517639
>>517633
Нахуя это делать, если все это совершенно открыто лежит на hh.ru?
>>517643>>517650
#75 #517640
>>517633
dou.ua для укроанонов.
>>517650
#76 #517643
>>517639
Наверное он предложил так как:
1) не всегда тестовое в открытом доступе
2) не всегда указана зарплата
>>517645>>517679
#77 #517645
>>517643
Т.е. надо сидеть заебываться с рассылками и регистрациями чтобы собрать некую статистику и инфу по тестовым?
>>517652
#78 #517650
>>517639

Что открыто лежит? Тестовые задания? Ну покажи может я тупой и не нашел.

>>517640

Ичобля. Напиши в строку адрес город - Киев.
#79 #517652
>>517645
Да статистика и так наберется. Вот люди подготовятся из треда и начнут на собеседования ходить/тестовые выполнять. Главное в тредик потом стори свое пилить. Вон недавно рассказывал анон про свое собеседование: сидел писал код за компом вместе с собеседуемым.
Другой анон тестовое показывал: там форму адаптивную надо было сделать и еще что-то (уже не помню).
Если будем делиться сведениями (хоть в минимальном объеме), то и фейко-акки не нужны будут.
#80 #517656
>>517347
Встаю в 6 утра чтобы поверстать. Алсо, у тебя есть тян, нахуй она нужна если не готовит и не делает домашние дела?
>>517666>>517680
#81 #517657
>>517652
не с собеседуемым, а тем кто собеседовал, офк
23 Кб, 636x775
#82 #517665
>>517652
Адаптивную форму я делал, наверное.
>>517671>>517700
#83 #517666
>>517656
Она работает тоже, умник. Когда она дома - делает большую часть работы по дому.
sage #84 #517667
>>517652

Ну не хочешь не делай тебя что заставляют что ли?
Дали годную идею и как обычно визг: -кококо янипанимаю зочем это нужно. А если я нипанимаю значит и никаму ненужна.
Ахуеть вообще.
>>517679
#85 #517671
>>517665
Кстати, после ебли с ней, начал постоянно обращать внимание на формы. С такими свистелками пока больше не видел ни у кого.
>>517674
#86 #517674
>>517671
А что там за свистелки?
мимо
>>517694
#87 #517679
>>517667
Какой визг? Ты чет попутал видимо ибо визг от тебя только идет пока что. Я говорю, что статистика и так набраться может так как аноны некоторые делятся инфой, а тут >>517643
сказал, что понимаю почему предложили такую идею.
#88 #517680
>>517656
Как вы вообще совмещаете работу учебу фронту и тян?
Я работаю удаленно где-то 1-3 часа в день, остальные 5-6 делаю фронт. Готовлюсь к вхождению на джуна.
Времени на это уходит с перерывами, без преувеличения от утра до 10 часов вечера. Если добавить еще дневные покатушки на велике и прочий спорт, то там вообще пиздец. И то считаю, что темп не предельный, можно еще поднажать.
Вечером пару часов, книжечку там какую и спать. На выходные ессно хочется уделить время себе.
>>517686>>517690
#89 #517686
>>517680
Хуярю утром с 5-6 утра потом после работы, как только мозг уже начинает не воспринимать информацию сразу ложусь спать. В выходные смотрю 1-2 фильма для развлечения и иногда листаю ленту в параше. Друзей нет. Тян нет. Никто не мешает учиться.
>>518742
#90 #517690
>>517680
Тян особо не мешает, если с ней жить. Пусть сидит себе, книжки читает, в инете шароебится. Наоборот иногда удобно: можео попросить ебы разогреть или кофейку принести.
#91 #517694
>>517674
Разделенный телефонный номер, подсветка контуров и лейблов по дефолту/дисейблед/эктив/коррект/инкоррект, ну и адаптивность, чтоб на определенном разрешении экрана принимала форму в 1 столбик, расширялась до краев экрана минус 10 пикселей.

Сколько с тех пор форм не видел - никто не парится с таким почти. Особенно с подсветками лейблов.
>>517700
#92 #517700
>>517665
>>517694
Да, про тебя говорил. Тебе не перезвонили кстати?
>>517701
#93 #517701
>>517700
Нет. Прислали письмо, мол, было 40 рыл на место, так что извини, мы выбрали тех, кто точнее всего следовал тестовому.

Ну я и сейчас после базового интенсива понял, что там хуиты кое-где понаписал.
#94 #517757
Дизайнер, который вкатывается во фронт, врывается в тред. На последней работе верстал и кодил на Реакте, решил полностью перейти во фронтенд. Было где-то 15 собеседований, сейчас 4 офера (максимальный на 140к, но компания НЕ ОЧЕНЬ).

Тестовое задание предложили только одни, отказался делать сославшись на нехватку времени. Но там компания была не очень-то интересна. Еще один предложили тест-драйв на несколько дней.

В основном спрашивают о выполненных проектах, смотрят на стек технологий.

Частые вопросы:
1. Рассказать что такое замыкание и зачем они вообще нужны.
2. Как работает this.
3. Как работает прототипное наследование.
4. Зачем нужны и чем отличаются call, bind и apply.

На несколькольких собеседованиях решал простые задачки на бумаге или в онлайн-редакторе. Типа таких:
1. Обратить строку.
2. Написать функцию, которая проверяет является ли строка палиндромом.
3. Найти в массиве все анаграммы.
4. Замерить среднее время ответа сервера для 10000 запросов. Асинхронно, само-собой.

Какие-то большие тестовые задания я зарекся выполнять после того, как потратил 20 часов на одно, сходил на две встречи, прождал неделю и в итоге получил хуй вместо офера.
#95 #517775
>>517757
Какой у тебя опыт работы? (сколько лет)
>>517781
#96 #517781
>>517775
Дизанером года три, разработчиком один. На JS кодю два года.
#97 #517790
>>517757
Прочитал и нихуя не понял
>>517797
#98 #517797
>>517790
Что не понял?

Тут вроде про тестовые задания разговор был, решил вбросить свой опыт.
>>517804
#99 #517804
>>517797
Про термины жс, учится и учиться еще
#100 #517808
>>517757

>максимальный на 140к, но компания НЕ ОЧЕНЬ


Почему не очень?
>>517841
#101 #517810
>>517757
А как и сколько учился перед тем как дизайнером стать?
>>517841
#102 #517841
>>517808
Расположена в какой-то дикой промзоне посреди нихуя.

>>517810
Два года в британочке. Но не могу сказать, что это было обязательно.
#103 #517849
>>517757
Пасиб что отписался, норм вопросы вроде бы.

Про строку хотел уточнить: разбивка на массив, переворот методом массива и склейка обратно им подойдет? Или им обычно reverse() не канает и надо менять элементы ручками?
>>517851
#104 #517851
>>517849
Подойдет, такой ответ и подразумевается.
>>517855
#105 #517855
>>517851
Ясно. Ну пасиб. А то я еще на собеседованиях не был ни разу)
#106 #517896
>>517757
А на какую ты позицию собеседовался? Вряд ли ниже мидла.
>>517901
#107 #517901
>>517896
В вакансиях довольно редко пишут это напрямую, обычно берут с разным уровнем, просто корректируют зарплату. Я считаю себя мидлом.
>>517908
#108 #517908
>>517901
Спасибо, интересно просто какие собеседования например при приеме синьера/мидла.
#109 #517965
>>517244
Перспективы на твоей работе есть?
#110 #518041
Верстаны, чому про avocode никто ничего не говорил, годнота же.
>>518046
#111 #518046
>>518064
#112 #518064
>>518046
В шапку запилите, если у кого на эту вещь еще и КРАКЕН есть то вообще охуенно будет.
>>518115
#113 #518115
>>518064
гуглю на этот счет, но вот чето кракена боюсь там качать.
#114 #518152
>>517757
Хахах, 140к с такими вопросами, ну да, разводи местных зевак больше.
>>518154
#115 #518154
>>518152
Слушаю твои ответы.
#116 #518157
>>518154
Без гугла, разумеется, котик.
#117 #518163
>>518154
Манька, эти вопросы максимум на джуна. Если бы меня такое спросили на, хотя бы, миддла, я бы просто взял и вышел. Лол
>>518171
#118 #518171
>>518163
Так ты отвечаешь или нахуй идешь?
>>518173
#119 #518173
>>518171
Нахуй ты идёшь, сказочник. 140к бляхаха
>>518177
103 Кб, 1840x380
#120 #518177
>>518173
Как скажешь.
#121 #518196
>>518177
И не лень же было в консольке цифры поменять. Забей, сразу видно, что на реальных серьёзных собеседованиях ты не был, можешь не стараться.
#122 #518211
>>518177
Ужас. Это теперь роботы офферы присылают?
#123 #518419
>>518177
Схоронил
>>518456
#124 #518427
>>518154
Но он прав, такую легкотню даже я знаю, ни одной строчки на жс не написавший, разве что читал какую-то книжку за авторством кантора.
мимо стремящаяся жава-макака
>>518454
#125 #518453
>>517151
ааа, блядь, мои глаза!!! не надо так. давай-ка, вкатывайся сначала в ваниллу на learn.javascript.ru, а потом уже в библиотечки всякие
#126 #518454
>>518427
Ответь/реши без гугла.
#127 #518456
>>518419
Нахуя?
>>518460>>519053
#128 #518460
>>518456
чтоб былО
#129 #518461
>>517275 (OP)
а я напоминаю, что на дворе 2016 год, а в треде ни одного упоминания про gulp
>>518462>>518485
#130 #518462
>>518461
Напоминаю, что в 2016 уже пользуются вебпаком.
#131 #518463
>>518462

>вебпак


и о нем тоже нихуя нет. все ручками дрочатся
#132 #518465
>>518462
только в твоих манямечтах
>>518466
#133 #518466
>>518465
Чому же? Я пользуюсь. Собсна и в 2015 пользовался.
#134 #518485
>>518461
Не пизди было и про галп недавно.

>>518462
Галп и вебпак вполне себе хорошо сживаются
#135 #518489
Аноны, ситуация такова.
Знаю в общих чертах HLML, CSS, JS.
Хочу прогать веб-приложухи ASP.NET MVR.
Какой учебкой закинуться?
#136 #518492
>>517275 (OP)
Сколько слежу за тредами ни разу не видел, чтобы поднималась тема ОС для разработки. В мире программирования в целом, к разработке на винде относятся в большинстве своем холодно. А как обстоят дела во фронт-энде? Куча видео уроков либо на линуксе, либо на маке. Нужно ли сразу перекатываться на другую ось, либо можно всю жизнь просидеть на винде? Например мой товарищ устроился недавно на практику в контору, так там вообще выбора нет, сказали у нас линукс. Но ему норм, он сам макоёб да и с линуксом дружит (и тоже относится к винде с неким презрением).
Аноны, (особенно работающие в студиях) расскажите как оно на деле все?
#137 #518541
>>518492

> Нужно ли сразу перекатываться на другую ось, либо можно всю жизнь просидеть на винде?


Конечно, нужно. Без этого сегодня вообще никак. Так что бери сразу топовый макбук, iPad Pro и iPhone 6S Plus, иначе посоны уважать не будут. Будешь лохом.
#138 #518618
Есть ли смысл делать фиксированные странички на флексах?
>>518625
#139 #518619
>>518492
Для фронта Windows или OS X.
Linux тут нахуй не нужен.
>>518649
241 Кб, 1920x1080
#140 #518624

>когда дизайнер - долбоеб



Надо же было выполнить хедер не заливкой, а какой-то хуйней, у которой брекетсы не могут даже цвет считать.

В связи с чем вопрос. С фотошопом ебаться не очень хочется: тяжелый, майнеры в кряках, покупать пока еще дорого. Я так понимаю, Avocode умеет в чтение psd макетов? Есть уже взломанный? На трекерах ничего не нашел. Кто чем пользуется для экспорта картинок / замера размеров / считывания цветов из макетов?
>>518649>>518653
#141 #518625
>>518618
На флексах есть смысл делать сетку. Всегда. Они для этого и были созданы.
>>518628
#142 #518628
>>518625
Спасибо.
#143 #518649
>>518619
Если не надо ковырять в фотошопе - то и Линукс сойдет в принципе (ибо так геморно его поднимать будет). А вообще да, os x или винда - лучший вариант

>>518624

>у которой брекетсы не могут даже цвет считать


Ну вот один из случаев когда брекетс соснул, кек.

Обычный фон наверное. Уже не помню устройство макета этого.
Ставь фотошоп.
На Авокоде можно мыло каждый раз регать новое для триалки (если не впадлу). Да и это вроде как облачный сервис, поэтому не удивительно, что кряка нет (могу ошибаться). Сам не юзал - выше выкладывал плейлист - можешь глянуть.
>>518653>>518657
#144 #518653
>>518649
>>518624
Посмотрел - да, там фон просто. Цвет можно взять пипеткой. Если не охота ставить ФШ - поставь instant color picker - пипетка внешняя легковесная, откуда хочешь будешь быстро цвета выдирать. И не нужен будет ФШ для таких задач будет
#145 #518657
>>518649

>Ну вот один из случаев когда брекетс соснул, кек.


Что интересно - по какой-то загадочной причине, проблемы у брэкетса я пока встречал только с этими учебными макетами от Академии. Что с Барбершопом, что с Нердсом. То не может нормально размер шрифта и строки считать, то фон задан какой-то ебаной фигурой, а не заливкой. Открывал еще несколько макетов - там все замечательно, проблем 0, все считывается быстро и легко.

Кстати, даже не смотря на такие приколы, Брэкетс все еще самый удобный инструмент, из всех, что я видел, по часты быстрого экспорта слоев в папку и в код.
#146 #518660
Заодно спрошу, пока не забыл.

Кто как верстал карту в Нердс? Вставлял интерактивную из гугла или яндекса, или статичную картинку?

Если интерактивную - как боролись с левыми подсказками и проблемами с прокруткой, как вставляли кастомный маркер?

Если статичную - какую ширину задавали, 1200рх? А если у посетителя экран шире, тупо обрезали карту?
>>518666
#147 #518666
>>518660
По макету делаешь на всю ширину, лучше делать интерактивную, маркеры через API карт, там инструкция есть.
69 Кб, 800x600
#148 #518728
Фронтендер с 2ух летним стажем ИТТ. Вкатился в этот тред 2.1 года назад. Казах-кун(если кто помнит) Прошел таки большой путь верстка учебных макетов + конторы веб-студии + фриланс + работа в АО в крупной SCRUM команде. На данный момент владею и использую стек технологий :БЭМ, ES6, Angular в связке webpack + postCSS итд прочего хипсторского говна. Сейчас больше увлечен Реалтайм SPA приложениями (websockets,express нода).
Задавайте свои ответы.
#149 #518731
>>518728
Зарплата?
>>518733
#150 #518733
#151 #518735
>>518728
Зачем нужен postCSS кроме автоприфексера?
>>518738
#152 #518738
>>518735
Расширять css синтаксис
>>518739>>518743
#153 #518739
>>518738
Например? Чем он лучше того же Sass?
#154 #518740
>>518728
Как именно вкатывался: сколько тратил времени на обучение, как обучался, через сколько времени нашел первую работу, какая была з/п?
>>518744
#155 #518742
>>517686
Везет тебе. У меня и друзей дохуя и тян. Все блять хотят внимания особенно тян
>>518745
#156 #518743
>>518738
Модульность, инлайнинг ресурсов
#157 #518744
>>518740
работу искал месяца два.

Зп росла вот в такой прогрессии 20/30/50/80-100
>>518748
#158 #518745
>>518742
I know dat feel, bro.
Я живу с тянкой отдельно от родителей, так и они через день вечером в гости приходят. Вроде и не на долго, но все равно это минус час времени, которое я после работы мог бы потратить на верстку.
#159 #518747
>>518728
Не помню тебя, то ты это я. Примерно такая же зарплата, примерно такой же опыт, тогда же вкатился. Почему еще не за бугром?
>>518749
#160 #518748
>>518744
Давай вопросы на осталные ответы же.
>>518751
#161 #518749
>>518747
Не знаю. Есть идея запустить собственный проект. Тут как бы появились и связи и прочий профит
#162 #518751
>>518748
верстка 2 месяца примерно. По джс я до сих пор иногда туплю.
>>518754>>518755
#163 #518754
>>518751
То есть ты через два месяца после начала обучения нашел уже работу версталой? Не учился и не работал в это время?
>>518756
#164 #518755
>>518751
Какой лвл?
>>518757
#165 #518756
>>518754
Да через два месяца. Вышки не было я тогда учебу на первом курсе дропнул.
>>518758
#166 #518757
#167 #518758
>>518756
Молодца.
Сукаблядь, почему я в свое время так не сделал? но нет же, голова была ВоВ-ом забита.
>>518759
#168 #518759
>>518758
Двачую.
миморетрик
>>518760
#169 #518760
>>518759
А я был ферал-друлем дамагером, еще гордился так, блядь, своим высоким ДПС-ом на сервере.
>>518928
#170 #518762
Друзья, кто прошел базовый интенсив напишите для долбоеба порядок вкатывания. Вот я прошел 1 раздел по разметке. В итоге в конце с горем пополам пересмотрев пару раз видео я разметил барбершоп и прошел 4 курса. Попытался разметить главную страничку нердс выбрал ибо он самый изи и обосрался поскольку нихуя не понимаю. Как мне поступить? Проходить интенсив дальше заострив внимание на барбершопе или сидеть ебаться с другими макетами? Я уже очень много времени потерял 2 недели ибо попросту не могу себя заставить проходить дальше пока не разберусь со всеми другими макетами.
>>518763
#171 #518763
>>518762
Ты точно интенсив то прошел? Все интерактивные курсы в домашних заданиях выполнил?
>>518765
#172 #518764
Так ли важны ИСПЫТАНИЯ на хтмлакадеми для реальной потом работы?
Я все понимаю (почти), но с некоторыми испытаниями, типа биатлона обосрался.
Видеоуроки на ютубе, кстати, о наследовании и селекторах намного понятнее рассказали.
#173 #518765
>>518763
Я не прошел интенсив, речь идет о первом задание на разметку.
>>518769>>518770
#174 #518766
>>518764
Если ты с биатлоном обосрался, то лучше бы тебе заново соответствующие курсы перепройти. Там вообще ничего сложного нет.
>>518771
#175 #518767
>>518764
Бесполезная хуйня.
#176 #518768
>>518764
Я тебе больше скажу испытания/задачи просто необходимы. Только так усваиваются навыки
#177 #518769
>>518765
Я имел ввиду те курсы интенсива. Это не просто видосики посмотреть, и скопировать код в текстовый редактор. Там еще и домашние задания же есть: интерактивные курсы пройти, статьи почитать и т.д.
>>518776
#178 #518770
>>518765
Мне, например, неудобно сразу хтмл размечать. Размечаю постепенно в процессе верстки.
#179 #518771
>>518764
Не слушай вот этого >>518766 долбоеба. Я тоже биатлон не проходил. Хуйня ненужная.
>>518773>>518774
#180 #518773
>>518771
Не, ну ты-то точно умный, сразу по тексту видно.
>>518775>>518778
#181 #518774
>>518771
Как можно было не осилить такое легкое, разжеванное в курсе задание, лол? Иди нахуй, в общем.
>>518778
#182 #518775
>>518773
Уде умею верстать макеты, сейчас ради интереса попробуйю пройти биатлон.
другой анон
#183 #518776
>>518769
Домашнее задание как раз и заключалось в том, что бы разметить другой макет на выбор я выбрал самый изи + пройти 4 курса. С другим макетом я обосрался ибо не понимаю как прикреплять карты и верстать магазин.
>>518779
#184 #518778
>>518773
Окей.
>>518774
В чем заключается его легкость? Оно тупое и не логичное. Любой даун может наугад подобрать классы к селекторам, только вот нахуя этим заниматься? Короче параша.
Все кто не согласен с тем, что испытания на академии хуйня, иди те в залупу. Пидоры.
#185 #518779
>>518776
Про карты дальше рассказывают. Вообще, рикаминдую сначала полностью просмотреть интенсив, пройти все интерактивные курсы, вместе с Першиным разметить до конца Барбершоп, а потом уже приниматься за другой макет.

По крайней мере я сейчас так и делаю.
>>518782
#186 #518782
>>518779
Так и поступлю, спасибо.
#187 #518784
Нахуй нужен этот биатлон если потом учат не делать большой вложенности селекторов и вообще по бэм хуярить?
>>518787
#188 #518787
>>518784
Смысл с самого начала учить БЭМ? Он только запутает.

Сначала учат в столбик считать для понимания процесса, потом уже дают в руки калькулятор.
>>518788
#189 #518788
>>518787
Да блять, а по 10 селкторов вкладывать не запутает?
>>518792
#190 #518792
>>518788
Ты тупой, если не понимаешь разницы между обучением и реальной работой.
>>518841
#191 #518826
Биатлон сейчас пройти не смог, лень вникать в это каскадное говно, которое нигде не используется. Даже на домашней страничке северокорейского вуза, сверстанного на айдишниках, каскад не используется.
другой ньюфаг, осиливший верстку адаптивной седоны и пинка
#192 #518841
>>518792
Заебись потренировались, можно в бой!
https://www.youtube.com/watch?v=-zilTU7ez90
>>518843
#193 #518843
>>518841

>путает тренировку с обучением


Ты действительно тупой.
>>518846
#194 #518846
>>518843
Поясни за твой метод обучения, хули. Имхо, куда лучше обучаться в процессе работы, чем делать то, что ты никогда не будешь использовать. Ты наверное еще и большинство школьных предметов назовешь охуеть какими полезными?
>>518847>>518850
#195 #518847
>>518846
Все школьные предметы полезны кроме урока музыки.
>>518848
#196 #518848
>>518847
Чем в реальной жизни пригодится умение решать задачки по неорганической химии?
#197 #518850
>>518846

>Поясни за твой метод обучения


>твой



Мда. Я не хочу разговаривать с тупым человеком. Тем более мне нет смысла в чем-то тебя переубеждать. Оставайся при своем мнении.
>>518853
#198 #518853
>>518850
Ты кроме гринтекста и оскорблений что-то умеешь? Постарайся объяснить в 1 посте, дальше спорить не будем.
#199 #518855
>>518764
Обосрался в свое время на биатлоне, ничего страшного.
#200 #518856
Вопрос по svg. Читаю в разных статьях, что это наиболее прогрессивный и правильный способ верстки графики. Но у меня какого-то хуя иконки со сглаживанием, нечеткие получаются. Догадываюсь, что все из-за того, что дизайнер не рисовал по пиксельной сетке, всюду значения типа 1.4343 вместо 1 или 2. Щито делать?
>>518859>>518866
#201 #518859
>>518856
Пизды дать дизайнеру, что же еще.
>>518863
#202 #518863
>>518859
Может это какой-то ебаный antialiasing? В редакторе-то норм смотрится его же дерьмо. А в браузерах хуево.
>>518866
#203 #518866
>>518863
>>518856

Ты расскажи как работаешь то с свг для начала, чтобы мы поняли че там у тебя не очень.
Или код покажи
>>518882
#204 #518882
>>518866
Я туплю, если экспортировать в png, то все так же хуево выглядит. Я то смотрю в редакторе увеличив масштаб... Значит мне ни о чем не надо беспокоится и делать как есть в svg. Столько времени проебал((
>>518901
#205 #518901
>>518882
Проиграл
#206 #518928
>>518760

>ферал


>ДПС


>>518938
#207 #518938
>>518928
Потому и гордился, что пантерой унижал по ДПСу большинство рог и магов.
>>519130
#208 #518946
>>518728
Сам с севера казахии. Так же пытаюсь превозмочь.
61 Кб, 198x226
#209 #519002
Посоны, каким тегом в хтмл обозначить пикрелейтед, section или article?
>>519007>>519016
258 Кб, 502x466
#210 #519007
>>519002
Вот как это будет выглядеть, чтобы вам был понятнее мой вопрос.
>>519009>>519016
#211 #519009
>>519007

Дивами все обозначай не ошибешся.
>>519011
#212 #519011
>>519009
Блять, ну семантика же, вся хуйня, я нихуя не понимаю.
#213 #519016
>>519002
вроде бы так: если эта хуйня независима, то article. Например, она может встречаться на другой странице..

>>519007
я бы article использовал.

а вообще, мой тебе совет: сначала заебаш как можно быстрее div'ами и сдай проект. Если в сроки уложился, делать нехуй, можешь семантику внести, заменив div на article
>>519018>>519024
#214 #519018
>>519016
Мне не срочно.
#215 #519019
>>518728
Этот чел пиздит, у него меньше года опыта, и он нихуя жс не знает. По за тоже пиздит, думаю не больше 50к.
>>519022>>519431
#216 #519022
>>519019

>По зп


быстрофикс
#217 #519024
>>519016
Если по логике, то весь каталог имеет смысл, и отдельно будет понятен его артиклом, каждый товар секшоном с заголовком т.к находится в артикле. Я правильно мыслю?
#218 #519046
Как задать выравнивание отдельно для каждого ряда по основной оси для флекс элемента?
>>519054
#219 #519053
>>518456
Буду траллить теперь
295 Кб, 1031x885
#220 #519054
>>519046
Короч, как при помощи флексов последний товар поместить сюда, но не убирать justify-content: space-around; ибо больно хорошо верхние товары распределились
>>519056>>519059
#221 #519056
>>519054

Может быть последнему ребенку задать какой нибудь align-item: flex-start; или что-то подобное
#222 #519059
>>519054

Или align-self
>>519062
#223 #519062
>>519059
Это для поперечной оси, а для главной оси никак отдельно элемент не выровнять. Придется видимо хуячить каждому товару марджины, по-другом никак(
#224 #519063
align-items по другой оси же
>>519069
#225 #519069
>>519063
Я не понимать. Реализуй, вот код.
https://jsfiddle.net/4wLngx6j/
#226 #519088
Скорее всего это невозможно сделать только за счет свойств flexbox. Сделай как тут написано.

http://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid

Или подумай над другим вариантом верстки. Почему именно space-between/around? Может сделать просто по 25% шириной?

https://jsfiddle.net/xzaphLt3/1/
>>519097
#227 #519097
>>519088
Спасибо, но я тупо каждому твоару марджины в соответствии с макетом написал и все красиво получилось. Страничка-то фиксированная.
#228 #519129
А вы начинали верстать личный проект сразу с барбершопом, или сначала посмотрели весь интенсив и уж после за него взялись?
#229 #519130
>>518938
пве бляди не нужны
>>519475
#230 #519131
>>519129
я сразу начал.
#231 #519141
>>519129
барбершоп не трогал, сразу нердс, одна хуйня. Для практики всё равно нужно все делать.
#232 #519144
>>519129
Посмотрел все, вникая как они делают барбершоп. А потом сел верстать макеты, пересматривая нужные уроки если было необходимо. Так вопросы просто многие отпадают и уже знаешь че будет рассказано, а че не будет и надо гуглить. Короче говоря общая карта материала в голове выстраивается. Мне так лично проще от общего к частному идти чем наоборот. Но в самом интенсиве наверное как раз наставник и помогает с возникшими вопросами, поэтому там и постепенно все. Както сумбурно написал, но надеюсь, поймешь
#233 #519245
В html academy не появились курсы по JS еще? Проходил года 2 назад, когда там было оче пусто, потом забросил, а сейчас хочу снова вкатиться и вот думаю, поможет ли эта площадка хотя бы на первую ступень встать в вертске?
>>519489
#234 #519431
>>519019
Откуда знаешь?
>>519437
#235 #519437
>>519431
Так он тут часто пишет, начал он только прошлым летом, плюс постоянно во всяких конфочках/контактиках спрашивает разные тупые нубские вопросы, у него максимум уровень очень слабого джуна. Никаких 100к точно не получает, это просто 100% инфа.
>>519452
#236 #519452
>>519437
Тогда понятно, я тут не часто сижу.
#237 #519460
Пиздец, так и не смог на флексах сделать форму седоны 1в1 с макетом. Оставил так, не стал даже календарики добавлять, выглядит сносно, меня уже тошнит реально от седоны. Дивов нагородил целый забор.

http://acilsd.github.io/responsive-sedona/
Может кто подсказать хороших, годных примеров верстки форм на флексах? Это мой единственный затык в верстке, с остальным справился и разобрался, у меня даже пригорает немножко с этих форм.
Причем проблема именно с такими уебанскими формами, где сначала лэйбл-инпут на одной линии, а потом хуяк и лейбл-инпут-лейбл-инпут на другой линии.
>>519581
#238 #519475
>>519130
Я и в ПвП дохуя народу унизил.
#239 #519482
Глупый вопрос немного. Что ставить у ссылок в href чтобы по нажатию ничего не происходило. # поднимает страницу к верху.
>>519492>>519493
#240 #519489
>>519245
Там есть один говнокурс по джсу, ничего не объясняется толком.
#241 #519492
>>519482
Зачем тебе это?Просто интересно.
>>519546
#242 #519493
>>519482
Ссылка подразумевает переход куда-то, так что для действий на странице логичнее использовать button. Если у тебя ссылка как фолбэк для выключенного жс - пиши event.preventDefault()
#243 #519494
>>517350
Один лайк за первый вариант.
#244 #519546
>>519492
Чтобы проверять эффекты было проще. Устал обратно к месту возвращаться.
#245 #519581
>>519460
кидай код в песочнице, так тебе никто не поможет
и говори конкретно с чем была проблема
27 Кб, 457x311
#246 #519583
Можно ли убрать это запоминание не нужного шлака?
>>519590>>519601
#247 #519590
>>519583
Конечно. Во-первых надо разнести css по модулям, во-вторых сократить количество разных отступов и вынести повторяющиеся в константы, сейчас похоже на то, что для отступа выбирается случайное число в пределах 20-30 пикселей.
16 Кб, 400x400
#248 #519600
Часто ли бывает такое, что сверстал и выложил макет куда-нибудь на гитхаб, а потом через какое-то время что-то например обновилось, и какие-то элементы в верстке пошли по пизде?
>>519622
#249 #519601
>>519583
почти уверен, что дело в синтаксисе. Попробуй этот "syntax highlighting for sass"
>>519602
#250 #519602
>>519601
подсветка синтаксиса, если точнее
фикс
#251 #519622
>>519600
В 99.999% случаев не бывает.
Могут тулзы по пизде пойти, если ты в package версии не жесткие указал, и потом не будет собираться проект.
Моя прохладная #252 #519648
Приветствую братья и братья притворяющиеся сестрами.
Вкатываюсь в верстку из дизайна (веб, полиграфия). Поскольку теперь даже гуманитарии могут выравнивать блоки по флекс-боксу, решил тоже научиться.
Надизайнил макет сайта-доставки еды с красивыми клипартами, сделал верстку адаптивно-резиновую, проверил на мобилке, планшете и ноуте. Все везде работает.
Поскольку я решил, что я теперь профи, взял на веблансе заказ, сделать копию мобильной версии страницы гугл-плей определенной игры. Заказчик сказал, что скрипты не нужны, карусели с картинками и отзывами тоже. Я указал цену 20$ и решил что за пару часов управлюсь. Но не тут-то было. После 7 часов работы (я записываю время, которое провожу за работой) макет был сделан примерно на половину. На следующий день я потратил еще 4.5 часа. То есть всего потрачено 11.5 часов. Меньше 2 долларов в час... А между тем, макет получился далеко не идеальным, он отличается от оригинала отступами между элементами, размерами некоторых элементов, короче по-мелочи, на правку которых наберется еще часа два. А теперь внимание вопросы!
Это я такой криворукий слоупок, или верстка сама по себе долгий процесс?
Сколько по времени у вас займет верстка с нуля такой мобильной версии страницы (без скриптов и каруселек, и меню слайдер тоже не нужно, т.е. бургер не активен) открывать на смартфоне, ибо на планшетах обычная версия страницы. https://play.google.com/store/apps/details?id=net.mobigame.zombietsunami ?
Сколько вы берете в час?

Технические вопросы.
Почему хром-мобаил отображает все картинки мутно? Я указываю ширину 100px, прописываю картинку размером 100px - в браузере мыло. Измерил ф шопе, что моб-браузер увеличивает все в х1.5 раза. Я увеличил и пересохранил картинку в 150px, в цсс размер тотже 100, - мыло меньше, но оно все равно есть. ЧЯДНТ? В оригинале на гугл-плее все каринки резкие-четкие.
Решил переделать маркеры-звездочки в свг. Ок, но теперь они отображаются по разному. В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала). Вернулся к мыльныму растру.
Моя прохладная #252 #519648
Приветствую братья и братья притворяющиеся сестрами.
Вкатываюсь в верстку из дизайна (веб, полиграфия). Поскольку теперь даже гуманитарии могут выравнивать блоки по флекс-боксу, решил тоже научиться.
Надизайнил макет сайта-доставки еды с красивыми клипартами, сделал верстку адаптивно-резиновую, проверил на мобилке, планшете и ноуте. Все везде работает.
Поскольку я решил, что я теперь профи, взял на веблансе заказ, сделать копию мобильной версии страницы гугл-плей определенной игры. Заказчик сказал, что скрипты не нужны, карусели с картинками и отзывами тоже. Я указал цену 20$ и решил что за пару часов управлюсь. Но не тут-то было. После 7 часов работы (я записываю время, которое провожу за работой) макет был сделан примерно на половину. На следующий день я потратил еще 4.5 часа. То есть всего потрачено 11.5 часов. Меньше 2 долларов в час... А между тем, макет получился далеко не идеальным, он отличается от оригинала отступами между элементами, размерами некоторых элементов, короче по-мелочи, на правку которых наберется еще часа два. А теперь внимание вопросы!
Это я такой криворукий слоупок, или верстка сама по себе долгий процесс?
Сколько по времени у вас займет верстка с нуля такой мобильной версии страницы (без скриптов и каруселек, и меню слайдер тоже не нужно, т.е. бургер не активен) открывать на смартфоне, ибо на планшетах обычная версия страницы. https://play.google.com/store/apps/details?id=net.mobigame.zombietsunami ?
Сколько вы берете в час?

Технические вопросы.
Почему хром-мобаил отображает все картинки мутно? Я указываю ширину 100px, прописываю картинку размером 100px - в браузере мыло. Измерил ф шопе, что моб-браузер увеличивает все в х1.5 раза. Я увеличил и пересохранил картинку в 150px, в цсс размер тотже 100, - мыло меньше, но оно все равно есть. ЧЯДНТ? В оригинале на гугл-плее все каринки резкие-четкие.
Решил переделать маркеры-звездочки в свг. Ок, но теперь они отображаются по разному. В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала). Вернулся к мыльныму растру.
>>519664>>519810
#253 #519664
>>519648
Ну я бы сказал около дня, т.е. часов 8 может быть, на первый взгляд.

>В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала).


Ты забыл им размеры указать, видимо. СВГ всегда нужно указывать четкие размеры.
>>519678
#254 #519678
>>519664

>Ты забыл им размеры указать, видимо. СВГ всегда нужно указывать четкие размеры.



а как указать размер изображения для маркера списка, если я задаю svg-маркер с помощью:
list-style-image: none | url('путь к файлу') | inherit
???
>>519689
#255 #519689
>>519678
Хз, гугли
Никогда так не делал, обычно просто через :before
>>519722
#256 #519722
>>519689

>:before


Спасибо анончик! Сделал с помощью li:before и content: "\2605";

А сколько ты берешь за верстку, за час, или за страницу, которую я показывал?
>>519732
#257 #519732
>>519722
У меня фиксированная зп 50к в месяц, это около 300р в час.
#258 #519782
>>518492
дрочился на линуксе и винде. в винде проблема с nodejs, нужно подтягивать кучу левых пакетов и ставить их, иначе половина пакетов из npm не работает. зато фотошоп работает из коробки без пердолинга.

с линуксом такой хуеты нет, но он не дружит с некоторыми видеокартами (ебучая нвидиа) и процами (core i7 уходит в перегрев) + надо виртуалку ставить и накатывать туда фотошоп, что порядком ебет в некоторых моментах.

сейчас сижу на винде, линукс удалил со всех машин, планирую перекатываться на osX
>>519811
#259 #519810
>>519648

>Сколько по времени у вас займет верстка с нуля такой мобильной версии страницы


До 4-6 часов, так чтоб не соврать и с запасом.
#260 #519811
>>519782

>nodejs


Мы тут верстку обсуждаем вообще-то.
>>519825>>519838
#261 #519825
>>519811
верстун мамкин, а для галпа нода не нужна?
мимо задрот убунты
#262 #519838
>>519811
Бреакинг ньювс, на дваче решили, что фронтенду нода больше не нужна.
>>519844
#263 #519844
>>519838
Кек
#264 #519856
Блять, мозг сломал себе этой хуйней
https://htmlacademy.ru/courses/66/run/18
Настроил только кнопки. Все остальное не могу. Заебало. Продолжать ковыряться или ну его нахуй?
#265 #519867
>>519856
Слабак.
>>519870
#266 #519868
>>519856
не страдайте вы этой хуйней, сколько раз вам говорить.
лучше берите самые простые макеты и верстайте.
#267 #519870
>>519867
Да пиздец, не говори. Демотивирует моя тупость. Особенно подпекает с комментариев гдя тян пишут, что все легко и во всем разобрались. А я уже 3й час мозги ебу свои. Пиздец нахуй.
>>519936
#268 #519922
>>519856
Я все импортантами захуячил и забыл про это задание. Лучше реально начинай с интенсивом макет верстать, вот что реально учит тебя верстке.
>>519923
sage #269 #519923
>>519922
Бля, обреалился.
#270 #519936
>>519870
От этих испытаний толку никакого. Начинай макеты верстать.
#271 #519939
>>519856
Блять, да хуйня эти испытания в большинстве случаев. Из треда в тред одно и то же.
#272 #519945
Нормальные испытания, учат разбираться в чужом коде.
#273 #519949
Да это дерьмо проще с нуля сделать, чем вот так вот исправлять. Забей на это. Лучше сверстай макет.
>>519953
#274 #519953
>>519949
Вот именно, что проще с нуля. А задания помогают понимать как сделать не с нуля. Это частый кейс, когда тебе надо что-то поменять, не трогая хтмл.
>>519959
#275 #519959
>>519953
Там такого дерьма в коде точно не будет. Какого хуя блок "Общая информация" и блок "Альбомы" не имеют 1 класс? Что это вообще за хуйня?
>>519967
#276 #519967
>>519959

>Там такого дерьма в коде точно не будет.


Лол
Поверь мне, это ещё цветочки. Бывают случаи в десятки раз хуже.
#277 #519980
Господа аноны. Как часто, заходя на какой нибудь сайт, вы открываете инспектор и смотрите код? Хотелось бы увидеть сайт с идеально написанным кодом с точки зрения семантики и в принципе правильности использования всех тегов, css селекторов и свойств.
>>519985>>519987
#278 #519984
В какой последовательности смотреть интенсив? В порядке возрастания как в папке? После разметки смотреть фотошоп? Это норма?
>>519987
#279 #519985
>>519980
yandex.ru
#280 #519987
>>519980

Идеально с чьей точки зрения? Если ты про форматирование кода то хуйзнает.
Если про непротивроечивость и валидацию есть сервисы которые проверяют это. Например http://codebeautify.org/cssvalidate

>>519984

Ты совсем тупой чтоль?
>>519989
#281 #519989
>>519987
Cовсем. Я просто не совсем понимаю смысла после разметки учить фотошоп. В чем я не прав? Объясни, в какой последовательности.
#282 #519993
>>519989
Смотри по порядку и не еби себе и нам мозг, анон.
#283 #519994
>>519989

Блядь. Ну а как ты представляешь себе верстку вообще?
1) Размечаем html по макету (урок 2)
2) Режем элементы в фотошопе. (урок 3)
3) Накатываем css (урок 4-5-6-7-8)
#284 #519995
>>519989

>учить фотошоп


Чтобы учить фотошоп, надо ее 2 часа видосик посмотреть, а ебаться с ним ежедневно в рабочем порядке. Тут тебе просто объяснят как с макетами работать.
66 Кб, 453x604
#285 #520052
Покажите уровни своих вёрсток для порфолио. Я даже не знаю что там делать.
>>520068>>520084
#286 #520068
>>520052
На превью всегда казалось он в шапке.
#288 #520085
>>520084
Вот это например
http://www.valentin-emelyanov.ru/portfolio/nerds/index.html
крутым считается?
Сколько платят за подобную вёрстку?
#289 #520101
>>520085
имхо в хтмл академи уши прожужали мол "после курсов изи бабки изи телки изи фриланс", а на деле просто рекламят.
23 Кб, 554x121
#290 #520107
>>520085
отличная вёрстка для олигофрена
>>520108>>520117
#291 #520108
>>520107
Ты о скриптах в хэде?
>>520111
#292 #520111
>>520108
да. Стыдно такое на гитхаб заливать, не то что в портфолио
#293 #520116
поясните за type = "text/javascript", нахуя его писать в html5?
>>520118>>520119
#294 #520117
>>520107
Кодировка должна быть раньше тайтла
Шрифты раньше собственных стилей
jq надо раньше скриптов, скрипты собственные желательно перед закрывающим тегом body. Да и на jq в шапке скореевсего гугл pagespeed будет ругаться, поэтому тоже в конце bidy, но перед собственными скриптами, либо оставить в шапке добавив async

Думаю, както так. И это всеголишь шапка

мимо анон
>>520413
#295 #520118
>>520116
Обычно редакторы сами так делают, после того, как ты табом автодополняешь.
>>520123
#296 #520119
>>520116
Не обязательно писать, да
#297 #520123
>>520118
Ясно, странно, что эммет не способен подстроится под версию документа.
>>520126
10 Кб, 249x231
#298 #520126
>>520123
эммет
#299 #520141
>>520085
Блять, мудак. Ну, а ты как сам думаешь, нормальное это портфолио или нет?
Нет это хуйня собачья. Вырвиглазная блять залупа, конская ебаная залупа. Полная безвкусица. Это блять просто дно. ЕБУЧЕЕ ДНО. У меня даже забомбило от того, что этот пидор вообразил, что у него есть какие-нибудь шансы найти самую уебанскую на свете контору с его ссаниной. Это не верстка. Это блять слепое вождение еблом по клавиатуре. Самый что ни на есть конченый 13 летний даун сверстает эту хуйню паралельно надрачивая на порно со старухами. Я все сказал.
#300 #520160
>>520141
Речь шла о >>520084 разумеется.
31 Кб, 209x280
#301 #520166
>>520141
Приветствую вас с вашим батхертом!
195 Кб, 409x409
#302 #520174
>>520141
Эко тебя бомбануло.
Вёрстка то сама по себе ничего. Когда нет контента для заполнения пустоты, лучше не сделаешь. Клиенты, когда просят показать примеры вёрсток, что говорят?
>>520190
#303 #520190
#304 #520247
Может это и тупой вопрос. Но в гайде прямого ответа не нашел.

Осваиваю потихоньку ХТМЛ/ЦСС , чтобы выходило полноценно - что лучше дальше учить php или javascript ? То есть можно ли забить на php вообще и заменить его в страницах на javascript ? Так как пока понимаю, что по сути это одно и тоже, а возможностей у второго больше.
>>520250>>520253
#305 #520250
>>520247

>php


>javascript


>по сути это одно и тоже,


Пиздец, откуда вы такие тупые лезете только?
>>520314
#306 #520253
>>520247
Джаваскрипт пока единственный язык, который может работать в браузере на стороне клиента. Ещё есть флэф и джава аплеты, конечто, но они требуют плагинов.
Пхп же только серверный язык.
>>520314
#307 #520314
>>520250

>Указано что вопрос тупой


>Аутиста не остановить



>>520253
Спасибо.
#308 #520354
Я так понял, что в продвинутом интенсиве тебе для примера макет не верстают, там в основном теория. Как лучше его проходить? Смотреть полностью, а уже потом верстать, параллельно просматривая моменты, которые не усвоил?
#309 #520413
>>520117
Я вот, кстати, вообще не понимаю, как нужно упороться, чтобы полностью удовлетворить гуглспид. Минифицировал-оптимизировал все, один-единственный цссфайлик, два простеньких скрипта (причем один из них - яндекс-карта) с асинком в конце боди, и он мне выдает 80%, советуя УБРАТЬ БЛОКИРУЮЩИЙ ЦСС ФАЙЛИК))))
Да пошел ты нахуй, гугл.
>>521355
#310 #520426
Просто ссылки, может кто полезное найдет
Сборник ссылок
Обучение
http://geekbrains.ru - курсы и вебинары по JS, Ruby, PHP, HTML, CSS, Node.js, Python, C++, C#, Photoshop, Linux
https://htmlacademy.ru/ - курсы по HTML и CSS, базовые бесплатно, продвинутые - 300 руб/мес (есть платный интенсив)
http://e-maxx.ru/algo/ - 145 математических алгоритмов и их реализация на C++, есть PDF-книга
https://cs50.harvard.edu/ - введение в CS, алгоритмы, структуры данных, веб разработка
https://www.youtube.com/watch?v=y9ERi0PhHEo - автоматизация для фронтендеров, презентация на 6 часов, видео от августа 2014, но все равно интересно
http://largescalejs.ru/ - паттерны для масштабируемых JavaScript-приложений
https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеров
Фриланс и волонтерство
http://upwork.com - международная фриланс биржа
https://itv.te-st.ru/ - волонтерские проекты
Хакатоны и стажировки
https://erasmusintern.org/ - стажировка за рубежом, стипендии
https://www.yandex.ru/mobilization/ - возможность пройти стажировку по мобильным приложениям в Яндексе после конкурса, заявки принимают до 25 апреля
http://www.ob-vious.com/hackathonaccorhotels/ - хакатон 23-34 апреля в Москве
https://hackrace.timepad.ru/event/312815/ - хакатон в Калуге 9 апреля
Задачи
https://www.codingame.com/ - решение задач в играх
https://www.codewars.com - задачи на решение алгоритмов, чем больше задач решил, тем выше рейтинг и тем сложнее задачи
Среды разработки и хостинг
http://docker.com - для создания изолированных сред разработки на своём компе
http://heroku.com - хостинг приложений, хорош для личных проектов
https://c9.io/ - развернуть среду разработки прямо в браузере
Рассылки и подкасты
http://www.rwpod.com/ - подкасты о новинках веб разработки
https://cooperpress.com/ - еженедельная рассылка о JS, HTML5, Ruby, Node, Postgres (я подписан пока только но JS и HTML5)
Прочее
https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upwork
http://lifehacker.ru/2014/10/23/eesti/ - как получить электронное гражданство Эстонии, можно обходить налоги своей страны
#310 #520426
Просто ссылки, может кто полезное найдет
Сборник ссылок
Обучение
http://geekbrains.ru - курсы и вебинары по JS, Ruby, PHP, HTML, CSS, Node.js, Python, C++, C#, Photoshop, Linux
https://htmlacademy.ru/ - курсы по HTML и CSS, базовые бесплатно, продвинутые - 300 руб/мес (есть платный интенсив)
http://e-maxx.ru/algo/ - 145 математических алгоритмов и их реализация на C++, есть PDF-книга
https://cs50.harvard.edu/ - введение в CS, алгоритмы, структуры данных, веб разработка
https://www.youtube.com/watch?v=y9ERi0PhHEo - автоматизация для фронтендеров, презентация на 6 часов, видео от августа 2014, но все равно интересно
http://largescalejs.ru/ - паттерны для масштабируемых JavaScript-приложений
https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеров
Фриланс и волонтерство
http://upwork.com - международная фриланс биржа
https://itv.te-st.ru/ - волонтерские проекты
Хакатоны и стажировки
https://erasmusintern.org/ - стажировка за рубежом, стипендии
https://www.yandex.ru/mobilization/ - возможность пройти стажировку по мобильным приложениям в Яндексе после конкурса, заявки принимают до 25 апреля
http://www.ob-vious.com/hackathonaccorhotels/ - хакатон 23-34 апреля в Москве
https://hackrace.timepad.ru/event/312815/ - хакатон в Калуге 9 апреля
Задачи
https://www.codingame.com/ - решение задач в играх
https://www.codewars.com - задачи на решение алгоритмов, чем больше задач решил, тем выше рейтинг и тем сложнее задачи
Среды разработки и хостинг
http://docker.com - для создания изолированных сред разработки на своём компе
http://heroku.com - хостинг приложений, хорош для личных проектов
https://c9.io/ - развернуть среду разработки прямо в браузере
Рассылки и подкасты
http://www.rwpod.com/ - подкасты о новинках веб разработки
https://cooperpress.com/ - еженедельная рассылка о JS, HTML5, Ruby, Node, Postgres (я подписан пока только но JS и HTML5)
Прочее
https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upwork
http://lifehacker.ru/2014/10/23/eesti/ - как получить электронное гражданство Эстонии, можно обходить налоги своей страны
>>521358>>521780
#311 #520515
Если кто встречал, покажите нормальное порфолио для стажера/джуна.
>>520531
#312 #520531
>>520515
Думаю сделать сам: просто верстка (на подобии нердс, барбершопа), на бутстрапе, адаптивная, респонсив, интернет-магазин, лендинг, с js и jquert шоб всё свистело и пердело. Можете еще посоветовать. Возможно еще приложение на phonegap.
#313 #520546
На сколько важен процесс надзора наставником за проектом? Ну касательно интенсивов на хтмлакадемии.
>>520561>>520602
#314 #520561
>>520546
На 14,88%.
>>520563
#315 #520563
>>520561
Ну серьезно, сильно ли можно проебаться и не заметить без надзора?
>>520567>>520571
#316 #520567
>>520563
Тут большая половина треда без надзора проходила интенсив. И что думаешь они тебе скажут? Наверно хорошо с ним, укажет на ошибки. Но я слишком еврей, чтобы отдавать бабки. Тем более видели какие из под надзора "верстальщики" выходят (читай выше).
>>520569
#317 #520569
>>520567
Понял, спасибо.
#318 #520571
>>520563
Ну а как ты сам думаешь?
Если у тебя нет опыта, ты многие элементарные вещи не будешь знать как делать правильно Для подсказки по ним и нужен наставник.
442 Кб, 1181x522
#319 #520599
Аноны, подскажите как сделать лучше пикрилейтед элемент.

В голову приходит мысль забацать это таблицей. Или просто блоками? Или сделать таблицу на дивах при помощи цсс?
#320 #520602
>>520546
Ну подумай сам. Всю жизнь за твоей спиной наставник стоять не будет. Да, поможет он с этими двумя учебными верстками. Ну а дальше сам. Самый твой главный наставник это ты сам. Я думаю что ты можешь адекватно оценивать насколько ты близок к оригиналу.
#321 #520618
>>520599
Я бы табличную верстку не выкапывал - некрофилия это занятие нехорошее.
#322 #520636
>>520599
Ну только естественно размеры фиксировать не надо, и все делай как по макету нормально. Просто схематично показал, что на флоатах такая штука вполне себе ничего. И даже при удалении слайдера (тогда будут только карточки) неплохо себя ведет

http://jsbin.com/zaxevuwoni/edit?html,css,output
>>520691>>520770
#323 #520650
>>520599
Пиздец, только хотел задать этот вопрос. Даже макет успел открыть. Двач паранормальный.
#324 #520691
>>520636
Добра тебе. А то я такой хуйни нагородил.
#325 #520770
>>520636
Спасибо за ответ и пример. Я наверное правда не буду городить лишних конструкций и сделаю на флоатах.
51 Кб, 540x675
#326 #520786
Ребят, кто натягивает вёрстку на wp и подобные cms. Расскажите как учились этому, с какими знаниями были когда начинали натягивать. Просто смотрю сейчас гайды по натяжки, их очень мало, в основном кастомизация дефолтной темы на wp, книги тоже примерно про это. Нужно ли выучить основы php перед натяжкой или же это совсем другое.
>>520846>>520904
#327 #520846
>>520786

Тоже интересен сей вопрос но мое предположение что особо ничем не отличается. Т.е. изучив как вообще верстать шаблоны я думаю несложно лепить уже свое оформление на готовую разметку CMS.

Но хотелось бы послушать более опытных людей.
>>520904
#328 #520849
Господа, в общем сижу, делаю макет, и тут решил проверить на кроссбраузерность. Так вот в эксплорере со слайдером пиздец какой-то, все сбивается. В чем причина не пойму нихуя, в остальных все ок. И еще решил через стоковый браузер на андройде запустить, там вообще пиздец, верхнее меню все закрывает, лого утекает вниз. Не пойму куда копать. http://c12266.shared.hc.ru/service/index.html
492 Кб, 1080x1920
#329 #520873
>>520849
Убери нахуй фиксированное говно сверху. Даже на моем Note 3 5,7" закрывает охуеть сколько.

И увеличь скорость появления пунктов меню до долей секунды, сейчас она супер-тормозная.
>>520885
#330 #520880
>>520849
Еще. Сделай паддинги для контента, чтобы он не прилипал к краям экрана.

Поменяй лейбу в наве (или что там у тебя за полупрозраяная эта штука), чому она такая лоу резолюшн?
>>520976
#331 #520885
>>520873
Да это понятно, меня вопрос с ослом больше заботит и с андройдовским браузером. Та это фиксированное говно расползается вообще по ходу до футера
>>520893
#332 #520893
>>520885
смотри что едет, пиздуй на caniuse проверяй чтоб все ок было, потом дальше можно смотреть
#333 #520904
>>520846
>>520786
Рассказываю что помню, в общих чертах. Занесло меня чудом в конторку. Работали там значит с друпалом, сайты компаний мелких в основном делали. В друпале делали "ядро". Там были так называемые блоки в которые выводились данные. Потом создавали новую тему. Там добавлялись стандартные селекторы. В общем там мы эти селекторы брали (через инспектор в хроме, например) и верстали css. Как тогда казалось дикой ебатой, так и сейчас. Никакой симантики, дохуища лишних классов и ид с нечитаемым названием и это малая толика. Ну как то так.
>>520915>>520920
#334 #520915
>>520904
Ах да. В индекс.php вставлялись пхп вставки с названиями этих блоков.
>>520920
#335 #520920
>>520915
>>520904
Мда, звучит очень плохо. Ждём других героев.
231 Кб, 500x1282
#336 #520968
Помогите мане. Хер его знает, как верстать штуку на пикрелейтед. В голову только приходит карусель.
>>520972>>520977
#337 #520972
>>520968
А в чем проблема-то?
#338 #520976
>>520880
А можно и приемом со скрытыми радиобаттонами.
#339 #520977
>>520968
Обычно, например типа маленького слайдера со стилизованными лейблами.
>>521004
#340 #521004
>>520977
Спасибо, добрый человек
#341 #521196
>>520599
>>520849
Я что, один тут все на флексах ебашу?
Наверное, надо сверстать что-нибудь на флоатах, по-старинке.
>>521202>>521205
#342 #521202
>>521196
Нет не один, но ньюфаги не могут во флексы, притом что именно они задают больше всего вопросов по верстке.
>>521203>>521275
#343 #521203
>>521202
Тогда ладно. Просто я тоже ньюфаг, но после флексов что-то там флоатить жутко не хочется.
#344 #521205
>>521196
Просто всё еще остались пидоры, которые сидят на IE9-11 и в хуй не дуют. http://caniuse.com/#feat=flexbox
>>521209>>521214
#345 #521209
>>521205
Так ведь 10-11 вполне себе флексы поддерживают.
>>521212
#346 #521212
>>521209
Partial support is due to large amount of bugs present (see known issues)
>>521216>>521217
#347 #521214
>>521205
единственный ИЕшник на который еще можно хоть как-то обращать внимание в 2016 - девятый, но тут есть нюанс.

>IE9 browser usage - 0.53%


ЕБАННЫХ ПОЛПРОЦЕНТА КАРЛ!
>>521218>>521269
#348 #521216
>>521212
И тем не менее, вполне себе работает. Вот свою седону проверил, единственное что - логотип съехал, т.к. я его через псевдоэлемент флексом захуячил, лол.
#349 #521217
>>521212
Хотя, я хз, на сколько эти возможные баги значительны, что бы из за них не использовать флексы.
#350 #521218
>>521214
Это не правильная статистика, мань.
>>521221
#351 #521221
>>521218
А какая правильная?
>>521226>>521326
#352 #521226
>>521221
Походу я обосрался. http://www.w3schools.com/browsers/browsers_explorer.asp
Извини за маню.
>>521326
17 Кб, 426x173
#353 #521233
Ананасы, почему плэйсхолдер отображается не по центру, не как текст, который вводишь, как фиксить?В гугле ничего не нашел.
>>521239>>521274
#354 #521239
>>521233
Паддинги в инпутах.
>>521243>>521249
#355 #521243
>>521239
Ну, сверху и снизу одинаковый паддинг, а надо как?
>>521250
#356 #521249
>>521239
http://codepen.io/anon/pen/qZVbPx
Вот код, если так понятнее будет.
>>521252
#357 #521250
>>521243
Посмотри код элемента в браузере, смотри как распределяются маржины и паддинги, какой размер занимает текст.
#358 #521252
>>521249
line-height убери
>>521254
#359 #521254
>>521252
Благодарю!!!
>>521256
#360 #521256
>>521254
Вообще не трогай этот параметр, если точно не знаешь, что делаешь.
>>521257
#361 #521257
>>521256
Поясни за лайн хейт тогда, прошу.
>>521276
#362 #521262
>>517275 (OP)
анончики, завтра прохожу резюме на вакансию html-верстальщик / фронтенд-разработчик. что посоветуете вспомнить? как думаете, где проебусь?
#363 #521266
>>521262
Новосиб?
>>521277>>521284
#364 #521268
>>521262
ПРОСТО будь собой и не нервничай, там же блять смотрят в основном на твое портфолио и тестовое задание
#365 #521269
>>521214
посчитай полпроцента от 140 миллионов и отними половину на детей и стариков.
#366 #521274
>>521233

>В гугле ничего не нашел.



Блять. Как вы так гуглите? Ответ про line-height по первой же ссылке выдачи "css placeholder different padding"

мимо
#367 #521275
>>521202
хуйню несешь. просто иногда проще сверстать на float-ах или inline-block, чем на флексах.
44 Кб, 700x361
23 Кб, 451x451
#368 #521276
>>521257
Хули тут пояснять? Не можешь в гугл-картинки, что ли?
#369 #521277
>>521266
ты меня интервьюировать собрался??
712 Кб, 803x663
#370 #521279
>>521262

>прохожу резюме

>>521283
#371 #521281
>>521262

>прохожу резюме


За кого проходишь?
#372 #521283
>>521279
уже сутки не сплю, верстаю тут один макет, совсем запарился, вот и выдаю подобные перлы
>>521289
#373 #521284
#374 #521288
>>521262
https://github.com/h5bp/Front-end-Developer-Interview-Questions
хороший пул вопросов
Можешь еще простенькие задачки на JS порешать, ну типа всяких операций с массивами, или что-то из списка этого анона >>517757 хотя тебя такое на позицию версталы вряд ли спросят.
Алсо, отпишись завтра как там прошло.
#375 #521289
>>521283
Тогда лучше хорошенько выспись. Обидно будет если проебешся из-за помутненного рассудка.
>>521297
#376 #521291
>>521288
вакансия верстальщика/frontend-программиста. так что уверен, по js тоже будут вопросики.
#378 #521297
>>521292
>>521288
благодарю

>>521289
конечно высплюсь, еще есть время
>>521301
#380 #521303
>>521262
Во время собеседования на пол перед тобой бросят тряпку. ее не поднимай а лучше переступи. когда спросят про два стула, скажи, что сам сядешь на пики, а мать на колени посадишь. еще могут спросить про мыло со стола и хлеб с параши. вот тут я обычно сыплюсь, тут ты сам давай.
112 Кб, 1005x602
#381 #521323
Спрошу по быстрому про гитхаб. В общем сделал так
git remote add origin репозиторий-акка-1

git init
git add *
git commit -m 'hui'
git push origin master

у меня спросили логин и пароль, я ввел данные акка-1 и мне прилетел пуш от акка-2. В консоли про него я ничего не говорил, но через гитхаб гуи БЫЛ когда-то залогинен через акк-2. Это из-за этого такая оказия произошла?
И как вообще проверить от кого я коммитю-пушу?
#383 #521330
>>521262
какие скилы?
>>521338
#384 #521338
>>521330
html5, css3, немного js знаю (могу слайдер написать на нативе, но таблицу не рассортирую) + jquery и в плагины могу. js уже более-менее спокойно читаю и понимаю. в photoshop могу, адаптивность, mobilefirst, gracefull degradation, progressive enchancement, gulp stylus jade BEM, понимаю git, но с трудом, windows linux на уровне пердолинга. не шарю практически совсем в ajax, XMLHTTPRequest и подобном. только недавно начал понимать ООП в js. сегодня впервые написал валидацию формы через объект.
>>521342>>521349
#385 #521342
>>521338
Сколько учил?
>>521345
#386 #521345
>>521342
занимаюсь больше 2.5 лет html и css, успел поработать в одной фирме. js и остальное с июня.
>>521352
#387 #521349
>>521338
ясно, удачи!
#388 #521352
>>521345
Нда, не сказать что ты быстрый. Ну удачки, хули. Отпишись потом.
#389 #521355
>>520413
smashingmagazine делал 100%, гугли
#390 #521358
>>520426
Ну давай разберем по частям тобой написанное.

>http://geekbrains.ru -


говно

>— https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеров


ютуб не нужен

>— http://docker.com - для создания изолированных сред разработки на своём компе


для той цели которую ты описал, куда лучше пойдет вагрант, докер вообще не про это

>— https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upwork


это вообще хуйня, ткого говна полно в гугле

>— https://c9.io/ - развернуть среду разработки прямо в браузере


такого только как говна нынче

>— http://www.rwpod.com/ - подкасты о новинках веб разработки


рубипетушки не нужны
>>521365>>521797
#391 #521365
>>521358

>http://geekbrains.ru -говно


Долбоеб

>ютуб не нужен


полный долбоеб. очень много полезного можно найти на ютубе, если уметь искать. ютуб не нужен только мамкиным хеккам социофобам.

>это вообще хуйня, ткого говна полно в гугле


есть люди, не умеющие гуглить

> https://c9.io/


C этим согласен

>рубипетушки не нужны


С этим тоже

с остальным знаком поверхностно.
>>521403>>521797
#392 #521403
>>521365

>Долбоеб


мамка твоя долбоеб

>полный долбоеб. очень много полезного можно найти на ютубе, если уметь искать. ютуб не нужен только мамкиным хеккам социофобам.


читай книги, дурачок

>есть люди, не умеющие гуглить


такие в этой индустрии не выживают
>>521469
#393 #521407
На ютуб не гоните, уроки оттуда отлично дополняет в башке общую картину, с чем хтмлакадеми-курсы не очень справляются.
7 Кб, 394x213
#394 #521439
Работа Версткачи. Есть две задачи по верстке [html, less, jq]. Одна попроще (страница в стиле нового дизайна vk, можно даже их css заюзать, ну или фреймворк какой-нибудь). Другая посложнее (нужно полностью скопировать сложную верстку пиндосского сайта, переписал css вручную). Дальше нужна будет поддержка этих сайтов (допиливание по необходимости).
Работа оплачивается по договоренности.

ga)Ekry.langermanANUSf^)gmailPUNCTUMcpAxom
#395 #521456
>>521439
Где-то тебя уже видел....
#396 #521463
Блеать, хули на гитхабе жму set up in desktop и нихуя не происходит
>>521466
#397 #521466
>>521463
Разобрался
#398 #521469
>>521403

>книги


Ебать, дебил.
#399 #521526
>>521439
Это наёбщик, можете даже не пробовать. Попросит написать кусок кода, а потом кинет.
>>521598
#400 #521541
>>521439
хоть бы мыло сменил
#401 #521598
>>521526
Лол, а нахуя он это делает?
Я бы взялся за работу. Нарисовал бы картику с хуем и рукой, и с помощью JS прикрутил бы анимацию.
И сдал бы это к концу срока работы.
>>521603
#402 #521603
>>521598
Кствти да, мотивация не ясна. Зачем ему куски кода от разных людей?
#403 #521638
>>521439

>man



Ах ты морда еврейская.
#404 #521693
Начал смотреть JS интенсив от академии, думал там будет няша-Першин, а там какой-то короткостриженый стесняша, путающий слова(
>>521798
#405 #521780
>>520426
Чет реклама этих гикбрейнсов одно время перла со всех щелей. Веет какой-то инфопродуктовщиной.
>>521797
#406 #521796
>>521439

>альше нужна будет поддержка этих сайтов (допиливание по необходимости).


обосрался. таких мудачков еще поискать надо.
#407 #521797
>>521780
ох ебать, да это же другой geekbrains.

ты >>521358, извини, я думал, что ты на хабровский geekbrains гонишь.

>читай книги, дурачок


но тут ты все равно не прав. надо и книжки читать и видеоуроки смотреть
>>521365-кун
#408 #521798
>>521693
мне js интенсив не понравился, слишком уж по верхам скачет парень. совсем уж по верхам. за такое и платить-то не хочется. проще кантору заплатить.
>>521839
#409 #521839
>>521798
Ты какой проект пилил: с Пендальфом или Кексаграмм?
#410 #521851
Бля, вчера был день вэб-разработчика... а я и забыл, сука... С прошедшим, вас, братцы
>>521877
76 Кб, 1280x720
#411 #521877
>>521851
И тебя, коллега. Держи традиционный смузи.
#412 #521943
И вас с прошедшим. И меня.

посмотрел-два-интенсива-и-разметил-барбершоп-профессионал
>>521949>>522020
#413 #521949
>>521943
Нахуя брался за второй? А конце базового Першин же говорил, что надо опыта набраться, прежду чем за продвинутый садиться.
>>521951
#414 #521951
>>521949
Я имел в виду два выпуска базового, братишка.
>>521955
#415 #521955
>>521951
А, тогда ок.
#416 #522020
>>521943
Заебись, только вкатился а меня уже поздравляют. Хорошее начало.
#417 #522030
Хлопцы, у меня глюки или хром после обновления и на винде теперь имеет плавный скролл?
>>522096
#418 #522057
Ради интереса читая баги по флексам у ие-11, везде мелкософтовцы пишут "баг из клоузед ин ауар бренд нью браузер майкрософт эдж, уи ар нот гоунг ту фикс зис ин инернет эксплоурэр 11 ор олдер вершионс".
И я вот не понимаю вообще - зачем толпы дебилов работодателей/заказчиков требуют "кроссбраузерная верстка (ие9+)", если уже даже сами мелкософт избавились, наконец, от поддержки этого древнего куска засохшего кала?
#419 #522070
>>522057
"пусть лучше этот лошок попердолится с ИЕ, чем я потеряю 1% потенциальных покупателей"
Казалось бы, нужно брать за верстку под древние браузеры больше денег, чтобы отбить желание у заказчиков, но ДЕМПИНГ
>>522078
#420 #522078
>>522070
В чистой верстке реально такой дичайший демпинг?
Я думаю сверстать еще пару макетов для портфолио и попробовать зарегаться на какой-нибудь снгшной говнобирже, сугубо интереса ради ибо я нацелен, все-таки, на работу в офисе, с бесплатным смуззи и ростом в полноценного фронтендера
#421 #522080
А еще я думаю ебануться на отличненько и сверстать что-нибудь под ИЕ6. Вырезая уголки у кнопочек в пнг, ага.
#422 #522082
>>522057
Могу понять только некоторых заказчиков, к примеру, работающих на узкую аудиторию из каких-нибудь Ерох бюджетников/заводобыдло/овуляшек, которым уровень интелекта не позволяет слезть со своей ИЕшки или экспи. Вот там действительно надо пердослитья со старьем. Другое дело что таких проектов мало, они не сильно прибильны.
>>522083>>522099
#423 #522083
>>522082

>прибыльны

#424 #522096
>>522030
имеет, но теперь у него иногда галюны бывают.
#425 #522099
>>522082
>>522057
на моей старой работе какой-то сайт для работы с банком или чем-то подобным и дико важным требовал только ie, на других браузерах не открывался, ссылаясь, что у ие охуеть какая защита.
65 Кб, 305x873
#426 #522106
вечер в хату, верстаны. с прошедшим праздником. принес вам немножко наркомании
#427 #522108
Прямиком с БЭ
Ну стандарты как-бы есть, но все на них еще год назад смачно клали, а сейчас просто кладут. Хочешь ты ебануть рюшечку красивую, для бутстрапа не-дефолтную, изволь провести часа 4 в гугле читая историю какого-то тега, который придумали в гугле, спиздили в мозилле, но назвали по другому и ведет он себя иначе, потом приделали кастомных стилей с префиксами, которые вроде как приняли стандартом в драфте следующего уровня css, но его еще не ввели и поддерживается он только dev сборкой MS EDGE, ты решаешь изъебнуться и сэмулировать такое поведение костылем на JQ, но оказывается, что вебкит второго айпада твоего начальника некорректно работает с вашей новейшей версией второго jQ, начинается ебля с полифилами, все дичайше тормозит, страница весит 3 метра и роняет браузер на третьем дроиде дочки пресловутого начальника, и так можно до бесконечности.
У тебя горит очко и ночью ты обмазываешься UAP-приложухой с xaml разметкой и только это спасает тебя от суицида
>>522112>>522438
#428 #522112
>>522108
ссылочку можно?
>>522330
#429 #522136
>>522106
А почему не через * {...}; ?
>>522147
#430 #522147
>>522136
ну, видимо, решили, что не стоит. олсо, вошла только половина.
>>522158
#431 #522148
>>522106
зачем? блять зачем?
Неужели нельзя добавить лишний чертов класс, если уж на то пошло.
>>522170
#432 #522158
>>522147
Строка с классом была бы гораздо более компактной.
>>522163>>522170
#433 #522163
>>522158
еще можно миксин примешивать, если используешь препроцессоры в верстке.
#434 #522170
>>522106
>>522148
>>522158

Это работа минификатора - собрал все классы с транзишеном и применил к ним один раз. Какой нормальный человек будет писать сотню классов руками?
>>522184
#435 #522184
>>522170
Какой-то тупой минификатор, нет? Или таким образом сайт будет загружаться быстрее?
>>522291
#436 #522261
>>522057
Копроративный браузинг жи есть. Осел хорошо контролируется под активдиректори, не срет в системе лишними обновляторами и тулбарами, остальные браузеры лишь настройки сети да домашнюю страницу подсасывать умеют. А хромоподобные еще под 300 метров диска жрут у каждого пользователя в домене, а диски в конторах до сих пор по 120 гигабайт. Плюс еще много всякого корпоративного говна работает исключительно на эксплорере с его активх, и настройкой уровня безопасности на низком уровне. Секурити уровня /b/, блядь.
Что дали юзерам, тем и пользуются.
#437 #522291
>>522184
Минификатор умный, он посчитал, что на выходе CSS с такой конструкцией будет весить меньше, чем если бы транзишен прописывался под каждым селектором по-отдельности.
#439 #522404
>>522330

>Лично я пишу бэкенд на путоне(да-да все как в коронной пасте), но дрочить фронт ненавижу. Максимум на что меня хватает с бутстрапом макетик накидать.



Пока будут такие люди и как можно больше - все у фронтов будет заебись
#440 #522438
>>522108
Чую характерный запашок... фуллстэк петушка.
>>522602
#441 #522444
Есть ли способы побороть блядские пробелы между блоками в хроме, кроме очевидных отрицательных маргинов и псевдо-заплаток?
#442 #522449
>>522444
Использовать инструмент, который для этого предназначен. ФЛЕКСЫ
>>522465>>522476
#443 #522465
>>522444
А че, так сложно font-size обнулить? Или не закрывать необязательные к закрытию теги?

А вообще да вот это >>522449
>>522476
#444 #522476
>>522449
>>522465

Да не инлайн-блоки блять.

В хроме бывает так, что между дивами, которые друг на друге стоят, образуется щель в пиксель или два. Она на разных разрешениях, то видно ее, то нет.
>>522479>>522687
#445 #522479
>>522476
Пример кода будь добр
#446 #522485
>>522444
блядь, мы по-моему синхронно работаем с тобой. С той же хуйней столкнулся.

Делаю для техномарта разметку
319 Кб, 368x801
19 Кб, 302x593
#447 #522537
Почему у ведущего вебинара есть экспорт картинки, а у меня вот такая хуета?
#448 #522550
>>522537
Версия фотошопа возможно разная
>>522563
#449 #522562
>>522537
у тебя фотожоп доисторический
#450 #522563
>>522550
>>522537
Эт ты наверное смотришь обновленный базовый (за 2016 года который) у него версия ФШ последняя, а у тебя старая скорее-всего.
Для работы со старыми версиями - смотри скринкаст из вебинара за 2015 год базового. Там на 30 минут видос. Все компактно и понятно. Можешь ФШ обновить. Но все-равно старый скринкаст лучше глянуть тоже
#451 #522585
Спасибо за ответы. Да, похоже старая, а я смотрю новый базовый.
#452 #522602
>>522438
я бы сказал, бэкенд-макаки, полезшей редактировать ссылку
#453 #522615
Допустимо ли в резиновой верстке высоту указывать в пикселях?
>>522640
#454 #522640
>>522615
хотя кажется хуйню спросил
#455 #522674
Аноны, >>521262-кун на связи.
прошел собеседование. сначала поговорил с руководителем, он ввел в курс дела, поспрашивал у него, кто именно нужен, он ответил, что верстальщик. дальше еще пообъяснял про их компанию. потом подсоединил к тимлиду, насколько я могу судить, который, видимо, был занят попиливанием движка, ибо во время разговора все время стучал по клавишам.

Первым, что меня удивило, было то, что меня не начали гонять по коду, не спрашивали фишечек html, css и прочего. спросили про уровень владения js, честно признался, что начальный, не могу в ООП и подобное, но стремлюсь. сказал, что учусь писать на нативе всякие слайдеры и прочее. меня тут же спросили, зачем мне натив. ответил, что как минимум для того, чтобы читать и понимать код различных фреймворков и библиотек типа jquery. потом спросили, чем я пользуюсь при верстке, ответил, что верстаю на html, css, stylus, jade и gulp + bem, если этого требует код. тут же спросили, как я верстаю на gulp, на что ответил, что gulp это сборщик. углубляться не стал, потому что подобный ответ устроил. спросили, как я отношусь к бутстрапу, ответил, что негативно, но могу свободно использовать его, изредка подсматривая в документацию. спросили, что я уже использовал из js-фреймворков. сказал, что щупал ангуляр, писал валидацию форм на jquery, слайдеры, bootstrap.

спросили, кем я вижу себя в будущем, шутканув про то, что это вопрос уровня женщин-интервьюеров. сказал, что совсем не тянусь в бэк, только фронт и засиживаться в верстальщиках не собираюсь. спросили про опыт удаленной работы и как часто я бываю онлайн. предупредили, что скорее всего придется совмещать данную работу с постоянной, спросили, как я к этому отношусь, ответил, что положительно, время всегда найдется.

потом спросили про желаемый уровень з/п, подумал, что раз уж это удаленка, то нет смысла жадничать, 150р/час это, к слову, на 50 рублей больше, чем на предыдущей работе. через пару часов написали и предложили завтра поговорить по поводу трудоустройства.
#455 #522674
Аноны, >>521262-кун на связи.
прошел собеседование. сначала поговорил с руководителем, он ввел в курс дела, поспрашивал у него, кто именно нужен, он ответил, что верстальщик. дальше еще пообъяснял про их компанию. потом подсоединил к тимлиду, насколько я могу судить, который, видимо, был занят попиливанием движка, ибо во время разговора все время стучал по клавишам.

Первым, что меня удивило, было то, что меня не начали гонять по коду, не спрашивали фишечек html, css и прочего. спросили про уровень владения js, честно признался, что начальный, не могу в ООП и подобное, но стремлюсь. сказал, что учусь писать на нативе всякие слайдеры и прочее. меня тут же спросили, зачем мне натив. ответил, что как минимум для того, чтобы читать и понимать код различных фреймворков и библиотек типа jquery. потом спросили, чем я пользуюсь при верстке, ответил, что верстаю на html, css, stylus, jade и gulp + bem, если этого требует код. тут же спросили, как я верстаю на gulp, на что ответил, что gulp это сборщик. углубляться не стал, потому что подобный ответ устроил. спросили, как я отношусь к бутстрапу, ответил, что негативно, но могу свободно использовать его, изредка подсматривая в документацию. спросили, что я уже использовал из js-фреймворков. сказал, что щупал ангуляр, писал валидацию форм на jquery, слайдеры, bootstrap.

спросили, кем я вижу себя в будущем, шутканув про то, что это вопрос уровня женщин-интервьюеров. сказал, что совсем не тянусь в бэк, только фронт и засиживаться в верстальщиках не собираюсь. спросили про опыт удаленной работы и как часто я бываю онлайн. предупредили, что скорее всего придется совмещать данную работу с постоянной, спросили, как я к этому отношусь, ответил, что положительно, время всегда найдется.

потом спросили про желаемый уровень з/п, подумал, что раз уж это удаленка, то нет смысла жадничать, 150р/час это, к слову, на 50 рублей больше, чем на предыдущей работе. через пару часов написали и предложили завтра поговорить по поводу трудоустройства.
#456 #522687
>>522476
font-size:0 - для обертки
#457 #522696
>>522674
Это успех, анон. Поздравляю.
#458 #522702
>>522674

>2.5 года


>150р/час

>>522718
#459 #522703
>>522674
Поздравляю. Надеюсь, что у меня нахождение такой работы не займет 2,5 года, лол.
>>522718
#460 #522718
>>522703
>>522702
1. html + css, никаких скриптов.
2. удаленная работа.
3. вторая работа, отсутствие адекватного портфолио.
4. из этих 2.5 лет, я почти год пинал хуи. сначала полгода до того, как попал на работу, а потом еще месяца 4 после. потом задрочил js(которая нахуй не понадобилась), подтянул верстку, все этим медиа-запросы вспомнил и прочее. сверстал 4 макета за месяц с перерывами и начал рассылать свою резюмеху по всей стране. ответили всего 3 компании.

Олсо, завтра иду на собеседование уже на постоянку в своем мухосранске. офис находится подозрительно близко к месту моей предыдущей компании, буквально в здании напротив.
>>522744
#461 #522726
>>522674
Чет ты себя явно не ценишь. Я б 250 просил

мимо-диванный
>>522740
#462 #522740
>>522726
не дали бы 250 за верстку совершенно без js. к тому же, мне сильно нужна эта работа. как возьмут. можно будет без проблем развиваться в сторону js и полноценного фронтенда. пока что мне мешает отсутствие денег.
>>522745
#463 #522744
>>522718
Дай заценить твое портфолио. Ну если если не хочешь палиться, просто ссылки слей на проекты в портфолио. Интересен твой уровень.
>>522749
#464 #522745
>>522740
не ну 170 хотяб
>>522753
#466 #522753
>>522745
185 руб. 36 коп. / час + два пакетика чая Беседа / день.
>>522761
#467 #522761
>>522753
обосрался
>>522765
280 Кб, 1080x1920
#468 #522762
>>522749
Паддингов не завезли в тот раз?
>>522770
#469 #522765
>>522761
Торговаться - так до предела!
#470 #522770
>>522762
забил на них, надо будет поправить. олсо, посмотри, как сделаны фоны к section-ам, их пидорасит на смартфонах и сделаны они сплошными фонами по 20000*1024, потому что не завезли паттерны + вчера слетела yandex-карта, потому что я ее удалил в своем аккаунте, а восстанавливать не хотелось. прикрутил от другого проекта. ну и медиа-запросы ужасно прописаны.
>>522774
#471 #522774
>>522770
Зачем ты вообще яндекс карты юзаешь? Имхо гугловские лучше, даже грузятся быстрее
>>522811
#472 #522779
>>522749
В innosphere сайдбар хорош. Сам его верстал, но меню сделал по-другому.
Картинки в блоке recently едут, когда ширину окна уменьшаешь
>>522785
#473 #522781
>>522674
а список работ, портфолио показывал?
>>522788
#474 #522785
>>522779
это их packery так выстраивает. я тут ни при чем. там в зависимости от картинок будет выстраиваться всегда по-разному.
>>522817
#475 #522788
>>522781
в резюме прикреплена ссылка, ссылку только что вбросил
#476 #522792
>>522749
Спасибо большое. Подал мне идею тоже запилить опен страничку-портфолио на гитхабе.
Там можно даже охуенно расписать про использованые технологии, требуемые браузерычтоб петушки не ныли что в их ИЕ8 не работает если я флексобог и прочие фичи.

Алсо, фичу со смещением картинок в хирургии сам реализовывал?
>>522795
#477 #522795
>>522792
да, на нативе написал
>>522798
#478 #522798
>>522795
Она в макете была так задумана или это твое творение? Откуда брал графику?
>>522807
#479 #522807
>>522798
в макете задумана. просто вырезал 2 картинки, вставил фоном в блоки, задал им position fixed и opacity. потом у той, что выше через js рассчитывал высоту по нижней границе header, а ту, что ниже, скрывал, когда нижняя граница section1 была <= 10, если не ошибаюсь. это у той, что в шапке. у второй просто по event.target подсчитывал подобным образом.
#480 #522811
>>522774
не думал об этом, надо будет юзануть гугловые
#481 #522817
>>522785
в зависимости от размеров картинок
фикс
186 Кб, 984x357
#482 #522889
Ребята, есть вот такой селект с чекбоксами, если я выделаю чекбоксы они должны закрепляться как-то. Например как значения под селектом, ну знаете - что бы можно было нажать на крестик и убрать лишнее. Помогите хоть как-нибудь - где можно почитать про такое, как это делается, да хоть как это называется.
>>522895>>522918
20 Кб, 482x338
#483 #522893
Заебался я кароч, как ни сохраняю артефакты ебучие. Как исправить-то можно?
>>522895
#484 #522895
>>522889
вангую, это не селект, а кастомизированная поебота от бутстрапа. значения в форме все равно передаются. лови их и перебирай на js.

>>522893
png24
>>522899>>522913
#485 #522899
>>522895
Что png24
>>522904>>522918
#486 #522904
>>522899
сохраняй в png24. еще проверь, не вынесена ли какая-нибудь хуета от текста на новый слой, который ты не захватываешь
>>522918
#487 #522913
>>522895
Эту поебату как раз я и верстал. По селекту открывается блок, всё просто. Заказчик внезапно сказал - А ЧЁ ВЫБРАННЫЕ ПУНКТЫ НЕ РЕАЛИЗОВАННЫ, ДАВАЙ КА БРАТИШКА ДЕЛАЙ. Я даже сейчас примеры не могу вспомнить, но думаю вы видели такое где-нибудь. Мне нужно как-то ловить выбранные чекбоксы и выводить их в блок под селектом.
>>522936
1 Кб, 233x44
#488 #522918
>>522899
>>522904
а вообще, сверстай текстом, зачем заморачиваться?

>>522889
а, все, дошло. добавь блок внутрь селекта, которому сделай видимость только когда выделен хотя бы один инпут. и навешай на этот блок событие, которое находит его родителя и у всех инпутов внутри родителя снимает значение.

или ты имеешь в виду что-то типа пикрелейтед, но чтобы при клике на этот значок снималось выделение с инпута?
>>522927>>522930
507 Кб, 521x494
#489 #522924
>>522749
Как сделал пикрелейтед?
>>522937
#490 #522927
>>522918
Ему придется пердолиться с подбором шрифтов тогда. Там еботы поболее будет.
>>522930>>522931
157 Кб, 1427x995
#491 #522930
>>522918
>>522927
Есть что-нибудь вроде гайда или название этой хуеты.

Вот мой бесподобный код
>>522947
#492 #522931
>>522927
если эта надпись сделана тектом, то не должно быть. а если картинкой, то да, пиздец будет. тогда только вырезать. анон, кинь в какое-нибудь облако макет, может, вырежу
#493 #522936
>>522913
eventlistener на блоке с селектом, срабатывающий в момент скрытия/раскрытия, считывающий данные с чекнутых элементов, затем отрисовывающий их в специально заготовленный блок снизу.
если я конечно правильно тебя понял
мимо
>>522943
#494 #522937
>>522924
на нативе. там все просто, загляни в js и в html-css. использовал getBoundingClientRect() и по нему высчитывал
#495 #522943
>>522936
скорее в момент клика на инпут. просто навешать на селект и проверять делегированием, был ли клик по инпуту. если был, то считывать текст из лейбла, создавать блок и вписывать значение и id инпута в него (значение в textContent(), id в data-attribute). и в нем сделать крестик, который по клику проверяет id инпута и убирает его выделение.
>>522960
#496 #522946
Посмотрел оба вебинара по фотошопу, новейший кажется куда менее напряжным, реквестирую хороших торрентов с ним. Где вы сами брали, желательно.
>>522949>>522951
#497 #522947
>>522930
делай лучше на jquery, будет в разы проще. ну и там у тебя говнокод, нет смысла использовать id у контейнера, лучше через класс все-таки. и функция скрытия/появления селекта делается одной строкой через jquery. попробуй, проще станет
>>522960
#498 #522949
#499 #522951
>>522946
http://nnmclub.to/
там ищи, а то nnm-club.me не работает
#500 #522960
>>522947
>>522943
Я знаю ребята. Я тот ещё говнокодер, мне просто нужно сдать этот проект и я очень плохо понимаю js. Есть пример какого-нибудь примера на эту тему?
>>522963
#502 #522991
>>522963
Это немножко не то. Мне нужно что бы выбранные пункты выводились внизу селекта с возможность исключить. Ребята мне подсказали, но в js я очень плох.
>>523008>>523022
#503 #523008
>>522991
Попробуй решить вопрос сам. Если вечером будет время - запилю для тебя небольшой плагин на нативном.
>>523013>>523015
#504 #523013
>>523008
Но добавлю что ничего не обещаю, ткак хз что там со временем будет.
>>523015
#505 #523015
>>523008
>>523013
Хорошо, конечно попробую.

Алсо, тот чувак которого взяли, поздравляю. Я тоже сегодня устроился на постоянку.
#507 #523024
Ребят, кто с продвинутого интенсива

Как в седоне на мобильной версии главной страницы делать ебучий треугольник в первом синем блоке? Думал взять тот же треугольник, что в хедере фоновую картинку обрезает, только синего цвета, но ебаная фигура не подходит по форме

Помогите Даше найти треугольник
#508 #523027
>>523022
алсо, спасибо
тот чувак, которого взяли
37 Кб, 448x325
#509 #523047
Ну что котаны, переименовываемся в Front-end тред?
мимо-оп
#510 #523050
>>523047
двачую
#511 #523053
вангую в дальнейшем новую попытку перекатиться в программач, откуда опять погонят ссанными тряпками.
#512 #523054
>>523053
лол
#513 #523055
>>523053
Программач не нужен. У нас тут сложилось неплохое общество с приятной атмосферой и, что важно, делением задач. Вертска, всякие тулзы базовый фронтенд и простенькая клиентская логика - сюда, приложухи и прочий аппшный ад - в джс тред.
Все красиво все работает.
>>523062
88 Кб, 600x600
#514 #523059
>>523053
Программач превратился в полумёртво борду с 2 двумя снобами. Тут уютнее, мне кажется.
>>523064
#515 #523062
>>523055
сдается мне, что через полгодика здесь будет как раз таки полномасштабный фронт-енд тред с ангуляром и нодами. потому что я, например, вижу нихуевые такие рывки у ребят, которые сюда заходят.
>>523069
#516 #523064
>>523059
этот тред ожидает то же самое.
#517 #523068
>>523047
пора бы

алсо http://nnmclub.to/ !
#518 #523069
Что с нумерацией делаем? Резетимся на Front End №1 или 61?
>>523062
И это охуенно.
>>523071
#519 #523071
>>523069
предлагаю резетнуть до 1, но оставить под спойлером примечание что перекатились из 60 верстка-треда
#520 #523123
Последние посты меня прямо воодушевляют, мотивируют вписаться в новую волну и попасть в компанию этих "через полгодика здесь будет как раз таки полномасштабный фронт-енд тред с ангуляром и нодами. потому что я, например, вижу нихуевые такие рывки у ребят".
Да и тред рили уютный, чувствуется рабочая атмосфера.

Неделя-в-верстке
>>523130
398 Кб, 1897x949
#521 #523130
>>523123
вот так я верстал после 2 месяцев самообучения без интернета и компа. просто сидел и задрачивался в универе вместо пар. благодаря этому и попал в компанию, где проработал год, получив навыков меньше, чем за прошедшие полгода, и откуда с удовольствием свалил.
#522 #523141
Такс, подождем еще ответов и ночью залью обновленный тред
мимо-ОП
#523 #523145
>>523130
Лол, мда.
А сейчас твой уровень?
>>523149
#524 #523148
>>523130
хедер и футер сделаны таблицей, при просмотре кода все едет, но зато есть html5-теги header и footer. самое ужасное, что когда я показал подобное, меня взяли на вакансию джуна, сказав, что я плох, но остальные претендовавшие на мою должность были еще хуже. сейчас я думаю, куда уж хуже. а потом вспоминаю парня, который пришел устраиваться на работу на мою должность, вырезал из psd цельные блоки, писал в html ссылки, в них p, в p - img, а в img писал ссылку на картинку. и все это абсолютно позиционировал.
>>523158>>524024
#525 #523149
>>523162
#526 #523156
>>523130
Сука, проиграл
#527 #523158
>>523148
Пиздец блядь.
#528 #523162
>>523149
Прогресс есть — и то хорошо.
#529 #523164
Вообще, были такие аутисты, которые все позиционировали абсолютно по окну браузера? Чтобы все элементы как гвоздями были намертво прибиты?
>>523227
91 Кб, 480x320
#530 #523227
#531 #523236
>>523047
Да переименовывай, хули. И нумерацию сбрасывай тоже.
>>523238
#532 #523238
WP #534 #523538
Сап, возможно не по теме, но всё-таки.
Хочу освоить вордпресс, верстку уже более менее натягивать умею на движок.
Какие еще типовые задачи нужно уметь решать, чтобы хоть чуть-чуть фрилансить ?
#535 #523762
>>517347
работаешь грузчиком? пека на работе не положена?
67 Кб, 1280x719
#536 #524024
119 Кб, 675x559
#537 #527382
>>517409
Так объясни мне я тоже тупой
>>528366
#538 #528366
>>527382
Например, добавляет в корень гитхаба папку, в ней еще один index.html : portfolio/index.HTML
Открываешь в браузере user.github.io/portfolio
Выбор CMS для магазина #539 #535291
Привет, надизайнил и заверстал сайт по доставке суши.
- Главная / каталог товаров
- корзина / оформление заказа / оплата
- текстовая страница / акции / доставка и тд.

Сейчас есть html+css. Хочу оживить статику, думаю выбрать cms и натянуть на него верстку. Опыт создания шаблонов только под WP, статья + форма заказа (CF7).

Цель:
1. показывать заказчикам, как готовый проект. Т.е. купить домен, разместить сайт на хостинге.
2. добавить шаблон на templatemonster.com / themeforest.net
Поэтому CMS должна быть бесплатной, и чтобы я смог ее поднять на своем хостинге самостоятельно.

Выбираю между:
joomla / prestashop / opencart / magento

Что посоветуете? Что будет проще для новичка? Перспективнее в качестве опыта для фрилансера?
#540 #540262
Верстаны, как заверстать гексагоны как на этом макете
http://www.psdchat.com/resources/templates/freebie-hexal-portfolio-template/
Тред утонул или удален.
Это копия, сохраненная 8 мая 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /wrk/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски