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

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
65 Кб, 698x390
35 Кб, 670x592
Front-end thread №3 #545572 В конец треда | Веб
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
Прошлый тред >>532095 (OP)
#2 #545685
Подскажите плагин для брекетс, который бы автоматически в css файле подбирал названия классов из html при вводе.
>>546283>>552628
96 Кб, 748x1069
#3 #545703
Ребят, что почитать/посмотреть на русском/английском о нарезке PSD шаблона? Я чет как-то неуверенно чувствую себя после 35-минутного видео от Громова из интенсива 2015. Хочется поверстать, но вот фотошоп меня тормозит сейчас. На моей машинке стоит Photoshop CC если это важно, если нет - так и нет.
#4 #545720
>>545703
в процессе разберешься.
#5 #545802
http://codepen.io/bloomber/pen/mPGwva
Как выровнять абсолютно спозиционированный текст? left: 50%; right: 50%; не помогает.
>>545810>>545843
#6 #545810
>>545802
хз, как на кодепене сохранить изменения
https://jsfiddle.net/92jacfys/ с абсолютным
https://jsfiddle.net/crgw4sbL/ без абсолютного
#7 #545842
>>545703
Попробуй Avocode, базарю, еще захочешь.
>>545853
#8 #545843
>>545802
Зачем тебе это?Я нихуя не понял.
>>545848
#9 #545848
>>545843
ну а вообще это делается left:50%; margin-left: минус половина ширины твоего обьекта.
#10 #545853
>>545842
Кстати, посоны, а авокод меньше жрет ресурсов, чем фотошоп? А то для моего старенького ноута тяжкая задача одновременно открыть 3-4 страницы в фш, открыть хром, саблайм. Работает на пределе. Вот думаю может если авокод чутка меньше жрет (хотя бы памяти) его юзать время от времени (да и разобраться в еще одном инструменте лишним не будет)
#11 #545960
Кто-то может показать скрин организации файлов в проекте, выполненном согласно БЭМ?

Не совсем понимаю идеи разделения css-файлов поблочно. Т.е. ладно там header.css, footer.css. А что насчет всего остального? Насколько мелко надо дробить проект на блоки?
#13 #545986
>>545960
каждый БЭМ-блок - отдельный файл
#14 #545997
>>545966
У нее еще и блог есть? О_0 круто, че
Особенно интересно, наверное, почитать про бабель от человека, который толком то на js не писал
>>546005>>546153
#15 #546005
>>545997
чет она его ведет с 2012 года (первая запись про html) а в портфолио не ахти сколько работ, да и то бОльшая часть макетики академии
>>546013
#16 #546013
>>546005
Посмотри линкедин ее. Она уже работает в этой сфере давно, смысл ей сейчас портфолио обновлять? Вот если работку менять будет - может и обновит. И то, этот сайт портфолио - по сути работы в стол. Вместо ссылки на него она даст живые ссылки на действующие сайты.
>>546024
#17 #546024
>>546013
Да пускай и дальше работает. Я то че. Вон судя по гитхабу в данный момент базовый по js проходит еще, так что удачи ей
#18 #546070
>>545966
Забавно что в коде у нее закомментированы еще 2 страницы для портфолио.
#19 #546082
Я, наверное, тупой.

Скачал ее архив пинка, и просто сижу охуеваю от количества взимосвязей между файлами, пытаясь их отследить и понять.

Какая-то ебаная паутина, каждый файл ссылается на несколько других.
#20 #546102
>>545960
Эм, нахуя делить на много цсс файлов?Запросов же больше...
>>546104
#21 #546104
>>546102
Они собираются в 1 автоматически, а редактировать можно каждый в своей папке.
>>546108
#22 #546108
>>546104
Ох, слушай, охуенно, про это в продвинутом говорят?
>>546110>>546112
#23 #546110
>>546108
http://pink.websciurus.com/pink.zip

Качай, смотри.
Я сейчас мозг себе сломаю, пытаясь разобраться в этой организации файлов.
#24 #546112
>>546108
В самом конце продвинутого, я бы посоветовал кидаться в сборщики после того как научишься верстать более-менее и будешь вкатываться в препроц.
>>546114
#25 #546114
>>546112
Тащем, никто не мешает делать все это и без сборщиков. Самому можно @import-ы расставить.
#26 #546119
>>546110
Ну вот стартовый Громова
https://github.com/nicothin/NTH-start-project
>>546161
#27 #546153
>>545997
А кто она?
#28 #546160
Ананасы, помогите с flex. Есть у меня блок, допустим main_head, который по умолчанию имеет размер окна пользователя. И в нем есть еще блоки которые должны выстраивается по центру.

Я задаю main_head
display: flex;
flex-direction:column;
align-content:center;
justify-content:center;


Но в main_haid у меня есть еще один блок который должен уже выстроится не по центру а в низу блока(внизу окна). Я ему как дочернему задал параметр align-self:flex-end, но он все равно выравнивается по центру с остальными. Что я делаю не правильно и как можно решить мой вопрос? Спасибо
>>546164
#29 #546161
>>546119

Жесть какая
>>546163
#30 #546163
>>546161
В плане?
>>546168
#31 #546164
>>546160

Ну как вариант, блоки которые должны быть по центру обернуть в див, которому задать дисплей флекс, а тот блок будет вне флекс контейнера
#32 #546168
>>546163

В плане, что я смотрю на свои учебные папки, там по 4-5 папок в которых по паре файлов.
Неужели потом тоже придеться выстраивать такие карусели как в папке блокс и связывать все это галпом
>>546427
#33 #546203
Новый продвинутый интенсив не сливали еще? Хочется пересмотреть, а старый не хочется, устарел же, наверное
38 Кб, 780x415
#34 #546283
>>545685
Блять. Это было написано еще в 2012 году. Но почему оно не работает? Может проблема на моей стороне? Пробовал включать брекетс без плагинов. Не помогает.

Вчера наткнулся на вот этот сайт, когда искал решение проблемы. http://alperkarayama.com/zametki/brackets-redaktor.htm
Может мне кто-нибудь объяснить, чем занимаются там эти дегенераты?
>>546292>>547489
#35 #546292
>>546283

>Вчера наткнулся на вот этот сайт


Заебись. Не очень аккуратно сделано, но раз ты нашел, значит это работает.
>>546294
#36 #546294
>>546292
Ты не код смотри, а просто прочитай, что там пишут эти люди.
>>546296
#37 #546296
>>546294
Я код и не смотрел. Разве что на ссылки страницы, которые ведут в одном направлении.
Алсо, это не люди.
#38 #546328
Палю элитный канал https://www.youtube.com/watch?v=iJR-TbIjb2w
>>547711
#39 #546427
>>546168
Если будешь пилить нормальный сайты+к ним самостоятельно писать джс - то сам к такой системе и придешь, с некоторыми изменениями. Что там сложного-то, все лесс/сасс файлы подключаются в одном файлике, который дальше комплиируется галпом. С джс посложнее чутка, но и там все довольно логично. На самом деле, это охуенно: захотел поправить футер - зашел в сасс-файлик футера, там 20-30 строчек кода, поправил/добавил/удолил, скомпилировал@профит.
>>546457
#40 #546434
>>546446>>546506
#41 #546446
>>546434
как он 053 без джса сделал о_О
#42 #546457
>>546427
Это все понятно. Хуйня начинается, когда как в этом примере >>546110 начинается комбинирование собственных less файлов с файлами бутстрапа. Вместе с этим начинают смешиваться переменные, миксины, ссылаясь друг на друга. 2 файла grid.less, 2 файла Layout.less, то же самое с миксинами и переменными и еще хуй знает чем.
>>546540>>546571
#43 #546506
>>546434

Жесткий он
#44 #546540
>>546457
Это проблемы потомственных бутстрапщиков, в нормальной верстке такого не будет.
Олсо, я верстал говносайт корпоративный на сетке бутстрапа (ну и само собой бэм, сасс, галп), и у меня ничего не намешивалось. Все, что конфликтует, можно переопределить. Да и вообще надо компоненты выбирать те, что используются, а не тащить полную библиотеку костылей.
>>546577
#45 #546571
>>546457
Да просто бутстрап надо было по нормальному подключать. Громов, кстати, рассказывал про это.
Да и на пинке вообще как бы не следовало по их требованиям юзать бутстрап и плагины на jq - а она заюзала.
>>546578
#46 #546577
>>546540
Так она и не тащила все. В файле bootstrap.less она большую часть импортов закомментила.
#47 #546578
>>546571
А где именно он рассказывал как дружить бутстрам, бэм и препроцессоры?
>>546582
#48 #546582
>>546578
В продвинутом была структура рекомендованная
+ статья у него была. Ща поищу
>>546584
#49 #546583
А что уважаемые господа думают о http://getskeleton.com/ ? По-моему это отличный минималистичный вариант, когда кроме сетки и самых сновных элементов ничего и не надо. После него бустрап выглядит переутяжеленной хуетой.
>>546600
#51 #546600
>>546583
Используй, если считаешь нужным.
В бутстрапе можно только сетку подключить и еще мне в бутстрапе нравится, что сетку можно через препроцессор делать, а не в хтмл классы писать.
#52 #546611
Привет, друзья. Решил вкатиться в верстку, как считаете, что лучше сначала пройти все бесплатные курсы в браузере HTMLacademy или сразу перейти к архивам интенсивов?
#53 #546626
>>546611

Сразу к интенсивам
#54 #546650
>>546611
курсы бесплатные - часть базового интенсива - пройдешь их походу
#55 #546660
>>546611
Лучше пройти курсы, чтобы возникало меньше WTF? моментов во время просмотра интенсивов. Они не зря интенсивы - темп там иногда очень высокий.
>>546688
#56 #546663
>>546584
Так она вроде таким же образом и подключила, разве нет? Даже чутка меньше наинпутила, чем Громов показал в статье.
>>546718
#57 #546683
Нужен совет. Крч, в 6 вебинаре (там где прайс-лист верстают), чувак прикручивал эту полосу в хедере к ссылкам на активной странице. И что бы убрать ссылку с активной страницы, он вместо <a> изменил на <span>, сломав тем самым блок и ему пришлось дублировать параметры.
А что если не ставить спан, а просто убрать у тега <a> атрибут href? Я так сделал и никаких проблем не вижу. Это плохая практика? Не валидно?
#58 #546688
>>546660
но это ведь архив, я ведь могу их смотреть вечность
>>546708
#59 #546708
>>546688
Ну и смысл каждый раз прерывать просмотр и отвлекаться на чтение статей/прохождение курсов, если их лучше заранее пройти?
>>547135
#60 #546718
>>546663
Да я ж не копался в ее коде.
прочитал

>начинается комбинирование собственных less файлов с файлами бутстрапа


подумал что совсем атас
Сейчас глянул - подключала она то может и норм. Но по-хорошему надо было внутри vendors сделать отдельно папку для компонентнов бутстрапа (с указанием версии) и отдельно для слайдера своего. А то все в кучу.
Ну и как бы пинк не предполагал подключение бустрапа и других сторонних решений (повторяюсь уже походу)
>>546733
#61 #546733
>>546718
Я просто к чему это все дело вкинул в тред.
На моем счету всего 2 сверстанных статичных макета, у которых был некий набор html файлов и 2 css файла (нормалайз и мой).
А сейчас я столкнулся с этими практиками препроцессоров, БЭМ, разделения файлов по блокам, сборки, частичного использования фреймворков и охуел. Не знаю на что ориентироваться, верстка этой девушки - единственный пример перед глазами, который я даже не особо понимаю.
Уже начинаю думать, что я рановато решил подключать сразу несколько практик/технологий, и что надо было это делать более постепенно, что ли.

Просто есть мысль сделать сайт-портфолио, используя Less, БЭМ и Bootstrap, скажем так, для демонстрации своих умений. Но вот с комбинированием всех этих ништяков у меня проблема.
>>546751
#62 #546751
>>546733
Ну ты продвинутый внимательно посмотри. Там рассказывают как лучше структуру сделать. Да и вообще говоря тут как таковых правил нет жестких. Просто пытайся делать как можно более понятнее, чтобы все по полочкам. Ну лично мое мнение, да и недавно в твиттере обсуждалось - лезть в фреймворки до того как еще толком не научился верстать - плохая идея.
Надо все постепенно.
10 Кб, 570x347
28 Кб, 500x457
10 Кб, 533x263
8 Кб, 460x341
#63 #546778
Я смотрю, каждый по своему понимает суть тегов <article> и <section>. См. пикрелейтед.
>>546779
#64 #546779
>>546778
Спека - лучший советчик
>>546782>>546947
#65 #546782
>>546779
Раздел сайта с примерами работ - section. Каждый блок примера работ с описанием и скриншотом - артикл. Я правильно смог в семантику?
>>546873
50 Кб, 1366x768
#66 #546867
Тупой вопрос: брекетс не показывет атрибуты конкретных тегов, а только универсальные?
>>547491
#67 #546873
>>546782
Что блять?
>>546883
#68 #546883
>>546873
Например сайт - портфолио, типа как у этой >>545966 дамы. Раздел с перечнем выполненных ею сайтов - <section> (в ее случае скорее даже просто <main>, т.к. других разделов у нее нет). А вот блок каждой из работ - <article>.
Так понятнее?
#69 #546909
Для меня самое не понятное в адаптиве это не стилевые свойства, а структура хтмл. Нигде об этом ни слова, а ведь там может черт ногу сломить. Например на мобиле блок сверху, а на десктопе он уже под двумя снизу и как его туда поместить догадайся. Все никак не могу с этим разобраться
>>546938
#70 #546938
>>546909
А разгадка одна - флексы.
>>547026
#71 #546942
Кто с галпом работает, у вас автопрефиксер пашет?
>>547022
#72 #546947
>>546779
да хуев на рыло
это как в бэме сраном, статейки-статейками, а каждый дрочит как хочет
#73 #546948
>>545703

