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

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

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

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

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


Можно.

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


Можно.

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теория продвинутых курсов 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://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc

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

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>552601 (OP)
108 Кб, 853x853
#2 #561708
Освятил.

1. Есть один сайт на Ангуляре с Ляравелем. Сайт несложный, но недовылизанный. Нужно пофиксить там баги и дописать кое-где риалтайм обновление интерфейса.
2. После этого тот же сайт нужно портировать на Метеор. Знание его не обязательно, потому что мало кто его знает вообще, можно изучать в процессе.
3. Допиливание новой функциональности.
4. Мобильное приложение, на том же Метеоре, скорее всего.

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

Скп holypiss
#3 #561861
Немного оффтопа. Но я не могу не поделится своей радостью. В лисе пересел с Addblocka на uBlock. Нереально быстро всё начало грузится. Зашел на ютуб и кончил. Видео меньше чем за секунду стартуют.
Знаю что в меня полетят ссаные тряпки, но я уверен, что кому-нибудь эта информация будет полезна.
https://addons.mozilla.org/ru/firefox/addon/ublock-origin/?src=discovery-learnmore
>>562755
#4 #561888
Ух, доверстал вчерашнее тестовое задание. Вчера над адаптивом часа 2 сидел, ничего не выходило, сегодня с утра на свежую голову за полчаса справился.
http://brauzerka-2014.tk
тестировал только в лисе и хроме
#6 #561890
>>561889
Кстати, на хроме почему-то так и не заработало, до сих пор добавляет полосу горизонтальную полосу прокрутки, даже на мобилках.
#7 #561892
>>561889
хотя нет, всё работает. Это похоже просто в яндексе минимальную ширину окна браузера залочили.
#8 #561910
>>561888
как тестовое то получил?
>>561911
#9 #561911
>>561910
разослал резюме в десяток контор своего Новосибирска, которым нужен front-end разработчик или html-верстальщик, из одной прислали тестовое задание. В резюме не привирал, из навыков написал только HTML и CSS, хотя поверхностно знаю много чего ещё. Ну и два говносайтика в портфолио есть.
>>562103
#10 #561913
https://htmlacademy.ru/courses/55/run/18
Кто как эту сраку решил?
>>561914
#11 #561914
>>561913
там же нет ничего сложного. С чем возникли проблемы?
>>561917
#12 #561917
>>561914
Там везде у меня проблемы, пытался верстать все по правилам, отсутпы кратны 5-ти и т.д, но почему то в верхней иконке с датой надпись на пол пикселя ниже, чем надо. Теги и комментарии левее чем надо пикселя на три. Дело, видимо, в инлайн блоках или типа того, короче, мне бы кто-нибудь с результатом 100% скинул сюда свой код по этому заданию - был бы очень благодарен.
>>561923
#13 #561923
>>561917
выполнил это задание в своё время на 91%, не знаю, где получить тот код.
>>561925
#14 #561925
>>561923
Не, мне бы 100% и по правилам. Я набыдлокодить и сам могу на 100%, но не хочу. А код там, с недавних пор, сохраняется в задании.
>>561941
#15 #561941
>>561925
Так там задания такие, что иногда чтоб 100% получить, нужно быдлокодить.
Вообще, вёрстка pixelPerfect не нужна и выполняется кучей дополнительных селекторов с новыми отступами или относительным позиционированием с небольшим смещением элементов.
>>561948
194 Кб, 1186x791
#16 #561948
>>561941
Нет, на самом деле там задания такие, что все значения кратны 5-ти.
И если ты ставишь другие значения - значит ты где-то чего-то не уловил. И надо переучиваться.
>>561949
#17 #561949
>>561948
ты не прав. Твой результат преобразуется в картинку, и твоя картинка попиксельно сравнивается с их картинкой, которая генерируется устаревшей версией их браузера на сервере. Такие дела.
>>561951>>562250
#18 #561951
>>561949
как-то непонятно я объяснил :(
>>561960
#19 #561960
>>561951
Ты всё понятно объяснил, но давай спорить не будем. У меян есть опыт, который показывает, что можно быдлокодить, не улавливая каких-то моментов, а можно перечитать курс ещё раз и сверстать задание с соблюдением условий.
>>562108
9 Кб, 200x189
#20 #561964
Аноны, подскажите, какого хуя не работает, если специфичность больше?
>>561968
#21 #561968
>>561964
специфичность у обоих селекторов одинаковая.
>>561977
#22 #561976
http://csslint.net/

Что скажете про этот сервис?
>>561992
#23 #561977
>>561968
Блеа, спасибо. Я просто оба цсс файла поменял местами и сработало.
#24 #561992
>>561976
хз, нашёл у меня в 184 строках 35 ошибок, в основном там, где я переопределял встроенные или уже установленные мною стили нулями.
#25 #562103
>>561911
С вопросами которые ты вчера задавал у тебя и html,css поверхностные. Без обид.
Если что и себя тоже считаю нубом еще
>>562230
#26 #562108
>>561960
Поддвачну.
206 Кб, 985x689
#27 #562142
>>561889
прокрутка
>>562653
#28 #562230
>>562103
знаю, но текущими темпами без мотивации, ментора и дедлайнов хрен я их когда-нибудь разовью.
#29 #562250
>>561949
ага, только твой код преобразуется в картинку ТЕМ ЖЕ браузером на сервере, что и код образца, так что условия одинаковые
#30 #562371
А как сделать, чтобы гитхаб пэйджес выводил страницы из общего репозитория, то есть у меня есть репа origin и в ней папки с разными страничками, но по адресу
/<username>.github.io/origin/<projectname> пишет, что штмл файл не найден. или так нельзя сделать?
>>562390
#31 #562390
>>562371
Не уверен что такое вообще можно сделать. Зато можно сделать одну страницу как представление или main-page портфоли, со ссылками на другие страницы, которые тоже висят на gh-pages.
>>562397
#32 #562397
>>562390

Да, этот вариант я тоже держу в голове. Просто интересно было понять возможен ли тот вариант
3246 Кб, 4000x3000
#33 #562427
https://invite-me-to-2chpr.herokuapp.com/
Есть одна конференция в слаке, там постоянно идут разговоры за жизнь и IT, есть полумертвые каналы по языкам и неумолкающий #random, присоединяйтесь.
#34 #562445
Есть у кого-то аналоги этого сайта http://tympanus.net/codrops/
Чтоб такой же упор на крутой ui с примерами и туторами?
>>562454
#35 #562454
>>562445
Ух, покликал на разные кнопочки, у меня аж комп зашипел. Нафиг такое делать?
>>562483
#36 #562483
>>562454
А что у тебя за комп такой?
>>562490
#37 #562490
>>562483
i3, 4gb ram
#38 #562503
Почему когда я указываю через css путь к фоновому изображению - он начинает искать с папки, где лежит style.css а не index.html
У меня допустим такая структура:

index.html
img > bg.img
assets/styles/style.css

Как прописать через css путь к bg.img?
>>562510
#39 #562510
>>562503
в твоем случае

../../img/bg.img
>>562513
#40 #562513
>>562510
Спасибо.
#41 #562520
Я так и не нашел единого мнения: насколько флексы лучше сношения с флоатами/иб? И стоит ли вообще юзать все эти удобные, но подозрительные 100vh и прочее?
>>562529
#42 #562529
>>562520
флексы удобнее, понял это, когда верстал тестовое задание. Пользуйся онли флексами, флоаты - костыль.
>>562555
#43 #562555
>>562529
Там гриды еще на подходе. Задумка типа гриды - масштабные блоки, а флексы внутри них будут использоваться уже. То бишь, это некая сводная технология получится.
>>563385
#44 #562653
>>562142

.item {height} по задумке статичные, они не должны тянутся в зависимости от контента?
#45 #562700
Вопрос на засыпку, кто-то может сделать этот гамбургер плавно выезжающим?

http://codepen.io/nicothin/pen/dPqdyd

У меня не получается, например.
#46 #562708
>>562700

Все, сделал.
>>562750
#47 #562710
>>562700
Что ты имеешь в виду под "плавно выезжающим" ?
>>562713
#48 #562713
>>562710

Та все, уже, не нужно
#49 #562715
Анон от безделья и безденежья в свой отпуск учу html. Со знанием HTML можно какую нибудь работку найди чтобы тупо с голоду не сдохнуть, на то время пока на пхп макаку переучусь?
>>562717
#50 #562717
>>562715
вряд ли, конкуренция в верстке ахуеть,там монстры-то за копейки уже ебашат, и нахуй они тебе эту же работу будут давать, если у тебя даже портфолио нет?
>>562719>>562742
#51 #562719
>>562717
спасибо, обнадежил.
#52 #562728
Советую всем кто уже прошел Кантора, знает английский и имеет пару месяцев практики на джс взглянуть на серию пикрелейтед. Чувак доступно и красиво объясняет кучу вещей. Гуру после прочтения вы не станете, зато смотреть на код будете чище.
>>562729>>562743
36 Кб, 344x339
#53 #562729
>>562728
отклеилось
#54 #562742
>>562717
тогда почему мне скинули элементарное тестовое задание? Серьёзно, интересно.
>>562745
#55 #562743
>>562728
это как раз у меня в списке прочтения и было после кантора и js garden'a
#56 #562745
>>562742
ну как вариант чтоб ты на халяву им сверстал че-нить. Люди которым нужна норм верстка не смотрят на новичков вообще ибо есть из кого выбирать. Где задание брал?
>>562749>>562763
#57 #562749
>>562745

>чтоб ты им нахаляву что-нибудь сверстал


не, исключено. Слишком простой макет был.

>Где задание брал


разослал резюме в несколько контор, в одной дали тестовое задание
>>562751
#58 #562750
>>562708
как сделал-то? Переход не хочет работать.
#59 #562751
>>562749
ну если ответят отпишись. Контора-то в мухосранях?
>>562756
#60 #562755
>>561861
А на хром есть что-то подобное?
#61 #562756
>>562751
Новосибирск
#62 #562763
>>562745
Та не, всякое бывает. Не всем же нужны фронтендеры которые меньше чем за 500-700 бачей и жопу с дивана не поднимут. Возможно им нужен таки обычный верстала, с апетитами поскромнее.
#63 #562772
>>562700
бля как сделать пункты меню выезжающими, нихуя не впираю. По клику им просто визибилити трушное кидается. Анимацию что ли пилить с трансформами
#64 #562793
>>562772

Ну у меня получилось только так, и то я не придумал как сделать, чтобы плавно раскрывалось с 0 высоты до полного размера. Сделал через scale. Оно раскрывает с середины, но хоть как-то.
>>562796>>562797
#65 #562796
>>562793
а что изменение высоты nav с 0 до 100% не катит?
>>562821
65 Кб, 1358x387
#66 #562797
>>562793
>>562772
ну тип как-то так можно
#67 #562800
Аноны сейчас каждый пес из подворотни лезет программистскую среду. Не получится так что через 5 10 лет, будет жесткий демпинг и средней руки погромизд будет работать за корку хлеба, ибо будет таких девелоперов как грязи. Или допустим нахуячат супер интерфейсы что домашний попугай сможет верстать любой сайт, а?
#68 #562801
>>562800
получится и так уже демпинг либо человек-оркестры
есть правда и норм конторки но туда соответственно и конкурс так сказать выше

так что заниматься подобным следует только если ты именно хочешь этим заниматься, себя вне ит не представляешь и тебе на все посрать
#69 #562802
>>562800
Хуй его, я в этом деле не мастак но если верить рынку труда то в европке нехватка 800000 рыл в сфере IT.
#70 #562803
>>562797
логично, только косячок с первым пунктом небольшой получается на закрытии.
#71 #562805
>>562800
Ну допустим, дальше что?
#72 #562813
>>562800
По идее, через 5-10 лет у тебя будет опыта как минимум на 5-10 лет, а это значит, место себе всегда найти сумеешь. С другой стороны зарплата да и нагрузка будет ничуть не лучше и не хуже зарплаты в других сферах, где надо думать.
#73 #562821
>>562796

Если при нулевой высоте элементу не задать дисплей ноне, то оно, не убирает его, он просто лежит и сверху на него наезжает нижний элемент. Возможно я просто не смог грамотно анимация выстроить, так что, если кто-то сделает, будет интересно
35 Кб, 604x263
#74 #562826
>>562800
не каждый пес. Это в веб дизайн и верстку да, а ты пойди посмотри на сложные проекты на том же js все пиздец, пойди найди не джуниоров вечных. Просто на вскидку попробуй запилить веб приложение с серверной стороной на ноде, и подумай сколько долбаебов это не осилит, я думаю процентов 90 из набежавших домохозяек и экономистов. Да и тот же веб становится мощнее и тяжелее, и как следствие сложнее. Хотя конечно и через пять лет верстать одностраничники тож кому-то надо будет.
>>562843>>562881
#75 #562827
>>562797

А вот это грамотно, я не додумался
#76 #562838
>>562797

А как фиксануть задержку при закрытии?
>>562849>>562851
#77 #562842
>>561888
анон расскажи нубу

твой сайт на каком хостинге?
где регал доменное имя?
всё за свой бабос?
>>562852
#78 #562843
>>562826
Двачирую. Года три уже занимаюсь веб-макакингом, а навыка как у новичка, да и зарплата на том же уровне.
>>562886
#79 #562849
>>562838
подобрать max-height под твои пункты - я взял от фонаря 1000px
наверное 250px и .5s для transition подойдет
>>562865
#80 #562851
>>562838
добавить переменную состояния, если состояние открытого транзишен убрать.
>>562865
#81 #562852
>>562842

>сайт на каком хостинге


почти бесплатный хостингер, отдал 50 рублей за хостинг для двух сайтов.

>где регал доменное имя


dot.tk , абсолютно бесплатно

>всё за свой бабос


да, 50 рублей таки отдал.
Кстати, на твоём месте я бы всё-таки запилил такие сайтики-песочницы как страничку на гитхабе, если, конечно, не хочешь учить ещё и какой-нибудь пхп.
>>562867
#82 #562865
>>562849
>>562851

Спасибо. Первый пункт сработал, я поставил 100% , а оно оказывается до конца страницы считало
>>562878
#83 #562867
>>562852
пасибки
>>562869
#84 #562869
>>562867

https://www.zzz.com.ua/ru

вот бесплатный
#85 #562878
>>562865
Будешь должен)

