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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
38 Кб, 700x400
Front-end thread #9 #585195 В конец треда | Веб
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

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

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


Можно.

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


Можно.

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


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

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


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

>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc


Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
[YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)

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


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

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


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

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


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

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


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

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


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

>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.


Почему существуют рестораны и кулинария?? Есть же доширак.

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM

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

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

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

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

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

Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez

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

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>579597 (OP)
>>586059
#2 #585269
Вкатился
1933 Кб, 2592x1936
Аноним #4 #585302
Сходил на собесед на должность джуниор макаки верстальщика, в требованиях было написано знание основ нтмл и сss БЕЗ ОПЫТА
Дали тестовое, сказали на, верстай дружок, потом это на битрикс поставь
В жизни не один сайт не верстал более менее годный, только на бутстрэпе собрал бабе за полчаса сайт-визитку-личный блог с парочкой связанных страниц между собой
С псд макетами дел вообще не имел, ну как спиздить кусок макета я есесна знаю, только от этого не легче
Как верстать футер вообще понятия не имею, т.е че вырезать а че кодом сделать
Вы мне хоть скажите направьте на путь правильный как это гавно слепить меню + лого вверху с цифрами кнопками
#6 #585312
>>585307
У меня только 1 вопрос: ты сейчас у них в офисе или у себя дома?
>>585316>>585330
#7 #585313
>>585302

> windows xp