>Я чет как-то неуверенно чувствую себя после 35-минутного видео от Громова из интенсива 2015



А конкретнее? Я после этого видео нормально работаю с макетами, всё очень просто с ними.
#74 #547022
>>546942
Да, а в чем проблема?
Настраивал галпфайл по совету анонов из треда. Разве что лайврелоад не стал ставить.
>>547142
#75 #547026
>>546938
На флексах тоже может понадобиться два разных блока, банальный пример - уебанская менюшка на адаптивной седоне.
>>547117
#76 #547117
>>547026
Нормальная там менюшка.
#77 #547135
>>546611
Поддерживаю его >>546708
Если абсолютный нубас, определенно лучше начать с курсов, благо они проходятся очень быстро, а общие моменты раскрывают.
>>547533
#78 #547142
>>547022
А версии какие галпа и префиксера?
У меня выдает ебалу какую-то Error: no writecb in Transform class at afterTransform
#80 #547167
Сап трудяги

Помогите пожалуйста с одним вопросом

Нужно создать сайт/страничку/лендинг/
самый простой

на основе только этой странички
http://ks-monolit.ru/index.php?id=21

посоветуйте бесплатный конструктор сайтов
чтобы на скорою руку можно было накидать

сейчас пробую через github создать страничку типа
lightglams.github.io
#81 #547184
и ещё нужен нижебродский бесплатный хостинг
#82 #547271
Зааплаился на оплачиваемую стажировку Frontend джуна, 600 долларов в месяц, ну, я выслал своё CV и получил тестовое задание. Дальше я охуел, в нём было сказано сделать сайт, который бы принимал .csv файл, записывал его в базу данных, на его основании рисовал графики и таблицы, к слову это было что-то вроде "инвестиционного фонда", чтобы потом можно было сравнивать отдельные промежутки времени по графикам и узнавать, сколько бы ты получил прибыли, например, с 21.02.2000 по 01.12.2006. Заебись, сижу, делаю, распарсил файл, не могу в бд залить, завтра дэдлайн, дали на всё это 4 неполных дня. Если сделаю, то буду въёбывать за копейки (судя по тестовым), если не сделаю, то я совсем дебил. Живу в ЕС, в моей стране средняя 1100 долларов, так что это охуеть какие копейки.
#83 #547275
>>547271
Джуна можно опустить, вернее будет сказано intern.
#84 #547283
>>547271
кул стори

>Frontend


>БД

>>547284
#85 #547284
>>547283
В этом и бугурт. Из бэкэндовых скилов в CV было только упоминание умения работы с npm как частью nodejs окружения, в одной строчке с бовером.
>>547285
#86 #547285
>>547284
Шли их нахуй. Если ты конечно не троллишь тут
#87 #547286
В общем, знает кто хорошие гайды по подключению ДБ к nodejs->express серверу? Я документацию уже не могу видеть, везде что-то уровня
app.get('urPath', function(req, res, next) {
// YOUR CODE HERE СУКА БЛЯДЬ КАКОЙ КОДЖ Я ДБ ХОЧУ ПОДКЛЮЧИТЬ БЛЯТЬ А НЕ ЗАПРОСЫ ОТЛАВЛИВАТЬ
});
>>547287
#88 #547287
>>547286
тебе в js тред. Это не относится к задачам фронта
#89 #547376
Как сделать на сайте рабочую форму обратной связи, которая бы пересылала набранное сообщение мыло?

2 инпута (Имя, имейл отправителя), 1 текстэриа с текстом письма, 1 кнопка сабмита, по которой письмо бы отправилось с адреса, указанного в инпуте имейла на некий скрытый в скриптах имейл.
>>547377>>547511
#90 #547377
>>547376
Без бекенда никак.
Либо использовать сторонний сервис, типо mailchimp
>>547380
#91 #547380
>>547377
Т.е. на Github Pages такое без стороннего сервиса не сделать?
>>547381
#92 #547381
>>547380
Конечно нет. Юзай мейлчимп, норм штука, там вроде можно бесплатно.
>>547393
43 Кб, 600x401
#93 #547393
>>547381
Сенкс, бро. Держи смузи с маффином.
6 Кб, 231x190
#94 #547428
>>545572 (OP)
Смотрю базовый интенсив HTML Academy, пытаюсь верстать макет Nerds. Не могу понять, как вставить на карту кастомный маркер. В вебинарах говорят, что этой теме будет посвящен некий отдельный скринкаст, но где его взять - непонятно. В той раздаче, которую я скачал, есть только сами лекции и макеты.
>>547434
#95 #547434
>>547428
Шапку читать умеешь? думаю вряд ли
Открываешь дополнительные материалы к интенсивам.
Открываешь раздел js - там есть видео про вставку карты. В нем рассказано про кастомную картинку
>>547451
#96 #547451
>>547434
Спасибо тебе, анон.
#97 #547473
>>546110
лично я делал так: одна папка для блока, в ней файл block.jade/block.html + block.styl/block.less. и такие папки для каждого блока. потом просто инклудами собираешь нужные блоки. причем инклуд прописываешь именно к папке, дальше через ноду прописываешь как ориентироваться в папках
#98 #547489
>>546283
сука, обдристался. пиздец ты недалекий
>>547531
#99 #547491
>>546867
ааа блядь, мои глаза!!! смени шрифт нахой, иначе глаз лишишься!
#100 #547496
>>547271
пиздец. стажировка джуна, тестовое задание уровня мидла на 4 неполных дня. еще и не заплатят, я уверен. шли нахуй таких долбоебов.
#101 #547511
>>547376
находил где-то такую хуету как бесплатный облачный сервер. думаю, можно к нему прихуячить макеты из github, чтобы он их забирал и работал с ними. друг сделал так, только вместо гитхаба использовал свой сервак, откуда страницы забираются сервисом, а БД подключается вообще в другом месте тоже через облачную хуету. думаю, с гитхабом можно сделать также, но могут возникнуть проблемы.

Единственная проблема в том, что сервак может работать только 18 часов в сутки что ли, потом выключается.
#102 #547531
>>547489
Ну охуеть теперь. Давай, поясняй, умник. Я же реально помощи прошу, а не оскорблений.
>>547552
#103 #547533
>>547135
оригато десу
#104 #547546
>>545572 (OP)
шо то не могу скачать

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


https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc

до половины доходит и всё
((
#105 #547552
>>547531
Это не форум. Это просто одна статичная страница, которая ведет на скачку какого-то вируса. Все сообщения, которые ты видишь - просто статика, в которой меняется только пара слов: те слова, которые ты ввел в поисковик. Ты можешь ввести фразу "Залупа кентавра" и перейти на эту хуйню, и вместо фразы "brackets редактор" будет фраза "Залупа кентавра". и все будут ее хвалить. такая хуйня была актуальна несколько лет назад, сейчас ее уже редко где встретишь.
>>547569
#106 #547567
Как на встроенной гуглокарте сделать так, чтобы при изменении ширины вьюпорта, ее центр также оставался по центру вьюпорта?
#107 #547569
>>547552
Ты, кажется тупой. Я скинул ссылку на эту страницу в качестве рофла. Ибо всё что ты сейчас написал - так оно и есть и я также считаю. Вот я и спрашиваю, как в 2015-2016 году такое возможно...
Значит по делу (brackets css class code hint) тебе нечего написать?
>>547686
#108 #547598
пасаны

дайте макетов для html academy
>>547607
#109 #547607
>>547598
В шапке же есть, не?
44 Кб, 1331x149
#110 #547609
Фронтендеры, пытаюсь тут скрестить реакт и вебпак. Уже вроде как лепит файлы вместе, с подключениями разобрался, но теперь сам реакт выдает пикрелейтед. Гугл ничего внятного не выдает.

Реквестирую конфиг для вебпака и реакта.
>>547669
#111 #547669
>>547609
Тебе все в консоли написали. Ты либо возвращаешь объект из функции render либо пытаешь скормить объект ReactDOM.Render. Вебпак тут не при делах.
330 Кб, 269x201
#112 #547685
>>545572 (OP)
С кастомным маркером из макета Nerds все получилось, но теперь возникла другая проблема - двойной бегунок для задания диапазона цен. В дополнительных материалах HTML Academy ничего по теме найти не удалось.
>>547690
#113 #547686
>>547569

>Вчера наткнулся на вот этот сайт, когда искал решение проблемы. http://alperkarayama.com/zametki/brackets-redaktor.htm


>Может мне кто-нибудь объяснить, чем занимаются там эти дегенераты?


>скинул ссылку на эту страницу в качестве рофла


>в качестве рофла


Ох уж эти маняоправдания.
#114 #547690
>>547685
скачай интенсив 2015 года в 6 разделе есть видео про его верстку
>>547694
#115 #547694
>>547690
Спасибо.
84 Кб, 700x680
#116 #547698
Я наверное совсем тупой, но где взять normalize.css для SASS? Просто одним файлом, потому что единственное, что Google может выдать, по запросу normalize.scss это ссылки на Github аккаунты, где куча разных файлов и библиотек.
#117 #547700
>>547698
Нахуя тебе нормалайз в сасс, поехавший? Можешь импортировать из цсс же.
>>547703>>547706
#118 #547703
>>547700
двачую, любой валидный css файл - это автоматом валидный scss файл
(с sass такое если я правильно помню не прокатит)
#119 #547705
>>547698
Учу. Меняешь расширение normalize.css на normalize.scss. Профит.
>>547707>>547708
#120 #547706
>>547700
как? Просто кинуть в папку SASS и прописать импорт в style.scss. Просто я только начал разбираться с препроцесорами
#121 #547707
>>547705
Еще можно на .less поменять. Вообще море профита: теперь нормалайз в форматах самых популярных препроцессоров. Все эйчары потекут от такого.
>>547712
101 Кб, 1024x683
#122 #547708
>>547705
Спасибо
#123 #547711
>>546328
Изначально это сайт с интерактивными гайдами, причем старый.
#124 #547712
>>547707
Срочно выкладываем на гитхаб! Мастхев же.
#125 #547719
>>547698
Так скачай css и переименуй в .scss, в чем проблема? Там обратная совместимость.
Я, например, вендорные css-стили галпом собирал в vendors.scss
>>547722
#126 #547722
>>547719
чет опоздал
#127 #547794
Господа фронтендерыхуевы, что скажете насчет курсов от udacity.
Конкретно для фронтендеров присмотрел:
Offline Web Applications
Object-Oriented JavaScript
JavaScript Promises
Browser Rendering Optimization
JavaScript Design Patterns
Front End Frameworks
Анон что-нибудь из этого пробовал?
По опыту курсеры знаю что курсы на таких сайтах надо брать сразу по хардкору и гуглить, если какие-то базовые вещи не объяснялись, потому что все что с приставкой beginners осилит любой пятикласник и тупо проеб времени на видеолекциях поэтому выбирал intermidiete и advanced в общем хотелось бы отзыва от анонов.
В свое время проебал много времени на курсере в таких вещах как javascrips css хуесс бэйзикск, где толком не объяснялись темы, которые на хтмл академии сразу палят на первых лекциях
>>547815
#128 #547815
>>547794
Аноны из джс треда советовали их курсы по замыканиям, говорили что охуенно поясняют. Но я не проходил, не знаю.
>>547858
#129 #547858
>>547815
Что там разбирать целый курс, в замыканиях?
>>547870
#130 #547863
Охуеть сколько вас пидорасов развелось
>>547881>>547887
#131 #547870
>>547858
Да хуй знает если честно. Я вот щас почитываю книгу You dont know JS про замыкания, практически закончил, и понимаю, что нового то особо и не узналкроме деталей, и понимания как работает babel. Что Кантор который кстати охуеть как понятно пояснил про скоупы, и поэтапный компил, что Kyle Simpson, что чуваки из JS Garden или какие-то крутые хабристы, суть поясняют одни и те же догмы.
Ну может там какие-то крутые практические примеры и кейсы для узания замыканий приводят. Вот это было бы поинтереснее.
#132 #547881
>>547863
скоро фронтендеры гасить друг друга начнут втихую.
как в одном фильме, где чувак хотел устроиться на работу, а чтобы было легче, вычислял и мочил конкурентов.
49 Кб, 500x229
#133 #547887
#134 #547935
>>547870
Поясни за babel, зачем он нужен, нихуя не понятно.
>>547979>>547998
#135 #547979
>>547935
Если очень просто, то это такой аналог автопрефиксера на JS
29 Кб, 870x383
#136 #547998
>>547935
Это транспайлер который переписывает код с es6 на обычный джс.
Очень удобно, мне например писать вот такие компонентные штуки
62 Кб, 424x604
#137 #548003
>>547870
Читал Кантора про фабрики-функции, ститические методы , методы call, bind - вообще нихуя не понял. Начал читать у Фленагана, как будто понятней сейчас, правда примеров с гулькин нос.
Пасоны, вапрос такой, вот где взять задачи по javascript? Вот с верскрой понятно - взял макет и ебашишь, задачи по JS где брать? Сортировка массивов уже в печенках сидит, есть макеты с дополнительнми задачами по js что бы как в реальном проекте?
>>548008
#138 #548006
>>547870
Замыкания сильно облегчают работу с асинхронным кодом.

Например, есть код:

function foo() {
const bar = 'bar';
// ...
setTimeout(() => alert(bar), 1000);
// ...
}

foo()

Если бы замыканий не было, то к моменту выполнения setTimeout переменная bar была бы проебана. Замыкание позволяет держать ее в памяти даже после того как функция foo завершила свою работу. Кроме того, если за время отработки асинхронного события с переменной что-то случилось, то в коллбэк придет уже новое значение. УДОБСТВО.
#139 #548008
>>548003
Придумай себе небольшой проект и напиши его. Что-то простое, типа туду-листа с фильтрами.
#140 #548010
>>547998
Смотрю я на такие скриншоты и чувствую себя дауном, который нихера не знает.
Надо было на пожарника идти.
>>548039
#141 #548013
>>547998
где такая няшная подсветка синтаксиса?
>>548039
#142 #548017
>>547998
Божечки, какой Ангуляр все-таки мерзкий.

>'ngInject';


>привязка this руками


>ненативный экспорт модулей строкой в километр

>>548022>>548039
#143 #548022
>>548017
Иди наверни жавовский спринг и xml конфигураций
>>548031
#144 #548031
>>548022
Спасибо, у меня уже Реакт есть.
#145 #548039
>>548010
Не расстраивайся, это просто ангуляр параша
>>548013
Атом
>>548017
Двачую, братишка
>>548053
#146 #548053
>>548039

>Атом


Стоит перекатываться с webstorm?
#147 #548068
>>548053
Перекатись в учебник Кантора. Если хуево знаешь теорию - тебе никакой, даже самый охуенный в мире IDE не поможет.
>>548116
#148 #548085
>>548053
Это сильно разные вещи. Я лично ненавижу громоздкие иде, поэтому использую только редакторы, атом для тайпскрипта, саблайм как второстепенный редактор.
#149 #548102
Ребят, посоветуйте бесплатный хостинг.
>>548107
#150 #548107
>>548102
gh-pages
>>548111
#151 #548111
>>548107
с гитом не в ладах, есть что-нибудь попроще?
>>548117
#152 #548116
>>548068
А есть что получше Кантора, него быват такие места в учебника шо пиздец как нихуя не понятно.
>>548117
#153 #548117
>>548111
Придется подружиться.

>>548116
Нет.
>>548119
#154 #548119
>>548117
Вот эта например часть "Методы объектов и контекст вызова" - очень, очень, очень поверхностно.
>>548123>>548191
#155 #548123
>>548119
Поясни.
>>548131
#156 #548127
>>548053
Как поможет иде, если не занешь теории? Я с жавы вкатываюсь и не привык писать в блокноте var a = b
когда могу написать человеческие названия за столько же тайпов.
Вот и спрашиваю об атоме от бывалых т.к. webstorm это моя привычная java InteliJ idea web edition, возможно не лучший выбор.
#157 #548131
>>548123
Как я могу объяснить е,сли я нихуя не понял? Вот это вообще темный лес http://learn.javascript.ru/object-methods. Задание с важностью 3 , это пиздец.
Функция - это обьект, метод - функция обьекта, но если вызвали без конструктора, то this не получил обьекта и тут смотри собачка непонятная хуйня происходит, объект без объекта.
Я ж говорю у меня уже истеричский смешок когда я эту страницу читаю, 3 раз уже.
#158 #548135
>>548131
Просто когда ты пишешь «очень, очень, очень поверхностно» я предполагаю, что еще что-то от себя добавить хочешь.
#159 #548139
>>548131
В решении, кстати, все довольно подробно расписано.
>>548150
#160 #548145
>>548131
Надо сказать, что все эти задания представляют собой ебанутейшую эксплуатацию малозначимых тонкостей языка и 90% программистов завалится на большей части. Выдохни и начни писать какую-нибудь полезную программку для себя.
>>548156
#161 #548150
>>548139
Да, да надо было написать "Я очень, очень тупой"
Там еще примеры с контекстом this
var user = {
firstName: "Василий",

export: this // (*)
};

alert( user.export.firstName );
Я понять не могу, свойство user.export должно же возвращать ссылку на это объект. Или только метод должен возвращать. Я скоро как Пахом изъясняться буду, очень не дается эта глава хоть тресни.
>>548162
#162 #548156
"Через this МЕТОД может не только обратиться к любому свойству объекта, но и передать куда-то ссылку на сам объект целиком"
Ага в глаза долбусь, только метод может ссылку делать.
>>548145
А ты молодец, вызвал огонь на себя. Щас тебе устроят аутодафе.
>>548168
#163 #548162
>>548150
Ты не тупой, хуйня с this и правда сложная.

Что касается твоего примера. Пойми, что this имеет смысл ТОЛЬКО внутри методов объекта. Любое обращение к нему в глобальной функции вернет, собственно, глобальный объект window.
>>548175
#164 #548163
Смотрю на ваши обсуждения JS и депрессуха накатывает. Только начал Pink верстать, еще дохуища непонятного в адаптивной верстке, продвинутый только на половну посмотрел. А вы уже за JS взялись, что мне предстоит еще не скоро.
>>548175>>548185
#165 #548168
>>548156

>А ты молодец, вызвал огонь на себя. Щас тебе устроят аутодафе.



Это вряд ли, лол. Я зарабатываю на жизнь с помощью JS и вижу уровень своих коллег. Быстро и в уме просчитать какой будет this у сложной вложенной цепочки мало кто может. Когда люди пишут код, то никто не пытается перенапрячь мозг и понять текущий контекст. Они просто ставят console.log(this) или debugger и смотрят на результат.

Это не говоря уже о том, что применение this в некоторых кругах считают порочной практикой и даже запрещают через eslint.
>>548178
#166 #548175
>>548163
Лол, не растраивайся, чувак, при виде верски моего единственного сайта хочеться плакать. Тут раньше БЭМ обсуждали, это вообще неведомая ебаная хуйня, как кунг-фу, никто не знает что это, но при виде верстки других анонов можно было с презрением фыркнуть и сказать "Мой бэм лучше твоего бэма!"
>>548162
Как будто понял, сегодня. Но завтра могу опять запаниковать что не понимаю...
#167 #548177
А я вот понимаю теорию, но не могу решить задачку уровня "напишите проверку строки на палиндромы". Банально не могу составить алгоритм а-ля "разбиваем на массив, проверяем, джойним, хуй пизда". Потом смотрю решение и думаю: "блядь, это же элементарно". Грустно становится.
>>548180>>548182
#168 #548178
>>548168

>Я зарабатываю на жизнь с помощью JS


О хорошо, хоть кто то сюда с реальным опытом заходит.
#169 #548180
>>548177
Сам сформулировал, сам решил.
#170 #548182
>>548177
Решал такую на собеседовании, лал. Надо сказать, довольно долго скрипел мозгом.
#171 #548185
>>548163
Я вот со всей этой ветки обсуждения про файловую организацию охуел >>545960
Мутно шо пиздец.
>>548193
#172 #548191
>>548119
Это нормально. В свое время тоже там запоролся. Серьезные тормоза были когда пытался разобраться. Так случается потому что ты пока не знаешь, нахуя оно надо. Дойдешь в свое развитии до ОО JS, напишешь парочку своих компонентов, и поймешь что ничего страшного там нет.
#173 #548193
>>548185
Там не очень то и мутно, на самом деле.

Идея то простая: сделать разные аспекты стилей максимально независимыми друг от друга, для легкого поиска и редактирования.

Первая сложность начинается, когдда ты хочешь сделать это по БЭМ, и начинаешь думать, а что у тебя блоки, что элементы, а где их модификаторы, как это все обозвать и как разбить.

Вторая сложность начинается, если ты при этом захочешь заюзать какой-нибудь фреймворк типа Бутстрапа. Тут-то и начинается лютый зоопарк из файлов и их зависимостей, импортов и т.д.
Я пробовал разобраться в файловой системе пинка той бабы, но забил хуй. Решил, что буду двигаться по пути "прогрэссив энхансмент", епта, только в собственном развитии. Сначала препроцессоры, потом БЭМ, потом разбивка на разные файлы, а потом уже буду курить как это все дружить с Бутстрапом, например. Все это вместе у меня охватить в голове не получилось, капитулирую.
38 Кб, 604x453
#174 #548215
Саня Першин благословляет этот тред.
130 Кб, 606x607
#175 #548287
Аноны, а как разместить эти блоки? Инлайн-блоками не получится =( В голову приходит только разбить на 3 группы в столбцы, но хотелось бы чтоб при сужении они перепрыгивали на новую строку как в инлайн блоке.
Или давай так анон. Как бы сделал ты?
#176 #548291
>>548287
Гибкая коробка
>>548293
#177 #548292
>>548287
Интересно, а как низ этого контейнера будет выглядеть?
>>548294
#178 #548293
>>548291
Бля так не честно)
>>548298
#179 #548294
>>548292
Так же, не ровно, в зависимости от контента
#180 #548297
>>548287
Кстати, вопрос к флексодрочерам: как бы ВЫ это сделали на флексах? А то у меня какое-то кривое решение в голове вертится.
другой анон, если что
#181 #548298
>>548293
Display: flex;
Flex-flow: wpar column;
Контейнеру.
>>548304
#182 #548304
>>548298
Хотя нет, проебался, этого мало
#183 #548306
>>548287
columns: 3
с префиксами попробуй
#184 #548391
>>548215
Выглядит как быдло со со скамейки во дворе.
#185 #548441
>>548287

Может три вертикальных списка?
87 Кб, 604x462
#186 #548474
Как лучше сделать - вынести всю типографику в отдельный файл, или прописывать в непосредственно в файле блока?
>>548477
#187 #548477
>>548474
Пока спрашивал, сам все понял
>>548482
#188 #548482
>>548477
Нам скажшь?
>>548489
#189 #548489
>>548482
Да. Типографику удобней выносить в отдельный файл, потому что элементы на сайтах много где повторяются (например меню навигации и т.д.) а тип и размер шрифта обычно разный. Что бы потом не менять шрифт в каждом блоке нужно делать типографику отдельным файлом.
17 Кб, 510x371
#190 #548541
Наконец то проблема решена
>>548554
#191 #548554
#192 #548607
Фронтаны проблема с трудоустройством.
Зарабатываю на фрилансе, но уже достало, хочу в офис со всеми вытекающими.
Разместил резюме, пригласили на собеседование , дали тестовое.
Тестовое делать от 3 до 5 раб дней. Рабочий вариант 3 страниц сайта.
Сверстал без детализации, выслал на проверку. Посмотрели, сказали что деталей нет, адаптивности нет и прочие мелкие косяки.
Вопрос. Стоит ли их допинывать и на что давить, или отбросить эту контору как кидло на тестовое задание(уже ни раз натыкался в городе на подобное)?
#193 #548668
>>548607
Откидывай конечно. Эти сраные капиталисты хотят использовать твою работу и поднять миллиарды долларов. А тк нет "деталей и адаптивности", они смогли на тебе заработать только миллионы долларов.

Господи, какие же долбоёбы на моём wrk.
>>548687
#194 #548687
>>548668

>Господи, какие же долбоёбы на моём wrk.


Согласен. Только блеить могут, никакой конкретики.
#195 #548695
>>548607
Расскажи про фриланс, где заказы берешь?
>>548706
#196 #548706
>>548695
На ру биржах фриланса. Все бы ничего но за последний год-полтора стоимость работы за час сократилась раза в полтора, два. При снижении кол-во открытых проектов.
>>548707
#197 #548707
>>548706
За еду работал? Каким стеком владеешь?
>>548710
#198 #548710
>>548707
В последнее время да. JS+PHP. Планирую вкатиться в ноду. Но в округе 700км нет ни одной открытой вакансии по ней.
#199 #548711
>>548607
Что если просто проект отдать им, а сорцы у тебя останутся?
#200 #548713
>>548215
ваня справа?
#201 #548808
Если в базовом наставничество нахуй не нужно было, в продвинутом без него никак. Только наставник может проверить твой БЭМ и сказать насколько правильно ты его понял. То же касается приколов с свг-графикой. Ну и нигде не объяснили как сделать в Пинке слайдер-таблицу, хотя в базовом были скринкасты с версткой сложных элеменов.
>>548822>>548828
#202 #548822
>>548808
У тебя есть гугл и все твои друзья.
#203 #548828
>>548808
Потому и говорят, что надо идти на продвинутый спустя месяц после базового, чтобы наебашить разных макетов и элементов и набить руку (ибо никто с вашей версткой церимониться не будет). А потом только дополнять свой "воркфлоу" всякими фишечками и методологиями
>>548835
#204 #548835
>>548828
Я доверстал Барбершоп, сверстал Nёrds. Думал, хватит для продвинутого.
Да и не знаю, какой смысл верстать кучу статики без методологии, перед тем как начать учиться верстать по-взрослому (с БЭМом, препроцессорами, сборщиками, адаптивностью, ретиной и свг)? Даже двадцать сверстанных статичных макета не подготовят к материалу из продвинутого интенсива.
>>548885>>548896
#205 #548885
>>548835
Потому то это та же самая верстка, просто "приправлена" сверху. Принцип то в основе своей тот же.

Ты называл селекторы свои в базовом просто так сказать с пространством имен. Теперь тебе рассказали как можно уйти от каскада делая АНБ. И ты стал называть селекторы по БЭМ
Раньше писал css, дублируя каждый раз части в названии селектора а теперь ты можешь использовать вложенность, можешь использовать миксины, переменные. Но на выходе то все-равно будет тот самый css который ты учился писать.
Раньше ты минифицировал файлы, делал спрайты, оптимизировал графику и возможно рефрешил страницу ручками (если не юзал препрос) а теперь ты разобрался с консолькой, написал конфиг для гранта/галпа и за тебя это делает компутер
раньше ты сохранял изображения в одном размере, а теперь ты стал делать х2, х3, юзать тег picture и атрибут srcset
Раньше ты юзал только иконочные шрифты, а теперь ты можешь не только их юзать на и подключать к стрице свг графику.
Раньше ты верстал фиксированную сетку, а теперь ты "отпускаешь" размеры/задаешь их в процентах и начинаешь с мобильной версии, ставя брейкпоинты медиазапросами и скрывая/показывая/перестраивая элементы для разных ширин.

Ты просто каждый раз делаешь надстройки над базой. Это не какая-то новая неизвестная отрасль. Если ты не знал как можно сверстать какую-то штуку в фиксе то ничего вышеперечисленное не поможет тебе сделать ее в адаптиве.
>>548896>>548935
#206 #548896
>>548835
>>548885
Не обязательно применять всё сразу и думать, что же делать с зоопарком новых технологий. Можешь сверстать макет используя препроцессор, потом, привыкнув к нему, в следующем макете добавить БЭМ, потом попробовать сверстать адаптив и так далее

другой анон
#207 #548935
>>548885

>раньше ты сохранял изображения в одном размере, а теперь ты стал делать х2, х3, юзать тег picture и атрибут srcset


Можно подробней об этом? Что за технологии?
>>548937>>548940
#208 #548937
>>548935
Смотри продвинутый интенсив.
Ну или эту презентацию https://www.youtube.com/watch?v=Szo-2D7TtEU
>>548940
#209 #548940
>>548935
>>548937
а лучше и то и другое
#210 #548947
>>548287
это masonry сетка jquery в помощь. На просто цсс это не сделать
>>548974
#211 #548974
>>548947
Да вроде с флексом разобрался, полет норм. Да и про jquery почитал
257 Кб, Webm
#212 #548992
Как в Седоне карту вытащить из Фотошопа, а то я заебался уже.
>>548994
#213 #548994
>>548992
Интерактивную делай от Гугла.
>>549002
#214 #548996
Тупой вопрос.

Допустим, есть проект со стилями, разбитыми на кучу less-файлов. И есть главный less-файл с @import-ами всех этих дочерних файлов.

Тот же Prepros сможет его адекватно скомпилировать в CSS? Т.е. он распознает @import-ы, обратится к содержимому дочерних файлов, и соберет единый CSS? Или для этого нужны уже Grunt/Gulp? Потому что у меня почему-то нихера с этим не вышло.
>>548998>>549002
#215 #548998
>>548996
все нормально там в препросе - он понимает что надо компилить только главный файл - ты что-то не так настроил
#216 #549002
>>548994
Так она нихуя не похожа получается на оригинальную.
>>548996
Да.
У меня например есть файл style.scss в котором нет ничего кроме импортов (
@import "normalize";
@import "grid";
@import "components/type";
@import "components/page-header";
@import "components/page-footer";
@import "components/intro";
)
Я в Prepros указал что нужно компилировать style.scss в /css/style.css/ работает.
Попробуй файли посохранять, импорты понастраивать, кароче все должно работать, ты где-то проебался братюнь.
>>549009
#217 #549009
>>549002
Экспериментальным путем понял, что как-то неправильно импортирую, весь остальной код переносится как надо.

@import "bootstrap-3.3.6\less\grid.less"; - я, наверное, в чем-то очевидном туплю, но что неверного в этой строчке?
>>549019
#218 #549019
>>549009
Ладно, вроде понял, что в случае с бутстрапом, надо импортировать корневой файл, а уже в нем выбирать те файлы фреймворка, которые понадобятся.
#219 #549020
и так аноны, вопрос на засыпку, почему htmlacademy стал более платный? или он такой был? вчера был другой интерфейс и все курсы были без подписки
>>549025
#220 #549025
>>549020
Зашел. Прикольно, оно интерфейс поменяли. Все курсы вроде как были - так и остались (у меня все пройдено, ибо те которые по подписке проходил под новый год по акции) Звездочкой помечены подписочные. Добавили еще верстку как я понял магазинчика кекса. Но она тоже по подписке (вот это уже не пройдено)
#221 #549039
>>549025
подписочные были до этого обновления?
>>549042>>549044
#222 #549040
>>549025
Бля я в новый год специально дрочил курсы на новогодней гонке, чтобы открыли подписочные за бесплатно. Решил оставить на потом, а сча захожу и там все забрали уже, пидоры.
>>549044
#223 #549042
>>549039
Были, только открыты были пару заданий из курса, остальное за подписку.
#224 #549044
>>549040
Так они и открыли подписочные за бесплатно на время гонки (поэтапно было). После гонки все снова платно стало

>>549039
ну да
>>549046
#225 #549046
>>549044
да, кстати, анон тут архив заливал недавно со скринами этих курсов по подписке
>>549268
#226 #549052
>>549025
ты можешь сейчас открыть любой курс, включая подписочный?
>>549065
#227 #549065
>>549052
Теперь понял о чем ты. Просто у меня все подсвечивалось зеленым и внутрь не заглядывал

http://take.ms/HghVY
>>549066
#228 #549066
>>549065
Они же не сохраняются. Подписка закончилась и все
В неподписочные нормально заходит
#229 #549091
Аноны, хелп, при ховере не хочет показываться элемент, вот мой говнокод.
>>549092
#230 #549092
>>549095>>549098
#231 #549095
>>549092

Если ты про красный квадратик, то "+" поставь после hover
>>549097
#232 #549097
>>549095
Охуеть!Спасибо!
#233 #549098
>>549092
.inner-plastic-windows__sidebar-menu__item:hover::before
>>549101
#234 #549101
>>549098
Вот этот вариант еще лучше!Спасибо!!!
>>549104
#235 #549104
>>549101
Ток эт, у тебя не БЭМ, а БЁМ какой-то.
В БЭМ плоская структура - блок__элемент
вот такого: блок__элемент__элемент-элемента
быть не должно
>>549106
#236 #549106
>>549104
А как мне item тогда назвать? просто sidebar-menu__item?
>>549108
#237 #549108
>>549106
как вариант да
перед тем как что-то юзать прочитай доки хотя бы у Яндекса.
и послушай лекцию Громова (2 урок продвинутого)
и прочитай статьи того же громова и "Головокружительное погружение в БЭМ"
там все отлично объяснено
>>549109
#238 #549109
>>549108
Лол, да я вроде посмотрел этот интенсив, но как то проебался с этим. Тут заказы подогнали вот я и пилю, исходя из того, что знаю.
>>549110
#239 #549110
>>549109
Охуенно тебе
#240 #549268
>>549046
есть сурс?
>>549584
#241 #549440
Кто умеет в БЭМ? Дайте короткий мастер-класс по именованию классов сори за каламбур.

https://jsfiddle.net/rvs7rznv/
>>549492
#242 #549492
>>549440
footer
footer__title
footer__link-wrapper (or list? container? whatever?)
footer__link
>>549493>>549496
#243 #549493
>>549492
Подразумевался блок социальных кнопок.
>>549495
#244 #549495
>>549493
Ну бля, замени footer на social-buttons, логика одна
#245 #549496
>>549492
Разве ссылки не будут относится к врапперу, а не футеру, т.к. по сути хранятся в нем?
>>549497
#246 #549497
>>549496
Можно сделать и так, тогда у тебя будет правда блок внутри блока, я предпочитаю так не делать для семантически связанных элементов, обычно использую контейнер. Тем более эти ссылки могут быть и без него, не думаю, что ни как-то от него зависят.
7 Кб, 384x156
#247 #549514
Поясните мне, нахуя нужен бутсрап? Где вы его используете?
Почему в вакансиях часто пишут требование, знание этого говна?
Я правильно понял, что вот это говно, как целая библиотека, берется для весртки проекта, а потом еще хуярится каскад, чтобы перебить это говно? Это нормально типа? Это все не делает загрузку сайта долгой и ебанутый код из разной хуйни?
#248 #549516
>>549514
Сверстал один проект, чтобы понять, что эта за хуйня и забил хуй.

> нахуя


> Почему


Потому что на бутстрапе можно быстро накидать говносайт, который будет работать в ие8+.
>>549517
#249 #549517
>>549516
Кто за это деньги платит?
>>549520
#250 #549519
>>549514
Вообще его компоненты можно отдельно испольщовать, но с другой стороны даже для навигационной менюшки надо включить джве бутстраповские библиотечки и целую джквери, что как бы не очень.
Я так понимаю его юзают не особо требовательные по части объема сайта конторы. Типа, современные скорости инета позволяют, вот и хорошо.
#251 #549520
>>549517
Не знаю, надо спрашивать тех, кто работал/работает, я такой же кукаретик, как и ты. Но когда я верстал свой бутстраповский проектик, мне показалось довольно забавным: набросал дивов с бутстраповскими классами и у тебя все уже адаптивное и резиновое, знай себе декорируй, хуяк-хуяк и в продакшн.
>>549550
#252 #549522
Блядь, я нахуя я все это учу, я не хочу так работать и клепать говно ебаное.
>>549537
#253 #549537
>>549522
Никто же тебя не заставляет клепать лендинги на бутстрапе 24/7. Осваивай фулл стек технологий, флексы-хуексы, джс, ангуляры и прочее дерьмо. Сам сейчас охуеваю с джаваскрипта, блядь, я же никогда не запомню эти сотни тысяч методов и нюансов, когда и как их применять, уж молчу про контексты, прототипное наследование и прочие прелести.
#254 #549544
вот нормас лендос от 19 летнего чувака который сейчас в spotify работает
http://marekdlugos.github.io/TakeMeAsIntern/
>>549567
#255 #549550
>>549520

>хуяк-хуяк и в продакшн.



и получил на выходе такое вот говнецо

http://bootstrapthemes.co/demo/html/tork-html-app-landing-page/
#256 #549561
Кто-нибудь может мне вырезать хедер из psd макета. У меня просто гимп, я не могу в нем со слоями работать. ;-;
>>549566>>549640
#257 #549566
>>549561
Поставь авокод или фш через вайн
>>549568
#258 #549567
>>549544
говно какое-то, ни одной анимации, нет работы с js и jquery вообще. Фишки лендингов в том, что в них много анимации и красивых фишек, которые компенсируют отсутствие бекенда.
>>549715
#259 #549568
>>549566
не получается.
#260 #549584
>>549268
Приду домой, скину ссылку, оп-хуй опять в шапку не запилил.
#262 #549715
>>549567
Смотрите даун обосрался.
#263 #549731
Выразительный JavaScript - хорошая книжка? Или пиратить где-нибудь Кантора?
#264 #549759
А почему зачморенные мамкины программисты-олимпиадники так не любят js?
>>549769
#265 #549769
>>549759
Они привыкли к другим языкам программирования и, видя что в каком-то из языков не так, как они привыкли, вместо того чтобы разобраться, начинает бугуртить
#266 #549872
На академии выложили ссылочку на статью. Может кто в кратце перевести, основной момент этой техники? http://blog.lunarlogic.io/2016/boost-your-css-animation-performance-with-repaintless-css
>>549990
#267 #549990
>>549872
Я хорошо знаю английский, но идею, вернее ее фишку, толком не понял. Похоже на изменение крайних положений в анимации, когда браузер как бы уже знает координаты заранее, поэтому делает меньше рассчетов. Это либо настолько просто, что не можешь в это поверить, либо слишком сложно.
#268 #549991
Вопрос по БЭМу.
Громов говорит, для блоков и элементов не может быть общих классов. Но это же охуеть сколько кода получится. Т.е. если мы юзаем Less/SCSS, миксины не допускаются? Ну а хули - чем не общие стили то? Я что-то все никак не могу вкурить этот БЭМ. Смотрю видео - вроде все понятно. Начинаю верстать - сразу куча вопросов и непоняток.
>>549992>>550007
#269 #549992
>>549991
Туда же. Допустим, есть некие блоки, которые практически одинаковые, в них меняется только содержание. Мне каждому блоку отдельно стили прописывать?
>>550007
#270 #550007
>>549991
>>549992
Необязательно делать все как говорит Громов, особенно если тебе неудобно. Просто продумай четкую структуру проекта.
Я, например, если вижу какуе-то универсальные блоки, форму для отправки поста там, или всплывающие окошки, или подсказки, которые есть много где но они суть одинаковые, пилю под них одну разметку и базовые стили, и потом ее реиспользую несколько раз в виде вложенных блоков.
Если блоки отличаются по поведению, но только отчасти, тогда добавляю в название блока модификатор состояния, типа .panel .panel--add-post. Где каскадом прописываю отличия.
>>550009
#271 #550009
>>550007
Другими словами ты взял на вооружение частично модель именования классов, и разбития на блоки (но, опять же, частично).

Чем глубже копаю про БЭМ, тем больше понимаю, что юзают его каждый по своему, понимание тоже у всех отличается, и при этом по-настоящему его используют только в Яндексе со всем их стеком технологий и библиотек, которые обычному мелкому фронт-эндщику нахуй не сдались.
>>550127
#272 #550014
Ура блять, аноны! Сегодня получил свои первые деньги за сверстанную хуету и натягивание её на вордпресс.
61 Кб, 600x398
#273 #550018
>>550014
С почином, братишка! Держи смузи.
>>550019
#274 #550019
>>550018
Спасибо! Что за мемас со смузи?
>>550032
356 Кб, 1280x1417
#275 #550032
>>550037>>550088
#276 #550037
>>550032
Сука, как же жизненно.
#277 #550038
>>550014
Что верстал то хоть? Ие8+хуиту на флоатах/бутстрапе?
>>550040
#278 #550040
>>550038
На флексах, лол, на иешки старые сказали класть хуй.
>>550094
#279 #550045
>>550014
Есть годнота по посадке на wp?

заебали, если честно, cms - это же блядь вместо бэкэнда, вот пусть бэк ими и занимается
>>550048
#280 #550048
>>550045
Как свободное время будет запилю гайд полноценный по вордпрессу, а не те ебаные обрезки, по которым я учился. Ну еще мне друг подсказывал, а остальное я гуглил.
#281 #550049
>>550048
Походу это будет хитом. Будем ждать если че
(по крайней мере я)
#282 #550056
>>545572 (OP)
Привет, анончики. Первым-устроился-в-дс-кун на связи, давненько к вам не заглядывал. Зарплатка подросла, 120к на руки, недавно обосрался на собесе в Яндекс, сказали мой уровень "не очень высок". Такие дела. Еще жду ответа от одного пиндосского стартапа, но там надежды тоже мало. Такие дела, жизнь - боль.
#283 #550058
>>550056

> 120к


> жизнь - боль.


А ты хорош, сразу видно целеустремленного! Так держать, бро!
>>550140
#284 #550069
Верстаны, что можно почитать про организацию структуры файлов крупного сайта?
#285 #550088
>>550032
Бекенд петухи должны страдать.
#286 #550094
>>550040
Повезло тебе, а я верстал хуйню на флоатах (страничку для инет-магаза). После этого забил хуй на фриланс, пока что.
>>550099
#287 #550099
>>550094
А что так? Лучше уж верстать за еду, чем работать на говноработе.
#288 #550103
>>550048
Обязательно.
#289 #550126
Чет проиграл с портфолио одной мисс с fl.ru
http://igurnolog.ru/barbershop/
>>550128
#290 #550127
>>550009
Да, почти так. Я использую то что мне нравится использовать, и то с чем удобно работать, а с чем неудобно - модернизирую.
Хардкорный бем исключительно по заветам Яндекса это, конечно, очень весело и продвинуто, но он несет свою долю мозгоебли. Она воспринимается как малое зло в крупных проектах, где работает целая тима профи, но очень уж напрягает на маленьких, по крайней мере меня.
#291 #550128
>>550126

>github


>gist.github.com


проиграл
#292 #550140
>>550058
Спасибр за поддержку, но поверь, бабло это так себе показательпосле 100к/мес
>>550142>>550143
#293 #550142
>>550140
Поясни тогда, что показатель в данном деле?
>>550150
#294 #550143
>>550140
Просто иди нахуй, успешноблядок.

Ну или делись опытом, а не вызывай баттхерт понапрасну.
>>550147>>550150
#295 #550147
>>550143
Лол, типичный анон, нет бы порадоваться и вдохновиться, так нет, сразу зависть.
>>550164
#296 #550150
>>550142
Даже не знаю что тебе ответить. Я вдохновляюсь крутыми чуваками из мира open source
>>550143

>Просто иди нахуй, успешноблядок.


Я уже тут, тащемта

>Ну или делись опытом, а не вызывай баттхерт понапрасну.


Кулстори пилить не буду, заебался уже в сотый раз это делать, но если задашь свои ответы, отвечу
>>550156
#297 #550156
>>550150
В каком возрасте начал?За какое время научился определенной технологии(верстка\джс\фреймворки\бэкенд мб)?Почему выбрал это занятие?Какая первая работа была? Фрилансил? Если да, то где брал заказы, и подскажи как лучше договариваться с заказчиками.
Хуи сосешь?Бочку делаешь?
#298 #550158
>>550156
А еще забыл, вышка есть?На работе спрашивают?
#299 #550160
>>550156
Ща в магаз сбегаю, и отвечу, анончик, минут через 10-15
#300 #550163
>>550056
о, опять этот пиздабол.
>>550178
#301 #550164
>>550147
Если бы он пришел и сказал поздравьте меня, у меня з/п 120к!", то я бы порадовался.
А не

>жизнь боль

>>550178
#302 #550178
>>550163
Да, это я
>>550156

>В каком возрасте начал?


23

>За какое время научился определенной технологии(верстка\джс\фреймворки\бэкенд мб)?


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

>Почему выбрал это занятие?


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

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


нет, не фрилансил никогда

>Хуи сосешь?Бочку делаешь?


Нет

>А еще забыл, вышка есть?


Да

>На работе спрашивают?


Не, ни разу не спрашивали
>>550164

> поздравьте меня, у меня з/п 120к!"


с чего бы мне так говорить?
>>550179>>550289
#303 #550179
>>550178
Ой, напиздел, не 23, а 22
#304 #550212
Котаны, прошел курсы на штмл академи. Стоит ли покупать подписку, или она не нужна? И еще я так понял теперь лучше всего разбирать интенсив, я прав?
>>550216
#305 #550216
>>550212
Там в подписке хуйня в принципе, если 300 рублей не жалко, купи. Ну или держи теорию https://yadi.sk/d/Ka-aU3poqa8bM
А так да, смотри сейчас базовый интенсив.
40 Кб, 480x270
#306 #550230
Как придумать домашний проект? Где взять идею? Что делать если в голову ничего не лезет?
Мне даже тему диплома научрук придумал.
>>550232>>550561
#307 #550232
>>550230
Проект чего?
>>550236
#308 #550236
>>550232
Чего-нибудь для портфолио.
>>550237
#309 #550237
>>550236
Верстка\джс?
сука из тебя ответы выбивать надо, да?
>>550246
#310 #550246
>>550237
Можно скриптоверстку, можно жавабек.
Да хоть сайт целиком! Какая разница?!
Неужели процесс генерации идей нельзя абстрагировать от конкретного инструмента?
>>550252
#311 #550252
>>550246
Ты блять как охуевший клиент, сделайте то, не знаю что, вы же специалисты, неужели это так сложно?
>>550254
#312 #550254
>>550252
Хорошо, давай с другого конца.
Возьмем верстку+JS.
Поделка какого уровня сойдет для портфолио?
>>550285
#313 #550260
>>549514

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


нет

>Это нормально типа?


нет

>Это все не делает загрузку сайта долгой и ебанутый код из разной хуйни?


нет

>Кто за это деньги платит?


работодатели/заказчики

Ты не понял суть бутстрапа, а вообще все юзают его sass/less версии и их можно кастомизировать как угодно
#314 #550284
#315 #550285
>>550254
Чем тебе макеты из рассылки академии не нравятся?

Просто попробуй совместить в одном проекте все самые востребованные технологии. БЭМ, препроцессоры, часть какого-нибудь фреймворка (фандэйшн, бутстрап), оживи все это дело джиэсом, сделай годную адаптивность для мобил/планшетов/десктопов, поддержку нескольких видов ретины.
#316 #550289
>>550178

>с чего бы мне так говорить


С того, что многие о такой з/п только мечтают.
>>550553
#317 #550412
>>550048

Было бы ТАААААААААААААААААК охуенно, ты даже не представляешь!
#318 #550413
>>550014

А сколько хоть получил и сколько времени занял весь заказ?
>>550442
#319 #550442
>>550413
Получил три тысячи в моей мухосрани, лол. Проект делал после работы 4 дня и за 1 выходной. В сумме по времени примерно 2-3 рабочих дня.
>>551019
#320 #550469
Наверное платина и я буду послан на хуй в шапку, но задам.
Без опыта программирования с чего начинать? В итоге хочу стать фронтендером. Начинать с вертски или JS? Хватит ли 3-4ёх часов в день?
>>550474>>550485
#321 #550474
>>550469
Читай шапку, там все написано.
#322 #550485
>>550469
Всегда хотел спросить у ньюфага, почему ты решил стать фронтендером?
#323 #550519

>Web-разработчик


>от 5000 до 10000 р


>Требования:


>наличие опыта в данной сфере


>наличие портфолио с примерами созданных сайтов


Они серьезно?
>>550522>>550538
#324 #550522
>>550519
Кинь ссылку на вакансию
>>550525
#326 #550528
>>550525

> Обязанности:


> создание сайта-визитки для антикафе


5-10к за проект норм же, хули ты.
69 Кб, 702x611
#327 #550538
>>550603
#328 #550553
>>550289
Многие необучаемое быдло, мне же всегда хотелось из этого состояния вырваться
>>550525

>Саратов

>>550607
#329 #550561
>>550230
Напиши тетрис на канвасе
#330 #550578
Топ конференция JS быдла:
https://telegram.me/joinchat/BE8kJz5Ac82JhSOAbmerbw
Мемы, рофлы, разговоры о работе, разговоры о не работе, свободное общение.
>>550580
#331 #550580
>>550578
Конфы не нужны
>>550586
#332 #550586
>>550580
Ну если ты хекка мизантроп.
>>550589
#333 #550589
>>550586
Вместо того, чтобы учиться, люди пиздят там о всякой хуйне, свободного времени не у всех так много.
>>550595
#334 #550595
>>550589
Ну тут согласен кстати, я обычно раньше только с работы туда заходил (работа не IT), а теперь и до/после работы зависаю. Затягивает эта хуйня из сраки очка.
#335 #550603
>>550538
мдя
#336 #550607
>>550553

>Саратов


Не самая худшая стартовая локация.
#337 #550666
>>548215
дристанул с тебя
#338 #550672
>>550056
собеседование в школу яндекса или просто на работу?
>>550766
#339 #550678
>>550056
Можешь гайд запилить, как сейчас учил бы жс умудренный опытом?
>>550766
#340 #550681
>>550056
Найс пиздабол. Во-первых, больше 120к в яндексе только топ спецы получают, а ты вряд ли бы пошёл на понижение со 120к. Во-вторых Яндекс это в целом параша, туда можно идти только для набора опыта джуном, всё. Если ты получаешь 120к, то ты явно не джун, и должен знать об этом говне. Сорри, ты обосрался.
2 года был в яндексе
>>550766
#341 #550698
А какие условия в русских офисах для ит макак? Я что-то не нашел толковых статей. Запилите свои куллстори)))))
>>550705
#342 #550705
>>550698
Что именно ты хочешь узнать?
Условия самые разные могут быть, в среднем у тебя будет стол, стул, комп и 2 моника + переферия в опенспейсообразном помещении, гибкий, но не свободный график работы, печеньки и чай на кухне, оплачиваемый обед и, если в компании 100+человек, то почти каждый день кто-то проставляется пиццой на днюху. Также будет кикер или подобная хуйня, массажное кресло, или какая-то зона отдыха. Везде, где работал, было так или типо того (ничем не примечательные средние компании). Что ещё интересно?
>>550706
#343 #550706
>>550705
если я хикка и не люблю такие вещи - меня зачморят?
>>550711>>550718
#344 #550711
>>550706
Уволят по причине асоциальности
#345 #550718
>>550706
Какие именно вещи? Всем похуй, у нас в офисе штук 20 таких задротов разных возрастов (из примерно 150), никто на них просто внимания не обращает и всё. Делают свою работу и ок. Бесит только, что от них воняет иногда (не от всех, но всё же), и выглядят они как говно неопрятное.
#346 #550751
>>545572 (OP)
Анонии,хуй знает к вам или нет. Есть бложик с видосами ~ 3000 просмотров в сутки,какую рекламу можно на него прикрутить желательно без говяжих анусов.Adsense не катит контент пизженный, да и коперасты уже нападали.С меня как всегда
>>550756
#347 #550756
>>550751
Тебе в /web.
Ещё раз тут такую хуйню напишешь - оторву тебе анус.
>>550822
#348 #550766
>>550672
На работу конечно
>>550678
Легко, вот две книги
https://www.ozon.ru/context/detail/id/6287517/
https://www.ozon.ru/context/detail/id/8144634/
Вот видео
https://www.youtube.com/watch?v=8aGhZQkoFbQ
Остальное только практика, только ебашить код. Фреймворки и либы, учатся так:
1. Читаешь доки
2. Пишешь код
>>550681
Не знаю чего ты такой нервный, апильсинус. Я знаю что в Я платят немного, но я в процессе собеседования не дошел до оффера, так что самолично не видел суммы, конечно если бы мне предложили меньше 100к я бы не пошел энивей. Такие дела.
>>550781
#349 #550781
>>550766
Манька, ну кого ты обманываешь, лол?
Давай, поделись, на какую должность шёл, в каком городе? Вангую, что это одна из двух, разраб ui или разраб ui для тестов (только туда берут людей с улицы), в обеих должностях нужно быть дегенератом, чтобы тебе сказали, что твоих навыков не хватает. Там вообще блять кроме чистого жса и жквери ничего знать не нужно (ну окей ещё уметь в юнит тестирование, это тоже за 5 минут учится любым дауном). Платят там не больше 80к, каким образом тебе даже вилку не сказали - я хз, это обычно прямо по телефону сообщают.
Книги, которые ты посоветовал, это полное говнище, на которое даже 5 минут потратить будет жалко, особенно нубу. Что и в общем-то показывает твой уровень, который говорит о том, что никаких 120к ты не получаешь. Съебался нахуй теперь отсюда.
>>550786>>550865
#350 #550786
>>550781
Лол, да что с тобой? Придумай как я могу пруфануть мою историю без диванона, я пруфану, нет проблем.
>>550791
#351 #550791
>>550786
Чувак, историю ты можешь пруфануть, это не проблема, проблема в том, что любой чел с зп 120к мог бы устроится в яндекс на изи, т.к. там не нужны никакие специальные знания вообще на те должности, на которые ты типо претендовал.
Алсо, вилку зп говорят не предварительном собеседовании, и ты бы сразу слился, если бы у тебя было 120к, мань.
>>550792>>550797
#352 #550792
>>550791