шучу, я тут почти никогда ничего не спрашиваю, ибо сначала серфинг в гугле и мозгование, а после этого как правило 99.9% вопросов отпадают
>>562884
#86 #562881
>>562826
я тот хуй хоторый за хтмл взялся, Js возможно осилить без серьезного матана, просто я пиздец старый (27лвл) и матан со школы не трогал.
#87 #562884
>>562878

Та я пытался сделать так, только задавал обычный хэйт, и оно не скрывало элемент. Потом начал ебаться с трансформом
#88 #562886
>>562843
ты лентяй или дело в генах?
#89 #562891
>>562881
матан или математику?
возможно, тут нет особо сложной херни никакой
#90 #562913
>>562881

>js


Зависит от задач. Веб-макакинг - достаточно просто гуглить, ну и неделя максимум на изучение синтаксиса. А вот для чего-то серьёзного да, нужен матан.
#91 #562915
Сап антоши, вкачусь в этот итт не по теме. Есть две возможности: пойти на очку в засраное говно(ит,другой город) или на заочку в шарагу на ивт. После 18 планирую плотно вкатиться в веб и сьебать в конторку уже к годам 20-22 работать за еду, все это, конечно, совмещать с учебой(если смогу, хз). Студенческая жизнь мне нахуй не всралась, но второй путь состоит именно в этом, идти на дневное обучение(если поступлю, хз) и получить образование уровня "непомойка внатуре"+ социализации, но потратить на это куда больше времени и сил. Становиться Великим погромистом и погромиовать анусы не собираюсь. Какое же говно блять, сложно. Какие подводные камни? Анончик, можешь нахуй послать, не обижусь, понимаю, что такое нужно решать самостоятельно, но я убиваюсь уже об эту хуйню да и верного пути, тут, наверное, нет. пиздец.
>>562933>>562939
#92 #562929
Аноны, есть у кого в закладках годные видосики, картинки, статьи по структуре файлов в БЭМ, не до конца понимаю, как всё это лучше организовать. Продвинутый интенсив не помог
>>562940
#93 #562933
>>562915

>После 18 планирую плотно вкатиться в веб и сьебать в конторку уже к годам 20-22 работать за еду


Нравится веб - вкатывайся сейчас, и через пару месяцев/полгода/год (у кого как) сможешь работать за еду. Корочка твоя нахуй никому не нужна.
>>563242
#94 #562939
>>562915
Совет: если пойдешь в универ на дневное, то самообразовывайся в том направлении, в котором хочешь (ты ж в вэб? вот и пили всякие проектики, читай литературку и т.д.). Клади хуй (ну или просто менее серьезно относись) на многие предметы. Пытайся даже курсачи делать по технологии, которую хочешь изучить.

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

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

Вот примерно такой совет могу дать. Себе бы так же советовал, если бы можно было вернуться в прошлое.
>>562954
#95 #562940
>>562929
посмотри видосы от яндекса
>>562945>>562950
#96 #562945
>>562940
вот ссылочки

Для тех, кто только начинает изучать БЭМ, советую посмотреть вводные вебинары от Дмитрия Белицкого (в порядке возрастания сложности):

1) https://ru.bem.info/forum/-661/
2) https://ru.bem.info/forum/-685/
3) https://ru.bem.info/forum/-696/
>>563368
#97 #562950
>>562940
спасибо, займусь
#98 #562954
>>562939

> Себе бы так же советовал, если бы можно было вернуться в прошлое.



Я бы себе дал совет вообще не идти в универ и даже не смотрет ьв сторону образовательных учреждений, а сразу изучать ЯПы
#99 #562981
>>562954
трактор с коркой проще завести
а так да, вариант тоже, поэтому я и написал ЕСЛИ в начале опуса
356 Кб, 1280x1417
#100 #563014
Помогите разобраться с навешиванием листенеров.
Допустим есть у меня карусель, у нее есть стрелочки переключения слайдов влево и вправо. Нажатие на стрелочку, переключает слайд и вешает анимацию клика либо реджекта на стрелочку.
Анимация - стандартный @keyframes. Их проблема в невозможности перезапуска без костылей. Следовательно, чтобы нормально перезапустить ее, надо сначала повесить класс с анимацией на домЭлемент, а затем, слушая событие animationend, снять.
Итак есть некий код:

Carousel.prototype.showSlide = function( index ) {

function addArrowAnimation( arrow, className ) {
arrow.classList.add( className );
arrow.addEventListener( "animationend", function( event ) {
this.classList.remove( className );
})
}

if( index > 0 ) {
addArrowAnimation( event.target, "arrow-reject" );
return;
}
else {
addArrowAnimation( event.target, "arrow-clicked" );
// also change slide and do some stufff
}
}

Вроде бы все нормально, но есть нюанс. Функция addArrowAnimation вызывается всегда, вне зависимости от того разрешено переключение или нет. Она навешивает анонимный листенер animationend, но и не убирает его за собой.
Правильно ли я понимаю, что каждый раз запуская эту функцию, я плюсую один дополнительный обработчик в память? То есть кликнув по стрелочкам раз 100, я соответственно пиздец как насорю этой сотней нахуй никому не нужных листенеров?
код работает отлично, никаких багов в переключении, это больше вопрос перфекционизма и понимания принципов работы DOM в связке с JS
356 Кб, 1280x1417
#100 #563014
Помогите разобраться с навешиванием листенеров.
Допустим есть у меня карусель, у нее есть стрелочки переключения слайдов влево и вправо. Нажатие на стрелочку, переключает слайд и вешает анимацию клика либо реджекта на стрелочку.
Анимация - стандартный @keyframes. Их проблема в невозможности перезапуска без костылей. Следовательно, чтобы нормально перезапустить ее, надо сначала повесить класс с анимацией на домЭлемент, а затем, слушая событие animationend, снять.
Итак есть некий код:

Carousel.prototype.showSlide = function( index ) {

function addArrowAnimation( arrow, className ) {
arrow.classList.add( className );
arrow.addEventListener( "animationend", function( event ) {
this.classList.remove( className );
})
}

if( index > 0 ) {
addArrowAnimation( event.target, "arrow-reject" );
return;
}
else {
addArrowAnimation( event.target, "arrow-clicked" );
// also change slide and do some stufff
}
}

Вроде бы все нормально, но есть нюанс. Функция addArrowAnimation вызывается всегда, вне зависимости от того разрешено переключение или нет. Она навешивает анонимный листенер animationend, но и не убирает его за собой.
Правильно ли я понимаю, что каждый раз запуская эту функцию, я плюсую один дополнительный обработчик в память? То есть кликнув по стрелочкам раз 100, я соответственно пиздец как насорю этой сотней нахуй никому не нужных листенеров?
код работает отлично, никаких багов в переключении, это больше вопрос перфекционизма и понимания принципов работы DOM в связке с JS
>>563028
#101 #563028
>>563014
Вопрос снят, сам разобрался.
>>568043
28 Кб, 540x721
#102 #563086
>>562881
что значит осилить? Если разобраться как работает язык это еще не значит, что ты ахуенный программист. Выучить-то его не сложно а вот уметь применять в задачах различной сложности уже другое. JS как и любой ЯП это инструмент, выучить его не значит научиться программировать. Можно выучить и применять на несложных задачах, зачастую сайтовый JS, или можно писать на нем крутой физический движок, где матана будет столько, что сам аллах молиться начнет. Поэтому твой вопрос корректнее будет звучать как: могу ли я осилить js для решения обычных, несложных веб задач. И я скажу тебе-да.
>>563112
#103 #563112
>>563086

>осилить js для решения обычных, несложных веб задач.



Осилив это, я смогу заработать на тарелку с супом?
Просто устал я быть дизелистом,в своей мухосрани получаю 30 к это в принципе потолок, выше только севера, но напрягает холод и жить с васянами в вагонах .
>>563123>>563129
#104 #563123
>>563112
сможешь. Но тут дело такое, нужно постоянно учиться, что бы быть нужным. Но гипотетический рост зависит только от умственных способностей и желания. IT в этом плане крутая сфера, ибо карьерный рост зависит только от разработчика (от его профессионализма). Есть и минусы, зачастую для роста нужно часто менять место работы во избежании стагнации.
#105 #563129
>>563112
бро, не стоит лезть в программирование только ради денег. Это должно быть по фану. Иначе пожалеешь потом.
#106 #563136
>>563129
поддвачну
#107 #563138
>>563129
кстати да, забыл дописать, что если все делается ради денег, то роста не будет, быстро все это заебет и наступит стадия разочарования.
#108 #563141
>>563129
вот, кстати, я сейчас сам вяло изучаю программирование исключительно для того, чтобы не быть кириллом и хоть что-то уметь в геймдеве. И всё больше понимаю, что лучше мне всё-таки вкатиться во что-нибудь другое.
47 Кб, 500x375
#109 #563161

> твое лицо когда твой хозяин не смог придумать маскота и решил использовать твою фоточку как маскот

#110 #563181
>>562881
Матан, в принципе, не нужен, если ты не хочешь ебашить уникальные алгоритмы. Нужна логика и мышление. Меня сейчас, возможно, закидают говном, но я вот посмотрел один из бесплатных вебинаров одной весьма мерзкой конторки, там мужик довольно годно все делает, хотя, конечно, и говнокодит напропалую, плюс ненужный кофескрипт, но для ньюфага сойдет в качестве примера того, как разрабатывается всякая хрень (смотрел на х2, перематывая.) https://geekbrains.ru/events/1
>>563193
285 Кб, 985x554
#112 #563213
И так господа вопрос, был ли тут уже анон который запостил скрины из курсов по подписке, если был киньте сурс
>>563255
#113 #563223
>>563193
дело пиздит. Но мне кажется вся соль тут как раз в рашке, менталитет не позволяет людям понимать, что начинать заниматься чем-то новым в 30-это не пиздец тупая идея. Связано зачастую с тем, что карьерный рост во многих компашках и сферах очень долгий без мам и пап, и начинать в 30 ну тип долбаеб, добьешься чего-нибудь небольшого только к 40, а там уже и ипотеку на бетонный ящик не взять(ибо 20 лет выплачивать, а в 60 уже умрешь) и солярис в кредит хуй знает как выплатишь. Проблема эта навязана обществом и она в головах людей, поэтому хватит пиздеть о том, что мне поздно начинать, если тебе не больше 35 и у тебя нет жирухи жены и трех личинусаов.
#114 #563242
>>562933
Этого двачую. Вкатывайся сейчас, если нравится. Корочки нужны только твоим родителям, сейчас они практически ничего не решают в вебе.
#115 #563244
>>563193