А по теме, нахуй ты пошел на работу устраиваться если даже основ не знаешь?
>>585316
#8 #585316
>>585312
>>585313
двачую этих сударей
43 Кб, 604x457
#9 #585317
Фронтенд разрабы, верстальщики, опытные и джуниоры, вы очень нужны! Предлагаю работу, спрашивайте, или пишите divano]6mff.antonANUSyaxwcndexPUNCTUMrq>Ju
>>585320>>585354
#10 #585320
>>585317
что знать надо? какие деньги?
>>585321>>585324
#11 #585321
>>585320
Нужны JS`ы
Уровень разный, будет здорово, если вы что-то делали или хотябы слышали о React.JS
>>585322>>585376
#12 #585322
>>585321
тебе в /pr тогда
>>585325
#13 #585324
>>585320
По деньгам, в зависимости от вашей крутости, так что это обговаривается при встрече и более близком знакомстве. Могу сказать только, что адекватный джун получает 50к + велкам бонус и бонусы за различные достижения!
#14 #585325
>>585322
Списабо, а где UX боги обитают?
>>585327
#15 #585327
#16 #585330
>>585312
дома у родственников в 500км от своей сычевальни с йоба-пекарни капчую. хуй знает как я на этом кудахтере что то сверстаю, тут фш по 10м запускается, но это опять же меня мало беспокоит
>>585333>>585335
#17 #585333
>>585330
нахуя то с телефона экран фоткаешь?
>>585341
#18 #585335
>>585330
Проиграл с тебя.
#19 #585338
>>583690
Что за плагин?
#20 #585341
>>585333
в пеинте дольше вставлять получится.
#21 #585347
>>585302
ну ты и нищенка
>>585351>>585357
#22 #585350
Вот что это за фигня, почему у меня так медленно работает командная строка? Даже не то что модули медленно ставятся, не только, вот сейчас я вбил команду "rm node_modules -r" и эта хуйня выполнялась секунд 10-20. Почему так?
>>585830
#23 #585351
>>585347
бедность - не порок, тем более, в сраной рашке, где зарплат хватает только на то, чтобы дожить до следующего месяца.
>>585705
#24 #585352
И еще, почему когда я ставлю gulp в папке "node_modules" присутствует огромное количество непонятной хуйни, раньше такого не было, раньше там были только модули, которые я сам лично ставил.
#25 #585354
>>585317
Удаленка или офис?
>>585364
#26 #585357
>>585347
алло осетр, ты читаешь хоть немного что я пишу?
Мой пк в другом городе, здесь люди планшетами телефонами обходятся, им неипацо крутой компьютер не нужен
>>585360
#27 #585360
>>585357

> алло осетр


Проиграл с этого слэнга.
#28 #585364
>>585354
Сейчас набираем команду в офис нужно 5 человек, потом берем еще удаленщиков.
>>585372
#29 #585372
>>585364
когда будете удаленщиков набирать - отпишись здесь плиз
#30 #585375
>>585302
чувак, я бы лично такое "тестовое" не выполнял за просто так (сверстать да еще и посадить - нахер пусть идут.
>>585382
#31 #585376
>>585321
Я слышал о реакте и ангуларе, а что у тебя там?
>>585401
#32 #585382
>>585375

У них в треб. указано было БАЗОВОЕ знание хтмл верстки, в обязанностях совершенствование ее, изучение битрикса

Может я с другой планеты и у меня представление о базовой верстки свои, но хуячить сразу же готовый макет (пусть без свистелок-перделок) это много
>>585388>>585390
#33 #585388
>>585382
да какая разница в тестовом обычно дают какую-нибудь левую хрень сделать, которую применить толком негде. Там презентационную страничку свою с заполнением данных, или какое-нибудь устаревшее дерьмо простенькое, или один компонент, например форму. Не дают в тестовое сверстать целиком страницу сайта и посадить. Это уже не тестовое - такое оплачиваться должно
>>585413
#34 #585390
>>585382
ну, верстать обычный статичный макет без яваскрипта это действаительно базовые знания вёрстки.
>>585409
#35 #585401
>>585376
Реактджс
>>585402>>585418
#36 #585402
>>585401
На бэкенде node.js python golang
>>585418
64 Кб, 438x460
#37 #585409
>>585390
анон, ну вот это для сравнения мне питерская контора прислала, должность младший веб разработчик
С этой я поебусь-поебусь, да сделаю, моих знаний хватит пожалуй, а с сайтом я хуй знает что делать по сути
#38 #585413
>>585409
Ну так, вот про подобное я вот тут говорил: >>585388
это нормальное тестовое, а предыдущее - какая-то хуйня
#39 #585414
>>585409
Это же вообще изи.
>>585417
#40 #585417
>>585414
не заметил, они там будут смотреть в первую очередь на кроссбраузерность
>>585421>>585428
#41 #585418
>>585401
>>585402
Так ты реально ищешь соискателя? Я написал несколько тестовых сайтов на реакте около нового года. И в ноде разбираюсь.
>>585493>>585494
#42 #585420
>>585409
зачем они изъёбываются с полем для ввода телефона, некрасиво и геморно же.
>>585424
#43 #585421
>>585417
ие 6?
>>585426
#44 #585424
>>585420
одну джиквери библиотеку подключить надо же, ты чего.
>>585436
#45 #585426
>>585421
копипаста с их письма
---
Необходимо ее сверстать, функция отправки не нужна, только верстка. В первую очередь будем смотреть кроссбраузерность формы, в т.ч. и в IE
---
>>585429>>585436
#46 #585428
>>585417
Всмысли
#47 #585429
>>585426
И не сказали под какой ие верстать, ясно.
#48 #585436
>>585424
>>585426
верстай под десятый ие, там всё норм работает.
>>585444
#49 #585444
>>585436
туда то я точно не поеду. уж слишком далеко
просто для сравнения

из этого же города (где я сейчас нахожусь) звали тоже верстать куски за главным, но они чет не перезванивают, видимо нашли/забили на меня
#50 #585460
>>585302

>на, верстай дружок, потом это на битрикс поставь


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

А тебе предлагают сверстать целую страницу и еще посадить ее на движок. Шли их на хуй, даже если тебе жрать нечего, и это последняя работа, на которую тебя могут взять. Серьезно, ты должен себя уважать.
>>585466
#51 #585466
>>585460
Согласен. В хороших компаниях тестовое это что-то эфемерное, непрактичное.
Когда я собеседовался в одну американскую, то там мне предложили сверстать один блок типа плиточной менюшки как в винде последней, если собеседуешся на джс дева, то добавляют задание в одну из плиток написать алгоритм смены новостей получаемых из файла.
Такой тип заданий - самое то. У опытного займет пару часов, у неопытного много больше, но все равно - не полноценный макет верстать.
Разве что четко оговорено что задание платное, тогда можно еще думать.
>>585475
#52 #585475
>>585466
так я и за деньги на данный момент это не сделаю.
>>585478
#53 #585477
По поводу пасты, >пришел к успеху
Всм? На работу устроились? Всего два человека?
>>585480>>585481
#54 #585478
>>585475
Значит, иди смотреть интенсивы. Все просто
#55 #585480
>>585477
На самом деле больше, как минимум 3.
#56 #585481
>>585477
В каждом треде спрашивают.
#57 #585493
>>585418
Да. Только Москва и фуллтайм.
#58 #585494
>>585418
Если интересно, пиши на почту div>A.anoff.antonANUSyJf@andexPUNCTUM8sbru
>>585524>>585536
#59 #585524
>>585494
а сейчас есть дефицит кадров во фронте в дс?
>>585533
#60 #585533
#61 #585536
>>585494
прошел курсы по HTML5/CSS3 в "Специалисте", прочитал "Большую книгу CSS". Сейчас на Академии учусь. Интересна работа, но знаний моих будет явно недостовать. Готов за 40к начать.
#62 #585538
Одни диванные погромисты, сидящие на мамкиной шеи, которые думают, а ля ща я еще подучусь и пойду сразу получать зп 250к.
Пока вы втыкаете в очередной видеоурок "как легко заебашить спа на ангуляре", все вокруг движется и девелопится. Сидя дома нихуя хороршего не будет. Нада идти в проект и походу, в команде получать ценные знания и превращать их в реальные штуки, которые выполняют бизнес-функции и приносят денги!
>>585841
#63 #585541
>>585536
лол
#64 #585542
>>585536

> Готов за 40к начать.


Проиграл
#65 #585543
запилите один официальный оппик для тредоса.
#66 #585544
>>585536
Чет ты охуел мальца.
#67 #585547
Сколько нужно времени для изучения клиентского жса и жквери?
>>585548>>585550
#68 #585548
>>585547

вся жизнь.
#69 #585550
>>585547
Вы заебали с такими вопросами
>>585551
#70 #585551
>>585550
поддвачну
#71 #585562
>>585536
версталы без js ненужны. вообще.
>>585570>>585580
#72 #585566
После уроков Специалиста можно работать идти?
>>585581
#73 #585567
Аноны, предлагаю запилить небольшую команду, которая будет подпинывать друг друга и совместно работать над учебными проектами, приобретать, так сказать, опыт командной работы с гитом.
>>585574
#74 #585570
>>585562
ты неправ.
>>585575
#75 #585571
Кому-то заняться нечем? Что за шитпостинг в треде?
#76 #585574
>>585584
#77 #585575
>>585570
Посмотри на реакт и ангуляр
>>585582
#78 #585580
>>585562
Откуда вы вообще такое взяли?Люди до сих пор пилят говносайты где джс не нужен, максимум написать легкий скрипт на джиквери или прикрутить говнобиблитотеку
>>585589
#79 #585581
#80 #585582
>>585575
не для всех сайтиков нужны реакты и ангуляры так то

мимо
>>589038
#81 #585584
>>585574
Кто заинтересован, напишите в скайп всех же он устраивает в качестве средства коммуникации?
frollodecol
>>585596
#82 #585589
>>585580

Ну конечно пилят, согласен, но веб стремительно шагает вперед, вся эта интерактивность, сложные интерфейсы вот это все, без жс никуда..
>>585600
#83 #585596
>>585584
носился тут тоже один хуй со своей конфой, но потом исчез.
>>585601
#84 #585600
>>585589
Для тебя всю эту интерактивность написали уже, осталось подправить слегка код и всё. Йобу пилят на ангулярах, но большинство сайтов - говнецо то еще, где из джса слайдер и еще какое-нибудь паралакс говно и модалки.
#85 #585601
>>585596
не, конфа это не очень годный план. Лучше команда в 3-4 анона, постоянно работающая над чем-нибудь совместно, с отсеиванием просто числящихся.
>>585634
#86 #585624
Иду на работу, че там делать надо будет?
#87 #585625
>>585624
Работать.
>>585732
#88 #585626
>>585624
кем?
>>585629
#89 #585629
>>585626
Front-end developer
>>585637
#90 #585634
>>585601

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



это применительно практически к любым совместным занятиям. Так что сразу распределяйте роли и определяйте у кого опыта больше чем у других. Это типа совет
>>585651
#91 #585637
>>585629
Пить смузи, делать фотки в инстаграм и т.д.
#92 #585651
>>585634
Спасибо за годный совет %%:)%
70 Кб, 534x636
#93 #585699
как подогнать их под форму?
Надписи через <p>
Поля ввода через <input> <textarea>
Какой атрибут то вводить и к кому?
чет я не понимаю.
>>585714
#94 #585700
>>585624
Что умеешь, сколько учил, как работу нашел?
26 Кб, 545x481
#95 #585702
Насколько нормально, что вот это все ставится больше минуты, после того как я написал npm install?
>>585709>>586953
#96 #585705
>>585351
Не хочу скатывать тред в политач, но мне просто интересно, в какой по твоему стране средней зарплаты хватит на то, чтобы не только выжить на следующий месяц, но и откладывать деньги?
#97 #585707
>>585705
ты скатываешь, пиздуй в политач
#98 #585708
>>585705
Это слишком общий вопрос, зависит от многих условий.
#99 #585709
>>585702
Зависит от твоей системы и твоих интернетов. А вообще нормально вполне, тяжелый конфиг.
#100 #585714
>>585699
под фон т.е спутал
>>585716
#101 #585716
>>585714
выложи код, так проще будет понять
>>585735
#102 #585732
>>585624
>>585625
Сейчас бы в 2016 РАБотать, а не фрилансить
#103 #585735
>>585716
сразу оговорюсь: Код это тихий ужас какой то
http://pastebin.com/DTeXiq3H
>>585741
#104 #585736
>>585705
в развитых странах, в той же США. Анон, уехавший по work & travel, рассказывал, что получал в месяц 2к бачинских, а на жизнь тратил 800, живя в съёмной студии и особо ни в чём себе не отказывая. Другое дело, конечно, что уровень потребления в развитых странах выше, и там жизнь кажется фиговой не без еды, а без какого-нибудь нового айфончика.
#105 #585741
>>585735

>pastebin


попробуй еще раз.
>>585746
Аноним #106 #585746
>>585741
Это ты меня стебешь или яе? На гитхаб я не знаю как, не доводилось
>>585757>>585759
#107 #585757
>>585746
Ну тогда забей пачан, на работу тебя без гитхаба не возьмут
>>585765
#108 #585759
>>585746
ИЗ ШАПКИ

Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.

юзай: codepen или jsbin или plkr или jsfiddle
>>585788
#109 #585765
>>585757
возьмут, есть конторы, которые о нем даже не слышали, лол) Где нет никаких трекеров, люди считают что работать в консоле - удел долбоебов и т.д. и т.п.
>>585766>>585768
#110 #585766
>>585765
да, сразу припишу, что мимо-анон
75 Кб, 500x545
#111 #585768
>>585771
#112 #585771
>>585768
ну еще я видел вакансию, где хотели чтобы верстальщик был еще и фотографом и мог в случае чего поставить винду и заправить принтер
в месяц предлагали около 120-150 баксов, точно не помню
12 Кб, 236x256
#113 #585786
А покежьте свои портфолио. Очень уж мне интересно. Сам начинай портфолио делать
#115 #585792
>>585788
не чувак, так дело не пойдет - садись смотреть базовый
#116 #585808
>>585788

двачую его >>585792
ты там что-то совсем нагородил. сначала стили пишешь в хэде, потом еще стиль применяешь в обычном абзаце. у тебя куча-мала всего.
>>585815
#117 #585811
>>585788
Лол, вот это код. Удваиваю господ сверху. Тебе с таким кодом ловить нечего. Изучай основы.
>>585815
#118 #585815
>>585811
>>585808
>>585792

ну а я ведь предупреждал)
>>585824
#119 #585824
>>585815
зачем ты стили внутри тега пишешь? пиши их в ксс. подруби картинку через имгур какой-нибудь. хотя бы подгонять будет проще
>>585834
#120 #585826
>>585788
<link rel="stylesheet" href="css/bootstrap.min.css">
на кой оно тебе? тебе же форму простую надо сделать
>>585831
#121 #585828
>>585792
двачую
#122 #585830
>>585350
так ты папку с нодой удаляешь. Там же 10ки тысяч папок. Нормальное время. Троллишь?
>>585832
#123 #585831
>>585826

это я сначала тестовое пытался сделать где целиком сайт сверстать надо, но понял что не по силам и плюнул
#124 #585832
>>585830
я удаляю ее через проводник меньше чем за секунду, а здесь это занимают на порядок больше времени
#125 #585834
>>585824
я хтмлакадемию проходил год назад, если не больше, а применять навыки за этот год ниче нигде не применял, вот и каша в голове сохранилось, то и писал.да и эту форму я никому отсылать не собирался, для себя так сказать
>>585838>>585843
#126 #585838
>>585834
ты растерял знания. в этом деле, особенно по началу практика решает. ты сам думаешь как применить, в голове откладывается лучше, чем если делать задания уровня "поменяйте цвет у шрифта и сделайте отступы внутрь"
>>585839
#127 #585839
>>585838
так я и не отрицаю этого
#128 #585841
>>585538
Этот прав, но не совсем. Можно точно так же работать в команде, хуярить классные вещи, но на удаленке сидя дома.
>>585853
#129 #585843
>>585834
качай из шапки базовый интесив и вкуривай его, верстая макеты, которые там даются.
#130 #585853
>>585841
Удаленка требует прокаченных скилов не только предметной области, но и таймменеджмента, самоконтроля, ответственности и т.д. Ибо сидя дома очень легко прокрастинировать..
#131 #585855
>>585853
вот это сильно двачую, я сижу дома и почти ничего не делаю целыми днями
#132 #585865
>>585855
занимаюсь по 6 часов в день, испытываю угрызения, что остальное время уходит на всякую хуйню (
>>585870>>585875
#133 #585866
>>585855
жиза
#134 #585869
>>585855
у меня бывают недели, когда я ботаю сутками, забывая о сне и отдыхе, как будто обспидованный. Зато потом, разочаровавшись, что изучение будет очень долгим, руки опускаются и я начинаю сидеть и нихуя не делать месяцами.
>>585874>>585876
#135 #585870
>>585865
То же самое, только 8 часов а не 6.
>>585872
#136 #585872
>>585870
сколько времени уже выдерживаете такой режим? Сколько всего освоили? Занимаясь эти 6/8 часов, не держите в соседних вкладках двачи и прочую хуйню?
>>585885>>585889
#137 #585874
>>585869
Вещества попускают ))
#138 #585875
>>585865
я ебанный пинк не могу заставить себя сверстать уже вторую неделю, хотя по большей части мне это просто не интересно, нет мотивации.
>>585896
#139 #585876
>>585869
Я думаю практически у всех бывают простои, когда 3-4 дня подрят вообще ничего не делается. Все-таки трудно постоянно въябывать на перспективу, если от этого нет отдачи в виде бабла
>>585888
43 Кб, 604x457
#140 #585880
Просто напомню...

Я работаю в компании, где мы хотим реализовать амбициозный проект, - CRM/ERP/SharedServices систему с всякими плюшками, такими как скрин-шаринг, интеграция с SIP, WebRTC звонки внутри и т.д.

Приглашаю в команду как опытных JS ниндзь, так и интересующихся джунов с горящими глазами.

Стек технологий:
На клиенте React.JS + React Native
На сервере Node.JS, Go, Python - кому что ближе, ибо архитектура позволяет делать независимые микросервисы, используя оптимальные технологии.

Мы предлагаем:
- Офис в центре ДС;
- Бесплатная еда (полноценный обед в ресторане нашей компании);
- Комфортное рабочее место (современный ПК, ось и инструменты для разработки выбираете себе сами);
- ЗП + "welcome bonus" + бонусы отличные бонусы за релизы в срок;
- Ну и конечно дружный коллектив, возможность развиваться, изучать новые технологии и применять их на практике.

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

На данном этапе нужны люди именно в офис в Москве, в дальнейшем планируем нанимать удаленные команды.

Спрашивайте, или сразу пишите мне на *Acdivanoff.antonANUSyan*AndexPUNCTUMYbXru

Пока только фуллтайм, Москва.
#141 #585885
>>585872
5 дней в неделю, уже 3 месяц. 8 часов, это "чистое время" с некоторым отвлечением на ленту твиттера, этот тред + жрат, дела по дому. Грязным уходит часов 10-12.

> Сколько всего освоили?


2 интенсива от академии + Кантора 2 раз перечитываю + читал некоторые главы из фленегана и "Выразительного жса". Сейчас курю учебник по jquery.
>>585887
#142 #585887
>>585885
и с этими знаниями до сих пор боишься идти работать? Или думаешь, что освоил пока ещё немного?
>>585895
#143 #585888
>>585876
Работая удаленно и обучаясь, всегда есть риск что что-то ты будешь делать слишком долго, тратя свое время, а профит получишь лишь после того как все сделаешь, т.е. этот момент может никогда не наступить..
Работая в офисе, - ты получаешь ЗП, что автоматически мотивирует тебя + премии.
#144 #585889
>>585872
ну я проходил базовый и продвинутый занимаясь по 4 часа примерно. Потом стало стыдно, что так много времени уходит в пустую. Сейчас вот по сути только первый месяц подходит к концу когда по 6 занимаюсь - штудирую Кантора (учебник + видосы).
В середине месяца вроде отписывался тут, что первую часть прорешал (где сам язык). Думаю, еще уйдет около полумесяца на добивания дополнительной части учебника и главы из второй части.

придерживаюсь техники помодоро, по ней отвлекаться нельзя. Сейчас вот зашел на двач почиткать че тут написали.
>>585893
#145 #585893
>>585889

>отвлекаться нельзя


а у меня на одном мониторе - интенсив, а на втором - этот тред. Такие дела.
#146 #585895
>>585887
Хочу довести ЖС до более менее приемлемого уровня, все-таки без него трудно найти работу, даже в ДС. Надеюсь, что за месяц управлюсь.
>>585897>>585955
#147 #585896
>>585875
Бля, ты это я. Вот ровно 2 недели пинаю хуйни и немогу хаставить себя начать верстать пинк.
>>585899>>585902
#148 #585897
>>585895
Если ты в ДС, приходи к нам и начни работать.
>>585902
#149 #585898
Программирование сегодня — это гонка разработчиков программ, стремящихся писать программы больше и с лучшей идиотоустойчивостью, и вселенной, которая пытается создавать больших и лучших идиотов. Пока вселенная побеждает.
— Rick Cook
#150 #585899
>>585896
Многие из вас знакомы с достоинствами программиста. Их всего три, и разумеется это: лень, нетерпеливость и гордыня.
— Larry Wall
#151 #585900
>>585853
Да, тут ты тоже прав, но и работая в офисе, человек должен быть ответственным и способным к самообучению. Некоторые умудряются и на работе опаздывать и прокрастинировать.

Олсо, уже 4 дня работаю через силу по пару часов, после чего люжусь спать часа на 3-4, после чего снова залипаю в код. Страшновато, ведь за неделю нужно сверстать 2 сайта, а у меня конь не валялся, только заканчиваю главную страницу. Делать совершенно ничего не хочется.
#152 #585902
>>585896
Пинк очень изъебистый, я на него дня 3-4 потратил.
>>585897

> приходи к нам и начни работать


Куда к вам?
>>585903
#153 #585903
>>585902
Если интересно, давай продолжим общение по почте diva-Tjnoff.antonANUSyaW6#ndexPUNCTUMR5|ru
>>585905
#154 #585905
>>585903
У меня уровень не соответствующий. Я ни реакт, ни ангуляр в глаза не видел. У меня нативный жс еще хромает на обе ноги.
#155 #585951
А я таки заставил себя доверстать пинк, т.к. просто не нашел больше годных макетов с предусмотренной адаптивностью, готовыми свг и ретиной.
Итого у меня 7 макетов (это если считать барбершоп на флексах), больше верстать вникуда не могу себя заставить. Планирую сейчас все свои проектики обмазать джаваскриптом, слайдеры там написать самостоятельно, аяк-хуякс, валидация и прочая базовая хрень.
#156 #585952
>>585853
бля, посмотри вакансии полностью удаленных компашек, они там по дефолту сидят в скайп конфе, в конце раб для все отчитываются что сделал, что завтра будешь делать, есть ли проблемы. Ахуеешь проебываться.
#157 #585955
>>585895
Сейм шит, но у меня есть рабочий проект один законченный, сейчас его поддерживаю время от времени. Делал для родственников, лол.
Надо додрочить нормально жс, а то я могу набыдлокодить, но чувствую, что какую-то хуйню делаю, хотя всё работает.
Сейчас пока такие планы: ванила, жиквиери, нода+фреймоворк.
Параллельно: триз + математика.
Внезапно, обосрался при изучении потому, что забыл как решать простые уравнения, ахуеть вообще.
>>585961>>586142
#158 #585961
>>585955
а работу когда собираешься искать?
#159 #585966
как учить жс, если вы, например, устроились верстаком и хуячите псд весь день?
по вечерам/выходным?
>>585970>>586047
#160 #585970
>>585966
да. И просить на работе давать поручения посложнее, чтобы применять знания на практике.
17 Кб, 350x350
#161 #585973
Ну вот сверстал первый сайт. Оцените.
https://tothepoint123456.herokuapp.com/
#162 #585974
>>585973
Неплохо.
#163 #585979
>>585973
нириспонсивно
>>585980>>585986
#164 #585980
>>585979
хотя для первого похуй
#165 #585986
>>585979
Да. Я просто без сетки делал. А когда понял, что она бы пригодилась, стало похуй.
Следующий сайт буду с сетками клепать.
#166 #586042
>>585973
Простенько, но макет симпатичный.
Для первого раза норм.
в код не заглядывал
#167 #586047
>>585966
Ты где такую работу видел, чтоб чисто псд ту хтмл? Мне кажется, даже в самой задрыщенной конторе из двух с половиной человек половину времени тебе придется ебаться с цмс, джиэс, пхп, и их разными фреймворками/библиотеками.
>>586061
#168 #586048
Кстати, вопрос опытным фронтовикам. Как часто вам приходится раюотать с цмс? Будь то создание собственных тем прл них, или редактирование каких-то существующих?
>>586056>>586062
#169 #586056
>>586048
нормальные фронтовики в нормальных конторах в цмсках не копаются - у них только js с фреймворками. Даже для верстки зачастую отдельный чел
#170 #586059
>>585195 (OP)
Откуда взялся отступ между блоками?
http://codepen.io/tvoibatya/pen/GqRejm
>>586066>>586070
#171 #586061
>>586047
именно в задрощенной конторе он и будет человеком-оркестром. А вот конторы посерьёзнее, бывает, нанимают чистых верстальщиков, так как им можно платить меньше.
#172 #586062
>>586048
Никогда не приходилось.
#173 #586066
>>586059
потому что заголовок изначально имеет свой margin. Просто обнули margin его у заголовка.
>>586068
#174 #586068
>>586066
блять, лишнее слово, но похуй, ты понял
>>586073
#175 #586070
>>586059
margin: 0; задай для контейнера "Services we provide"
>>586073
#176 #586073
>>586068
>>586070
Спасибо!
#177 #586075
http://kremlin.ru/

лал, это бэм штоле там?
#178 #586079
>>586075
Насколько я знаю, сайт верстал этот парень https://youtu.be/tdRuZfZW99A
а он проповедует БЭМ
>>586081>>586086
#179 #586081
>>586079
не, он старый сайт верстал

>>586075
и походу тут не бэм, а смесь разного
>>586083
#180 #586083
>>586081

>смесь разного



вот и я сижу втыкаю и хуй пойми.
#181 #586086
>>586079

>сайт верстал этот парень



хуясе, обычный какол-фрилонсер?
>>586093
63 Кб, 800x588
#182 #586089
>>586075
<div class="content__in content__in__large">
#183 #586093
>>586086
тут он говорит что раньше делал (я отметил время с которого слушать)
https://youtu.be/RvZoTU741Es?t=2m13s
#184 #586126
Правильно ли я понимаю, что этот ваш БЭМ, по сути, просто отказ от каскадирования в пользу отдельных стилей для каждого элемента + система именования этих стилей?
>>586139>>586140
#185 #586138
да
>>586139
#186 #586139
#187 #586140
>>586126
Полного отказа от каскада нет
#188 #586142
>>585955
Ну не знаю, боюсь на ноду с фреймворком времени у меня не будет. Надо уже на работу устраиваться, в процессе буду учить.
31 Кб, 604x604
#189 #586145
Поясните за БЭМ. Почему вы вообще поклоняетесь этой хуиты, вы что ебанутые?
>>586171
#190 #586171
>>586145

>Поясните за БЭМ


Говно без задач. Самое мерзкое что работаю в конторе по этой методологии и знаю о чем говорю. Когда выдумываешь нейминг для класса, дольше чем верстаешь это пиздец.
>>586189
76 Кб, 900x283
#191 #586173
Ребят, смотрю базовый интенсив от хтмлакадемии, а там говорят про личный сайт, который делают с наставником. Мне стоит его делать, если я мало что понял? (Пытался сделать nerd's, сделал навигацию, но затупил сразу на слайдере вот этом)
>>586183
#192 #586183
>>586173
Слайдер будет разобран в 6 уроке. Пока смотришь первый раз можешь за ними барбершоп повторять. Посмотрел урок, сделал курсы из дз, прочитал допы, потом все закрыл и повторил то что делали на уроке сам. Потом когда видосы глянешь все уже сядешь и нердс верстать и остальные макеты. Так будет проще учиться, если без наставника
>>586198
#193 #586189
>>586171
Придумывать хорошие и правильные имена - хороший скил. И в программировании в том числе. А то можно написать хуйволду, а через месяц откроешь и хер поймешь че ты имел ввиду и что это название означает
>>586218
#194 #586198
>>586183
Спасибо! :)
#195 #586218
>>586189
Все должно быть в меру, избыточность бэма заебала до смерти, свои прежние работы в которых основой стилей была каскадность, вложенность и семантика уже вспоминаю с любовью, хотя они далеко не идеальны можно еще чище а бэм это просто каша из говноклассов, но деньги не пахунут, и приходится делать согласно стайлгайду студии.
>>586231
#196 #586231
>>586218
Каскад - это лютое убожество, ноу дискасс. А вот что тебе мешает верстать семантично по бэму - хуй знает.
Бэм очень популярен в СНГ, хотя я бы лично использовал smacss. Но на самом деле, это сорта одного и того же.
>>586246
#197 #586242
Зак спрашивает, как слать рассылку в теле письма. Там еще картинки есть. ебааать, я откуда знаю?
14 Кб, 320x240
#198 #586246
>>586231

>Каскад - это лютое убожество


Классная история бро

>что тебе мешает верстать семантично по бэму


Действительно учитывая, что цель бэм отвязать блоки от семантики и привязать к логическому значению

>Но на самом деле, это сорта одного и того же


Они похожи, но очень слабо smacss не ввергает тебя в бездну ональной оккупации и правила нейминга гораздо менее ебанутые
>>586248
#199 #586248
>>586246
Дополню, что попытка запилить паттерны программирования в html заранее провальны ибо верстка скорее относится к типографике, а там все эти методолгие не упали нахуй
#200 #586280
>>586274

>интернет-магазин большой?


Именно его я сейчас и верстаю. Предваряя стандартную мантру про то что мне вдруг понадобится поменять цвет у вложенной ссылки и бэм тут ахуеть как поможет, скажу:
1. не поможет
2. ни одного подобного случая не было за все 3 года работы
3. если опросить 9999 фронтэндеров подобного случая не было ни у одного, я гарантирую это

>Вы классы для БЭМа не руками пишете, надеюсь?


Именно, говноедский сборщик от яндекса там и не применим (и слава богу) ибо проект перешел из рук в руки от другой студии, соответственно эту кашу из говно приходится приводить в человеческий вид, ну как в человеческий, такая же параша только теперь по бэм
#201 #586305
Сука бесят еврейские задачки Кантора. Хитровыебанные до охуения.
>>586319
#202 #586313
Поясните за jade. Создаю main.jade. Потом в командной строке пишу jade main.jade и у меня генерируется какой-то main.fot вместо html.
Что за хрень?
>>586314
#203 #586314
>>586313
А все нормально
34 Кб, 313x286
#204 #586316
Хотел следующий сайт сделать на основе фаундейшена. А там сетка считается из емов и ремов.
Ну нихуя себе, блядь.
700 Кб, 1600x1600
#205 #586319
>>586305
Напишите функцию, которая возвращает массив функций, которые делают бочку и возвращают коэффициент вращения бочки, принимая на вход неограниченное число аргументов. Функция должна работать с любыми типами примитов.
>>586321
#206 #586321
>>586319
Мне больше от задач по DOMу бомбит, но и это тоже
>>586326
#207 #586323
При добавлении новых файлов в проект gulp.watch не видит их и приходится перезапускать gulp в консоли, как это исправить?
>>586327
#208 #586326
>>586321
Ну я просто, видимо, гуманитарий. С домом мне легко манипулировать, а вот с задачек а-ля "олимпиада" я офигеваю.
>>586328
#209 #586327
>>586323
Залей свой галпфайл на кодепен, посмотрю.
>>586331
#210 #586328
>>586326
Лол, а у меня наоборот.
#212 #586336
>>586331

> jsfiddle


Ну епта
Не могу сейчас под утро понять логику твоего галпфайла, но вообще я watch выносил в отдельный таск и делал как-то так http://codepen.io/anon/pen/wWvLJy
>>586341
#213 #586341
>>586336
http://codepen.io/anon/pen/qNBzXb
Расписал немного, а где ты такой watch взял? Я с сайта browser-sync. Раньше у меня такой галпфайл был http://codepen.io/anon/pen/ZOEdJZ но была такая же проблема.
>>586344
#214 #586344
>>586341
gulp-watch же.
Мне кажется у тебя проблема в том, что встроенный watch говнистый, либо в том, что у тебя watch-таск по два раза рефрешится.
Вот мое древнее, составлено по советам анонов с треда, работает как часы, правда без лайврелоада (он у меня был вообще-то, но я уже где-то месяц не верстаю и куда-то проебал) и под мою структуру проектов, думаю пофиксишь под себя без проблем.
http://codepen.io/anon/pen/YWzoEN
>>586346
#215 #586346
>>586344

>Мне кажется у тебя проблема в том, что встроенный watch говнистый


Поставил gulp-watch и все норм. Спасибо.
>>586349
#216 #586349
>>586346
Да не за что.
0 Кб, 196x69
#217 #586378
Парни подскажите, как реализовать такие уголки для блока?
Есть идея, сделать блок в блоке, и каждому через бефор и афтер задать по уголку, в сумме будет нужные 4.
Но это лишний блок.
#218 #586380
>>586378
По-моему, можно делать псевдоэлементы для псевдоэлементов. Где-то читал, что страницу можно сверстать практически на одном css, правда, это то ещё извращение.
>>586384
#219 #586381
Даже не знаю как гуглить этот вопрос. Русский гугл выдает хуету про border-radius. Английский тем более меня не понимает.
#220 #586384
>>586380
попробовал, не работает
#221 #586391
#222 #586392
>>586282

>пиздишь про то какое БЭМ говно.


Потому что он говно что с автоматизацией что без
>>586395
#223 #586395
>>586392
Миллионы веб-разработчиков по всему миру не могут ошибаться.
>>587085
#224 #586399
Что бы там ни говорили про БЭМ. Он вывел меня и рабства одного многотысячестрочного файла, где отсутствовали какие-либо правила нейминга. Он подарил мне новый дивный мир, где все разложено по аккуратным понятным файликам длиной максимум в 500 строк. Мир, где не нужен вечный ctr+F.
И, я не фанатичный бэмоеб. Я, пожалуй, даже неправильно его использую, взяв только то, что понравилось. Не стесняюсь вплетать в него каскадность, где это кажется целесообразным. Например, дам класс для UL, не даю классов его внутренностям - li, a - использую каскад для стилей. Практика показала, что это удобнее (именно мне, естественно), чем хуячить классы каждому.
А уж про таблицы и говорить нечего. Достаточно и удобно просто задать table.table, а далее стилизовать каскадно. Если появляются какие-то отклоняющиеся элементы, не обломаюсь дать им отдельные не-бэм стили, типа .date, .time, чтобы не ебаться с длинными названиями (стилизую каскадно, .table .date, чтобы мочь использовать те же имена в другом месте не рискую пересечься в стилях).

После первобытной однофайловой верстки, с которой выходишь из базового интенсива, БЭМ - настоящее откровение.
>>586402>>586922
#225 #586401
>>586378
http://codepen.io/kotokrad/pen/xOxvap
Если приходится поддерживать древнее говно - замени calc() на магические числа.
#226 #586402
>>586399
думаешь, помимо БЭМ-нейминга стоит освоить и всё остальное?
>>586414
#227 #586407
Аноны, подскажите, по какой причине могут не работать горячие клавиши для save for web?
>>586410
#228 #586409
>>586401
Благодарю, интересное решение.
К сожалению, не применимо при использовании прозрачного фона, который мне необходим.
>>586429
#229 #586410
>>586407
Нашёл, нужно использовать правые кнопки, но почему так?
#230 #586414
>>586402
не думал, об этом. моя мысль о том, что бэм - это явно шаг вперед по сравнению с той неразберихой в стилизации, творящейся у всех новичков.
Ну и как обычно критики критикуют, но ничего не предлагают взамен. Где хоть одна ссылка или пост про преимущества или вообще про технику другую? Да хотя бы ее название.
>>586417
#231 #586417
>>586414
а почему ты считаешь, что все css-правила в одном файле, в том числе и на этапе разработки - это плохо? Есть же миникарта, комментарии, при помощи которых один файл можно разбить на блоки, ctrl+f в конце концов.
>>586445
#233 #586430
>>586378
Ответили оперативно на стаковерфлоу
http://stackoverflow.com/questions/37537299/styling-4-corners-of-block
>>586431
#234 #586431
>>586430
зачем 4мя блоками это решать, когда уже есть решение с 1м?
тем более можно вообще без лишних блоков как оказалось - >>586430
#235 #586445
>>586417
А почему ты когда изучаешь физику, не накладываешь себе на стол книги по эпохе возрождения, собрание сочинений Пущина, пару томов Ленина... Ведь на них есть же названия на корешках. Можешь, в конце концов, попросить мамку искать физику, когда вся эта поебота ненужная ее завалит.
Я сам много верстал одним файлом, с комментариями, даже более менее упорядоченно. И долго на scss не считал даже нужным переходить. Потом пошел на продвинутый и первое же, что оттуда унес - это БЭМ.
Это было незабываемое облегчение.
#236 #586446
>>586432
Предлагай другое. Целесообразно будет приму.
Предложи что-нибудь для ul или table.

>>ul li .some .stuff


Один небэм-класс в другом небэм-классе не использую. Максимум вот так:
ul.header__list li a.green
#237 #586460
>>586448
1. использую
2. не использую. Я неправильно написал, надо было: .header__list li a.green.
3. Не понял, в каких случаях. Это же тем более каскадность уже.
4. Не дорос до нее, не юзал. Что сам используешь?

>>Это несущественно.


Это ты про оптимизацию и ускорение? Для меня это еще пока мелочи.
#238 #586822

>Как прошёл тринадцатый онлайн‑курс «Базовый HTML и CSS»


В тринадцатом интенсиве Базовый HTML и CSS участвовало 446 человек. Успешно сдал свои выпускные проекты 221 ученик.

переполнение рынка если не уже, до близко походу
#239 #586834
>>586822
это капля в море
#240 #586889
Долго думал, палить ли годноту быдлу, но ладно, спалю.
https://www.youtube.com/watch?v=8OH863Z_sVg&index=2&list=PLvWwA9iDlhHBqXPZlnpPjYGJFMhZNChCk
ну еще для размышления
http://lopart.by/ot-nulya-do-geroya-frontenda-chast-1/ (вторую часть сами найдете)
>>586891>>586910
#241 #586891
>>586889
про обе ссылки я рассказывал. про первую в прошлом треде, про вторую кидал во стором посте этого треда >>585292
#242 #586902
>>586401

> width: calc(100% + 2px);


ебать, что это за чудеса
#243 #586910
>>586889
после чего приступать к этому? После продвинутого интенсива?
>>586913
#244 #586913
>>586910
после продвинутого интенсива гляну.
#245 #586921
Фух. Заканчивается первый день работы верстальщиком в местной веб-студии. Сваял сегодня две странички, одну главную и внутреннюю, для местного, опять же, говносайта.

В целом, обстановка нравится, хоть и холодно, да я ещё из-за своей нелюдимости не подходил даже к кулеру и чаю.

Обещали 25К на испытательный срок, потом выше. Работа с 10.00 до 18.00, пятидневка.

Сейчас вот думаю, как можно ускорить свою работу, потому что мне кажется, что я пиздец как медленно пишу код. Пока что пользуюсь единственный командой из Emmet-а, которая по tab-у раскрывает div с написанным классом. Лол.

Такие дела, посоны.
#246 #586922
>>586399
Давать тэгам понятные классы придумали не в яндесе.
#247 #586927
>>586401

>width: calc(100% + 2px);


кто тебя такому научил?
>>586931
#248 #586931
>>586927
Хз, логика. Разве не для этого придумали calc
#249 #586939
>>586921
Удачи
>>587088
#250 #586941
>>586921
не говорят, что ты тупишь или тормозишь? Яваскрипт пишешь? Какие вообще требования были к вакансии?
>>587088
#251 #586942
У меня webstorm пизданулся и не применяет emmet для первых элементов в теге body, но во вложенных применяет, и вообще в любом другом месте, хоть в теге head.
#252 #586953
>>585702
Зачем тебе отдельный веб-сервер, если есть браузер-синк?
>>588662
#253 #586959
Блятьсуканахуймразь, как сбросить настройки ебаного webstorma? Эта мразь поломалась и не дает мне использовать сокращения emmet в body, т.е. везде можно но не там.
>>586964
#254 #586964
>>586959
ладно, вроде как разобрался, но это конечно полный пиздец, что это так легко можно поломать. Видимо я, зажав alt+enter поменял какую-то хрень в language enjaction у тега body, методом тыка вылечилось
#255 #586967
хотя, не, еще не выличилось до конца, не работает бьютифаер
#256 #586985
Блять, это просто пиздец, я не знаю как это говно вылечить
>>586990
#257 #586990
>>586985
перекатывайся на сублайм
>>586996
#258 #586996
>>586990
да это просто ебанный пиздец, даже гугл мне не дает ответа как это говно сбросить
>>586998
#259 #586998
>>586996
ну значит не надо изъёбываться и пора перекатываться на сублайм, больше времени потратишь на использование неподдерживаемого говна.
>>587017
#260 #587017
>>586998
у меня он есть, но джетбрейнс мне намного больше нравится, так что пришло время переустанавливать вебшторм.
>>587082
#261 #587082
>>587017
Вебшторм сам себя не переустановит.
>>587090
#262 #587085
>>586395

>Миллионы веб-разработчиков


Чего сразу не триллионы то? слава богу вся эта параша не выходит особо за пределы снг, а вот в цивилизованном мире, да, про такое говноедство и не слышали, живут же люди (хотя справедливости ради надо сказать что и своего говна там хватает например атомарный-css)
>>587098
#263 #587088
>>586941
не говорят, что ты тупишь или тормозишь?
Лол, нет, наоборот говорят, что быстро делаю.

>Яваскрипт пишешь?


Не пишу, но плагинчики подключаю и настраиваю. Слайдер там, анимацию через wow.js и всё такое.

>Какие вообще требования были к вакансии?


HTML5, CSS3, JavaScript, jQuery
знание кроссбраузерной, адаптивной верстки
верстка под мобильные платформы
умение разбираться с чужой версткой

>>586939
Спасибо, анон.
>>587618
#264 #587090
>>587082
Где-то я это уже слышал
мимо
#265 #587094
>>586822

> переполнение рынка если не уже, до близко походу


Вау, ребята умеют еле-еле верстать фикс макеты, о господи, какой ужас, они займут все наши места!
>>587100>>587105
#266 #587097
Аноны, для саморазвития взялся сделать сайт знакомому.

Нужно сделать 5-7 страничек простой визитки, НО!
одна из страниц - блог, с возможностью добавлять записи и тд.Как это сделать? знаю поверхностно HTML|CSS немного Javascript. Попробовал сделать на WordPress, - никуя понять не могу, как редактировать страницы и тд.

Помогите пожалуйста, скажите как это БЕЗ WOrdPress сделать
#268 #587100
>>587094
Ты прав, чем глубже по интенсивам, тем больше закидывают. На про двинутом меньше гораздо, а он то более годный. Про жс вообще молчу, но жс курс академии не оче показатель.
>>587103
#269 #587101
C деньгами не очень. Покупать на последние деньги подписку на академии, или ну его? Базовые курсы понравились.
>>587104
#270 #587103
>>587100
Пит буль. Соре за яблоко.
#271 #587104
>>587101
не стоит. скрины с продвинутых курсов в шапке треда.
#272 #587105
>>587094
На деле, последнее время появляется все больше и больше верстал, которые занимают низшие места в сфере фронта. Чем глубже во фронт, тем меньше кадров. Вывод, чтобы не было особой конкуренции, Углубляйся все глубже во фронт, развивайся, а не верстай лендинги всю свою жизнь.
>>587110
#273 #587110
>>587105
не забывай, что многие эти низшие версталы прокачаются до приемлимого уровня гораздо раньше, чем анон, сидящий у мамки на шее и половину дня, в связи с низкой кратковременной мотивацией, скроллящего борды.
>>587126
#274 #587125
>>585292
Переовдики с фрикодлагеря. Кто нибудь кроме меня проходит\проходил их курс?
#275 #587126
>>587110

>с низкой кратковременной мотивацией


В этом и беда большинства анонов(в том числе моя) как обезьянки от дофамина зависят. Дисциплина важнее мотивации, а дисциплина это привычка. Читайте "сила воли как развить и укрепить" и "сила привычки".
#276 #587138
>>586822
а ты хуле хотел.
как сказал персонаж одной книжонки, тебе придется попотеть за свое жалование, сынок.
поэтому думать надо не о том, что их много, а о том, как стать лучше и выдать на ротан всей этой ололокающей питушне.
#277 #587142
>>586822
Я тоже так думал, а потом пролистал их "выпускные" проекты на гитхабе и рассмеялся. Переполнение рынка, лол.
>>587146
#278 #587146
>>587142
Не раз в тред кидали портфолио успешно окончивших базовый и продвинутый интенсивы учеников. Поднимает самооценку, лол.
#279 #587149
Дают подработку. Надо сверстать страничку небольшого интернет-магазина. Дизайн очень простенький, делался под бутстрап. Всего 7 разных страниц. Дают неделю, и 2000 гривен. Не продешевил? Говорят, будут бонусы, если сделаю в срок.
Уточню: это чистая верстка, без бэка.
>>587162>>587176
#280 #587162
>>587149
Для подработки сойдет.
#281 #587176
>>587149

> бутстрап


Ну, в принципе норм, я бы за ~десятку килорублей сделал, неделя это даже слишком много, как по мне.
30 Кб, 1334x690
#282 #587180
Привет, аноны.
Я тут вёрсткой занимаюсь около месяца, просмотрел базовый, прошёл курсы и прочая хуйня. Сверстал тут страничку ориентируясь на макет, можете посмотреть? Там есть вдобавок псдшник исходный, правда он 1440px, а я верстал под 1200 размер, потому что резиново (или как это называется?) верстать ещё не умею.
Короче, сайт тут - http://tvoibatya.github.io/
Если ты ещё код посмотришь, я вообще буду по гроб жизни благодарен - он тут https://github.com/tvoibatya/tvoibatya.github.io

Верстал на флоатах, потому что кроме флоатов и инлайн-блоков ничего пока другого не знаю, а тут вроде инлайн-блоков-то не так уж и много.
Ну и конечно буду рад если укажешь на ошибки.
#283 #587191
>>587180
В целом неплохо. Макет простой, можешь попробовать сделать его адаптивным - смотри Итан Маркотт "Отзывчивый веб-дизайн" (2-е издание от 2014 г.), пока не обмазался мобайл-фёрстом из продвинутого интенсива.

Олсо, есть мнение, что длительность транзишена и анимаций должна быть не более 400ms. В глаза бросается долгий переход цвета ссылок в футере.

И хорошо бы прописать стили для :focused
#284 #587194
>>587180
зачем линк на код, если в инспекторе все видно, а jsa у тебя там явно не видно. Косяк с h2 заголовках, там после них псевдоэлемент, при увеличении длины заголовка наезжает на текст. Еще там есть косяк где ноутбуки, там кнопка уезжает при переполненни блоков.
#285 #587226
>>587180
РЕСПОНСИВНОСТИ нет.
30 Кб, 552x370
#286 #587231
Ребята, я хочу угореть по emам и remам, как модные бородатые стартаперы из сан-франциско, но в псд макетах всё в пикселях, и делать вёрстку в относительных величинах - крайне неудобно.
У меня ПИКСЕЛЬ ПЕРФЕКТ от этого.
>>587312
45 Кб, 1085x639
#287 #587234
>>587180
Вместо <a> должен быть <input type="submit">
>>587239
#288 #587239
>>587234
А почему не баттон например?
>>587241
#289 #587241
>>587239
Можно и батон.
#290 #587252
Ладненько, спасибо тем, кто ответил.
Я пока задам несколько вопросов.
1) верным ли было решение в данном макете верстать всё на флоутах? Тут вроде бы инлайн-блоки только в списках применяются в li.
2) Фотки и картинки (кроме ноутбуков в портфолио) засовывал в спрайты. Хорошая ли это практика? Или же в спрайты надо пихать только мелкие иконки а-ля ссылки на инстаграм, твиттер и прочее?
3) И вообще все изображения (кроме логотипа и ноутбуков) были поставлены на фон дивов? Правильное ли решение? Потому что если у человека "отвалится" цсс, то он не потеряет ничего, если не увидит эти иконки, фотографии клиентов и тому подобное, т.к. изображение декоративное.
>>587254
#291 #587254
>>587252

> если у человека "отвалится" цсс, то


То отсутствие картинок - наименьшая из его проблем.
>>587256
#292 #587256
>>587254
Ну, меня так на базовом интенсиве учили.
>>587275
35 Кб, 380x231
#293 #587265
В треде их нет. Теперь ясно где они есть
>>587272>>587289
#294 #587272
>>587265
Че эт за хуйня
124 Кб, 1243x651
#295 #587275
>>587256
Там еще к тому же обьясняли, когда использовать <img> а когда background-image. Видимо ты не до конца усвоил.
Вот смотри пикрелейтед. Это у тебя секция "команда". В ней информация по каждому члену команды с фотографией. Так почему ты использовал тут background-image? Ведь эти картинки относятся непосредственно к контенту.
>>587276>>587282
#296 #587276
>>587275
в хтмл-академии на старой глагне рожи с отзывами вообще были спрайтами захуячены.
>>587278>>587282
#297 #587278
>>587276
Ну так они тоже развиваются, учатся. Вот в новой версии у них рожи тегом <img> сделаны.
#298 #587282
>>587275
Я рассуждал, что мне не важны лица людей, главное что я вижу их ФИО и статус. Поэтому захуярил как фон дивов. И да, на базовом интенсиве у них лица тоже спрайтами сделаны - >>587276
#299 #587289
>>587265

> на работе базу чищу


Все чаще убеждаюсь, что на такие курсы идут всякие mysql-"программисты", 1Сшники и 19-летние тянки.
#300 #587290
Ой, я же хотел спросить. Фронтаны, как можно оценить свой уровень JS? Вот я могу решать всякие хитровыебанные задачки, могу запилить свой горизонтально-вертиальный слайдер с динамической пагинацией, ну всякие попапы, валидация и аякс отправка формочек, само собой. Но мне кажется, что я полное дно и ничего не понимаю. Какой-то ступорный этап в обучении настал, что делать - не знаю. Сразу реакт/ангулар учить, как в одном из прошлых тредов советовали? Или лучше уже искать работу за еду?
>>587313>>587315
#301 #587312
#302 #587313
>>587290
Мне кажется лучше спросить в pr/
>>587341
#303 #587315
>>587290
Даже на работе за еду нужен реакт или ангулар. Эти фреймворки упрощают написание кода в десятки раз.
>>587341
#304 #587318
Найс, у меня extract в брэкетсе опять пашет.
#305 #587322
Мне вот интересно насколько наставники из хтмлакадемии помогают на их курсах. По их вебинарам складывается впечатление, что они тупо продают мечту лохам.
#306 #587327
>>587322
Я вообще не понимаю, как люди за базовый могут 12.500 отдавать.
>>587328
#307 #587328
>>587327
Ну это типа для самых ленивых, которым лень гуглить, вкратце рассказать че да как. Продвинутый интенсив, по-моему, вообще халтура чистой воды. Я гораздо больше извлек из доп.материалов нежели из видосов.
>>587329
#308 #587329
>>587328
доп. материалы откуда? из этих интенсивов, что в оп-пике в посте?
>>587330
#309 #587330
>>587329
Да там есть пдф файл с допами по разделам, что в допах в оп-посте я не знаю, если честно.
#310 #587331
>>587322

>продают мечту



а то. самый ходовой товар в мире.
>>587334
#311 #587334
>>587331
Мне просто интересно какой в итоге выхлоп от их курсов. Хоть 5% на работу устраивается. Я вот что-то сомневаюсь.
>>587335>>587345
#312 #587335
>>587334
это спорный момент.
может, человек курс прошел, а устроился только года через 2, например.
>>587337
#313 #587337
>>587335
Чет я слабо представляю. И что он два года делал?
>>587339
#314 #587339
>>587337
спроси у него.
#315 #587340
>>587322
Стандартные видеоролики по обучению чему-либо.
Я в своё время учил хтмл с нуля по специалисту, там мужик с охуенным голосом объяснят на пальцах для домохозяек что к чему,плюс в специалисте обсуждают тонкости вёрстки для ие.
Если что старый курс, а не новый. На торрентах их две версии.
>>587346
#316 #587341
>>587313
>>587315
>>587325
Cпасибо. Начну реакт на неделе.
В пр не пойду, там какие-то дикари сидят, начнут затирать про какие-нибудь паттерны, angular2 vs reacut-redux, разведут срач на 200 постов, а на вопрос не ответят.
#317 #587345
>>587334
В "мы вам перезвоним" вбрасывали статью, где говорилось, что из-за всяких гоайти в украине конкурс по 40 человек на место, при чем из этих 40, 35 - конченые дауны, абсолютно ничего не понимающие. Такая вот минутка мотивации.
>>587357
#318 #587346
>>587340
специалист нынче смешняво выглядит на фоне ебучих хипсторков с флэт-дизайном головного мозга, этакий айсберг из начала двухтысячных.
борисов у них ниче дядька, забавно толкует.
#319 #587357
>>587345

>35 - конченые дауны


Но их же отфильтровывают и реальная конкуренция для анона это 5 человек на место?
Хотя хер его знает, сейчас успех трудоустройства больше зависит от настроения ТП на приемке, а не от безумных умений кандидата.
>>587359
162 Кб, 983x1024
#320 #587359
>>587357

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

Я к тому, что всю эту "конкуренцию" стоит бояться только на самых первых шагах. Чуть вперед вырвешься и все, ситуация кардинально меняется и уже hr бегают за тобой, а не ты за ними.
>>587399
#321 #587361
>>587180
Логотип не вкладывают в nav. цсс на теги, лучше использовать классы.
#322 #587371
Господа, из шапки: "http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган"
Имеется ввиду учебник, который у них на сайте выложен?
Ни интерактивных курсов, ни видео как у HTML-A у них нету?
>>587372
#323 #587372
>>587371
У него вроде бы были скринкасты какие-то на канале.
>>587373
#324 #587373
>>587372
Если канал на тытрубе, то там только по Node.js, Gulp и webpack, других Канторов я там не нашел
48 Кб, 480x800
#325 #587394
А есть тут аноны пользующиеся бутстрапом? Помогите найти, как сделать. В 3 версии можно перед скачиванием сделать настройки, которые будут содержаться в бутстрапе. Как сделать также на 4 версии, ну или хотя бы на 3.3.6?
>>587569>>587657
#326 #587398
>>587098
И что это 2 статьи из буржуазныхинтернетов и что? какие отсюда выводы?
#327 #587399
>>587359
То же самое было на первой работе. До меня перебрали человек 10-15, и все были в разы хуже меня. И это при том, что я тогда только-только начинал верстать. Сейчас даже не хочу смотреть тот код, он ну очень ужасен. А когда я уходил, в фирме не могли найти замену, приходили люди, которые верстают при помощи position: absolute все блоки, вырезают тексты картинками из psd и прочее.
>>587410
5 Кб, 838x90
#328 #587401
Парни, помогите, пожалуйста. Не врубаюсь, как сделать такое наклонное меню. С трансформ скью?
>>587402>>587567
#329 #587402
>>587401
transform rotate у псевдоэлементов
>>587566
#330 #587410
>>587399
а я ссусь кидать заявки в хх, так как у всех требование бутстрап. Могу в адаптивную верстку сам, но этот бутстрап не хочет поддаваться мне. Реально не могу переключиться от адаптивной на что-то похожее.
#331 #587418
>>587410
Такая же проблема. Подкиньте годноты по бутстрапу
>>587423
#332 #587419
>>587410
Учится за пару дней на проекте, совершенно простейший фреймворк. Расслабься, кидай резюме и говори, что не юзал, но выучишь очень быстро. Достаточно почитать документацию и пару раз поверстать на нем.
#333 #587423
>>587418
>>587410
freecodecamp, есть курс по бутстрапу (бесплатный), за час-другой проходится.
>>587791
#334 #587523
Аноны, как дела сейчас у дизайнеров на фрилансе? Появился заказик, хочу всё сделать сам, но в дизайн так и не могу. Сколько сейчас примерно стоит создание дизайна лендинга на вордпрессе (то бишь, длинная главная страница, а на дополнительных страницах - каталог, акции и отзывы) трудами фрилансера и на какое качество работы стоит рассчитывать?
на всё про всё, учитывая и мою работу, выделено 20к, даже тз есть, осталось только утвердить макет
>>587611
33 Кб, 699x563
#335 #587541
Аноны, срочный вопрос. Какой самый простой способ запилить включение в разные страницы одинаковых html-блоков, типа хедера или футера? А какой способ самый правильный? Не прибегая к php-темплейтам.
>>587707
#336 #587566
>>587402
Не понял, ты имеешь в виду, сделать вот эти палочки-границы псевдоэлементами?
#337 #587567
#338 #587568
Кто нибудь использовал хтмл инклюды, как оно?
#339 #587569
>>587394
Какие еще такие настройки? Скачай для сасс да отруби все ненужные модули.
>>587578
#340 #587578
>>587569
Кстати вопрос по sass bootstrap. Там чет совсем дохуя непонятных мне файлов. Они оказывают какое-то влияние на файлы из папки assets, или мне ихз можно просто удалить нахрен?
>>587581
#341 #587581
>>587578
Там в стилевом файле главный есть, где все импорты прописаны. Берешь удаляешь все что нахуй не нужно и он становится легче и пиздаче, можешь и фонты с картинками удалить к хуям если только грид используешь, к примеру.
>>587583
#342 #587582
Мне так нравится ваш тред, тут хорошая атмосфера по сравнению со многими другими тредами в /wrk.
Сам прошел половину курсов от академии в январе, потом посмотрел 4 интенсива и запал иссяк.
Теперь вернулся, благо почти все знания сохранились в голове, пытаюсь учить дальше. Тема интересна, но вот как заставлять себя учиться постоянно — не знаю.
#343 #587583
>>587581
Нене, я это понял. Там просто в дистрибутиве куча файлов руби еще. Я вот и не пойму нахуя они.
>>587588
4 Кб, 838x90
#344 #587584
Парни, помогите, пожалуйста. Не врубаюсь, как сделать такое наклонное меню. С трансформ скью?
>>587623
#345 #587588
>>587583
тебе только assets надо, в остальном всякие зависимости для боверов и тд написаны, они тебе нахуй не нужны. тоесть можешь все удалить кроме папки ассетов, если с локала подрубаешь.
>>587591>>587687
43 Кб, 600x401
#346 #587591
>>587588
ОК, спасибо.
#347 #587597
>>587582
Учеба должна приносить удовольствие, это должно стать стилем жизни. Подумай, что тебе мешает, и реши эту проблему.
#348 #587598
>>587582
стимула нет у тебя. Мне вот жрать нехуй, знаешь как мотивирует, пиздец.
>>587601
#349 #587601
>>587598
Это да. Скорее, меня деморализует то, что в моем ~100к мухосранске я еще не видел вакансий фронтендеров/верстал. Лишь изредка погромизды и сисадмины всплывают в списках.
#350 #587610
Народ, у кого-нибудь есть "8-недельный онлайн курс «Advanced front-end»​" Пузанкова - https://events.yandex.ru/lib/people/48223/?

Поделитесь пожалуйста.
#351 #587611
>>587523
20к и стоит примерно. Дизайн - около 5-6 тыщ, остальное - верстка, натяжка и подключение жиквери, так что еще можно демпингануть в зависимости от того, как ты оцениваешь сам себя.
>>587647
#352 #587614
Посоны, идёт второй день работы в студии. Настроение норм, только жрать дома нечего и с работы сегодня пешком пойду, лол, ибо денег вообще ноль.

Скажите, пожалуйста, один !important на джве страницы - это норм?

Алсо, если потом кодеры будут ставить мою вёрстку на WP и там есть такой нюанс: у всех страниц сайта, кроме одной ("О компании") хлебные крошки сделаны по шаблону. И только на странице "О компании" блок с хлебными крошками обрамлён ещё одним блоком, потому что дизайнер решил, что так будет красиво.

То им придётся, по сути, делать отдельную страницу а-ля about.php, так?

>>586921-кун
>>588562>>588563
#353 #587618
>>587088
точно такая же вакансия в городе висит и те же требования и та же зп...бля мухосрань у тебя не на 500к?
>>587718
100 Кб, 718x574
#354 #587623
>>587584
Смотри, я делал так, через скью.
>>587684
#355 #587647
>>587611
Так примерно и думал. На какой бирже, по-твоему, лучше всего искать исполнителей-дизайнеров, с самым годным соотношением цена-качество?
>>588337
#357 #587684
>>587623
Спасибо, мужик!
Только один вопрос, не отваливается при изменении масштаба?
>>587718
#358 #587687
>>587588
а что делать с форматом файлов? Там у всех scss, а мне что делать если надо sass формат.
другой анон
>>587688
#359 #587688
>>587687
sass и есть scss, модификация его
>>587703
30 Кб, 265x43
#360 #587695
Парни, вот такой еще вопрос. Это заголовок. Как его лучше сделать? Сам блок обрамить, а заголовку задать position: absolute и нужный фон. Как идея? Не фиелдсетом же это делать.
>>587697
#361 #587697
>>587695
отрицательный верхний маргин
#362 #587703
>>587688
ну значит если я буду писать как сасс все, не будет проблем с сцсс?
#363 #587707
>>587541
include-replace попробуй.
#364 #587718
>>587684

>Только один вопрос, не отваливается при изменении масштаба?


Нет, не отваливается. Потому что absolute-координаты задаются по отношению к родителю. Хотя... если размеры родителя у тебя динамические, то даже не знаю.

>>587618

>точно такая же вакансия в городе висит и те же требования и та же зп...бля мухосрань у тебя не на 500к?


Лолнет, город милионник в Поволжье.
>>587771
#365 #587771
>>587718
Самара или Казань?
#366 #587791
>>587423
Очень поверхностный. Мне потом пришлось тут многое смотреть http://www.w3schools.com/bootstrap/default.asp
>>588716
РАБОТА #367 #587792
Ананасы, нам в команду на удалёнку нужен ещё один фронт (и бэк Django). Одного мы взяли ещё в позапрошлом треде.
Нормальный проект, говнокод имеется, высоконагруженный, стабильный, не стартап, коллектив без мудаков, нормальная такса.

Приоритетно:
AngularJS, Stylus, jQuery
Кроме того:
Gulp, Git, отсутствие бреда в нативном js.

Выдам тестовое james.vari,:WousANUSyan\-mdexPUNCTUMrr^Ku, кто уже делал в прошлый раз с массивами - дам другое.
#368 #587797
Почему Ангуляр так востребован? Разве есть такой сильный запрос на spa? Или это сейчас на хайпе?
>>587803
#369 #587803
>>587797
потому что любой сайт может быть спа и это очень круто и удобно.
#370 #587810
>>587582
"запал" это детский лепет. Я уже писал что от "запала" зависят всякие хомячки бесцельно проживающие свою жизнь и ждущие "мотивации" поднять жопу с дивана. Дисциплина важнее, можно привить необходимые навыки в самообразовании как силу воли, но это результат систематичной работы над собой, а не сиюминутного слабого кококо.
Почитай "сила воли как развить и укрепить", на курсере запишись на "learn how to learn".
#371 #587830
Верстаны, когда верстаешь фикс надо всем элементам прописывать ширины?
Я раньше так вроде бы не делал, но сейчас сверстал сетку сайта, изменяю масштаб, шапка улетает куда - то в сторону, главное содержание нормально держится. Как так
>>587832
#372 #587832
>>587830
Все, дошло. Как отправил пост - так сразу понял. У главного содержания есть центровщик, а у шапки нету. Спасибо, пацаны.
#373 #587851
Суп котаны, только что из собеса в местную конторку. Чем оно примечательно, так это тем что в конце они меня усадили делать айкью тест. Я на такую хуйню не подписывался, думал вообще уйти, но все-таки решил.
В с этим вообще сталкивались?
#374 #587853
Анончики, начинаю работать с scss. галп-письки успешно подключил
Пытаюсь понять, как лучше организовать файловую архитектуру проекта.
есть папка blocks привет БЭМу Там блоки.
Куда скидывать normalize.scss, bootsrtap.scss, variables.scss, mixins.scss, fonts.scss? Достаточно их скинуть в одну папку - vendor, ну или хз как её назвать, либо лучше раскидать их по нескольким папкам?
#375 #587856
>>587853
Поддвачну вопрос, сам сейчас верстаю первый проект на стеке scss+bootstrap+gulp+BEM
>>588347
#376 #587864
>>587851
Какой-то бред, конечно. На мой взгляд, все эти тесты — говно и полностью умственные способности не отразят.
#377 #587865
>>587851
Ебанутая фирма Ебанутые собеседования
А слепок ануса делать не заставляли?
#378 #587868
>>587851
тест iq, пиздец. Просили бы вышку хоть тогда что ли. Я с одной конторой пиздел они сказали что перед собеседованием необходимо пройти тесты на логику. Из той же серии. Вот портфолио, вот примеры кода, дайте тестовое...нет, тест на логику, ебанутые хуле.
#379 #587870
Если у ивана 6 яблок, а пети 3, то каким образом сереже это поможет в программировании на js.
88 Кб, 600x600
#380 #587873
>>587851
А у меня есть шанс работы в банке за неплохие деньги.
Но там надо будет проходить полиграф. Вроде никаких грехов нет, а всё равно как-то беспокойно что там могут спросить.
>>587877
#381 #587874
У меня вот icq 122, что, якобы, неплохо, но туплю с изучением верстки просто адово. Бредовый тест, если честно.
>>587875
#382 #587875
>>587874
показатель iq это либо меньше 50 и ты даун либо больше и ты обычный человек, других градаций нет.
#384 #587905
Второй рабочий день подходит к концу.

Что-то я уже задолбался. Это всё потому, что все восемь часов я поднимался со стула только затем, чтобы налить себе чаю или кофе (принёс свою кружку, здорово, жаль только сахара тут, похоже, нет). Перед глазами коды, коды, коды. В левом глазу HTML, в правом CSS.

Алсо, аноны, как вы работаете над вёрсткой? У меня вот открыт Sublime Text, в нём две вкладки. Левая чуть побольше с HTML-кодом, правая, чуть поменьше, с CSS. Очень удобно: хуячишь сначала логику в левом окне, забиваешь контентом, а потом описываешь стили в окне правом.

Напрягает, что зарплату тут будут платить раз в месяц, а не раз в джве недели. Т.е. ещё 27 дней нужно на что-то жить и чем-то питаться.

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

А, вообще, в целом, обстановка довольно ламповая. Мне нравится дизайнер, хоть он и использует 10 шрифтов на одной странице.

После часов писания кода есть желание пописать просто словами. Может завести бложек аутиста, куда сливать накопившееся за день, лол?
#385 #587909
>>587905
Пол экрана редактор, вторая половина браузер + лайв релоад. Зачем одновременно хтмл и цсс видеть понять не могу. Все равно сначала делаешь структуру в хтмл, а потом переключаешься на цсс и в штмл только иногда подсматриваешь или дополняешь по мелочи.
#386 #587910
>>587905
ты какой-то странный. И почему у тебя css файл меньше html'ьного?
>>587943
#387 #587913
>>587905
обычно три окна, все как у тебя, но окно с sass разбито пополам, так как есть внизу окошко со значениями переменных, которые часто юзаются
117 Кб, 1303x765
#388 #587916
>>587905
Трансляцию на твиче замути из офиса. Поднимешь бабло на донатах. Главное поставь микрофон рядом с тем пиздуном.

На втором мониторе браузер с лайврелоудом.
>>587918
#389 #587918
>>587916
бро, как поделил окно сублайма напополам?
#390 #587920
>>587918
Это брекетс
>>587922
#391 #587922
>>587920
не заметил, лол.
А можно ли так же поделить окно в сублайме?
>>587938>>587943
#392 #587924
Я один здесь как лох без лайврелоада и двух мониторов? Просто прописываю стили в браузере, а потом копирую их в редактор. Какого-то профита или увлечения скорости от этих перделок не вижу.
>>587926>>587943
#393 #587925
Интенсивы html академии точно годнота? Начал смотреть, пахнет пидорашьей хуетой. Лектор говорит адобЕ, пиздец, адобе, блядь! Чатик с быдлом это тоже пиздец, я из за всяких мамкиных "буду верстальщиком епт гыыы" комментарии в курсах никогда не открывал, тошнить начинало, а теперь оно постоянно мелькает, наверное просто закрою эту область экрана в плеере.
#394 #587926
>>587924
я тоже без двух мониторов работал, но неудобно как-то. С двумя, пусть даже со вторым уёбищным, получше живётся. Тем более, они тысячу-полторы стоят.
>>587931
#395 #587929
>>587925
как по мне - неплохо, но больше для структуризации знаний.
#396 #587930
>>587925
Нитакой как все интеллектуал хекка порвался, несите нового
>>587952
#397 #587931
>>587926

Я прост с ноутом привык уже. Мне предлагали второй монитор подключить, но я отказался.
>>587942
#398 #587934
>>587918
Горизонтально
Win/Linux: ALT+Shift+2/3/4/5
Mac: CMD+ALT+2/3/4/5

Вертикально
Win/Linux: ALT+Shift+5/8/9
Mac: CMD+ALT+Shift+1/2/3
#399 #587936
>>587918
https://www.youtube.com/watch?v=DXNDYe4Rpik
исходя из этого видео - можно
#400 #587938
>>587922
Alt + Shift + 2
>>588032
#401 #587942
>>587931
зря. Я сам к ноуту монитор подключил, который в кладовке нашёл, 1280*1024, с зелёной полосой посередине. И всё-равно с ним лучше, чем без него.
#402 #587943
>>587922

>А можно ли так же поделить окно в сублайме?


View -> Layout -> Columns 2

>>587924

>Я один здесь как лох без лайврелоада и двух мониторов? Просто прописываю стили в браузере, а потом копирую их в редактор.


Я тоже раньше так делал. Сейчас иногда лишь, когда возникает какая-нибудь особо заковыристая задача. Такой способ OCHE медленный. Я могу тебе посоветовать так ускориться, опять же, по собственному опыту. Есть плагин для Firefox, который позволяет хуячить стили прямо в инспекторе браузера, в live-режиме, а потом нажимать кнопку "сэйв" и они автоматически сохранятся в файле.

>>587910

>ты какой-то странный. И почему у тебя css файл меньше html'ьного?


Очевидно же, потому что в CSS ты хуяришь почти что в столбец, в отличие от HTML.

Второйдень-кун
#403 #587946
>>587925
ПУБЛИК АШТИЭМЭЛЬ, ПУБЛИК БЛЯДЬ АХАХА
>>587958
#404 #587952
>>587930
Т.е. произношение лектором буквы е на конце слова как русккого е тебя не смущает? Ну иди еще адобе пхотошопа наверни.
>>587958
#405 #587953
Анончики, а вы как обычно вставляете svg картинку? инлайново или через src?
#406 #587955
>>587925

> Лектор говорит адобЕ


Ну если это для тебя главное, то можешь дальше не смотреть.

пиздец блять, хули вы такие претенциозные
>>587961
#407 #587957
У нас вообще принято Эдоуб называть, но правильно Эдоби
#408 #587958
>>587946
>>587952
Я смотрю 90% материалов на английском. Благо их легко найти. А не тешу свое самолюбие посмеиваясь над ошибками других(причем ошибками непринципиальными). По делу он может и полезное что то сказать.
#409 #587961
>>587955
Для меня это не главное, но говорит об общей культуре человека, который проработав столько лет в сфере где важно хорошее знание английского произносит часто употребительные слова на уровне дцпшника из детского сада. Это всё равно, что говорить микрософт.
>>587967>>588369
#410 #587963
Тоже бесили комменты на интенсиве, особенно в первых выпусках. Какие-то чрезмерные смайлобляди, флудик, а еще некие уебки, которые прошарены чуть больше новичков и стараются блеснуть своими охуеть знаниями, типа ДА ТАМ ЛЕХКО, или вперед лектора ввернуть название какого-то метода или технологии. Мол смотрите, какой я умный.
>>587965
#411 #587965
>>587963

>некие уебки



То были наставники :)
>>587976
#412 #587967
>>587961

> Это всё равно, что говорить микрософт.


Ты мудак какой-то.
#413 #587976
>>587965
Нахуй они вообще пришли. Надо как в армии. Вы верстальные душары. На тебе еще мою работу. Для практики, ради твоего блага. А потом дембельский проект - чтоб все светилось, крутилось, пердело и летало по экрану. С поддержкой ie6 обязательно. Дух должен почувствовать боль олдфагов.
>>587982
#415 #587987
>>587982
кстати, именно так выглядит сайт, обвешанный с ног до головы всякой пердящей, выскакивающей и горящей ядовитым цветом хуитой.
#416 #587988
>>587982
марджини и паддинги за дагами и тувинцами расставлять будешь, понял зеленый
>>587996
257 Кб, 453x540
#417 #587994
41 Кб, 610x385
#418 #587996
>>587988

Скажи IE круто!
#419 #588032
>>587938
а есть горячая клавиша для переключения между подокнами сублайма?
из принципа практически не использую мышь
>>588040
#420 #588040
>>588032
ctrl+1 2 не знал но интуитивно угадалось
>>588044
#421 #588044
>>588040
Спасибо :)
#422 #588313
Аноны, подскажите онлайн сервис или таск для гранта/галпа для очистки svg кода от мусора. Трассировку изображений делаю через inkscape.
>>588326
#423 #588326
>>588313
gulp-imagemin, он использует svgo.
#424 #588337
>>587647
Тут не подскажу, у дизайнеров точно есть какие-то свои загончики а-ля фл.ру.
152 Кб, 894x1050
#425 #588347
>>587853
>>587856
Тут подробно расписано: https://sass-guidelin.es/ru/#section-51
Я в итоге все свои "домашние" проектики передалал, пикрелейтед, например. На самом деле все просто: там, где прописана сетка - это layout (хедер-футер-мэйнконтент, у меня еще пара блоков). Кнопочки, секшн/див с контентом, всякие дропдауны и прочая контентная хрень - компонентс. Хотя это все можно варьировать. Главное, шрифты и миксины с переменными не засовывать в компоненты, это как-то по-пидарски.
>>588352>>588359
#426 #588352
>>588347
Бля, ну и говнокод, надо бы почистить, но мне так лень.
>>588359
#427 #588359
>>588347
>>588352
Ах, да, я тут забыл нормалайз удолить (я его не подключал в эту верстку).
>>588384
#428 #588369
>>587961
Зато он знает то, что нужно знать тебе и закалачивает на этом бабло. Чувак, серьезно. Я как-то смотрел курс по экономике, в котором препод делал очень смешную ошибку в ударение какого-то экономического термина (из головы выпало сейчас какого), меня это дико смешило, но абсолютно не мешало. Такое вообще сплошь и рядом. Смотри и не выебывайся.
#429 #588373
А есть гайд, по установке галпа?
>>588407
#430 #588384
>>588359
Окей, схороню, а завтра посмотрю. Сегодня уже бошка не варит.
А как быть с БЭМ? Допустим мы верстаем header. Его пихаем в layout. Но у хедера внутри еще есть блоки (menu, logo...). БЭМ же нам говорит, что для них нужны отдельные файлы, разве нет?
>>588392>>588474
#431 #588392
>>588384
Или мы от БЭМ берем только именования классов? А файлы разбиваем, допустим как в гайде от sass.
#432 #588407
>>588373
Охуенный гайд есть на css-tricks. Называется gulp for beginners
>>588410
#433 #588410
>>588407
пасиб.
34 Кб, 511x477
#434 #588442
Анон, планирую из фриланса переводчиком постепенно перекатываться во всякие фронтенды с погромированнием. Из опыта верстки только пара склепанных сайтов для локальной быдлоконторы лет пять назад, сейчас вспоминаю все по htmlacademy, учу javascript.
Как можно с таким хуевым скилсетом найти работу, чтобы на практике уже применять?
>>588444
#435 #588444
>>588442
берешь и ищешь без задних мыслей, естественно
3 Кб, 212x40
#436 #588470
Ребятки, как такой эффект для элемента сделать средствами css?
>>588471
#437 #588471
>>588470

Вырежи ровно по контуру картинку, зайди на колорзиллу, вставь там картинку и оно выдаст тебе код градиента
>>588475>>588476
#438 #588474
>>588384
Бэм-хуэм, структура проекта должна быть логичной, чтобы среди 1000 файликов можно было бы найти нужный при случае и пофиксить. Вот каждая кнопка по бэму - это отдельный блок, но мы их все стилизуем в общем компоненте _buttons, а не создаем с десяток независимых блоков а-ля _header-button, _content-button, _button-submit, _button-yandex--govno и так далее.
>>588478
#439 #588475
>>588471
Можно же просто пипеткой взять два цвета по краям и все (даже один, справа белый, если я еще не совсем ебанулся тут).
#440 #588476
>>588471
Спасибо, но это скорее уход в прозрачность, нежели градиент.
>>588479>>588494
#441 #588478
>>588474
тоже самое с хедером? всё что в хедере - стилизуем там? (лого, меню, user-block)? Меня просто самого напрягает постоянно создавать новые файлы под каждый блок. В принципе я бы согласился всё что в хедере - оформлять в header.scss
>>588499>>588501
#442 #588479
>>588476

Но если фон совпадает, то оно и будет выглядет как прозрачность
#443 #588494
>>588476
ну так делай градиент с прозрачностью епта
http://codepen.io/anon/pen/wWBxqP?editors=1100
#444 #588499
>>588478
Ну смотри, у тебя есть _хедер, там ты пишешь, дисплей флекс, жустивай туда, элайн сюда — этот файлик идет в /layout. Потом у тебя в хедере есть навигация - это уже компонент, под него создаем файлик _навигейшн. Под ним, допустим, слайдер - это тоже компонент, _слайдер. И еще три кнопки, это тоже компонент, единый, _баттонс. В общем, БЭМ идет нахуй и на саму структуру проекта влияет косвенно.
А вообще можешь делать так, как тебе удобно, главное основное разделение забацать (миксины-переменные-бутстрапы-нормалайзы-шрифты и прочее — отдельно, блоки/компоненты — отдельно). Все равно если на работу устроишься, будешь работать по корпоративным стандартам.
>>588501>>588503
#445 #588501
>>588478
>>588499
Ну и да, ничего критичного, если ты все стили хедера пропишешь в _header. Ну, не считая шрифтов и кнопочек всяких.
>>588502
#446 #588502
>>588501
Ну почему я так часто использую "ну" в письменной речи? ИРЛ у меня с этим проблем нет.
>>588555
#447 #588503
>>588499
Спасибо за разъяснение.
#448 #588555
>>588502
Потому что без него твоя письменная речь выглядела бы хуже, как-то более канцелярски и официально, что ли. Именно поэтому стоит использовать в ней слова-паразиты и смайлики :3
40 Кб, 642x590
#449 #588556
Нюфаг итт, 29 лет + вагон свободного времени. Ничего не знаю совсем про верстку, профессия была связанна с другим.

Буду у вас жить.

Начинать буду с этого:

> Сначала вкратце по процессу обучения: если совсем нихуя не знаешь, то лучше начинай учить именно HTML/CSS



> http://htmlacademy.ru/ - ультрагоднота, советую начинать изучение HTML/CSS отсюда. У них же есть интенсивы (обучающие видеоуроки, для лучшего понимания предмета, тоже мастхев) ссылки чуть ниже.



> Интенсивы от академии:


> Базовый интенсив HTMLacademy за 2015 год:


> http://nnm-club.me/forum/viewtopic.php?t=899131



> Продвинутый интенсив HTMLacademy за 2015 год:


> http://nnm-club.me/forum/viewtopic.php?t=900609



Спасибо вам за тред и такую подробную шапку!

Сразу вопрос:

А что делать когда бесплатный вариант закончится и пойдут платные уроки?

Ну кроме того, что покуать их, я не то чтобы нищий, но денег нет совсем сейчас, вообще нет - все трачу на лекарства (болею, по этому собственно и времени дохуя) до конца лета денег не будт точно.

Есть еще варианты не в виде книг, а может обучающих видео или сайтов таких же? Или я соснул с html у же в начале.

Уроков по html/css я конечно могу и сам нагуглить, но тут опытные люди сидят, может посоветуете еще что-то помимо HTMLacademy
40 Кб, 642x590
#449 #588556
Нюфаг итт, 29 лет + вагон свободного времени. Ничего не знаю совсем про верстку, профессия была связанна с другим.

Буду у вас жить.

Начинать буду с этого:

> Сначала вкратце по процессу обучения: если совсем нихуя не знаешь, то лучше начинай учить именно HTML/CSS



> http://htmlacademy.ru/ - ультрагоднота, советую начинать изучение HTML/CSS отсюда. У них же есть интенсивы (обучающие видеоуроки, для лучшего понимания предмета, тоже мастхев) ссылки чуть ниже.



> Интенсивы от академии:


> Базовый интенсив HTMLacademy за 2015 год:


> http://nnm-club.me/forum/viewtopic.php?t=899131



> Продвинутый интенсив HTMLacademy за 2015 год:


> http://nnm-club.me/forum/viewtopic.php?t=900609



Спасибо вам за тред и такую подробную шапку!

Сразу вопрос:

А что делать когда бесплатный вариант закончится и пойдут платные уроки?

Ну кроме того, что покуать их, я не то чтобы нищий, но денег нет совсем сейчас, вообще нет - все трачу на лекарства (болею, по этому собственно и времени дохуя) до конца лета денег не будт точно.

Есть еще варианты не в виде книг, а может обучающих видео или сайтов таких же? Или я соснул с html у же в начале.

Уроков по html/css я конечно могу и сам нагуглить, но тут опытные люди сидят, может посоветуете еще что-то помимо HTMLacademy
#450 #588558
>>588556
теория продвинутых курсов - в шапке, видео интенсивов - тоже. Сначала освой базовый интерактивный курс на htmlacademy, потом смотри базовый интенсив и верстай 4 макета, потом - продвинутый. Потом глянь их интенсив по яваскрипту. После всего этого можешь искать работу на фрилансе.
Непонятное спрашивай в этом треде.
#451 #588559
>>588556

>А что делать когда бесплатный вариант закончится и пойдут платные уроки?


По моему, того что дается бесплатно плюс интенсивы вполне достаточно для изучения. Дальше можно просто много верстать набивая руку и восполнять непонятные места рандомными уроками с ютуба.
#452 #588560
>>588556
СПЕЦИАЛИСТ
П
Е
Ц
И
А
Л
И
С
Т
В разы лучше хтмл академи и предоставляет намного больше курсов.
Там тебе как дауну будут объяснять что такое тэг и атрибут, а потом обойдут все правила вёрсток, плюс расскажут про тонкости вёрстки для старых браузеров. Только выбирай старый курс, который 2010 или около того.
#453 #588561
Аноны, напомните, как называется бесплатный плагин для фотошопа, позволяющий быстро узнавать css элементов?
>>588964
#454 #588562
>>587614

>Скажите, пожалуйста, один !important на джве страницы - это норм?


не понятен вопрос, что значит один на две?

>им придётся, по сути, делать отдельную страницу а-ля about.php, так?


Лучше у них спроси
>>588689
#455 #588563
>>587614
анон, а как выглядит рабочий процесс? Ты верстаешь там все 8 часов чуть ли не безостановочно, или вполне можно отдыхать?
>>588568>>588689
#456 #588566
Подскажите, как сделать, чтоб полосы были за телефоном.
http://codepen.io/anon/pen/XKJxzE
>>588807
#457 #588568
>>588563

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

А когда на собеседование в 2ГИС ходил, то вообще охуел от того, насколько там халява.
>>588571
#458 #588571
>>588568
просто я бы охуел восемь часов подряд верстать, это ж не работа, а каторга, не ящики там какие-нибудь на складе таскать. В интеллектуальном труде перерывы же должны быть побольше, хотя бы минут 15 в час.
>>588572
135 Кб, 800x1136
#459 #588572
>>588571

>верстка


>интеллектуальный труд

>>588574
#460 #588574
>>588572
Многие не могут осилить и её.
>>588576
#461 #588576
>>588574

Я знаю. У меня друг как узнал, что я с нуля меньше чем за год до полтинника дошел, а он в это время въебывал на заводе за 20-25к, то тоже начал верстку учить. Но даже HTML Academy закончить не может. А если учесть, что он максимум час в день тратит на это дело и то не всегда, то такими темпами он на работу устроится лет через 10. И то, если весь веб специально остановится его подождать.
>>588582>>588583
#462 #588581
http://codepen.io/anon/pen/KMwGbX
Помогите с кастомизацией селекта в форме.
Если посмотреть в девтулс, то не смотря на заданные маржины для кастом-обертки .form__select_style, справа есть маржин, не понимаю откуда он вылез и наверно из-за него селект не встает ровно.
>>588617
#463 #588582
>>588576
Понимаю, вот у меня, например, братишка 12 лвла на самом первом курсе не мог понять, что делать, пока я сам ему всё не показал. Даже не знаю, получится ли вырастить из него макаку, если даже с вёрсткой у него проблемы возникают.
#464 #588583
>>588576
У меня братишка 7 лвл, за неделю до полтинника в секунду версткой на таблицах дошел, так что сасай.
>>588584
#465 #588584
>>588583
было б здорово, если б модератор банил таких школьников, чтоб они так быстро не переполняли этот тред.
>>588618
#466 #588617
>>588581
инлайн-блок задай ему.
>>588649
#467 #588618
>>588584
было б здорово, если б модератор банил таких фантазеров как ты, чтобы они так быстро не переполняли этот тред
#468 #588621
Котаны, отчислили с 4-го курса перед самыми ГОСами, не сдал один предмет.
Отчасти потому, что проебланил, ну еще последний год дрочил верстку и JS.
Вот хочу пойти устраиваться версталой, портфолио уже есть, какие-никакие знания тоже.
Что сказать по поводу образования? Это же наверное пиздец хуево для работодателя, еблан без диплома, которого отчислили с последнего курса? Как думаете? Стоит ли восстанавливаться потом, чтоб получить диплом? Насколько вообще котируют диплом у фронтов?
>>588648
#469 #588648
>>588621
Если диплом не по вебу, то всем похуй.
Если по вебу - будет плюсом (но только на начальной стадии при поиске работы, будешь выделяться).
А вообще можно же всегда сказать, что учишься на вечном 4м курсе. Кто это проверять станет? А когда возьмут на работу и решат, что подходишь - тем более никого ебать не будет.
Диплом нужен только в гос конторах и на больших заводах, где до сих пор социализм и "мы не берем в нашу лабораторию специалистов без высшего технического образования".
#470 #588649
>>588617
спасибо
#471 #588656
ибать мой хуй, первый тред:

http://arhivach.org/thread/3525/

я таки его нашел.
#472 #588662
>>586953
я пока не сильно разбирался в этом, наверно забыл удалить один из них
#473 #588671
Объясните нубу, установил гулп поработал на нем, потом вырубил комп и пошел спать. Как его снова включить?
#474 #588687
>>588678
соррян не так объяснился, я имел в виду, как его снова запустить конкретно с тем, чем я работал. Вот я запускаю командную строку и дальше не знаю что надо делать.
147 Кб, 960x768
#475 #588689
Привет, посоны.

Третий день-кун пришёл на работу. Позавтракал дома чайком без сахара, на работе сеошник подкинул две конфетки "Ромашка", за что я ему очень благодарен. Под кофе они хорошо заходят. Пришёл счёт за квартиру. 3К + 3К за прошлый месяц, я тогда не заплатил, ибо денег не было, а потом, когда в середине месяца они появились, решил, что заплачу в этом месяце. Наивный мудак.

Сейчас пока 10 минут я поебланю, потом приступлю к работе.

>>588562

>не понятен вопрос, что значит один на две?


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

>>588563

>анон, а как выглядит рабочий процесс? Ты верстаешь там все 8 часов чуть ли не безостановочно, или вполне можно отдыхать?


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

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

Мне нравится ламовая обстановка в тредике. Тут здорово. Алсо, поставил себе плагин Stylish на лису, буду переделывать двощ под себя. Все картинки и рекламу я уже нахуй порезал uBlock-ом, теперь хочется поменять некоторые стили на более приятные глазу.

Такие дела.
#476 #588693
Упомянутая выше статья про gulp
https://css-tricks.com/gulp-for-beginners/
>>588710
#477 #588694
>>588689
Попроси у начальства аванс пару тыщ на жратву, в самом деле, если они не конченые сволочи - должны помочь.
У слоно-тян и правда такие сиськи, или это фотошоп?
>>588719
#478 #588701
>>588689
бро, сколько у тебя мониторов на рабочей пекарне? Какие её характеристики?
>>588719
#479 #588703
>>587853
бутстрап не совместим с бем
70 Кб, 1362x674
21 Кб, 981x492
#480 #588704
>>588690
вот это то что ночью я сделал.
Не помогает твоя команда так как я уже в папке вроде как открываю строку
>>588708>>588710
#481 #588708
>>588704
Ну так пишешь gulp taskname
Или просто gulp, если прописал дефолтовый такс.
Как ты его вчера-то запустил?
>>588712
#482 #588710
>>588704
не еби мозги, читай статью >>588693
#483 #588712
>>588708
https://www.youtube.com/watch?v=vW51JUVT66w

смотрел как тут делают.
>>588714
#484 #588714
>>588712
Но мне лень это смотреть. Я теоретически понял, что ты имеешь в виду под "запустить конкретно с тем, чем я работал" — внезапно, точно так же, как и вчера. Правда у тебя нет плагина gulp-watch, и тебе придется каждый раз ручками прописывать его после изменения sass файликов, но это уж ты как-нибудь сам разберешься.
Тебе анон выше скинул статью, почитай. Еще на хабре есть руководство для даунов, я по нему в свое время настраивал https://habrahabr.ru/post/250569/
>>588717
#485 #588716
>>587791
У тебя возникали ситуации когда приходилось перебивать стили бутстрапа? Как ты это делал, менял ли файлы самого бутстрапа или же просто перебиваешь стили своими?
>>588738
20 Кб, 535x227
#486 #588717
>>588714
он у меня есть
85 Кб, 600x400
780 Кб, 1426x1864
1334 Кб, 2896x1930
#487 #588719
>>588694

>Попроси у начальства аванс пару тыщ на жратву, в самом деле, если они не конченые сволочи - должны помочь.


Я третий день работаю, не думаю, что они так уж обрадуются моему заявлению. Ладно, как-нибудь пробъёмся. Мне ещё заказчик в конце недели должен 6К прислать за сайт. На это и надеюсь.

>У слоно-тян и правда такие сиськи, или это фотошоп?


Да, правда такие.

>>588701
Один монитор, лол. Квадратный. Все с этого прикалываются. Директор сказал, что скоро заменит, ибо все в офисе сидят с ёба-мониторами 1920x1080. Но мне не страшно, я, когда начинал только вливаться в веб-разработку, хуячил сайты на нетбуке с Atom-процессором. И ничего, жить можно. Правда сложно и совершенно не нужно.

А пекарня хорошая. "8 ядер 8 гигов", печка 750Ti.
>>588801
#488 #588738
>>588716
Лучше не менять оригинальные стили бутстрапа. Идея в том, что bootstrap.min.css лежат на многих популярных cdn и у очень многих есть уже в кэше. Общепринятая практика - свои стили поверх бутстраповских.
#489 #588755
>>588738
Т.е. открываем стр со всеми элементами бутстрапа, нужное меняем с учетом медиа запросов и все?
>>588762
#490 #588762
>>588755
глупый вопрос, снят
#491 #588779
>>588738
Спасибо за исчерпывающий ответ!
#492 #588801
>>588719
Анончик, ты наверное кидал кулстори о том, как устроился, или нет? Если кидал, то я поищу.
>>588806
#493 #588806
>>588801
Нет, анон, я не кидал, но могу потом написать кулстори, как я устраивался.
>>588814
#494 #588807
>>588566
z-index: -1
#495 #588814
>>588806
Запили, буду ждать.
#496 #588820
>>588689

>Алсо, поставил себе плагин Stylish на лису, буду переделывать двощ под себя.


В верхнем меню двощика > Настройки > Другое > Пользовательский CSS > нажимаешь на карандаш и пишешь свои стили. Галочку не забудь поставить потом.
#497 #588821
Расскажите, как проходит собеседование на вакансию верстальщика? Что ждать там?
>>588850
#498 #588850
>>588821
В первую очередь просят показать твой Барбершоп.

Потом задают вопрос: "умеешь в адаптивность?"
Отвечай кратко, без лишних слов - "Бутстрап".
Желательно сделать серьезное лицо на этом моменте.

Потом спросят: "Какие языки ПРОГРАММИРОВАНИЯ вы знаете"?
Отвечай: "JQuery".
Тут очень важный момент, не скажи по глупости "JS". Иначе провалишь сразу.
>>588876
#499 #588876
>>588850
сомневаюсь, что будет именно так. Наверно будут гонять типа: "что такое DOCTYPE HTML?" и т.п..
#500 #588877
>>588738
А если в less/sass файлах что то меняю? или тоже не стоит?
>>588884
#501 #588884
>>588877
а потом компилирую бутстрап.мин с них
>>588893
#502 #588885
Как в гитхабовский клиент на винде засунуть свой сайт? Я нифига понять не могу. Гуглил, но там везде статьи про консольки какие-то.
>>588897>>588908
#503 #588893
>>588884
Ну и будет потом пользователь вместо то чтобы брать файл из кэша, качать твой bootstrap_VASYAN999_premium_edition.min.css. (в котором ты 2 цвета поменял) будь ты человеком, если берешь весь бутстрап, то правки вноси в отдельный css, подключенный ниже. Все же мы люди.
Если уж очень хочется в одном файле, то заходишь на страницу генерации бутстрапа и выкидываешь все говно, которое тебе не нужно. На деле останется скорее всего grid system и еще что по мелочи. Все равно остальное руками писать придется.
#504 #588897
>>588885
Хочу показать вам на оценку нердс, но не могу с gh-pages разобраться
#505 #588903
>>588893
Я уж не говорю, что когда работаешь в команде и кто то будет работать с твоим сайтом потом, хуй разберется в этом перелопаченном бутстрапе. А правки в отдельном файле гораздо очевидней. Даже для тебя самого, когда будешь это через пол года изменять.
46 Кб, 441x442
#506 #588907
Здорово, тимлиды.
Давно не заходи в тред, а он уже frontend стал.
Появились какие-нибудь интересные материалы по js?

p.s.
Сегодня на работе отсылал скриншот в общий чат с проблемой по одному сайту. Случайно отправил скриншот всего рабочего стола и там было видно папочку с интригующем названием "XXX". Хорошо, хоть свёрнута была.
#507 #588908
>>588885
в шапке есть описание гита от анона, читай его.
>>588925
#508 #588918
>>588652

>куча неактуальной инфы


Такого не существует.

>нет кучи актуальной


Какой же?
>>588945
#509 #588925
>>588908
Я кароч понял как коммитить и все засунуть туда, но почему-то некоторые файлы не коммитятся. А именно иконочные шрифты.
>>588928
#510 #588928
>>588925
Вот посмотрите что у меня получилось без иконочных шрифтов (они все равно только внизу для социальных кнопочек используются).
http://lotar659.github.io/index.html
Оцените мой код пожалуйста.
>>588949
#511 #588942
Вот думаю насчёт спрайтов, катаны, и возникает вопрос - почему сервер на автомате не может сшивать все необходимые клиенту пикчи в одну сплошную, а браузер их уж как-нибудь самостоятельно поделить? Ведь вся эта ёбля со спрайтами - сущая несемантическая и долбоебическая хуита, которую, тем более, совсем несложно автоматизировать.
>>588948
#512 #588945
>>588918
Неактуальна верстка на таблицах, флоатах, инлайн-блоках, старый доктайп, костыли для говна вроде IE6.

Актуальны флексы, border-box, border-radius, CSS-трансформации, CSS-градиенты, SVG-спрайты, семантические теги, препроцессоры, сборщики, БЭМ и т. д.

Поговорил с зеленым, блять.
>>588971
#513 #588948
>>588942
Это автоматизируется, учи вебпак.
>>588950
#514 #588949
>>588928
Весьма неплохо. Это всё ты сделал на базе базового интенсива? Сколько времени примерно ушло?
>>588955
#515 #588950
>>588948
ясно, буду дальше ботать. Кстати, в интенсивах этот вебпак обозревается?
>>588960
#516 #588955
>>588949
Кроме базового интенсива еще перед ним JS на learnjavascript учил, но понял что с таким кол-вом теоретических знаний и совсем без практики далеко не уеду и пошел интенсив курить. Верстал я это все, не считая перерывов, часов 20 очень примерное число, т.к. я не помню
>>588975
#517 #588960
>>588950
Не знаю, вообще не заходил на эту вашу академию.
#518 #588961
Как удалить папку на гитхабе? Я кажется понял как закоммитить иконочные шрифты, но для этого мне надо папку одну удалить.
>>589074
#519 #588964
>>588561
бамп вопросу
#520 #588971
>>588945

>Неактуальна верстка на


>флоатах


>инлайн-блоках


>костыли для говна вроде IE6



>Актуальны


>флексы


>border-box


>БЭМ



Хаха рассмешил содомит. Это тебе дяди из хтмл академи рассказали? Ну-ну.
На работе тебе скажут делать так, чтобы везде работало.
>>589039
#521 #588975
>>588955

>20 часов


как-то долго слишком, всего-то на две страницы
>>588976
#522 #588976
>>588975
Я ж говорю не помню, может и десять. У меня перерывы с неделю были просто.
>>588988
#523 #588983
>>588893
Николай Громов так и советует работать с ним, берем лесс отрубаем не нужное, меняем переменные и компилим, генерация по сути тоже самое. Проблема будет с поддержкой только при отсутствии исходников. А так будет миллион строчек в которых я на 1px меняю размеры или отступы. Анон яро против изменения стилей бутстрапа, я понял
>>588987
#524 #588987
>>588983
точнее не стилей, а переменных в лесс файлах
#525 #588988
>>588976
у тебя хед в боди закрывается
>>588992
#526 #588992
>>588988
Упс, сейчас исправлю.
>>589002
#527 #588999
>>588893
я только начал, по сути, изучать бутстрап и пока не понимаю как его лучше всего применить, я не собираюсь трогать стили, только переменные - размеры, цвета, отступы
>>589004
#528 #589002
>>588992
Алсо смог добавить иконочные шрифты на гитхаб наконец-то. Теперь можете полную мою работу оценить.
http://lotar659.github.io/catalog.html
>>589006
#529 #589004
>>588999
трипл, а еще думаю, что в продакшен весь css единым мин файлом пойдет или нет?
>>589025
#530 #589006
>>589002
Народ требует норм карту, а не картинки
>>589013
#531 #589013
>>589006
Не делал норм карту потому, что не знал как туда кастомную отметку засунуть. Сейчас могу, но время чтобы сделать будет только послезавтра.
>>589015
#532 #589015
>>589013

>Сейчас знаю


Фикс.
#533 #589025
>>589004
как правило, жквери и бутстрап всё-равно выносят отдельно, так как он почти у всех есть в кеше браузера.
>>589035
#534 #589035
>>589025
т.е. браузер хранит эти файлы и использует на разных сайтах? а не для каждого свой так что ли?
#535 #589038
>>585582
>>585582
объясните на пальцах, нахуя они вообще нужны эти ангуляры, эмбере, экспресы, реакты. Добавляют кастомные тэги, ну и нахуй это надо? Понятно, что я образно сказал, они там как-то систематизируют всё, но зачем?
>>589041
#536 #589039
>>588971
Нет, я ни разу не заходил на академию. На работе мы не поддерживаем браузеры ниже IE 11, потому что их суммарная доля — 0,22%. Зачем пилить костыли ради 3,5 инвалидов?
>>589057
#537 #589041
>>589038
Попробуй написать SPA без них и скоро сам поймешь. И нахуя ты Экспресс-то сюда приплел?
#538 #589042
Верстаны, помогите, пожалуйста. Я вообще не понимаю почему появляется полоска прокрутки. Весь фаирбаг излазил. Удалил разные элементы и выяснил, что это скорей всего из-за центровщика, но до меня не доходит как именно. Вот ссылка на мой хост, гитом еще пользоваться не умею. Могу приложить архив с версткой.
http://escapiuw.bget.ru/
866 Кб, 1916x957
#539 #589050
>>586075
Чёт проиграл.
>>589071
#540 #589051
>>589042
вертикальная или горизонтальная? у меня ничего такого нет
>>589056
#541 #589055
>>589042
Попробуй ширину контейнера 100% сделать.
>>589059
#542 #589056
>>589051
Горизонтальная. У меня в эдже нет, а во всех остальных браузерах есть, что за пиздец
>>589061>>589064
#543 #589057
>>589039
Потому что написать несколько специальных правил в отдельном файле - это не сложно, и ты расширяешь диапазон пользователей твоего сайта.
>>589133
#544 #589059
>>589055
Задал. Полоса осталась.
#545 #589061
>>589056
я с лисы смотрю, нет ничего. а разрешение какое у тебя?
>>589065
#546 #589064
>>589056
мак ос, хром. никакой горизонтальной полосы нет
#547 #589065
>>589061
1366. Она ведь не должна из нихуя вылазить. Пробовал также делать overflow-x: hidden. в Хроме нормально сработало, а в лисе полоса исчезла, но стрелочками все равно можно было перемещаться влево-вправо.
>>589068>>589077
#548 #589067
Вопрос по поводу кеша стилей и js, известных фреймворков они кешируются отдельно для каждого сайта или как в общую папку откуда браузер бете их и подключает к разным сайтам?
>>589114
#549 #589068
>>589065
У меня твой хидер не влезает в экран.
https://gyazo.com/fd6601fdfed1a05e7afc4cb7bbe6c2cd
#550 #589071
>>589050
что тебе не нравится? Путин - народный президент, который ориентируется на широкие народные массы, а не на буржуев с разрешением экрана 1920.
#551 #589074
>>588961
Левый регулятор не крутится.
Это план?
>>589076>>589078
80 Кб, 1441x231
#552 #589076
#553 #589077
>>589065
смотрел в 1366, с лисы и хрома полос нет
#554 #589078
>>589074
Да. Я просто не знаю как левую часть полосы-заполнителя привязать к левому регулятору, вот и решил убрать возможность крутить его вообще. Вправо полоса увеличивается/уменьшается путем изменения ширины, а вот как левую часть оживить я хз.
>>589099
#555 #589084
УРА, ПОСОНЫ, ЗАКАЗЧИК ПОЗВОНИЛ, ДАСТ ПРЕДОПЛАТУ, СЕГОДНЯ ВСТРЕТИМСЯ, БУДЕТ БАБЛО, ЗАЕБОК, ЖИВЁМ

И это хорошо. Ибо когда сегодня утром уезжал, то даже интернет за неуплату Ростелеком отрубил.

Третийдень-кун
>>589087>>589105
#556 #589087
>>589084
Фрилансишь? Какое у тебя портфолио? Мне тут просто за месяц нужно как-то начать с верстки бабки получать, а то мне пиздец.
>>589137
136 Кб, 825x1027
#557 #589089
>>589042
Горизонтальная прокрутка появляется после 1366px, потому что эта цифра задана в боди.
#558 #589096
>>589042
Убираешь у боди width: 1366;
Убираешь .header-nav и полоса исчезает

Надеюсь, ты понял где проблема.
>>589107
#559 #589099
>>589078
x1 - левый край полосы
x2 - левый бегунок
x3 - правый бегунок
x4 - правый край полосы
Начальная координата бегунка x2, длина бегунка x3 - x2.
#560 #589103
>>589042
Даже не .header-nav, a list-nav.Там width нужно убрать.

И .header-nav .list-nav::after {} проблема тоже в нем.

Ну и само собой width в body
>>589107
#561 #589105
>>589084
Анон, а у вас в конторе спрашивают про БЭМ? Про препроцессоры? Про бутстрап?
>>589110>>589137
#562 #589107
>>589096
>>589103
Спасибо, мужик. Ты охуенный. Это
Всем спасибо, кто участвовал.
Но остается тогда вопрос, как правильно задавать ширину для сайта? 1366 для боди я задал по ширине макета, а 1240 для центровщика по ширине контентной области. Есть какие - то тонкости в этом деле?
>>589140
#563 #589110
>>589105
Да похуй всем на этот бэм. Пиздец. Три шизика форсят эту хуиту, а земля как крутилась, так и крутится.
#564 #589114
#565 #589116
А можно накачать для портфолио шаблонов из интернета и идти с этим на фриланс?
>>589128>>589129
#566 #589128
>>589116
можно. Но как только ты соснёшь при выполнении заказа, всё вскроется, твою карму заминусуют, и очко твоё отправится в зрительный зал, да.
#567 #589129
>>589116
Аноны, не кажется ли вам, что Андрей Першин какой-то говнокодер и хуёвый рассказчик? Какое у него вообще место в академии?
>>589134>>589311
#568 #589133
>>589057
Ага, запили мне полифилл флексбокса в «несколько отдельных правил».
>>589141
#569 #589134
>>589129
александр мб? Это один из создалей, как по мне так его лекции лучшие из всех тамощних
>>589139>>589142
#570 #589137
>>589087
Нет, сейчас работаю в студии третий день, до этого год где-то фрилансил.

>Мне тут просто за месяц нужно как-то начать с верстки бабки получать, а то мне пиздец.


Если за такой короткий срок, то могу тебе посоветовать следующее.
Идёшь в ВК, ищешь группы на тему вёрстки, фриланса, HTML и там, обычно, в обсуждениях есть раздел "Работа". Смотришь запросы на работу на последних страницах, выбираешь какого-нибудь понравившегося чувака и пишешь ему, так и так, готов взяться за вашу работу. В качестве портфолио можешь первые разы скидывать не свои сайты, только смотри, чтобы на них не было копирайта (я так делал). Это самый быстрый способ найти заказчика.

>>589105
Нет, не спрашивают. Спросили на собеседовании какие фреймворки знаю, я сказал что из CSS-фреймворков знаю бутстрап, из JS знаю jQuery.

Третийдень-кун
>>589166
#571 #589139
>>589134
Першин и Борода норм объясняют. А вот Громов, как то не оч.
#572 #589140
>>589107
Бамп вопросу
>>589145
#573 #589141
>>589133
Флексбокс не нужен. Ты навеное совсем нюфаня, раз так обмазываешься им. Отцы сиэсэса могут сделать ВСЁ с помощью флоатов.
>>589148
#574 #589142
>>589134
он как-то слишком часто глотает слюну, при вёрстке часто делает всё на глазок, не использует БЭМ, да и вообще видно, что он не особо опытный верстальщик. Конечно, это простительно, если он больше специализируется на бэк-енде или хотя бы большую часть времени пишет что-нибудь на жс.
#575 #589145
>>589140
У тебя в боди еще clearfix не прописан, из за этого оно у тебя схлопнуто. Тоже самое в main-content
Да и вообще body не нужно размер ставить. Оно всегда должно быть на весь экран.
Работай с центровщиком.
>>589171>>589195
35 Кб, 521x500
#576 #589147

>БЭМ


Вы упоминаете эту хуиту серьёзно, или тролите, я не могу понять.
>>589153>>589316
#577 #589148
>>589141

>могут сделать ВСЁ с помощью флоатов


нет, не всё. Кое-что, хоть ты обосрись, а без добавления жс ты на флоатах не сделаешь. Пример - задание в разборе сеток в книжке от O'Really, где они прямым текстом говорят, что на флоатах, к сожалению, всё-равно приходится жрать говно.
#578 #589153
>>589147
я не особо понимаю профитов от неё, но собираюсь на всём серьёзе 4 макета из базового интенсива верстать с использованием бэм-нейминга.
#579 #589166
>>589137
Спасибо, попробую как ты сделать.
#580 #589171
>>589145
Пока ты не сказал про клеарфик я даже и не замечал, что где - то проебался с флоатами. Пошел искать
#582 #589195
>>589145
Не хочу наглеть, но ты неплохо соображаешь. Ответишь еще на пару вопросов?
#583 #589311
>>589129
я взглянул пару его лекций и он вполне норм, не пизди
#584 #589316
>>589147
Это полезная вещь, она дает хорошее представление об объектном css
#585 #589945
Аноны, для саморазвития взялся сделать сайт знакомому.

Нужно сделать 5-7 страничек простой визитки, НО!
одна из страниц - блог, с возможностью добавлять записи и тд.Как это сделать? знаю поверхностно HTML|CSS немного Javascript. Попробовал сделать на WordPress, - никуя понять не могу, как редактировать страницы и тд.

Помогите пожалуйста, скажите как это БЕЗ WOrdPress сделать
>>590141
#586 #590141
>>589945

>без WordPress


Ну возьми Drupal, епт. Все равно без CMS никуда. Или дописывать каждый раз код.
Тред утонул или удален.
Это копия, сохраненная 3 июля 2016 года.

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

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