>говорят на предварительном собеседовании


быстрофикс
#353 #550794
Анончики выручайте. Я даже не заню что хочу, но всё таки спрошу. Так вышло что я нищеброд и у меня сегодня выключат интернет. Какие книги, видео и прочее можно скачать чтобы заниматься оффлайн. Может у кого то был опыт.
>>550798
#354 #550797
>>550791
Не знаю чего тебя моя история так задела, лол. Хорошо что я туда не попал, раз там такие едких едких петушков берут.
Алсо, у меня было одно собеседование, техническое, по скайпу.
>>550799
#355 #550798
>>550794
шапку читай
#356 #550799
>>550797

>таких

#357 #550822
>>550756

> Ещё раз тут такую хуйню


тут ни у кого своих ресурсов шоле нет?
>>550856
#358 #550826
>>550056
Что спрашивали на собеседосе?
Тоже недавно на джуна к ним пытался, в деньги, тоже не взяли по той же причине. Правда у меня 3 собеседования было.
>>550856
#359 #550856
>>550822
Нет, здесь только рабы, ковыряющие чужое говно на денежку
>>550826
Спрашивали какие инструменты юзал, про опыт и потом небольшой тестик решил онлайн.
>>550862
#360 #550862
>>550856
Ну я про тестик и спрашиваю, что за задание было?
>>550864
#361 #550864
>>550862
Пили фейкомыльце, скину
>>550866
#362 #550865
>>550781
а ты бы как учил жс?
#363 #550866
>>550864
Да просто в кратце расскажи, что у тебя было?
>>550868
#364 #550868
>>550866
Да просто пара десятков хитровыебанных вопросов на тонкости чистого js, и пару функций написать, типа переворота строкисначала хотел написать рекурсивно, лол, потом написал самый просто вариант
>>550871>>550880
#365 #550870
Не нюхал jquery ни разу. Я так понимаю это библиотечка, которую подключаешь, потом скачиваешь плагин для неё (например карусель) и по документации прикручиваешь (вбиваешь классы/ид) в код. Так?
>>551043
#366 #550871
>>550868
Реально? Блин, да это же супер халява, что-то у меня тоже подозрение, что ты пиздишь, мои задания были намного более жесткие, на связные списки несколько, погоняли по разным алгоритмам сортировки, поиск маршрута по графу, по ноде попросили написать асинхронную тулзу с синхронным выполнением команд. И это всё на джуна. Что за бред, попросили развернуть строку? Это полная хуйня, либо кто-то за этого чела отвечает теперь, либо он пиздит нереально.
#367 #550872
>>550871
Ну, я же говорю, я собеседовался по скайпу, может если бы меня позвали лично на собес после этого, тоже было бы что-то подобное. Можете верить, можете нет, зачем мне пиздеть, я не знаю.
#368 #550880
>>550868
И ты с этим типо не справился? Как ты умудряешься разводить работодателя на 120к?
>>550895
#369 #550895
>>550880
Я на это место пришел на 80к полтора года назад
#370 #550910
>>550871
фига себе на джуна требования
>>550911
#371 #550911
>>550910
Норм требования, если ты не формошлем, а software engineer
>>550912>>550946
#372 #550912
>>550911