Полезно
#116 #563246
>>562954
Я бы тоже.
Мимо
#117 #563249
>>562954
однако тех вышка всегда плюс, особенно по it. Там дают фундаментальные основы.
#118 #563255
>>563213
В шапке есть
>>564402
39 Кб, 408x703
21 Кб, 387x470
#119 #563263
Пиздос, насколько охуевшие люди меня окружают. Стоило один раз починить компьютер знакомому по-пьяни, как остальные просят починить и их, бесплатно...
#120 #563310
>>563263
Почему бы не помочь знакомому? Или ты мелочный задрот?
>>563351>>568055
#121 #563340
Я не понимаю зачем вы пугаете ньюфагов, мол атата конкуренция большая, нигде не берут, через 100500 лет будет НЕНУЖНО, и тд.
Почему я прохлажусь по вакансиям и там куча предложений? Почему в моей хохляндии из пендосии набирают людей работать, и даже готовы обучать?
Вы какие-то негативно настроенные, пиздец. Куда не пойди тебе гарантий никаких не дадут, даже хуже. Так ты хоть можешь как-то повлиять на своё положение, а так сплошной рандом. Рядовой хиккан будет гнить, и хрен куда поднимется, без связей, без родителей, без всего. Не понимаю я вас.
>>563344>>563411
#122 #563344
>>563340
лол, никто ни кого не пугает. Эти посты всегда писались, типа вот нахуй учить если веб все? Пишут эт те кто даже не начинал или кто осилить не может. Это норма.
#123 #563351
>>563310
Один раз помог подобному знакомому, поставил винду. через полгода эта винда у него наебнулась, человек метал говно в мою сторону и требовал, чтобы я купил ему новый жесткий диск, починил компьютер и заново поставил винду, верещал про то, что мог поставить винду в сервисном центре и прочее. При том, что поставил винду я ему по-дружески и бесплатно. С тех пор никому ничего не чиню, слишком много выебываются люди, особенно когда получают все нахаляву.

Мораль: если ты не работаешь в СЦ, шли на хуй любого, кто попросит починить компьютер, особенно если знакомый и бесплатно. Есть шанс попортить отношения только из-за того, что человек не разбирается в железе. Ну и большинство подобных ребят просто любят халяву и наебывают незадачливых рачков по возможности.
>>568055
#124 #563368
>>562945
спасибо
#125 #563371
>>561684 (OP)
Не знаю кто составил этот гайд. но готов его нарядить в форму школьницы и ублажать сексуально по всякому неделями.
Настолько вот ты хорош!
#126 #563374
>>563371
тоже, кстати, всегда интересовало, кто пишет все эти гайды, и главное, зачем?
хотя, с другой стороны, если раньше в подобных тредах я только спрашивал, то теперь нередко и отвечаю на вопросы ньюфагов. Может, ещё и дальше эволюционирую
>>563551
#127 #563378
>>563263

>Стоило один раз починить компьютер знакомому по-пьяни, как остальные просят починить и их, бесплатно...


Я в последнее время вообще всем говорю что нигде не работаю. Пол года назад на дне рожденья знакомого сказал что программист. Так ко мне человек 10 подошло со своими ебаными проблемами. У всех комп тупит. У всех надо снести да переустановить, всем помогай. Всем бесплатно, мыж друзья. Ну и что что мы впервые на дне рожденья увиделись (Реально я там только друга знал и его тян) щас выпьем и лучшими друзьями станем (а я ещё и не пью). В итоге 2 часа там салатики поел и сьебал оттуда со скоростью гоночного болида после того, как ко мне какой-то хрен подошёл и попросил ему SUN стойку 16 юнитовую нахаляву настроить и ПО поставить (работы на 500к рублей)...
>>563414>>568055
#128 #563385
>>562555
Почему этого не было сделано 20 лет назад c выходом css1 или хотя бы 15 там, с выходом css 2. Зачем заставлять весь мир ебаться с флоутами и прочим калом?
>>563393>>563415
#129 #563393
>>563385
потому что были таблицы и не было кучи устройств с разными разрешениями
>>563395
#130 #563395
>>563393
и вообще, вся эта еботня с красивостями началась не так давно, раньше пользователям важнее было содержимое.
#131 #563411
>>563340
Надейся на лучшее и готовься к худшему.
Да и трезвая оценка должна быть. По 60 человек откликов на вакансию это не выдумки. Про демпинг и конкуренцию на фрилансбиржах тоже. Если не говорить, что реально надо впахивать, то люди поковырявшись чутка начнут предъявлять претензии: мол вы мне тут говорили, что у меня все легко получится, так вы суки соврали.

Да и то, что в ит должны идти люди которые готовы постоянно саморазвиваться и для которых это и работа и хобби в одном лице - тоже норм позиция.
Грубо говоря не надо сюда вкатываться из-за того, что вы где-то услышали, что можно поднять денег. Если же вы не представляете своей жизни без ковыряний в коде и готовы впахивать - добро пожаловать, братцы
>>563908
#132 #563414
>>563378
Тыж программист. Тоже раздражают эти заебы. Хотите винду переставлять - учитесь сами или завите эникея или сисадмина.
#133 #563415
>>563385
Прежде чем пиздеть сначала бы почитал побольше. При css2 верстали на флоатах тоже
#134 #563457
>>561684 (OP)

>Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.


Поясни почему 3-4 макета, это 400+ часов? Вроде макет сверстать уходит часов 10 максимум. Нет?
>>563463
#135 #563463
>>563457

>макет сверстать 10 часов максимум


смотря какой. И пока верстала изучит всё и научится использовать.
>>563496
#136 #563496
>>563463
А и вправду.
А Какие принято класть в портфолио? Какие по величине? Есть хороший тон по оформлению? (Мол обязательно задейтсвовать формы заплнения регистрацию присобачить и прочее?)
#137 #563505
>>563371
а вот поддвачну, автор няшка мать его милашка.
#138 #563545
Аноны к концу рабочего дня, глаза очень устают. Без очков практически перестаю видеть, практикую гимнастику для глаз и прочего, но что результат не очень, раздражение у меня проходит только за выходные, боюсь как бы вообще не ослепнуть, вы как справляетесь?
#139 #563551
>>563374
Эволюционируешь. Я лично не понимаю зачем жопить инфу?! Что бы конкурент не выучился и не отобрал хлеб что ли? Хаха так по рашински, ей богу.
>>563562
#140 #563562
>>563551
тут дело не столько в том, что жалко инфы, а в том, что писать такое - долгий, сложный и неблагодарный труд. Другое дело - ответить на простенький вопросик, ответ на который у тебя уже в голове и написать его - дело пары минут.
>>563635
#141 #563635
>>563562
С чего это неблагодарный. Я вот ему благодарен, как и почти все тут находящиеся. Может ему доставляет когда он делает что-то нужное кому-то?! Да и писалась шапка не за один тред как бы.
>>563778
#142 #563764
Анончики, объясните мне-дауну как собираются лесс файлы. Допустим, есть стайл.лесс куда импортируются другие лесс файлы, в соответствии с файловой организацией. А потом это все компелируется в цсс. Правильно? То есть в цсс стили писать не надо?
>>563769
#143 #563769
>>563764
верно, компилируется файл со всеми импортами в главный css
>>563772
#144 #563772
>>563769
Пасиб
17 Кб, 480x320
#145 #563778
>>563371
Надеюсь ты 20-летняя кареглазая брюнетка с тонкими чертами лица.

>>563635
Изначально гайд был запилен анонами из первых тредов, в особенности тогдашним ОПом, и это, насколько я понимаю, было довольно давно, года 3 назад. Их и следует благодарить в первую очередь. Сейчас, если я правильно помню их фидбеки в треде, они почти все уже разработчики с шестизначными зарплатами.

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

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

Почему это делал и делаю? А почему нет? Это не сложно, когда помогаешь кому-то что-то выучить, то и у самого в голове все по полочкам расставляется. Да и так веселее.

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

мимо ОП
24 Кб, 420x299
#146 #563787
>>563778
два чая опу
#147 #563791
>>563778
оп, к чему пришёл сейчас? Над чем работаешь? Сколько получаешь?
>>563829
#148 #563799
>>563778
Оп, сколько времени прошло со старта до первой денюжки на доширак?
>>563825>>563829
#149 #563823
Может кто-то объяснить, почему у хуяндекса этот блок не article/section и почему заголовок не заголовок....
>>563828>>563833
#150 #563825
>>563799
за денюжку на доширак ты можешь начать верстать, освоив базовый курс на htmlacademy и статью в блоге "Фотошоп" для верстальщика.
253 Кб, 1279x698
#151 #563828
>>563823
Отклеилось
#152 #563829
>>563791
Да я на самом деле по скиллам ниже многих здесь. Плотно занимаюсь фронтом где-то месяцев 7-8.
Щас есть парочка проектов на удаленке, где я пишу фронт. К сожалению щас там все встало, потому что есть серьезные нерешенные проблемы с бэком.
Решил в это время заняться обновлением резюме, плюс подтянуть знания.
JS знаю хорошо, верстку так и вовсе отлично, смотрю в сторону реактаили может метеора, хз пока и ноды.
На удаленке, когда есть работа, получается ~5 бачей в час.
>>563799
Если говорить про плотное изучение по минимум 5 часов в день, то где-то полгода. Однако были перерывы по месяцу или больше, когда либо вообще не учился, либо учился крайне мало 2-3 часа в день, и даже меньше. Так что общий временной промежуток на самом деле больше.
Ну и да, тут есть нюанс. Я в свое время хотел тупо выучить верстку и пойти работать за еду. А потому передумал, лол. Понял что хочу нырнуть во фронтенд полноценно, а для этого нужен хороший JS.
Так что теоретически на доширак в конторку можно было и раньше устроится.
Проблема в том, что in my opinion, чистый верстальщик без JS, особенно если он выполняет задачи исключительно по верстке, замыкается в своем стеке.Получается что на работе ты делаешь одно и то же, а после работы надо еще найти время и желание изучать JS и всю инфраструктуру, а поверьте, даже после 6 часов в день на удаленке это не так легко.
>>563835>>563836
#153 #563833
>>563823
ты породил во мне другой вопрос - почему у меня в браузере не отображается исходный код главной страницы яндекса, там только какое-то жёлтое предупреждение на первой строке.
#154 #563835
>>563829
Ну вот я так по 5 часов и сижу, прошел все бесплатные курсы академии, сейчас буду смотреть интенсивы и вертстать макеты из них. Ну вот я просмотрю и усвою все интенсивы, и по джсу тоже, дальше куда плыть? Интенсивы планирую осилить за неделю.
#155 #563836
>>563829
Меня ЖС пиздец морозит. Учу два месяца, но ощущение, что стою на месте. От этого сильно подгорает
>>563848
#156 #563837
>>563835

> осилить за неделю


Не получится.
#157 #563848
>>563835

>Интенсивы планирую осилить за неделю.


Анон выше прав, не получится.

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

>>563836
У меня 2 месяца только Кантор занял, правда я не спешил с его изучением. Не забывай соблюдать правило 70/30. 70% - практика, остальное - теория.
>>563849>>563857
#158 #563849
>>563848
Я хуй знает где практику брать. На кодварс задачки пиздец, похлеще чем у Кантора
>>563861
#159 #563857
>>563848
Я попытаюсь осилить. 19 мая отпишу как оно, а пока отправлюсь дальше ботать.
#160 #563861
>>563849
я сегодня вот на кодварс зарегался (пока 6 кью, но получил решая задачки из пятого)

мимо анон
#161 #563874
>>563835
не выйдет за неделю все интенсивы пройти. Пройти за неделю базовый - еще ладно, поверю (и то смотря что вкладывать в понятие пройти). Все же, включая js - нет, не получится, даже если по 12 часов в день сидеть.
#162 #563887
Аноны, поясните за файловую структуру БЭМ.
По совету анона, посмотрел вебинар от яндекса: https://ru.bem.info/forum/-661/
В принципе, всё то, что касается стилей - концепция понятна. А что насчет html? Стоит ли разбивать html? Громов что-то говорил про библиотеки проектов, или это уже другое, не имеющее общего с БЭМ.
239 Кб, Webm
#163 #563903
Кто-нибудь итт имеет опыт работы с лендингом на вордпрессе?
#164 #563905
>>563903
Уёбуй, нахуй)))
#165 #563908
>>563411
Мне например нравится, но я не уверен что смогу осилить сложный уровень кодинга. Я достаточно тупой для этого. Упрусь в свой предел и даже не представляю что в этом случае буду делать.
#166 #563928
Наткнулся на русский ресурс по гиту, там все четко прямо, как по мне там есть все, что надо знать https://githowto.com/ru Хз мб все в курсе, но все равно скину, мб кому пригодится.
>>563930
#167 #563930
>>563928
было в допах к интенсивам
>>563934
#168 #563934
>>563930
ну ок.
#169 #563936
Анон, когда мы используем атрибут href, а когда src? Хочу я там ссылку на изображение например вставить, или другая какая ситуация. Что нужно использовать?
>>563937>>563942
#171 #563940
>>563937
сукааааааа, лан, спасибо анон, буду переводить
#172 #563942
>>563936
если кратко то src добавляет ресурсы в твой проект а href ссылка куда-то
>>563944
#173 #563944
>>563942
Окей
#174 #563969
Опять наткнулся на полезную хуйню, можете обоссать, если уже было.

http://css-live.ru/wp-content/uploads/2014/10/flexboxsheet-small__5.png
>>563977
#175 #563977
>>563969
Спасибо, анон.
26 Кб, 600x412
#176 #563986
Мне кажется или есть специальный тег для задания оглавления списку и как вообще озаглавливать список. HELPanon
>>564002
#177 #564002
>>563986
ты про nav?
>>564022
#178 #564022
>>564002
я про <ul>
#179 #564104
Отличная статья.
https://sarasoueidan.com/blog/icon-fonts-to-svg/
Самое охуенное в ней - ссылки на ресурсы, которые позволяют экстрактить чистый свг из иконочных шрифтов и даже пнг. Никаких тебе больше геморроев с псевдоэлементами и прочим дерьмом, только plain simple svg.
сам толком не тестил, если что
1783 Кб, 1280x720
#180 #564110
Я тут мимокрокодил, но задам такой вопрос.

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

Откуда они тогда берут время на это, если они должны постоянно апдейтить свои знания?
#181 #564127
>>564110
смотря над чем работают, может они во время работы скилы получают новые, а возможно наоборот, им нихуя не надо и они пишут какую-нибудь коммерческую хуйню по старым законам жанра и ебали они что-то новое внедрять ибо ненужно. Тут задачи определяют и требования.
#182 #564146
>>564110
В энтерпрайзе можно работать с техами пятилетней давности, потому что там куча легаси кода, который никто не собирается менять под хайп.
А в вебе, наоборот, проекты меньше, их легче запустить, а что-то новенькое появляется стабильно часто, поэтому чтобы быть на гребне, нужно выделять на это время.
>>564156
#183 #564156
>>564146
Выделять на это время понятие растяжимое. Можно ведь и 10 часов в неделю выделять, а можно и вообще после работы и все выходные что-то учить новое.
#184 #564176
>>564110
Они именно разрабы? Или может они эникеи какие-нибудь? человек в ит - это понятие растяжимое.
А так да, выше тебе уже написали
61 Кб, 729x697
345 Кб, 1200x2246
#185 #564310
Нужна помощь не знаю как записать эту штуку. Сейчас сижу на втором уроке интенсива базового как я понял без наставника будет туго по этому и нужна ваша помощь. После второго вебинара стоит задача сделать "скелет страницы"как на пик1 выбрал я себе в качестве макета нердс, индекс сделал, а с каталогом не могу понять как заскелетировать эту часть пик2
>>564318>>569099
#186 #564318
>>564310
Забей на это пока что. Позже (в 6 уроке) Першин покажет как это сделать
>>564329
#187 #564329
>>564318
оставить пустым div?
>>564337
#188 #564335
>>563903
А что нужно тебе?Нахуя вообще лэндинг на вп пихать?
>>564476>>565756
#189 #564337
>>564329
Как вариант.
Я изображение просто вырезал и вставлял в разметку. Потом Делал по нормальному
#190 #564353
>>563778
Человек!
48 Кб, 900x600
#191 #564375
По БЭМу.

У элементов могут быть другие элементы? А у этих, других, еще элементы? Как это все обычно записывается?

В общем, задача сделать блок с двумя колонками: слева в колонке миниатюры, клацая по которым меняется контент правой колонки, состоящий из картинки сверху и текста снизу. Не совсем понимаю как по БЭМу их обозвать.
#192 #564402
>>563255
я не нашёл можно >пальцем
тыкнуть?
>>564405
#193 #564405
>>564402
почитай повнимательнее, теория продвинутых курсов
>>564434
#194 #564407
>>564375
чет тип такого
gallery
gallery-preview
gallery-preview__item
gallery-content
gallery-content__img
gallery-content__description
>>564425>>564446
#195 #564411
>>564375
Тоже с БЭМ сейчас мучаюсь. Целый час разбирался, с файловой структурой проекта. А точнее, с настройкой scss, watch, livereload, @import. Вроде фигня, но уж очень много всяких файлов нужно было соединить вместе, что бы в конечном итоге готовый код уходил в style.css
А по БЭМ, если не смотрел, по посмотри https://ru.bem.info/forum/-661/
#196 #564413
>>564375

>У элементов могут быть другие элементы?


Нет.

Я бы сделал так. Не знаю, правильно ли это на 100% по бэму.

block {
//левая колонка
control {
control_item {}
}
//правая колонка
content {
content_item {
img{}
p{}
}
}
}
>>564430
#197 #564425
>>564407
А оранжевый div ты бы как обозвал?
>>564450
#198 #564430
>>564413
<p> там не прокатит, потому что это должен быть див с кусками текста и возможно даже небольшими картинками. Т.е. ему тоже нужен какой-то класс.
>>564446
73 Кб, 1280x720
#199 #564434
>>564405
Спасибо тебе большущие человечище
#200 #564446
>>564430
сделай блоком и назови description

или к >>564407
добавь col-left и col-right
#201 #564450
>>564425
gallery-content__item
>>564457
#202 #564457
>>564450
но если считаешь, что она может быть отдельно на странице, лучше блоком (имею ввиду картинка с подписью)
сделать чет типа card card__img card__description
#203 #564476
>>564335

Один раз прислали тестовое на удаленку, и там был лендинг, нужно было сверстать и натянуть на вордпресс. Я тогда еще не знал как весело работается с вордпрессом, но суть была не в этом, а в том, что я смотрел туториалы на ютубе, а там все примеры были блоги, и у меня нехило так подгорело, от того, что я не понимал , что блядь должен делать лендос на ВП.
>>564478
#204 #564478
>>564476
чет это не пахнет тестовым, а больше наебаловом, чтобы ты им нахаляву сверстал и натянул
#205 #564483
>>564478
два чая. На тестовом какую-нибудь казуальщину вообще должны давать. Вроде этого: http://brauzerka-2016.tk
кстати, меня не взяли, и правильно сделали
#206 #564487
>>564478

А ну хер знает в таком случае, это было в декабре 2014, я тогда еще и не предполагал, что такое существует
#207 #564491
>>564478

Они, кстати, ничего не ответили, так что вполне возможно.
#208 #564499
вспомнил кстати картинку на эту тему - ща если найду - кину.
>>564502
69 Кб, 772x580
#209 #564502
>>564505>>564513
#210 #564505
>>564502

лол
#211 #564513
>>564502
Крайне годно, вспоминается отрицательный опыт.
#212 #564517
Что можно/нужно выучить кодеру, что бы найти работу в ДС1/2
(Рашко-хохло), что бы хватило снять однушку и минимально пожрать.
Интересуют именно спектр знаний и технологий который можно
освоить за 2-3 месяца, занимаясь каждый день, + желательно много документаций и видеоуроков ( неважно на каком языке ), так же интересует фриланс, где сейчас больше всего заказов? в веб-разработке? интересует человек, который проконсультирует по вышеизложенным вопросам.
#213 #564520
>>564517
Если идешь в IT за деньгами - можешь идти нахуй. Не обижайся.
>>564532
#214 #564521
>>564517
что консультировать, осваивай интенсивы, потом сверстай пару макетов, спрашивай за их недостатки в этом треде. При интенсивных занятиях в течении трёх месяцев будешь профи, и сможешь устроиться без проблем фронт-енд разработчиком.
>>564526>>564532
393 Кб, 1920x894
#215 #564525
Правильно ли я понял идеологию БЭМ?
То есть мы можем использовать блок main-menu на других старницах, не в шапке и без логотипа, перетащив папку main-menu/main-menu.scss в директорию нужной страницы. Тоже касается блока App и его элементов.
>>564546
#216 #564526
>>564521

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


Ну зачем человека обманываешь?
>>564534
#217 #564527
>>564517
Блять, а шапку почитать никак?

Три месяца мало.
>>564532
#218 #564532
>>564520
>>564521
>>564527
Тоесть кроме вёрстки за 3 месяца мне ничего не светит?
>>564537
#219 #564534
>>564526

>зачем человека обманываешь


с профи я, конечно, перегнул, но практически все лоу и мидл левельные задачи он решать сможет.
>>564536
#220 #564536
>>564534
Да ты что. И в ангуляре с реактом разберется достаточным образом? А это ведь миддл самый натуральный.
>>564542>>564571
#221 #564537
>>564532
почему, ещё успеешь приобрести нормальные для решения большинства задач знания жс.
>>564548>>564571
#222 #564542
>>564536

>ангуляр и реакт


для того, чтобы устроиться в ДС на 40к это и не нужно.
>>564571
#223 #564546
>>564525
Наркоман штоле? Зачем куда-то файлы перетаскивать?

Анончики, поймите уже — есть методология именования классов в CSS и есть полный стек БЭМ со структурой папок, сборщиками и прочим дерьмом. Вам нужно только первое. Полный стек использет 3,5 компании во всем мире.

Я уже не говорю о том, что БЭМ понемногу уходит в прошлое, уступая CSS-модулям.
#224 #564548
>>564537
Это ложь.
>>564554
#225 #564554
>>564548
я не говорю, что он сможет писать продвинутые браузерные приложения со сложной клиентской логикой. Но вполне сможет прикручивать и кастомизировать слайдеры, перекрашивать и перетаскивать иконочки с кнопочками, делать всякие-разные формы обратного звонка.
>>564561>>564571
#226 #564561
>>564554
Такие вакансии еще поискать. Мало кто захочет возиться с настолько нескилловым парнем.
#227 #564562
В шапке давно уже почасовка написана. Она довольно адекватная. Споры ни к чему. Все, кому надо прикинуть сроки - пусть смотрят туда
#228 #564571
>>564554
>>564542
>>564537
>>564536
Базовые знания HTML, CSS, Bootstapa у меня есть + сейчас активно осваиваю Ангуляр, но пролистал список вакансий и заказов на фрилансе и что-то совсем плохо с ним.
>>564587
#229 #564574
>>564546
Спасибо за наводку, почитаю про них.
Значит всё в одном css файле хуярить и в хуй не дуть?
>>564592
11 Кб, 1200x600
#230 #564581
Чет вроде простая хуйня, но я завис. Как такое сделать на бутстрапе? Чтобы выбранная вкладка как бы сливалась с содержимым.
>>564611>>564969
#231 #564582
>>564517
учи хаскель.
#232 #564584
>>564517
Учи Ruby.
#233 #564587
>>564571
Я не знаю где ты листал вакансии, но на hh 90% вакансий фронтов подразумевают либо Ангуляр либо Реакт.
>>564597
#234 #564592
>>564574

>Значит всё в одном css файле хуярить и в хуй не дуть?


Что? Как ты сделал такой вывод вообще? Один модуль — один файл.
>>564607
#235 #564597
>>564587
Почему тогда в ОП-посте так мало всего по Ангуляру?
>>564598>>564605
#236 #564598
>>564597
Потому что есть JS-тред в программаче. Кто дошел до ангуляра - сидит еще и там.
#237 #564605
>>564597
Потому что Реакт круче, бгг.