>шлеп

#373 #550946
>>550911
Нихуя не норм. ЗП у такого джуна должна быть покруче мидловской. Да и компания небось очень себе на уме.
В большинстве случаев предлагают решить что-то простенькое, а не ебут голову всякими алгоритмами новичку. А джун таки новичок, пусть и что-то умеющий.
Хотят поиск путей, алгоритмы и прочую хуйню такого уровня - пусть дают соответствующий оффер с соответствующими условиями.
А то сталкивался я с компанией в которой тестовое на джуна предполагало создание полноценной игры, требования у них были ебать его в сраку, а платили как желторотому верстале с навыками уровня прикрутить модалку на джиквери. Долбоебы просто пытались урвать себе подешевке умного дева, убедив его что он не такой уж умный. Надеюсь эти пидоры разорились.

мимо фронтендер
>>550979>>551021
#374 #550979
>>550946
Так я и сказал

>не формошлеп, а software engineer


А ты описал формошлепство
Пример с созданием тут ни к месту, и в этом случае я с тобой согласен.
#375 #551019
>>550442

Ну неплохо, очень даже.
#376 #551021
>>550946
ЗП 80к для джуна в яндексе на ту позицию, что я описал.
#377 #551043
>>550870

Типа того. А еще с прикрученным жиквери можешь писать ее облегченный код.
#378 #551128
Аноны, доделал свой первый макет нердс практически полностью, осталось фильтр цены только оживить. Подскажите пожалуйста в сторону каких событий копать, в интенсиве только про разметку говорили по этому фильтру.
#379 #551144
>>551128
Анон,не стоит вскрывать эту тему, тут джс нужен. Оставь пока. Потом доделаешь для начала изучи верстку и все инструменты, которые к ней относятся.
>>551148>>551150
#380 #551148
>>551128
>>551144
http://refreshless.com/nouislider/ есть готовое решение без jquery. Может быть пригодится.
>>551157
#381 #551150
>>551144
Я знаю что тут js нужен. Я с ним знаком, но не знаком с событиями. В сторону каких событий копать?
>>551191>>551414
#382 #551154
Анчоусы, где валяется файл с тем, что эммет выводит? например, я ввожу img и жму таб - выводится вот это <img src="" alt=""> , а нужно чтоб еще выводились атрибуты ширины и высоты помимо alt.
>>551186
#383 #551157
>>551148
Чет странное решение какое-то. Я думал там надо при нажатии мышки отслеживать ее движения и в соответствии с ними менять лефт/райт у кнопочек и ширину заполнителя, а когда кнопку отпустить перестать.
>>551169>>551414
#384 #551169
>>551157
На то оно и готовое. Чтобы, когда будет реальный проект, не задрачивать жс, а подключить либу весом 17 кб.