В сотый раз кидаю линк со списком технологий, которые используются в современном JS: https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b

Оп-хуй, добавь его в шапку, плес.
6 Кб, 176x136
#238 #564607
>>564592
Что-то типо того?
Я тупой если что
>>564612
#239 #564611
>>564581
Бамп вопросу. Ну помогите, анончики, мой первый проект за деньги же.
70 Кб, 636x856
#240 #564612
>>564607
Угу, только в одном регистре. Пик из нашего фронта. По идее в папке еще должен лежать тест.
#241 #564620
>>564546

>что БЭМ понемногу уходит в прошлое, уступая CSS-модулям.


Во-первых модули оверхайпнутое говно.
Во-вторых, бэм и модули не имеют ничего общего, соответственно не могут друг друга заменить. Ты можешь использовать просто бэм, можешь использовать просто модули, можешь юзать всё вместе. Откуда ты сделал данный вывод - непонятно, видимо ебанашка.
>>564629
#242 #564629
>>564620
Аргументы будут или ты только в оскорбления умеешь?

Я сделал этот вывод из практики. Раньше использовал БЭМ-нотацию, теперь модули. В контексте CSS они решают одну и ту же задачу — обеспечивают разделение неймспейсов. Вся разница в том, что в БЭМе неймспейс ты задаешь руками, а в модулях он задается автоматически. С точки зрения работы с модификаторами разницы нет.
>>564637>>564641
118 Кб, 1024x561
#243 #564631
>>564546

>CSS-модулям


кароч ща погуглил и чето не понел, это че, всякие модные питухи нынче будут топить вот за такую хуесрань в хтмл?
#244 #564637
>>564629
Лалка, бэм не обеспечивает вообще никакого разделения неймспейсов. Дальше говорить нет смысла, видимо тебе два дня назад взяли на работу, ты ещё не врубился.
>>564644
#245 #564641
>>564629

>В контексте CSS


А в каком контексте ещё могут быть ксс модули и ксс бэм наименование, пиздец что за херню ты несешь?
#246 #564644
>>564637
То есть по существу тебе возразить нечем. Ок.
13 Кб, 498x263
#247 #564652
Вы своими разговорами ньюфагов пугаете. Я запутался. В общем блоки вот так должны лежать?
31 Кб, 550x610
#248 #564670
Если я пойду в конторку и я буду там единственным версталой, то мне хуй-что предъявит из-за того что я последняя надежда или будут обвинять во всех смертных грехах? опыта работы у меня нет кроме портфолио
>>564676
#249 #564676
>>564670

>последняя надежда


чиво блять?
верстаков нынче как грязи, будешь косячить, пойдешь нахуй.
1 Кб, 404x133
#250 #564682
На картинке див, внутри которого 4 дива.
Как заставить 4 дива внутри распластаться с равными промежутками между собой на всю ширину?

https://jsfiddle.net/qdfcv1od/
>>564689
#251 #564685
Мое первое задание за деньги, первая работа. И все прям как по канону.

>Так адаптивность нужна будет?


>Ну да!



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


>Да дизайнер исчез, мы их так и не получили



>Так что делать будем?


>Ну ты придумай чтоб оно как-то красиво адаптировалось

>>564717
#252 #564689
>>564682
ФЛЕКСБОКС
@
СПЕЙС БИТВИН
>>564690
#253 #564690
>>564687
>>564689
то что я и хотел, надо флексы изучить будет
#254 #564717
>>564685
Мда, бери дороже тогда, ибо нехуй
#255 #564965
Чот посмотрел вчера на psd которые по торентам раздают (html academy). И приуныл. Мало того, что там одностраничные макеты! Так там они ОДИНАКОВЫЕ. Ну тоесть эдакий модный червяк. Мотаешь его вниз, а там типа такая моднота, новые пикчи, ряяяяя.
Я успел посмотреть тольк 30 макетов, но это же пиздец. Сверстал 1 макет, считай сверстал всё. Знай себе меняй пикчи на бэкграунде, да в ус не дуй. Ну может где ещё кнопки местами поменять. И ЭТО ВСЁ. Вот вам сучки интенсив от html academy.
>>564970>>565004
#256 #564969
>>564581
Как в бутстрапе сделать хз.
Но технология такова, что при клике или наведении, ты назначаешь на элемент класс с цветами, который сливают выбранный элемент с фоном.
element:hover{
background-color: xxx;
border-right: none;
};
#257 #564970
>>564965

>по торентам раздают


Где там эти торренты?
Кинь ссылку, пожалуйста.
>>564980
#258 #564980
>>564970

>Где там эти торренты?


В шапке треда например.

>Кинь ссылку, пожалуйста.


Теория продвинутых курсов 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
>>565513
36 Кб, 656x475
#259 #565000
Как сделать чтоб в html файле в саблайме(пик1) появлялась полоса прокрутки как в цсс файле(пик2). А то при большом количестве кода в хтмл происходит дикий пиздец и нихуя не видно.
#260 #565004
>>564965
Лол
#261 #565006
>>565000
Установить WebStorm.
>>565011
#262 #565011
>>565006
Можно поподробнее?
>>565035
#263 #565019
>>565000
preferences > settings user
добавь и нужное значение вставь
"wrap_width": 0
>>565022
#264 #565022
>>565019
Спасибо, но я тупой, не сохраняются настройки почему-то, ошибка выскакивает. В чем проблема?
>>565024
#265 #565024
>>565022
синтаксис
{
опция,
опция
}
>>565026
#266 #565026
>>565024
Спасибо большое!
#267 #565035
>>565011
IDE для Web'a
#268 #565343
Пишу юзерскрипт для днищеработки. Имеется 2 вида инпутов: text и checkbox. Загвоздка в том, что input type"text" по дефолту disabled и активируется по клику на input type"checkbox". Нужно как-то сделать клик по чекбоксу, который бы активировал input type"text". Может показаться глупым, но ебусь с этим уже второй день, до этого только классы в жс создавал. Есть строчка, в которой чекбоксы проставляются как checked, но input type="text" все равно залочены: http://pastebin.com/hbA3ucRN . Ссылку на веб-страницу дать физически не могу, ибо вход на сайт только по сертификатам.
Заранее спасибо.
>>565366>>565435
#269 #565366
>>565343
ну в голову приходит повесить на чекбокс лисенер на change и переключать type=text активность через setAttribute и removeAttribute
>>565440
#270 #565435
>>565343
изи же :
1) создаешь событие клика
2) диспатчишь его на не включенный чекбокс
= PROFIT
#271 #565440
>>565366
ну, атрибут disabled ессессено
#272 #565452
>>565000
ctrl + shift + p
ww
enter
#273 #565453
Аноны, а какой график работы для параллельного самообразования вы считаете более нормальным - 5/2 или 2/2?
>>565456>>565816
#274 #565456
#275 #565461
>>565456
а перерыв на обед где?
>>565463
#276 #565463
>>565461
в процессе)
#277 #565504
>>565456
15 помидоров в день.
#278 #565513
>>564980
Хех, на nmn клуб несколько лет уже не заходил.
Советую там курсы от компании специалист. Я по ним в своё время почти все языки выучивал.
>>565538
#279 #565538
>>565513
Спасибо за наводку.
По описанию выглядит вполне себе вкусно.
http://nnmclub.to/forum/viewtopic.php?t=919095
#280 #565663
>>565456
А серьёзно? Мне кажется, 2/2 лучше - во-первых, меньше времени на дорогу буду тратить, во-вторых, рабочий день для самообразования один хрен потерян будь он хоть 8, хоть 12 часов.
#281 #565756
>>564335
Интересует как блоки динамически выводить через админку. Через рубрики и посты?

>Нахуя вообще лэндинг на вп пихать?


Да мне тоже интересно нахуя, но на апворке дохуя заказов видел именно лэндингов на вп.
>>565794
#282 #565794
>>565756
на main page делаешь лендинг, а остальные части сайта - отзывы покупателей, форум, тикетница, интернет-магаз, всё такое. Удобно же.
#283 #565816
>>565453
Накопи денег и увольняйся или найди работу где надо нихуя не делать и получать мелкий оклад на еду.
>>565819
#284 #565819
>>565816

>найди работу, где надо нихуя не делать и получать оклад на еду


хотел бы, но кому я такой нужен с 11 классами образования.
>>565820
#285 #565820
>>565819
Как раз таких ебланов туда и берут, продавцы в мелкие магазины и охранники.
>>565822
#286 #565822
>>565820
и как гуглить такие вакансии? Алсо, охранником не возьмут, слишком безобидно выгляжу.
>>565829
#287 #565829
>>565822
Суть охранника - сидеть в будке и делать вид что охраняешь.Тебе в днищетред, там люди на такое говно устраиваются
>>565834
#288 #565834
>>565829
это понятно, и я знаю, что справлюсь, но я просто действительно похож на няшного мальчонку и в охране не нужен. А так быть сторожем на каком-нибудь большом и никому не нужном объекте - ультрагоднота.
40 Кб, 980x457
36 Кб, 895x414
#289 #565903
Короче так. После просмотра интенсива по js от академии решил проштудировать Кантора. Перед этим в начале месяца прошел тест так сказать чтобы сверить результаты до и после (скрины выкладывал или тут или в js треде)
Результат по первой части был 80%

Сейчас спустя 13 дней проштудировал первую часть учебника Кантора (кроме es2015). Сдал - вышло 100% (вопросы легкие попались видимо), решил что 100 дюже много прошел еще раз уже на 85% (что то, что то выше изначального).
В принципе доволен, прирост в понимании есть и чувствуется, значит не зря читал.
Думаю за выходные добить новые возможности и приступать ко второй части

самое интересное только начинается ведь, работа со страницей, все дела)

P.S. еще параллельно на codewars зарегался - прикольная штука, с утра мозги размять
50 Кб, 401x604
Такой типо мотивированный весь. #290 #565919
Знаю какие-то самые самые основы HTML/CSS.
Начал изучение JS, занимаюсь этим по 4-5 часов в день (это как 3-4 часа для нормального человека, т.к я туповат), пока только 2 дня.
Мотивирует то, что я осознал - в 19 лет уже нужно как-то думать о будущем, заработке денег, независимости от родителей, да и просто хочется хоть чему-то научиться.
В данный момент очень нужны деньги - это реально сильно мотивирует моё изучение, учитывая что сама тема Веб-разработок мне немного интересна. Тупо звучит конечно и большинство с такими охуенными мыслями-мотиваторами нихуя не взлетают и бросают это дело, но я всё таки хочу попробовать.

Но пару вопросов:

1) Через какое время ТЫ, анон, начал зарабатывать на вебе хоть какие-то деньги, при том что изучал всё это с нуля? Очевидно что это очень индивидуально, но всё таки интересно.

2) Когда вы только начинали изучать Веб (html/css/js и тд), то сколько времени уделяли этому в день (часов) ?
>>565921
#291 #565921
>>565903
Хуйня полная этот тест, один из самых тупых, что я видел.
>>565919
Ровно через 2 месяца с нуля. В среднем думаю часов 5 в день занимался первый месяц, потом чуть меньше. Хотя я скорее дрочил по 8 на буднях, а на выходных отдыхал обычно.
#292 #565922
>>565903
эт хуйня, я тож когда кантора учил сдавал эту хуйню на профи. Это тест на знание нюансов, ты потом забудешь половину ибо в реальном написании скриптов встречать практически в 100% случаев не будешь. всякие еба сложения, ибо сам будешь писать и рот ты ебал такие изхищрения
#293 #566000
Сап, анон. Интересует средняя температура по больнице у верстальщиков: сколько средних страниц верстается в день/сколько в среднем берут за страницу?
>>566001>>566019
#294 #566001
>>566000
Мы тебе тут копирайтеры или что, количество страниц в день, лол.
Разные проекты, разные задачи, разные сроки. Одни делаются за несколько суток, другие пилятся месяцами и постоянно поддерживаются.
#295 #566019
>>566000
Почасовая работа. Самое дно - 120-150 р.\час
#296 #566107
>>565903

>проштудировал первую часть учебника


Ты хочешь сказать, что ты выучил первую часть учебника за несколько дней, решив все задачи? Либо я тупой, так как перечитывал ее несколько раз в течении месяца, либо ты сам себя обманываешь.
#297 #566145
Поясните за pixel perfect.
Дают мне макетик, я его экспортирую в jpg, закидываю в одноименный аддон для хрома, он появляется, но оказывается уже/шире экрана. Аддон позволяет регулировать масштаб картинки довольно грубо, так что добиться совпадения не удаётся.
Что ж, иду в фш, беру этот JPG и растягиваю до нужной ширины, сохраняя пропорции. Теперь в аддоне всё выглядит норм, но расстояние между элементами пошло по пизде. Там, где дизайнер задумывал красивые 25px отступа, стало что-то вроде 26,8px.
Тут-то я и оказался в тупике. Как с этим работать?
#298 #566150
>>566145
Забить на pp
>>566151
#299 #566151
>>566150
Хороший вариант, но я хочу делать свою работу качественно.
>>566154
#300 #566154
>>566151
Качество работы не пострадает от двух пикселей.
>>566155
#301 #566155
>>566154
Может и так, но иногда речь не о двух пикселях. Подожду ещё вариантов.
>>566206
#302 #566206
>>566155

>хочу делать свою работу качественно


>pixel perfect


Лучше пиши качественный расширяемый код, pixel perfect не нужен от слова совсем. Хотят pixel perfect - пусть конвертируют макет в жпг и вешают бэкграундом.
#303 #566278
Аноны, как лучше проверять себя в вёрстке макетов? Тупо если всё совпадаёт с картинкой, значит всё заебись, или же глубже проверять код на наличие косяков? Где это можно сделать? Если не брать во внимание третьих лиц, может быть есть какие-нибудь онлайн-проверяльщики кода а-ля валидаторы?
219 Кб, 550x309
#304 #566359
>>566145

>Там, где дизайнер задумывал красивые 25px отступа, стало что-то вроде 26,8px.


>Тут-то я и оказался в тупике.


>Как с этим работать?


Перестать страдать хуйней, например.
#305 #566429
>>561684 (OP)
На какой из курсов записаться? И не разводка ли это? Хочу в офлан-класс.

http://levelp.ru/courses/veb-tekhnologii/front-end-developer/

http://levelp.ru/courses/veb-tekhnologii/web-developer/
#306 #566520
>>566145

>Дают мне макетик, я его экспортирую в jpg, закидываю в одноименный аддон для хрома, он появляется, но оказывается уже/шире экрана.


Ты ебанутый. У тебя есть фотошоп, а ты страдаешь хуйней, изменяешь размеры макета и в какой-то левой хуете вставляешь jpeg. Ясно, что у тебя все по пизде пойдет. Бери размеры из фотошопа и не выебывайся, тогда все будет нормально.
#307 #566572
Поясните за препроцессор Jade и остальные для хтмл синтаксиса. Я могу понять зачем мне нужен препроцессор в ксс, но зачем он для разметки? Неужели просто еммета не хватает? Нужно ли его учить?
>>566606>>566611
#308 #566606
>>566572
Поясните вообще за препроцессоры. Не затратит ли их изучение времени больше, чем экономия во время работы?
>>566607
#309 #566607
>>566606
Второй или третий урок продвинутого интенсива
#310 #566611
>>566572
Jade это шаблонизатор, забей на него, пока не дойдешь до js-фреймворков, вне их инфраструктуры он не нужен. "Учить" - это ты сказанул, конечно. На том же сасс/лесс/стайлус можно просто сесть и писать сразу, понимание удобных штучек вроде экстенда и миксинов придет в процессе.
145 Кб, 1119x420
#311 #566625
Баг в авокоде, на остальных страницах тоже самое с направляющими. Кто сталкивался?
>>567176
#312 #566634
Ппц, пытаюсь верстать барбершоп. Вроде всё понятно, но как то глаза боятся. Так как не понимаю когда правильно так писать, а когда нет. Что в этом случае делать? Просто писать как могу? Или попытаться разобрать максимально правильную верстку с чужого кода?
#313 #566636
>>566634
чужой код это еще хуже хуйня. Может и есть качественные уроки, но на ютубе от иванов только сдеградируешь, я уверен, у тебя лучше код.
#314 #566637
>>566634
Просто пиши больше, можешь когда возникает вопрос записывать его, потом вернешься. Если бояться писать код, то не научишься.
#315 #566650
Скажите мне, какие преимущества у авокода над фотошопом?
По цене он явно проигрывает.
>>566652
#316 #566652
>>566650
https://www.youtube.com/watch?v=DA0VolcD2U4
впечатляйся.
Никто не сталкивался с проблемой описанной выше? Так бы всё очень здорово было, авакод годнота.
#317 #566719
>>566634
А я чёт посмотрел интенсив базовый, и понял что всё что там показали мне вообще практически не помогло. Все теги знаю, но смотрю на саблайм и не знаю даже с чего начать.
>>566720
#318 #566720
>>566719
тебе ж после каждого видео задания дают. Бери и делай. Надо, пересматривай моменты заново и так далее.
>>566727
#319 #566727
>>566720
Задания я делал, я даже заранее прошел всю академию.У меня наверно именно проблема с пониманием плана действий.
Вот например, 4-е видео про сетки, Там он верстает с чистым штмл(Без разметки), а я пытался верстать с старой разметкой. В итоге 30 минут думал почему я обнулил все отступы в боди, а сверху перед хедерем у меня отступ. Ну конечно мог бы догадаться что дело в списке, но такое.
>>566730
#320 #566730
>>566727
Я тебе позже напишу, можно создать отдельную конфу для такого потока, кто +\- на 4 курсе.
>>566731>>566738
#321 #566731
>>566730
Я за, только в чём? телеграм? скайп?
>>566734>>567077
#322 #566734
#323 #566738
>>566730
еще одни со своей конфой) я уже сбился со счету сколько их было
#324 #566774
Кто нибудь здесь верстал макет Техномарт?
У меня есть вопрос про js. На главной странице есть форма и карта, которые должны быть скрыты по умолчанию, и всплывать при клике на их кнопки. Это ок. На странице каталога их нет, но есть другая форма, с таким же функционалом. Внимание, вопрос: хуле она не работает?
В общем, я так понял, что это какой - то конфликт возникает, потому что если закомментировать код первых двух форм, все нормально, третья форма работает как надо. Также, если поменять порядок кода в js файле, третья форма работает, но две другие перестают работать. Что это за хуйня?
Надеюсь более менее понятно объяснил.
Песочница: https://jsfiddle.net/to9nm0nb/
>>566804
#325 #566804
>>566774
В popupCartClose попробуй более специфичный класс засунуть.
>>567054
#326 #566812
Котаны, такой вопрос. Вот в 4-м видео базового интенсива мужик верстает всю сетку разом. Я попробовал подойти по другому и сразу до конца верстать например шапку. Какие минусы у этого способа по сравнению с тем что делает он?
>>567078
1204 Кб, 1440x900
#327 #566820
Привет, коллеги. Только начал изучать жаваскрипт, не особо понимаю все эти штучки. Понадобилось написать мне слидер. Вот типо такого, как на дисгастингмен.
Ну, вроде написал код, а он не работает. Помогите, чем можете. Буду благодарен за ссылки (не нахуй), по этой теме.

http://codepen.io/sashaslow/pen/eZojmW
>>566825>>566832
#328 #566825
>>566820
Ты судя по всему, ты вообще ничего не понимаешь, без обид. Я сам только учусь, но даже я вижу, что у тебя в джс код вообще нерабочий, ты выбираешь ровно один элемент и по клику по нему добавляешь ему же класс эктив, который у тебя еще и в цсс неправильно прописан. И... все, собственно, лол.
>>566897
#329 #566832
>>566820
Если код не работает первым дело смотришь консоль. Не работает он у тебя потому что ты повесил обработчик на список элементова еще потому что это не кода слайдера нихуя.
Насчет ссылок. Послать тебя с таким уровнем знаний только в учебник Кантора.
>>566897
27 Кб, 603x423
#330 #566896
Как сделать такую "тень" лучшим образом?
У меня есть идея с расположением одного дива под другим, но мне кажется что это вандализм и что может существовать специальные таги или свойства для этого.
>>566899>>566900
#331 #566897
>>566825
>>566832
Второй день учу, так как только сейчас понадобилось. А что в css неправильно прописано?
Я выбираю ровно один элемент, да, это не баг а фича.
Просто по отдельности строчки кода вроде и ищут объект и класс добавляют, а все вместе не работает. Ладно, буду разбираться.
>>566925
#332 #566899
>>566896
z-index
#333 #566900
>>566896
box-shadow
>>566923
#334 #566923
>>566900
то что надо
#335 #566925
>>566897
Не работает потому что в JS надо по массивам и коллекциям проходится циклом.
Хочешь чтоб заработало через querySelectorAll - пройдись по коллекции через фор, и на каждый ее элемент вешай обраотчик.
#336 #567048
Верстаны, это нормально, если при изменении масштаба браузера верстка идет по пизде? На 50% съезжают мелкие блоки, на 33% более крупные. Верстка фиксированная.
>>567097
#337 #567054
>>566804
Пробовал, не сработало.
Я жс знаю только из базового 7 вебинара, но я подумал чуть чуть и вот моя теория:
жс на второй странице не работает потому что нет элементов, для которых он написан. То есть, нет первой и второй формы, а их скрипты в жс файле прописаны в самом начале, мне кажется, что из за того что этих форм нет, а скрипты для них есть, жс ломается и не дает загружать третью форму, которая есть. Это объясняет почему третья форма загружается, если писать для нее отдельный инлайновый код в хтмл или закомментировать код в жс для первых двух, а для нее оставить. Или даже просто поменять местами код в жс. Как моя теория?
#338 #567060
Аночники, а возможно ли сделать так, чтобы картинка в браузере обновлялась после малейшего изменения в файлах проекта, без ручного сохранения в этих файлах, и без перезагрузки браузера?
>>567080
#339 #567064
Верстаны, не знаете, как работают дробные части пикселя? Почему пиксель - не минимальная неделимая точка на мониторе?
#340 #567071
Аноны, напомните название бесплатного плагина для фотошопа, в котором можно посмотреть цсс градиента, теней или бордер-радиуса.
>>567073>>567101
#341 #567073
>>567071
http://css3ps.com
ОП, влепи в шапку.
#342 #567077
>>566731
Телеграм можно
#343 #567078
>>566812
тоже задался этим вопросом. Насколько я понял, мы верстаем сразу то, что прошли и в большом количестве. В Реальном проекте ты разметил шапку, сетку, оформил. Потом мэин или его часть, снова сетка, оформление и так далее.
#344 #567080
>>567060
есть плагины livepreview, в том же брекетсе встроенные. Как по мне, то кнтрл+ы удобнее и привычнее.
#345 #567081
Кто-то авакодом пользуется? Поясните как направляющие пофиксить.
>>567084
#346 #567083
Ребятки, помогите, пожалуйста, на вас вся надежда.
Я ищу курс с хтмлакадеми. Всё, что я помню - там была верстка меню техномарта, делали вот эти вот треугольные штуки CSS-ом.
>>567086
#347 #567084
>>567081
а авокод можно спиратить? Если и есть триал на месяц для ознакомления, то этого маловато.
>>567085
#348 #567085
>>567084
Раз в полмесяца регай новый акк, проблем то.
>>567087
#349 #567086
>>567083
https://www.youtube.com/watch?v=uS99nER1PwY
посмотри, как тут сделали треугольники
>>567089
#350 #567087
>>567085
геморрой же. Я лучше дальше фотошопом пользоваться буду тогда.
>>567088
#351 #567088
>>567087
2 минуты на регистрацию экономят кучу времени пердолинга с фотошопом.
>>567092
#352 #567089
>>567086
Cпасибо, но мне желательно именно тот курс найти. Там еще делали такую штуку, мол как на пике - с помощью радиобаттонов делали мол сортировщик по цене.
>>567090
3 Кб, 631x285
#353 #567090
>>567089
Отклеилось.
>>567094
#354 #567092
>>567088
там надо, наверно, ещё один почтовый ящик регать. Новый логин придумывать и куда-то записывать. Неудобно. А в фотошопе я и слой в картинку одним кликом экспортирую, и линейку местную использовать привык.
#355 #567094
>>567090
ну щёлкай по всем по очереди, это же не так долго.
#356 #567097
>>567048
удваиваю вопрос
505 Кб, 1642x980
#357 #567099
Да блять, ну что за хуйня?
#358 #567101
>>567071