Ну а если писать скрипт для себя - всё как ты описал.
#385 #551186
>>551154
Если кому интересно, нашел решение, но другое http://docs.emmet.io/actions/update-image-size/
#386 #551191
>>551150
Если я правильно помню тот фильтр, то тебе нужен drag and drop на джс.
>>551200
#387 #551200
>>551191
Да, уже читаю на learnJavaScript
>>551414
#388 #551281
Фронтаны, поясните за Bootstrap CDN. Если я от бустрапа только сеткой пользуюсь, она нормально будет подхватываться или как?
>>551547>>551548
#389 #551414
Таакс, Антошки. А как можно укарачивать линию заполнителя с левой стороны? Если с правой ее размер с помощью width меняется.
>>551200
>>551157
>>551150
>>551128-кун
>>551420
#390 #551420
>>551414
Посмотри как nouislider сверстан и сделай также. При такой верстке не нужно будет контролировать заполнитель вообще.
>>551424
#391 #551424
>>551420
Это ж либа? Я либами вообще не пользовался если честно.
>>551428>>551432
#392 #551428
>>551424
В смысле не знаю что с ними делать.
#393 #551432
>>551424
Причем тут пользовался или нет?
Просто посмотри как там сделано, для примера.
#394 #551440
о, тоже нужен слайдер этот. он меня омрачил, спасибо, буду разбираться.
вообще, как-то непонятно, это ж задание после 2 урока, сделать до 4. Макет самый легкий. Во 2 видео идет обсуждение далекое от таких вот переключателей.
И не очень понятно как фильтры размечать, а так же лоты в магазине. Разметил как вижу, но мне кажется, что в реальном проекте я наделал бы кучу костылей заднеконцовому.
>>551445
#395 #551445
>>551440
Я вот почти полностью сделал этот слайдер. Кроме левого регулятора. Там все очень сложно и во всем базовом интенсиве, включая урок по js, далеко от этого слайдера.
>>551447
#396 #551447
>>551445
так это, че делать с ним по-плану?
>>551463
#397 #551463
>>551447
Не оживляй. Я для себя это делаю. Для саморазвития.
>>551470
#398 #551470
>>551463
в код гайде ничего про него вообще не сказано, т.е. его предстоит статично на тех значениях нарисовать и всё?
>>551472
#399 #551472
>>551478
#400 #551478
>>551472
ну, тут даже разметку с первого раза не сделаешь сто процентно правильной. Уже когда оформлять стилями буду, тогда придется и разметку править. Ладно, спасибо
#401 #551537
А есть треды/пасты про ui/ux? Занимался этим в 2010 на fl.ru, потом забросил, сейчас мозг высох так что ничего не могу придумать (раньше сидел на уроках и рисовал на листке макеты приложений). Есть ли шанс вкатиться туда?
#402 #551538
Я хуею. Думаю уже два дня о том, подключать или нет систему сеток бутстрапа/скелетона/фандэйшн, и писать ли мне дизайн элементов самому, или подключить часть MDL (или спиздить из него стили нужных элементов).
Смотрю видео на ютубе - людям похуй. Подключают весь бутстрап, весь MDL, подключают JQuery и им норм.
Может, я зря дрочу на оптимизацию и вес сайта? Такое ощущение, что всем вообще насрать сколько он в итоге будет весить - подключают к нему любую хуйню, даже не по частям, а полностью.
>>551548>>551549
#403 #551547
>>551281
Бамблби вопросу.
#404 #551548
>>551538
Хуйней ты страдаешь.
Одна ебанная картинка на мегабайт перебьёт все твои никому не нужные микроптимизации, а если ты ещё гзипуешь всё, то тебе вообще должно быть похер.
>>551281
Не очень понятный вопрос.
CDN это просто сервер в инете, где лежит нужный файл. Что угодно оттуда будет подхватываться, надо только найти нужный сервер.
>>551555
#405 #551549
>>551538

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