CssHat
>>567102
#359 #567102
>>567101

а он не бесплатный
#360 #567104
>>567103

Ну он же попросил именно бесплатный плагин
#361 #567106
>>567098
Сильнее всего съезжает в хроме и ие, как будто бы какие - то левые отступы добавляются. В лисе идеально, словно забетонировано. С чем может быть связано?
#362 #567168
Еще раз. Есть те, кто юзает Авакод? Тред назад тут была куча анонов, которые рассказывали как он охуенен. Где вы?
>>567174
#363 #567174
>>567168
Ну тут я, и что?
>>567176
#364 #567176
>>567174
Не было такого?
>>567099
>>566625
>>567181
#365 #567181
>>567176
Нет
>>567184
#366 #567184
>>567181
а макеты эти запускал?
>>567197
#367 #567197
>>567184
Давай запущу, скинь
А так уже где-то год юзаю авокод, ни разу такого не было
>>567201
#368 #567201
>>567197
https://yadi.sk/d/8IKbp4Flqzmf9?ct=t(hamail_20160415)
Вот. С ежемесячной рассылки htmlacademy. У меня в одном макете только направляющие работали - это в стандартной демонстрации какого-то их плагина для фотошопа.
36 Кб, 274x249
#369 #567233
Товарищи, вот это вот говно как пофиксить? перенос делал br-ом
>>567243>>567285
#370 #567239
>>567099
Братишка, а ты купил его или нашел кряк? Поделись? если не сложно :3
#371 #567242
>>567099
он бесплатный на 15 дней
>>567256
#372 #567243
>>567233
Нужен код.
Но вообще, я так понимаю, ты задал отступ от этого кружка, да? Задай отступ справа от label
>>567248
#373 #567245
>>567201
Ты какую-то херь скинул под названием атлантида, там нету сетки вообще
>>567254
#374 #567246
Нихуя не пойму, что за авокод и почему от него все ссутся? чем лучше фотошопа?
#375 #567248
>>567243
Я это вообще все списком делал, а радиобаттоны делал в пространстве, где были дефолтные маркеры.
#376 #567254
>>567245
Да как это нету, есть же.
Ладно, вот тут точно есть. Этот макет разбирают дохуя анонов из треда.
https://yadi.sk/i/M9B1uQUZridRH
#377 #567256
>>567242
Ну про 15 дней я видел, но неужели на него нет кряка? Фотошоп грузит намертво мой комп при экспорте каждой картинки.
#378 #567285
>>567233
На, посмотри как у меня сделано, а то мне впадлу пояснять тебе.
http://codepen.io/anon/pen/BKEGXQ
174 Кб, 986x835
#379 #567286
>>567201
ваш авокадо еще не созрел.

Кстати, вчера туда загружал макет нердса, все направляющие были. Сейчас - нет, лол.
#380 #567287
>>567286
бля, ну как так, что за обида ебаная. в саппорте молчат со вчера.
а какая винда у тебя?
>>567294
#381 #567288
>>567286
использую его совместно с фотожопом. Удобно брать из него тени, градиенты и тд.
#382 #567294
>>567287
10ка
#383 #567300
>>563903
Лендинг на вордпрессе это вообще какой-то пиздец. Что за поебень?
Если уж очень надо цмс для лендинга, то лучше сделать на Модэксе.
>>567327>>567654
#384 #567327
>>567300
цмс нужна, наверно, не для лендинга, а для окружения лендинга. То есть главную страницу сделать на голом html'e, а уже к этому прикрутить форумы, интернет-магазины, отзывы покупателей, тикетницы, вот это всё.
#385 #567392
>>563903
думаю нужно чтобы один анон сделал 1 разбор полётов что да как да и закрыть этот вопрос нахуй
#386 #567440
Анон, я вообще не понимаю как засунуть кнопку "купить" рядом с блоком цены. Помоги, пожалуйста.
http://codepen.io/tvoibatya/pen/YqMdBZ
>>567445>>567459
#387 #567445
>>567440
Ох вов, тебе нужно серьёзно поработать с классами. Есть мнение что ты не понимаешь к чему ты применяешь свойства.
>>567446
#388 #567446
>>567445
Поподробнее?
#389 #567451
>>567201
Это платный контент?
>>567453
#390 #567453
>>567451
в шапке есть, можешь выкачать
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
>>567457>>567463
7 Кб, 544x264
#391 #567457
>>567453
Что это значит?
>>567461
#392 #567459
#393 #567461
>>567457
у тебя лиса?
11 Кб, 320x240
#394 #567463
>>567453
Ну я имею в виду, эти рассылки только платным подписчикам? Если я попробую поверстать по их макетам и выложу в своё портфолио, меня не засудят нахуй?
>>567465>>567513
#395 #567465
>>567463
рассылка бесплатная для всех желающих
#396 #567513
>>567463
не засудят
#397 #567515
ёбаное авокадо ваше.
где можно скачать 2.7 или 2.8, вроде есть такие? с оффсайта у меня 2.6
#398 #567574
>>562772
jquery('elem').slideDown('fast') куда удобнее для этого, чем твое нагромождение.
>>568093
#399 #567654
>>567300
Все так делают, ничего особенного в этом нет. Удобно, если тебе нужно что-то больше, нежели отправка сообщения на мыло. Так что тут ты не прав
>>567665
#400 #567665
>>567654
Никто так не делает. Для лендинга какие-то супер штуки не нужны, так что нахуй тебе вордпресс тащить, если можно на чистом пхп написать?
#401 #567754
>>567750
Кто сказал что это будет быстрее, лол?
>>567755
#402 #567755
>>567750
Так можно про что угодно сказать, но это не всегда в итоге правильно.
Будет быстрее написать что-то на жквери, чем на реакте, но это не значит, что в итоге это лучше/выгодне и т.д.
Будет быстрее взять готовую либу, чем написать своё решение, но это не значит, что в итоге тебе не придется от неё отказать и потратить больше времени на переписывание.

Тащить вордпресс ради какой-то хуйнюшки это верх долбоебизма, и да, как уже сказали >>567754, скорее всего это не будет быстрее.
#403 #567763
>>567762

> Если нужны простые модули типа авторизации, отправки и обработки форм и т.д., то проще взять из плагинов, чем писать с нуля.


Да брось, это пишется за тупо полчаса. Я не говорю, что не нужно брать вообще никакие либы, но нахера там нужен будет ВП? Это бред
#404 #567764
>>567762
Тем более если ты их по 10 штук в месяц клепаешь, лучше свой бойлерплейт сделать какой-то и с него копипастить
#405 #567776
>>567766

>Я уже сказал почему. Пишем велосипеды? Авторизация за полчаса? Ну да, удачи.


Ну сорри, если ты не можешь это за полчаса написать невелосипедную авторизацию, то это твои проблемы. Скорее всего они вызваны тем, что ты только чужой готовый код умеешь использовать.
>>568425
#406 #567799
Как стилизовать контрол бар
http://joxi.ru/GrqggqRiN0WEv2
>>567852
#407 #567836
Что за спор по поводу ВП?
У меня на апворке заказчики время от времени просят сделать им лендинг на ВП, чтобы они могли вручную править контент страницы. Я сам не совсем понимаю, зачем, видимо копаться в html и php файлах им западло. Плюс - вордпресс даёт уже готовую админку, которая иногда тоже необходима заказчикам.
>>568428
#408 #567848
>>567286
Что за макет, от академии?
#409 #567852
>>567799
ты бы еще на файловый обменник закинул...
87 Кб, 604x462
#410 #568043
>>563028
Ну. так расскажи нам, хули ты как не родной.
#412 #568087
Сап господа! Ищу поддержки и мотивирующих куллстори, так как что делать я знаю.
Короче узнал я, что в конце июня со мной попращаются на нынешней работе. Посему надо срочно вкатиться в верстку. У меня 2 месяца на изучение и практику. Успею, как думаете? Джаваскрипт то конечно не успею, но вот набраться минимума знаний для получения работы смогу за 2 месяца?
Короче написал как мудак, и вообще хз зачем написал хотя наверное потому что тут все мои друзья .
#413 #568093
>>567574
удобнее, но тащить jq для одного выезжания меню пиздос тупая идея.
>>568120>>568442
148 Кб, 1021x667
#414 #568106
Так аноны, серьезный вопрос. Объясните откуда берутся эти линии. У меня есть подозрения, что проблема вообще в моей видеокарте, ибо была подобная хуета в иллюстраторе. Откуда эти линии могут браться?
>>568112
#415 #568112
>>568106
забыл добавить что там прямоугольники перевернутые друг на друга сложены, и эти грани какого-то хуя видны, хотя по логике быть не должно ничего
#416 #568116
>>568114
Браузер блеадь
#417 #568120
>>568093
jq нужно тащить в любой более-менее серьёзный проект. А на нагрузку - похуй, владельцы ящиков не нужны.
#418 #568123
>>568117
в том-то и дело что там пиздец в коде, но по факту граней быть не должно какая разница, это просто прямоугольники перевернутые и фоны перевернутые. откуда грани взялись хуй знает, мой код не даст тебе ответа там нет ни бордером ничего, просто наложенные геометрические фигуры с перевернутыми фонами и оверфлоу хидденами.
>>568416
#419 #568125
>>568124
На андроиде все збс
>>568156
#420 #568156
>>568125
и как вот эту поебень гуглить? Пиздец амд сраный, дрова последние.
#421 #568295
>>561684 (OP)
Кто-нибудь работает в студии? Сколько у вас норма для верстки адаптивного сайта, например тех же Седоны и Пинка?
>>568300>>568396
#422 #568300
>>568295

>Сколько у вас норма


я говорю про время, 2 дня?
>>568388
#423 #568388
>>568300
10 часов суммарно.
#424 #568390
>>561684 (OP)
Палю годноту:
http://css.yoksel.ru/
#425 #568396
>>568295
Чисто верстка одностраничника - по сложности, от суток до 3 дней.

Аноны, как же меня бесит рефакторинг чужой верстки, в которой использовался бутстрап. Приходится либо костылить, либо переписывать все нахуй. Заебался уже, и приходится каждые пару минут смотреть на результат, чтобы что-нибудь не съехало. И ладно бы это была обычная статика, но хуй, это готовые шаблоны на продакшене. И написаны они так мерзостно, что хочется отхуярить предыдущего верстальщика по еблу чем-нибудь тяжелым.
>>568410
5 Кб, 225x225
#426 #568410
#427 #568416
>>568123
Какой ты, сука, долбоеб. Тебе говорят "дай код", ты отвечаешь, что код нихуя не даст. Как тогда разбираться, почему поехало все к хуям, по корявому jpeg'у? Ты, видимо, совсем отбитый, никто не будет тебе по фотке гадать. Ты либо даешь ссылку на код, либо сосешь хуи и решаешь все сам, без посторонней помощи. Тут сидят люди поопытнее тебя, которым твой код может сказать больше, чем тебе.
>>568488
#428 #568425
>>567776

>за полчаса написать невелосипедную авторизацию


Есть готовый движок, на котором уже лет 5 все делают лендинги, а ты предлагаешь послать это на хуй и написать авторизацию с нуля. Нахуя? Создание адекватной авторизации займет больше времени, чем натягивание верстки на вордпресс. Это экономически невыгодно.