This. По крайней мере, видео для ютуба (нерусскоязычного) снимают дизигнеры, которые и в дримвивере лепили бы свои лендинги, если бы он удовлетворял их требованиям. Но если хочешь в один прекрасный день выкатиться из верстки говнолендингов за доширак на приличную зарплату — оптимизируй.
#406 #551552
>>550871
Не так давно собеседовался, примерно в полтора десятка мест ходил, никто мне связными списками мозг не ебал, я вообще не знаю что это такое и нахуй нужно.

Зачем вообще что-то спрашивать про ноду, если там принципы построения полностью отличаются от тех, что используются во фронте, так как все асинхронное и ВЕСЬ код на промисах/генератора?

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

Зато везде интересовались прошлыми проектами, что я там делал и используемым стеком (я реактоеб и вебпакодрочер). Плюс показывал свой пет-проект.

Устроился на 130к. Предложений было более чем достаточно. Уверен, что тот анон не пиздит.
>>551569>>551575
#407 #551555
>>551548
Я имею в виду, что у меня из всего бутстраповского CSS только сетка.
#408 #551569
>>551552

>я вообще не знаю что это такое и нахуй нужно.


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

Можешь, например, рассказать, как ты сделаешь вложенные комментарии на реакте? По типу как реддите или жж.

>Зачем вообще что-то спрашивать про ноду, если там принципы построения полностью отличаются от тех, что используются во фронте, так как все асинхронное и ВЕСЬ код на промисах/генератора?


Потому что должность предполагает написание своих тулз на ноде.
>>551574
#409 #551573

>А я вот не знаю, как вы умудряетесь находить долбоёбов, который вам столько платят без этих знаний.


На хедхантере же. Выложил резюме, мне написали.

>Можешь, например, рассказать, как ты сделаешь вложенные комментарии на реакте? По типу как реддите или жж.


Какая конкретно часть вызывает вопросы? Проще всего стянуть с сервера сразу все дерево и отрендерить рекурсивной функцией. Манипуляции — по id каммента. Если дерево подгружается кусками, то задача немного усложняется, но некритично — нужно отмечать в стейте приложения, что какие-то куски не подгружены.

>Потому что должность предполагает написание своих тулз на ноде.


Поздравляю, а моя не предполагает. Мне нравится работать с интерфейсами и я с ним работаю.
>>551574>>551579
#410 #551574
#411 #551575
>>551552

>Устроился на 130к. Предложений было более чем достаточно. Уверен, что тот анон не пиздит.


Тут дело не в предложениях, а в том, что у него уже есть 120к, при этом он собеседуется на джуниорскую должность в яндексе, за которую больше 80к не заплатят. Попахивает пиздежом.
>>551583
#412 #551579
>>551573

>Какая конкретно часть вызывает вопросы? Проще всего стянуть с сервера сразу все дерево и отрендерить рекурсивной функцией. Манипуляции — по id каммента. Если дерево подгружается кусками, то задача немного усложняется, но некритично — нужно отмечать в стейте приложения, что какие-то куски не подгружены.


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

>Поздравляю, а моя не предполагает. Мне нравится работать с интерфейсами и я с ним работаю.


Ну а хули ты тогда пиздешь на то, что спрашивают про ноду? Что за бред?
>>551586
#413 #551583
>>551575
Хуею с ваших зарплат.

мимо хочу работать фронтэндером хотя бы за 16к
>>551585
#414 #551585
>>551583
Чувак, тут половина пиздежа. Такую зп ты просто так не получишь, либо ты хороший спец с 3-4 годами работы, либо должно очень сильно повезти и ты нарвешься на долбоёбов, которые будут сорить деньгами.
>>551587
#415 #551586
>>551579

>Если ты не знаешь, что такой связный список, то ты никогда в жизни не поймешь, что нужно делать


Так может ты объяснишь сразу зачем он там и какие преимущества даст?

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

>Ну а хули ты тогда пиздешь на то, что спрашивают про ноду? Что за бред?


Писать утилиты на ноде вообще никакие боком не относится к базовым знаниям фронта. А пизжу я потому, что если тебя ебали в хвост и гриву на собеседовании, то это не еще не значит, что во всех компания предъявляют такие требования. Или что эти требования вообще адекватны рынку труда.
>>551590
#416 #551587
>>551585
Это обычная зарплата нормального спеца в ДС. Если ты шаришься во фронте или Руби, то приходи, побеседуем.
>>551588>>551591
#417 #551588
>>551587
шаришь*
#418 #551590
>>551586

>Так может ты объяснишь сразу зачем он там и какие преимущества даст?


Без него ты в принципе не реализуешь ничего подобного. Я хуею с таких ребят как ты. Сложнее лендингов вы вообще что-то делаете?

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


Бля, хули ты приебался вообще? Какой блять фронт? Я что хоть где-то упоминал вакансию фронтендера? Что блять за вопрос "зачем спрашивать о ноде"? Тебе блять какая разница?
#419 #551591
>>551587

>Это обычная зарплата нормального спеца в ДС.


Как это противоречит моим словам? Да, это зарплата нормального спеца, но не дебилойда без базовых знаний.
#420 #551596
>>551590
Да-да, я уже понял, что ты охуел и что я получаю зарплату несправедливо. Так ты пояснишь про связный список или нет? Статью в вики прочитал. Ок, прикольно, но зачем?
>>551602
#421 #551598
>>551590

>Я что хоть где-то упоминал вакансию фронтендера?


>Front-end thread №3


Какой самый известный самолёт на тихоокеанском театре военных действий?!
>>551599>>551601
#422 #551599
>>551598
Тред полон маркап девелоперов-хохлов, я гарантирую это.
>>551601
#423 #551600
>>551590

>Какой блять фронт? Я что хоть где-то упоминал вакансию фронтендера?


Бро, ты возможно уже забыл, но высказался про детские требования на собесе ты в ответ на рассказ фронтендера про то как он устраивался на позицию фронтендера. А еще ты сидишь в треде для фронтендеров. Ну это так, между прочим.
>>551602
#424 #551601
>>551599
Я и сам оттуда, лол. А при чем тут хохлы, собственно?
>>551598-кун
>>551607
#425 #551602
>>551596
Ты реально настолько тупой? Это пиздец несправедливо тогда.
Попробуй реализуй вложенные комментарии без него.
>>551600
И что? Я где-то сказал, что нода обязательно для фронта, хуле ты приебался? Я рассказал, о чём меня спрашивали и всё. Алсо, если ты не умеешь в асинхронность ещё, и удивился бы такому вопросу, то такого чела вообще брать не стоит.
>>551608
#426 #551604

>Ты реально настолько тупой? Это пиздец несправедливо тогда.


Я почему-то так и подумал, что ответить по существу тебе нечего.
>>551605
#427 #551605
>>551604
Сука, ты даже до второй строчки не дочитал, лол? Совсем мозг отсох?
#428 #551607
>>551601
Несколько тредов тому назад анон забавлялся тем, что по запросу "markup developer" находятся только хохлы на апворке.
>>551609
#429 #551608
>>551602

>хуле ты приебался


Просто ответил на твой вопрос, но ты видать не догнал до сих пор.

>Алсо, если ты не умеешь в асинхронность ещё


При чем здесь асинхронность вообще?
>>551610
#430 #551609
>>551607
У нас тут это вообще мегапопулярная тема - в it уходить, причем многие переходят с совершенно других областей например, я, лол.
У вас то есть всякие вахты, нефтяные вышки, служба по контракту - там везде можно схожие бабки получать. У нас таких областей работы нет, так что щито поделать десу.
>>551611
#431 #551610
>>551608

>Просто ответил на твой вопрос, но ты видать не догнал до сих пор.


Какой вопрос, что за хуйню ты несешь? Я не задавал никаких вопросов. Ты пиздец тупой, как в жизни, так, я чувствую, и в кодерстве.
>>551615
#432 #551611
>>551609
У кого у вас-то, я сам новорос.
>>551613
#433 #551612
Реально, всю эту хуйню надо в шапку заносить, или куда-то сейвить, когда тупые аноны хвастаются фейковой зарплатой, а потом после мало-мальски серъезного вопроса сливаются.

- "Получаю 130к, а вы все бомжи"
- "Окей, расскажи зачем нужны связные списки"
- "Азаза ололо я вообще не знаю нахуй не нужны"

- "Получаю 120к, задавайте вопросы"
- "Что спрашивали на собеседосе?"
- "Попросили развернуть строку, я не справился"

Пиздец, это ведь просто лол.
Жду не дождусь, когда стану проводить собеседосы сам, буду таких петушков унижать каждый раз.
#434 #551613
>>551611
И что у вас с айти сейчас?
>>551617
#435 #551614
>>551612
Ну и кто лох, если эти чуваки без твоих знаний получают такие бабки, а ты - меньше?
>>551621
#436 #551615
>>551610

>Какой вопрос, что за хуйню ты несешь? Я не задавал никаких вопросов


На дваче можно просмотреть историю ответов. Потрудись.

>Ты пиздец тупой, как в жизни, так, я чувствую, и в кодерстве.


Человек сходу обвиняющий незнакомого человека в чем-то, как правило, сам обладает этими качествами.
>>551621
#437 #551617
>>551613
Ничего. Фрилансю через интернет, с выводом нала проблемы, ибо у нас не работает ни одного банка, кроме государственного.
>>551618
#438 #551618
>>551617
Но у вас нет государства.
>>551622
#439 #551620
>>551612

>Жду не дождусь, когда стану проводить собеседосы сам, буду таких петушков унижать каждый раз.


Бодливой корове Бог рогов не дал
#440 #551621
>>551614
Охуеть теперь, мы что все лохи тогда, по сравнению с каким-нибудь крутым банкиром и т.д.? Ты ебанашка совсем? Мне вообще строго похуй на деньги, в месяц трачу 15к наверно только.
90% их этих даунов - пиздаболы. Вот чел с яндексом точно, просто уверяю.

>>551615

>На дваче можно просмотреть историю ответов. Потрудись.


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

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


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

Не слушайте пиздаболов, учите лучше базовые основы программирования и всё будет ок.
Всем удачки, я спать.
#441 #551622
>>551618
Государства нет, а банк есть.
#442 #551623
>>551621

>Я не сходу обвиняю, по твоим постам видно, что ты отсталый.


Что видно тебе-то блять? Я тебе щас третий или четвертый пост строчу. С момента уточнения про фронтенд-тред тебе 2 разных человека отвечали, придурок. Ты даже этого не понял?
#443 #551624
>>551621

>Мне вообще строго похуй на деньги


А, ну понятно чего тебя так разворотило.
#444 #551681
>>551612
Подскажешь, как javascript учить?
#445 #551832
пока некоторые лошки копротивляются флексбоксам и до сих пор пихают распорки под флоуты, нормальные люди уже вовсю втыкают, каким будет следующий шаг в этом направлении:

https://css-tricks.com/snippets/css/complete-guide-grid/
>>551866
#446 #551846
>>551621

>Охуеть теперь, мы что все лохи тогда, по сравнению с каким-нибудь крутым банкиром и т.д.?



да.
#447 #551866
>>551832
http://caniuse.com/#feat=css-grid
Ну и нахуй оно надо?
>>551879
#448 #551879
>>551866
По секрету:
нормальные люди следят за тенденциями, чтобы быть во всеоружии когда они станут полноценным стандартом, грубо говоря когда другие будут сидеть вчихлять - то ты уже будешь понимать что и как.

Это конечно к гридам меньше относится, а вот к js больше. Тогда и особой попоболи как некоторые испытывать не будешь от количества фреймворков, либ и т.д. Ибо если следишь за прогрессивным сообществом, то ты штуки всякие знаешь и игрался с ними еще до того как они станут мэйнстримом
Естественно играются не на рабочих проектах, если вдруг не понятно.
>>551883
#449 #551883
>>551879
Тут ты конечно прав, но там где-то в статье написано, что это будет стандартом новым?Люди еще на флексы до конца не перешли, а тут уже грид сетку выкатили.
>>551907>>551922
#450 #551907
>>551883
Я вообще другой анон, если че.

Я видимо недостаточно точно выразился, ты пробуешь ЛЮБЫЕ фишки, до того как они уйдут в широкие массы.
Естественно тебя никто не заставляет это делать. Но как бы если нравится деятельность - то ты будешь ковыряться о всем новом, интересном.

Что касается гридов - они относительно давно муссируются уже. И сейчас находятся в драфте. Поэтому есть вероятность что это будет стандарт. Но етественно могут и быть и доработки и т.д. Для этого и идет драфт
>>551919
#451 #551919
>>551907
Да дело в том, что я еще всю текущую инфу не выучил, лол. Когда начну джс учить придется начинать со старых фреймворков, а потом когда выйдут новые придется учить еще и их...
>>551923>>552002
#452 #551922
>>551883

вангую затяжные срачи по поводу грид vs флекс.

видимо кому-то там очень доставляет наблюдать за холиварами версткодрочеров, даже тут неоднократно срались по поводу флексов, поддержки и прочей херни.
#453 #551923
>>551919
Ну так учи текущую, все постепенно. Не надо бросаться с головой во все сразу - только каша будет.
#454 #551939
Народ, не пойму как сконкатенировать все файлы стайлус, чтобы потом мэин.стайлус скомпилировать в мэин.цсс?

gulp.task('stylus', function () {
return gulp.src('app/stylus//*.styl')
.pipe(stylus())
//.pipe(concatCss('main.css'))
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({stream: true}));
});
>>552004
#455 #552002
>>551919
Что мешает учить актуальное?
Ты наверное тот кун, что SQL с основ теории БД изучает?
#456 #552004
>>551939
Чтоб сконкатенировать файлы стайлус их надо импортировать в основной, потом основной уже комперлировать в цсс.
У тебя здесь написано, что все файлы компилировать, еще и слеш лишний

>return gulp.src('app/stylus//*.styl')


Можешь мой галпфайл со стайлусом посмотреть, может поможет
https://github.com/gitanon/gitanon.github.io/blob/master/projects/joremipsum--adaptive/gulpfile.js
>>552019>>552024
#457 #552019
>>552004
как ты поставил gulp-autoprefixer, если это приблуда для основного плагина autoprefixer и без него нихуя не пашет?
>>552023
#458 #552023
>>552019
Пашет всё норм, у неё у самой в депсах обычный автопрефиксер
#459 #552024
>>552004

>У тебя здесь написано, что все файлы компилировать, еще и слеш лишний



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

А как импортировать то, ну через галп? Я то могу руками поинклудить в стайлусе, но тогда и галп мне не нужен будет
#460 #552041
Нашел, вдруг кому пригодится, правда подключить пока не смог.

gulp.task('styles', function () {
gulp.src(paths.styles + '/*.styl')
.pipe(sourcemaps.init())
.pipe(stylus({
paths: ['node_modules', 'styles/globals'],
import: ['jeet/stylus/jeet', 'stylus-type-utils', 'nib', 'rupture/rupture', 'variables', 'mixins'],
use: [nib()],
'include css': true
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(paths.css))
.pipe(browserSync.stream());
});

http://www.wunderkraut.com/blog/stylus-with-gulp-a-fantastically-fast-front-end-workflow/2015-08-11
#461 #552079
У меня другой вопрос.

Теперь оно все файлы напрямую компилирует в main.css, а main.styl остается пустой, попробовал в src оставить пустые кавычки, тоже работает, нахер она тогда нужна и как все это собрать в main.styl?

gulp.task('stylus', function () {
return gulp.src('app/stylus/main.styl')
.pipe(stylus({
paths: ['app/stylus/blocks', 'app/css/'],
import: ['header', 'footer', 'fonts.css'],
'include css': true
}))

.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({stream: true}));
});
#462 #552137
Кто-нибудь пришел/идет к успеху посредством самоучёбки?
>>552155>>552213
#463 #552155
>>552137
75к получаю, ровно 10 месяцев работаю, только самоучеба, только хардкор
>>552193>>552270
#464 #552193
>>552155
Пруфы сэр
#465 #552213
>>552137
На днях получил свои первые деньги за проект, для меня это успех, учитываю то, что 3 месяца назад я даже не знал про верстку вордпрессы и прочую хуету.
>>552270
12 Кб, 480x480
#466 #552256
Пацаны, поясните за cmder.
#467 #552269
Помогите моему непутевому брату найти работу на 12к+ в месяц. вордпресс?

мимо-руби-кун
>>552283
#468 #552270
>>552155
>>552213

Как удалось ворваться? Через фирму и собеседования или через интернет? Если в интернете, то через какой сайт ворвались?
>>552369
#469 #552283
>>552269
Знакомый хороший прогер сказал что я зря выбрал фронт-энд и лучше бы учил руби. Типа, вот где настоящее бабло будет в ближайшие годы.
>>552285>>552292
#470 #552285
>>552283
Да все погромисты такие - кококо мое говно лучше.
>>552287
#471 #552287
>>552285
Так он не спец в руби, лол. Он оче хорошо Java и Python знает, с руби никогда не работал.
#472 #552292
>>552283
хз, я нашел себе заказчика 2 месяца, моя первая работа. первый месяц было 150-250$ в неделю(15$), сейчас 300.

а в js парашу я соваться боюсь, не поспеешь за ХАЙП АНГУЛЯР РЕАКТ ХААЙП. ну нафик.
#473 #552294
>>552292
15$ в час, 2 месяца назад*
#474 #552308
>>552292

Фронтендер? Где нашел, на русской бирже?
>>552314
#475 #552311
>>552292
Он просто ездил, пробивал почву в Одессе. Ему там предложили $2000/месяц. Ну и заодно в целом на рынок труда посмотрел. Говорит, для спецов в руби аналогичные предложения сразу +$500-1000, по сравнению с пайтоном, например.
>>552431
#476 #552312
Объясните нубу на пальцах что такое эти ангуляры/реакты, и зачем они нужны фронт-эндеру.
>>552315
#477 #552314
>>552308
руби. создал тред в /r/rails на реддите, написало двое.
>>552320>>552323
#478 #552315
>>552312
смотря какой у тебя уровень. еле-еле ебашишь на jQuery - рано. если же у тебя много лапшекода на jQuery - читай про React.
>>552319
#479 #552317
небольшой список ресурсов для поиска работы
https://news.ycombinator.com/item?id=11405239
https://www.reddit.com/r/forhire
https://jobspotting.com/en/
http://careers.stackoverflow.com/

про русские биржы забудьте, это адок мудоебов с хуевой оплатой.
>>552356
#480 #552319
>>552315
Да нет, я JS знаю на уровне "присвоить/убрать класс". Так, для себя хотел хоть примерно понять что это и зачем. Типа "бутстрап это набор заготовок для CSS, из которых можно целиком собрать стили страницы".
#481 #552320
>>552314

Четко. Сколько руби учил? Может есть сылки, которые считаешь полезными в обучении.
>>552325
#482 #552323
>>552314

Англ. хорошо знаешь?
>>552343
#483 #552325
>>552320
ну... точные даты не скажу, вебом заинтересовался в 2012, перебрал пхп, asp.net mvc, джанго, больше всего понравились рельсы. поигрался, забросил на полгода. потом учил по вечерам, писал себе бложик, иногда делая перерывы по месяцу...
а вот серьезное изучение начал в июле 2015, тратил несколько часов каждый день пожалуй.
на гитхабе один минималистичный бложик, лол (https://github.com/zernie/playground/blob/master/app/models/user.rb), зато не говнокодерский.

самый полезный - http://railstutorial.ru/chapters/4_0/beginning
ну и доки на rusrails.ru

из примеров больших проектов, на которые стоит взглянуть: gitlabhq
>>552337>>552383
#484 #552337
>>552325
можешь еще на ютубе смотреть railscasts и http://www.youtube.com/user/mackenziechild
railscasts чуть-чуть устарел, но качество кода выше.
>>552432
#485 #552343
>>552323
Ежедневно читаю reddit, смотрю сериалы с сабами несколько лет. т.е, читаю статьи по рельсам на буржуйском. т.е. технический английский вообще без проблем, а вот в разговорной речи допускаю ошибки, потому что когда-то насрал на грамматику. попробую исправить с помощью лингвалео, когда время будет..
#486 #552356
>>552317
Как верстала по-английски называется?
>>552373
#487 #552369
>>552270
Да уже много раз рассказывал свою историю, просто через hh. Прогрессия зп: 20к-35к-50к-75к, каждые 3 месяца просил повышение, главное не забрасывать развитие и дальше читать, упражняться и учится нового. По началу будет очень сложно, я первые пару месяцев убитый домой приходил, вообще не было желания что-то делать, сейчас полегче, даже начал свои проектики пилить.
>>552377>>552378
#488 #552373
>>552356
verstala
>>552374
#489 #552374
>>552373
spasibo
sosi huy, shutnik ebaniy blyad'
#490 #552377
>>552369
мне 12 лет, за сколько я могу научится кодить на руби? хочу купить bmx
>>552390
#491 #552378
>>552369
у тебя как, получается тратить на работу ровно 40 часов в неделю? я трачу сверх часов 6-7, ибо не успеваю
>>552381
#492 #552381
>>552378
Ну я в офисе работаю, и в целом у нас спокойный очень проект, редко когда нужно что-то сделать прям срочно. Так что нет, ничего не перерабатываю, кроме 8 часов. Да и то я ведь не все 8 часов задрачиваю, тут перерывчик, там чайку попил, здесь твиттер почитал, потом в кикер поиграл, в итоге часов 5 выходит от силы. Но в дороге, или дома, постоянно задрачиваю литературу разную или пишу свои штуки, мне нравится кодить.
>>552382
#493 #552382
>>552381
заебись. какой обьем работы получается за день выполнить?
#494 #552383
>>552325

Спасибо
#495 #552390
>>552377
См. фак
#496 #552431
>>552311
А в жаватырпрайзе еще больше. Разные техи, разные задачи, разная нагрузка.
>>552437
#497 #552432
>>552337
упоролся, mackenziechild это крудопетушок, который с рельсами и руби ничего не имеет общего.
#498 #552437
>>552431
Я имел ввиду в рамках веба, конечно.
#499 #552444
Как сделать чтобы при нажатии на дочерний элемент меню не нажимался родительский?
>>552445
#500 #552445
>>552444
e.stopPropagation()
>>552459>>552460
8 Кб, 765x225
#501 #552450
Пацаны, как мне сделать с less хуйню как на пике? Или это только sass без скобок и точки-запятой может?
>>552451
#502 #552451
>>552450
Один вопрос: нахуя?
>>552540
#503 #552459
>>552445
thanks
#504 #552460
>>552465>>552596
#505 #552465
>>552460
сделал по другому, оказалось нужно всего лишь применить другой селектор (относящийся непосредственно к элементу)
#506 #552540
>>552451
Двачую, со скобками читаемость получше
#507 #552541
Если здесь есть уже работающие/фрилансящие аноны, скажите, сколько времени вы потратили на то, чтобы освоить джс на уровне "не стыдно отсылать резюме"? Я имею в виду базовый джс, без этих ваших ангуларов и прочего. Особенно интересен опыт тех, кто вкатывался с нуля, без знания других ЯП.
#508 #552568
>>552541
Два года, но довольно лениво. С Реактом. Без фреймворков ты на рынке не особо нужен, только в качестве jQuery-макаки. Я вообще особо не изучал чистый JS, только базовый синтаксис. Потому что это унылое дрочево в консоли, а на фреймворках можно сразу делать работающие продукты.

(да, я знаю, что Реакт не фреймворк, я имею в виду всю экосистему)

130к, который не знает про связанные списки
>>552569>>552588
#509 #552569
>>552568
Добавлю: вначале не изучал. Потом-то конечно додрочил и замыкания и прототипы и es6.
#510 #552588
>>552568
Посоветуй годноты по Реакту и с чего лучше начать
#511 #552596
>>552460
Никаких багов там нет, лол, ебанулся?.
Другое дело, что код, в котором используется много стопПропагейшенов - это говнокод.
#512 #552598
>>552541
В фак лень посмотреть, расписано же все, по часам даже.
#513 #552599
>>552541
120к получаю, чистый жс почти не знаю вообще, ну т.е. там нюансы разные, прототипы, прочая хуйня, вообще не рублю в этом, пишу на ангуляре + жквери только, плюс утилити либы юзаю, типо лодаша. Освоил всё примерно за год.
#515 #552628
Тред утонул или удален.
Это копия, сохраненная 3 июня 2016 года.

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

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