Пиздец, пограмисты уровня /b. Ясно, почему большая часть всех этих "фронтендов" не могут никуда устроиться.
>>568443
#429 #568428
>>567836
Обычно все дело в админке. Это удобно для заказчиков.
#430 #568442
>>568093
Ну да, проще написать ебаный велосипед на нативе и пидориться на пару часов больше. Олсо, jquery - это не какая-нибудь убертяжелая либа, всего 100кб, которые экономят тебе кучу времени. Сравни ее с тем же бутстрапом, который все версталы пихают куда только можно.
>>568445>>568462
#431 #568443
>>568425
Нафига фронтендерам вообще копаться в cms и знать пыху? Это не их приоритет.
>>568465
#432 #568445
>>568442
Не все)
>>568465
#433 #568462
>>568442
нахуй этот бутсрап нужен, когда есть sass susy
>>568469>>568705
#434 #568465
>>568443
Нормальный фронтенд все время развивается и учит новые языки не обязательно пыху, сам подумываю о питоне. Ну и знание хотя бы того же вордпресса может понадобиться. Захотел - натянул верстку, взял за это больше денег. Не захотел - не натянул, но знания и опыт есть. Ну и сейчас знание вордпресса как раз таки уходит в сторону фронтенда, как ни странно. Знаю нескольких фронтов, работающих в студиях, которые иногда натягивают верстку на вордпресс и вполне себе довольны. Но и зарплаты у них очень неплохие.

>>568445
Но многие.
>>568471
#435 #568469
>>568462
Сорта говна. Навернул susy и рад. Максимум, что можно использовать из бутстрапа, так это дропдауны, и те пишутся за 20 минут на jquery. А с бутстраповским ебанутым гридом у неопытных верстальщиков получается такая несуразная каша, что просто пиздец, приходится потом за ними переписывать.
#436 #568471
>>568465
Если и куда развиваться, то лучше уж в ноду
#437 #568488
>>568416
на, профессионале, расскажи в чем же тут дело. http://codepen.io/anon/pen/PNvwzb
86 Кб, 730x493
#438 #568533
>>568488
без этого только на котейке переходы слабо видны
49 Кб, 413x277
#439 #568630
>>568488
бля я уже весь заебался искать проблему и решил открыть в фаерфоксе, там вообще почти все идеально, пиздец
>>568645
#440 #568645
>>568630
у меня в хроме тоже такая хрень
26 Кб, 489x275
#441 #568658
>>568488
У меня в хроме картинка немного размытая по сравнению с лисом.
#442 #568663
>>568488
У меня все везде нормально отображается.
Linux: firefox, chrome. Так что иди нахуй, там и выебывайся, обмудок.
>>568669
#443 #568669
>>568663
но ведь выебывался ты, я лишь доказывал тебе, что проблема не в коде, не?
#444 #568674
Прошел боевое крещение.

Выполнил первый заказ за деньги. 3 дня кодинга практически с утра до вечера. Опыт был хороший, осталось теперь надеяться, что заплатят, лол.
>>568676>>568708
73 Кб, 1280x720
#445 #568676
>>568674
желаю тебе удачи и всего наилучшего
>>568677
#446 #568677
>>568676
И тебе удачи, няша.
#447 #568705
>>568462
Нахуй этот саси нужен, когда есть флекс-бокс.
>>568714
#448 #568708
>>568674

Где заказ брал, что за заказ, что знаешь вообще, какие были сложности, сумму сам указывал или нет?
>>568736
#450 #568736
>>568708

>Где заказ брал


Знакомый опытный прогер подкинул.

>что за заказ


Верстка отдельной страницы для интернет-магазина, правка верстки их главной страницы.

>что знаешь вообще


HTML/CSS/Less, достаточно могу в адаптивность для простых заданий.

>какие были сложности


Адово говняная верстка сайта, вообще не по семантике, которую умудрились сделать затем еще говнянее. Причем, делала якобы крутая киевская студия. Не вдаваясь в подробности, могу сказать, что один и тот же селектор мог в CSS попадаться до четырех раз в 10-тысячестрочном коде, причем стили были иногда взаимоисключающими.
Ну и впервые видел живой проект на php-движке, увидел его структуру, модули и т.д. Очень познавательно.

>сумму сам указывал или нет?


Нет, мне по сути все равно за какую сумму делать. Я сейчас безработный и сижу набираюсь опыта, учусь, смотрю второй интенсив, верстаю собственную страничку портфолио. Даже если бы мне сказали за 100грн это делать - я бы взялся, т.к. считаю что опыта у меня 0, и знаний тоже не особо.
>>568757
#451 #568757
>>568736

Ну молодец, удачи тебе.
>>568771
#452 #568761
Аноны, я вот закончил макет барбершопа. Что мне делать дальше, куда развиваться? Верстать, верстать, и верстать до посинения, чтобы от зубов отскакивало? Какие еще есть материалы помимо хтмлакадеми?
>>568765>>568784
#453 #568765
>>568761
Верстать что-то более сложное, чем барбершоп. Освоить ксс препроцессор, можно сразу gulp, посматривать в сторону jquery.
>>568815
#454 #568771
>>568757
Дякую. И тебе всего хорошего.
160 Кб, 1280x933
#455 #568774
Товарищи, есть тут те кто верстал макет Седоны?
>>568775
819 Кб, 1280x2762
#456 #568775
>>568774
Блять, не то.
Короче, вот эту вот парашу полу-треугольную ниже главного логотипа как сделать?
>>568781
#457 #568781
>>568775

В макете эта херня вместе с логотипом идет как одно целое, поэтому можешь так и вырезать.
>>568793
26 Кб, 600x209
#458 #568784
>>568761
Сверстал барбершоп? Так тебе уже пора в продакшен. Можешь уже подавать объявления, только не забудь приложить барбершоп к нему.
>>568786>>568948
#459 #568786
>>568784
Поглядев что сейчас делают за деньги, можно к такому выводу и прийти. Бутстрап, JQuery, и в продакшн. Ну и еще пяток слайдеров разных прикрутить, чтоб круто смотрелось.
#460 #568793
>>568781
Мне кажется, если пилить адаптивно, то возникнут проблему. Вроде для этого эту белую фигуру свг картинкой прихуяривают.
>>568819
#461 #568815
>>568765
Ваниллу пусть сначала учит. Не надо еще прибавление в семье погромистов на jq
>>568822
#462 #568819
>>568793

Так может ее всю и сделать свг, вот я щас опять попробовал сварганить из треугольников, но там угол заворачивается не в ту сторону.
#463 #568822
>>568815
На кой хуй ему ванилла? Цель - побыстрее получить оплачиваемые навыки, а не получить хорошую базу для дальнейшего развития как программиста.
>>568825
#464 #568825
>>568822
хаха, оплачиваемые навыки, в 2016 году кто-то еще верит, что программистишкам кто-то оплачивает навыки? во насмешил.
#465 #568857
Анончики. А вы заморачиваетесь с min-device-pixel-ratio для фоновых изображений?
Допустим у нас есть блок header с фоновым изображением на весь этот блок, и в зависимости от размера фьюпорта, должна загружаться картинка определенного размера. Это легко для понимания и реализации. Но ведь еще нужно предусмотреть экраны с повышенной плотностью пикселей, что прибавит довольно много кода. Стоит ли заморачиваться? http://codepen.io/anon/pen/qZGbJd
>>568859>>569224
#466 #568859
>>568857

>вьюпорта


самофикс
#467 #568873
Как я понимаю, советуют использовать normalize.css вместо reset.css, но разве по БЭМу не лучше использовать ресет? БЭМ же пропагандирует полный отход от зависимости тегов от отображения.
>>569175
55 Кб, 1280x1124
#468 #568892
на следующий топ пост
>>568897
#469 #568897
>>568892
Нахера это говнище на ОП пост?
>>568910
#470 #568910
>>568897
прост
>>568941
#471 #568941
>>568910
Зачем ты говно захавал?

>прост

#472 #568948
>>568784
бля у вас хотя продакшн есть, у меня пока только хуяк-хуяк получается
#473 #569043
Господа ,есть ли годные курсы веб-дизайна в дс.Сам оч ленив ,в самообучение не могу.Надеюсь на вашу помощь,судари
#474 #569045
>>569043

>Сам оч ленив ,в самообучение не могу


Если не собираешся это менять, то лучше тебе в профессию не лезть, разочаруешся
#475 #569071
Анон, какого хуя тексты в последних двух блоках не хотят выравниваться по центру?
http://codepen.io/tvoibatya/pen/ONYXpL
>>569073>>569101
#476 #569073
>>569071
.main-navigation a {
color: #000000;
line-height: 26px;
font-weight: bold;
text-decoration: none;
text-align: center; !!!!
display: block;
padding: 15px 0;
width: 153px;
}
>>569075
#477 #569075
>>569073
бля хуйню сморозил не читай
>>569078
#478 #569078
>>569075
Кстати твой восклицательный знак навёл меня на мысль юзнуть !импортант, и получилось. Значит есть в ксс правило, которое перекрывает то, что я хочу?
>>569084
#479 #569082
>>569043
Просто забей на эту область работы.
Иди туда, где ты будешь не ленив.
>>569088
#480 #569084
>>569078
Значит, есть. Тебе браузеры девтулзы дали, юзай их.
#481 #569088
>>569082
Фишка в том ,что мне нужен подгоняющий факт в лице педагога и неполучения какой-нибудь корочки ,оффлайн курсы - эт самый торт в этом плане
>>569089
#482 #569089
#483 #569099
>>564310
Анон, у меня к тебе предложение, давай проходить интенсив вместе.

Вот мое мыло, напиши, если заинтересовало
alex.al.vicy.XiousANUSgQMnmailPUNCTUMco?S m
#484 #569101
>>569071
мне кажется, что ошибка в том, что у тебя nth-child указывает не на нужные тебе теги, по спецификации они более важные .класс тег:псевдо 12 > чем правило выше
>>569106
#485 #569106
>>569101
Да забей, я уже просто расхуярил навигацию как ссылки с блочно-строчным типом. Потом почитаю и на практике посмотрю, как надо было ебаться с этими списками.
>>569109
#486 #569109
>>569106
Держи, отсосёшь потом
.main-menu li:nth-of-type(n+3) a {
text-align: center;
}
>>569113
#487 #569113
>>569109
высший нахуй пилотаж
от души!
#488 #569123
Анон вопрос. Что такое верстка?
>>569127
#489 #569127
>>569123

Воспроизведение дизайна с помощью кода, в следствии чего получается интернет страница
>>569132
#490 #569132
>>569127
Что такое код?
>>569134>>569137
#491 #569133
Кто-то обмазывался обучающими статьями от гугла на google.developers?
Сегодня начал читать про performance. Охуенная вещь, рекомендую.
https://developers.google.com/web/fundamentals/performance/?hl=en
#492 #569134
>>569132

Мамкин траль чтоли?
#493 #569137
>>569132
Блять, иди нахуй.
#494 #569171
>>568714

> 94.04%

#495 #569175
>>568873
Открою тебе секрет: можно вообще ничего не использовать, все равно ты обнуляешь самые критичные места.
А ресет - ненужное говнище.
#496 #569201
Анон, почему у вставленного в див изображения может быть какой-то отступ сверху?
>>569209
#497 #569209
>>569201
Потому что у него display: inline
160 Кб, 2495x1663
#498 #569222
Поясните, сейчас ещё принято верстать для ие6, или вообще для каких-то старых ие?
#499 #569224
>>568857
тэг picture
>>569230
#500 #569227
>>569222
От заказчика зависит. Ну и ты и заказчик должны понимать, что верстка для таких браузеров будет стоить больше времени и сил, и попросту что-то будет забаговано.
#501 #569230
>>569224
Фоновое изображение, не картинка.
#502 #569248
Как нихуя не понять джпг.
https://htmlacademy.ru/courses/113/run/28
Вот эта штука.
Почему базис 100px?
Почему у нечетных коэфф 0, у четных один, они же все разные?
#503 #569289
Че не перекатываете?
#504 #569313
Антоны, объясните чем плох @import. Линтер пишет предупреждения и просит использовать link.
#505 #569378
>>569222
На работе верстаем максимум ие8+
#506 #569402
>>561889

>55 строк кода


>3 блока


>Вчера над адаптивом часа 2 сидел


>с утра на свежую голову за полчаса справился.


Долго чёт.
>>569505
#507 #569505
>>569402
знаю.
Кстати, тестовое задание провалил, как и ожидалось.
#508 #569510
>>569222
вобщем-то, уже можно слать всех с требованием ie8. Работы от этого не уменьшится. Большинство уже просит просто ie10+ либо современные браузеры.
#509 #569535
Аноны, а какие профиты от владения собственным браузером? Зачем корпорации их продвигают, платят деньги на разработку, вот это всё?
>>570191
#511 #570191
>>569535
может биг дата?
Тред утонул или удален.
Это копия, сохраненная 21 июня 2016 года.

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

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