24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак. Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc Да, и не один а двое, азазазза, кхм. Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио. Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать? Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Ребята, подошел к препроцессорам. Имеет смысл осиливать. Что лучше? LESS, SCSS что там еще. В чем их преимущество перед CSS открытым кроме того что можно юзать переменные, и кто сталкивался на практике, что какую-то фичу удается реализовать только через препроцессор.
>>624328 Фич, которые можно реализовать только через препроцессор, нет, но они действительно облегчают работу, тем более, если ты именуешь классы по бэму. Одна только вложенность и возможность собирать css из нескольких файлов уже многого стоит. А есть ещё переменные, миксины и кое-какие няшные функции (я вот, верстая седону, очень часто использую rgba(color, opacity)).
>>624328 >Имеет смысл осиливать. Что лучше? Имеет, если ты чувствуешь, что упёрся в потолок скорости своей вёрстки и тебе хочется писать код быстрее и эффективнее.
>что какую-то фичу удается реализовать только через препроцессор Мне кажется, ты их немножко не понимаешь. Препроцессор — это надстройка над языком. Ты ничего на нём не реализуешь, что нельзя было бы написать на чистом CSS. Препроцессоры лишь освобождают твоё время, позволяют тебе ускорить написание кода и улучшить его структуру.
Грубо говоря, ты же не будешь писать драйвер для чего-нибудь на машинных кодах, правильно? Ты воспользуешься ассемблером, или C++ — языками более высокого уровня. Это не совсем корректное сравнение, но оно помогает понять, чем являются препроцессоры по отношению к чистому CSS.
Алсо, у меня пиздец, завал такой, что хоть вешайся. На работе висят два проекта, на фрилансе висит три проекта. С другой стороны тян доёбывает, пойдём туда, пойдём сюда. Про з.п. пока ничего не говорят. Хотя, я пришёл на работу 31-го, сейчас пошла пятая календарная неделя... я сдохну, пока доживу до 30-го, 1-го числа.
Алсо, я раскрыл секрет нашего кодера. Оказывается, он просто берёт вот эту тему https://github.com/saxap/clean-wp-template/tree/master/your-clean-template-3 и ставит мою вёрстку на неё, не обращая внимания на бутстраповские колонки. Разумеется, всё едет. Короче, видимо, он просто оказался не совсем опытным в этом деле. Второй сайт сегодня я весь день ковырял, обвешивая костылями, убирая все эти col-sm-12 и т.д. из кода.
>>624404 >Мне кажется, ты их немножко не понимаешь. Препроцессор — это надстройка над языком. Ты ничего на нём не реализуешь, что нельзя было бы написать на чистом CSS. Препроцессоры лишь освобождают твоё время, позволяют тебе ускорить написание кода и улучшить его структуру. Спасибо, дошло. Это грубо говоря, как вместо 22222*2 написать 2^6 Купи тян ноутбук, пусть учит код. Будет писать проекты по фрилансу вместо тебя. Так сразу две проблемы решишь.
http://codepen.io/doomerdo/pen/aZJOqQ Проблема. Выходит в браузере пикрилейтед, почему? Надо как на превью в песочнице, т.е. шапка высотой около 60пх и контейнер логина на 100% её высоты, а не высоты всего боди.
Блять, аноны, я похоже вкатился куда-то не туда. Посадили короче править баги в уже готовом и довольно большом проэкте. Баги на первый взгляд не очень сложные. Но как только начнаешь разбираться то пиздец, адъ и израиль. В итоге за неделю по сути сделал один таск, остальные не прошли тестирование и мне опять надо их править. А там такой хурдур, просто пиздец. У кого-то было что-то подобное на этапе вкатывания или вся сложность шла по нарастающей?
>>624472 Ну а хули ты логину height: 100% задаешь? Он работает не так как ты этого ожидаешь и высчитывает высоту не от того элемента, в котором находится. Иначе эта будет бесконечная рекурсия.
Аноны, смотрите. Я задал в десктопной версии цвет для hover'a, но в мобильной версии hover было бы неплохо отменить. Можно, конечно, задать hover'y тот же цвет (как у меня получилось само собой), но это как-то неправильно. Что делать? Сработает ли что-то уровня color: inherit, color: none или color: auto ?
Аноны, возможно ли как-нибудь уменьшить ширину окна в хроме меньше трёхсот пикселей? Я нашёл способ, изменив масштаб, но это чревато некоторыми ошибками.
>>624633 А, про эту функцию я знал, но она не очень удобная. Хотелось бы именно уменьшить ширину окна браузера, чтоб он ещё и занимал поменьше места на экране.
Выполнял задание на сетки в барбершопе. Господи, сколько же я тупейших ошибок делал просто из-за своей невнимательности. Профи бы наверное за 20 минут справился, а я три часа убил.
>>624671 >>624678 Убил весь день, оживляя свое портфолио велосипедистыми жаваскриптом (кнопочки-хуепочки, стики хедер, скроллспай). Еще осталось гладкий скролл прилепить и камень с плеч упадет. Код настолько примитивен, что даже стыдно. Несколько часов ебался, пытаясь заставить работать дебаунс на скролл-событиях. А ведь можно было просто нахуячить жиквери плагинов, как делают наверное почти все, кроме самых продвинутых йоба-сениоров.
>>623923 >Пойди в fl/ в англотред. Если мне не изменяет память, там есть ссылки на ресурсы, где можно бесплатно пообщаться с носителями онлайн. Зачем всё так усложнять? Есть фочан с примитивным английским как раз для обучения.
Пришел ответ из компании в которой на прошлой неделе проходил собеседования. Компания охуенная, офисы по всему миру, я и вправду хотел туда попасть. Но не попал. Обидно сука. На собеседовании ответил практически все, кроме нескольких тонкостей типа счетчика ссылок в JS функциях. По верстке даже спрашивать толком не стали, после первых нескольких вопросов сказали что и так ясно что там все заебись. А вот на задачках запоролся. У них фича такая - давать кандидату листочек с карандашом, дабы тот занимался "оффлайн кодингом" решая задачки по развертыванию бинарных деревьев и т.д. Вот здесь у меня мозг сука отказывается работать как положено. Те вещи которые решал не раз приходится заново блять выдумывать, потому что нервы блять, особенно если это вещи типа рекурсивных функций по развертыванию узловых деревьев в контроллерах.
>>624414 >>624547 >Ты так и не ответил, где фрилансишь, сколько по времени уже там? Отвечал когда-то в тредах, действительно, жаль, что не ведём историю, если только в Архиваче искать. Ищу заказчиков везде: на местном региональном форуме, в тематических группах ВК, на небольших фрилансерских сайтах и аггрегаторах. Вкатывался на fl.ru, но быстро оттуда выкатился, ибо ебал я отдавать 600 рублей в месяц за ВОЗМОЖНОСТЬ поработать. Пытался участвовать там в конкурсах, но что-то не зашло. Фрилансю где-то около года. По деньгам выходит по разному. Когда 5К в месяц но это редко когда так, это уже совсем надо лениться пиздец и неделями не искать клиентов, когда 30К. Самый большой заработок, что был — это 60К в месяц, когда был крупный проект. В основном делаю мелкие сайтики для местных дельцов за 6-10К. Но так как уже потолка достиг в этой сфере, хочу выйти на уровень повыше. Сейчас вот устроился верстальщиком в студию, отработал месяц охуеть, надо же, уже месяц прошёл, а, казалось, только недавно первый раз отписывался в треде, жду в ближайшие дни вот зарплату. Обещали 25К, но посмотрим как оно выйдет. В студии пиздец, бардак, рабочий процесс совершенно не налажен, проекты висят по джве недели, короче я перелопатил Хабр с Тостером, кучу блогов веб-разрабов и студий, и выкатил своему руководству список возможных улучшений и адаптаций. Начальство охуело, дало добро, сказало внедряй, если всё сделаешь, будет тебе премия и, если хочешь, должность ПМ-а.
>И ещё поясни за МодХ, а то я нашёл вакансию, у них в требованиях он есть. MODx обожаю за его гибкость и универсальность. Ты можешь сделать на нём от сайта-визитики до йоба-магазина и у тебя всё будет, по сути, летать, свистеть и пердеть "искаропки". Админку, опять же, для заказчиков можешь настроить как угодно, куда угодно вывети шаблоны и доп. поля так, чтобы даже самый даун разобрался.
Из-за того, что для посадки на MODx нужно, как минимум, знать HTML и CSS и обладать каким-то аналитическим аппаратом (в отличие от WP-шной "нажмите загрузить шаблон, а потом нажмите активировать шаблон", то коммьюнити у него более-менее адекватное. Как минимум, в MODx-клубе ребята достаточно грамотные. Устраивают конференции, пилят какие-то свои сборки и плагины. Они как-то начинали свой проект студии, которая будет специализироваться на сайтах на MODx, я туда отправил резюме, показал несколько своих сайтов и меня пригласили поработать. В Москву. Но это было очень быстро, у меня тут висели несколько жирных проектов, которые нельзя было закончить удалённо, плюс тянка начала ныть, что, мол, куда ты от меня уедешь, плюс у меня тогда денег не было даже на дорогу, короче я извинился и отказался. Потом даже немного жалел — сейчас въёбывал бы где-нибудь в Подмосковье, а не сидел в своём Горьком Мухосранске хотя это неправда, я люблю свой город, хоть ему и есть куда расти.
Алсо, сегодня в одной из крупных групп по вебу в ВК какой-то прямо наплыв непуганных ньюфагов. Посмотрите, посоны, с кем нам придётся конкурировать. И вы после этого боитесь не найти работу?
Сорри, господа, за немного сумбурную речь. Но что-то вот накатило и решил высказаться.
Во-первых, раз уж каждый поток интенсива всё равно сливается на торренты, не поленитесь найти и добавить последние потоки всех интенсивов.
Например, на базовом теперь сильно переделан 8 раздел. Теперь там намного больший упор на связку прогрессивного улучшения и семантичной разметки. По сути вся главная ББ перевёрстывается с учётом семантики.
В продвинутом тоже серьёзные изменения по сравнению с древним 2015. Урезали в 4 раза препроцессоры, заменили их более подробным рассказом про адаптивную вёрстку и автоматизацию. И да. Теперь там новый барбершоп адаптивно верстается (и на флоатах, и с флексами), прямо как на базовом.
Во-вторых. Если ты вкатился в профессию по курсам и скачанным с торрентов интенсивам академии и уже год-два успешно работаешь верстальщиком/фронтендером, то тебе вполне по силам попробовать себя наставником на базовом HTML и CSS. Это оплачивается, это прикольный опыт, и это возможность отблагодарить «альма-матер» и очистить карму. Требования к наставникам: https://htmlacademy.ru/intensive/htmlcss/tutors
>>624838 >>624838 Слитие не особо одобряли. Скорее обозначили нейтралитет. По-тупому выкладывать на какой-то открытый ресурс, где можно получить персональные данные опубликовавшего слитое, всё же не стоит. На таких дерзких (но тупых) можно неплохо заработать при желании.
>>624838 В любом случае им нужно развивать экосистему. Те же интерактивные курсы и продвижение учеников на всякие работы. Мб в будущем академия будет аккумулировать фриланс-заказы и распределять их между выпускниками чтобы помочь им на первых порах...?
>>624847 Да блин я был на последнем базовом. Такое ощущение, что у всех лекторов там уже программа в голове - словно читают все уже по 10 разу (хотя так и есть, лол). Что такое прогрессивное улучшение, семантичность - вроде объяснили, но дико невнятно.
>>624853 Не. Просто стиль изложения логичный, сухой, атичный и немного язвительный-колкий. Бородач мне таким по характеру представился. Першин все таки немного социоблядь, а по меркам прогеров - так просто король всех социоблядей. У него была бы другая манера речи.
>>624512 Проверь сработают твои догадки или нет. хз какой у тебя там проект, если мобайл ферст, то можно не задавать ховера, а если не мобайл ферст, то наверно перебивать надо.
>>624845 Господи, вон выше уже закидывали же сюда группу из VK. Там люди с IQ как у хлебушка. Половина из них неосилирует еще на сетках. Я читал их форумы. Если на первых заданиях, можно пойти на форум и готовое решение найти, то на курсе про SVG вообще нет никаких тем. Сейчас такое время, что каждой залупе нужен сайт его наебизнеса. Заказы будут всегда. А особо талантливые из наших могут и в бек заглянуть, а там никогда не будет кризиса по причине того, что не все могут в логику.
>>624830 У меня карма и так чистая, потому что денег вы бы от меня в любом случае не получили. У меня их нет ни копейки. Вообще. Можете считать это принудительной благотворительностью. Если у меня получится зарабатывать на сайтах, задоначу вам.
http://frollodecol.github.io/sedona/dist/index.html Ура, анончики, я доверстал адаптивную седону. Единственный пока обнаруженный мною косяк - в средствах разработчика при просмотре на мобильном устройстве почему-то не отображается копирайт в подвале. Рейт, что ли.
>>625024 Внедряю. Гуглю вот, как сделать так, чтобы оно сворачивалось плавно. Есть ли у кого-нибудь ссылка на codepen с реализацией этого на css-анимациях?
>>625072 Сложности могут заключаться в том, что там под логотип находится в списке элементов меню. Переделывать это сейчас уже не хочется, но впредь возьму н заметку, что если пункты надо будет свернуть, их стоит кидать в один блок.
аноны гуру-гита подскажите, как вы такое делаете на гите? Я например так могу сделать только на GitHub Desktop'е. Я хочу сделать на гитхабе папку в которой будут много других папок с разными проектами. Как например это сделать на гите, чтобы они создавались именно так?
Я использую такую команду, чтобы залить проект на гитхаб. Может, поможет. git add . ; git commit -m 'comment for commit'; git push -u origin branchname (по умолчанию - default)
>>625096 Ты шутишь? Как раз на фоне карты. Это и есть всплывающая форма. Или ты не смотрел в папке с псд документик, которые описывает все активные состояния страницы?
>>625109 Не нашёл в макете ни одной управляющей кнопки для этого всплывающего окна, да и как-то нелогично будет выглядеть пустота на его месте. Мне кажется, это всё-таки обычное окошко.
>>625124 ты вообще приложением от гитхаба пользовался? Да, ты правильно понял "ПРИЛОЖЕНИЕМ". Там в репозиторий загружается все двумя кликами по кнопочке и все. На гите я загружал в репозиторий только один раз в своей жизни.
>>625113 псд гайд это который sedona-styleguide.psd? То есть само наличие этого окошка в стайлгайде означат, что оно всплывающее? Или ты про то, где инфраструктура, тип жилья, ползунок, вот это всё?
Пошла вторая неделя работы. Надо исправить какой-то ебический баг. Сижу уже 4 часа, и так нихуя и не понял, как его исправить. Код писали дохуя месяцев назад и тот, кто это делал, уже там не работает. Тимлид постоянно где-то проебывается, чтобы попросить помочь. Со мной никто не общается и вообще все очень хуево.
>>625238 Да там пиздец, код на 400 строк, на ссылку навешано 100500 событий, а какое-то из них переписывает scope, в итоге при клике на эту ссылку, ее this ссылается на предыдущую. Я только поправил эту хуйню, как появился баг в другом месте. Короче, пиздец, 6 часов потратил и нихуя не сделал. Это испытательный, так что наверное по окончании месяца пидорнут.
>>625398 Я хуйню о неразглашении подписывал >>625400 > > Рано собрался увольняться Ну может быть, но чет пиздец сложно. Сижу по 10 часов на работе, нихуя не получается. Наверное лучше скатываться в веб-студию, чтобы верстать с нуля и все контролировать. А я вкатился в крупную компанию со своим готовым проектом, и походу ничем, кроме бесконечной правки сложных багов я здесь заниматься не буду.
>>625423 Да охуенно было бы, если бы анон какой вкатился на апворк и отсюда в помощь пацанов взял бы. Я вот верстать могу, жс учу в слоу моде, вакансии посмотрю, там охуеть что хотят, запросы серьезные, заходишь посмотреть, чем та или другая фирма занимается, а там залупа омерзительная просто, адаптивы на бутстрапе, омерзительный дизайн, уебанская логика, говнокод. А так анон-то знает, что ты умеешь. что он умеет, заказ взял, один сверстал, другой логику клиентскую захуярил, все красиво, чисто.
>>625453 Я уговаривал одного анона, который пилит сайты под ключ, чтобы он вкатился на апворк, погромировал, а я верстал, но он опасается хуиты с налогами и новыми законами в рф. Я бы и сам попробовал туда набежать, но я в английский не могу на человеческом уровне.
>>625461 > /fl Сперва нужно жс выучить, хотя бы до уровня сделать красивую хуиту с прыгающими окнами окнами и слайдами, а потом буду дрочить английский. Ну у меня так, я своим темпом иду.
>>625442 Ну я тащемта планирую вкатываться. Глянул пару десятков заказов. Есть и довольно простенькие, те же psd to html. Я в любом случае уже кое-что умею, и живу в сорт оф мухосрани, так что почему бы не попробовать. Английский довольно средний, но для переписки думаю хватит.
А знаете, не удивлюсь, если тут на базе треда вырастут свои КООПЕРАЦИИ, с командами анонов. Когда-то тут был простой верстка-тред, потом основная масса вкатившихся с тех пор подросла, стали залезать на джейэс, человек 5 может и больше в треде уже как-то верстают/программируют на коммерческой основе. А ведь в верстка-тредах было упадническое настроение о том, что работы нет, и ходили мифические слухи, что 1 человек устроился. Очевидный прогресс же. Еще и ребята из академии о нас знают. Мы самые успешные в воркаче, епта.
>>625520 Эх вы, молодые-шутливые, вы видимо еще не углублялись в js. В хардкорном фронэнде очень нужны общие знания о программировании. И вообще программировать очень сложно научиться, это вам не седоны верстать. Научиться верстать и научиться программировать - это примерно как научиться складывать стену из кирпичей и научиться строить полноценный дом с какой-нибудь архитектурой, фундаментом, сосчитать все, чтобы он не развалился, был красивым и безопасным, чтоб его любой человек после тебя смог достроить и починить.
>>625532 Я углублялся/юсь. Да, это не верстка, и да тут нужен иной тип мышления. Но все это развивается. К тому же большинство средне-мелких приложух на фронте пишутся по одним лекалам. Берешь mvc, прихуячиваешь дополнительную логику - готово. Если парочку таких наебашишь, мозги вправятся, можно приступать к чему-то посложнее, модифицировать структуру под себя, экспериментировать и т.д. Не говоря уже о том, что большую часть работы за тебя делают фреймворки.
>>625568 Проблема в том, что сейчас огромный хайп относительно Айти и фронтэнда в частности. Плюс большинство людей мыслят визуально, а не абстрактно. А фронтов нужно куда меньше, чем бэков. Так что в конце-концов все равно будет демпинг зарплат и устроиться без опыта будет почти невозможно.
>>625596 Да в любой тред не зайдешь, везде одна и та же песня. #уженето, вкатываться было на 2-3 года раньше, да сейчас огромная конкуренция, все соснете. Вот ты говоришь, что бэков нужно больше, но ведь в пхп треде точно такие же речи ведут о том, что "все вы соснете".
>>625596 Если ты толковый разраб, тебе нравится то чем ты занимаешся и ты позитивно настроен, то свое все равно найдешь. Блин, да я без опыта практически получил заказ у крупной компании на редизайн сайта. Сверстал им главную, понравилось потому что стараюсь работать качественно, не юзаю фремворки, умею в бем препроцессоры, модульность и т.д. попросили еще. А так то анон выше прав. В любой профе такая же хуйня. Да есть наплыв людей, но много ли дойдет до конца? Имхо, половина отсеется когда поймет что здесь нет кнопки, на которую можно нажать и чтоб все заебись работало.
Аноны, пишет вам кун с зп 150 в час. Таки ушел с этой удаленки. Сижу, денег нихуя нет. Зато свободного времени дохуя. Пытаюсь придумать нормальный дизайн для портфолио на гитхабе, но идей никаких уже неделю нет.
Послал резюме в пару компаний на hh, одну в своей мухосрани и одну в ДС. Из моей мухосрани не отвечали нихуя, отважился сходить в офис, прихожу, а там сидит какой-то жирный хуй и говорит, что такой компании не существует. Я немного удивился, сходил к охраннику, тот подтвердил, что такая фирма у них на таком-то этаже находится, сходил вместе со мной, поговорили с жирным, были удивлены, что никакой компании там нет. После чего зашел на их сайт, а он полуживой, в консоль ошибки сыпятся, формы не работают. Эта параша меня немного деморализовала.
Очухался через пару дней. Хотел было на апворк вкатиться, но немного очкую, потому только зарегистрировался, после чего про апворк забыл.
На fl банально не хватает денег, потому сижу на жопе и обдумываю внешний вид своего портфолио. Идей нихуя. Зато свободного времени дохуя и настроение после ухода хорошее.
>>625632 Олсо, последние 3 дня в хуевые минуты у меня начала проскакивать мысля о том, что надо уходить нахуй из профы и идти работать каким-нибудь грузчиком. Останавливает то, что я отпахал уже больше 2 лет верстаком, и скиллы с опытом таки есть.
>>625638 За 2 года ты уже по идее должен был превратиться в еба фронтендера, пилить приложухи на реакте и рассуждать о полезности той или иной технологии. Чего так то?
>>625647 Больше года пидорил верстаком в одной днище-компании, в которой освоил лишь плохие практики верстки. Меня учили с нуля, но верстаки, как я понимаю теперь, сами знали верстку очень хуево, код пестрел лишними блоками. Ушел оттуда, когда меня все заебало, там писал 3 относительно стареньких проекта, рефакторил табличную верстку на блоки итд итп. Заебало именно то, что пидорил одно и то же, одни и те же 3 сайта в течение года.
Ушел я оттуда и начал учить js и иже с ним. Работы в моей мухосрани не было совсем, на hh я соваться боялся, опыта нихуя, js не знал. Сейчас более-менее разбираюсь в нем + jquery и фреймворках. Переучился верстать, считай практически с нуля, на ранних этапах брал пару заказов через аккаунт одного друга, один запорол к хуям, с другим справился как попало. Потом нашел удаленку, на которой нахватался немного практики по js, но больше по jquery. Основной работой там было редактирование бутстрапа за предыдущим верстаком. Я снова попался на долгоиграющем проекте, кои меня заебали за год. Мне хочется верстать лендинги, онлайн-магазины, каждый раз сталкиваться с чем-то новым, а мне приходилось переверстывать и фиксить чужие косяки.
Не стал я еба-фронтендером потому, что у меня нет интересных проектов, желания что-либо делать, нормального тайм-менеджмента и силы воли, наверное. Последние 3 дня я уже просто открываю редактор, смотрю в шаблоны, через полчаса закрываю редактор, делаю чай и иду играть в ведьмака, вместо того, чтобы почитать что-либо. Все заебало, делать ничего не хочется, начался период прокрастинации. Иногда я просто сижу перед монитором и слушаю музыку. И так уже пару недель.
>>625672 Ну и еще я немного застенчивый. Сложно не быть застенчивым, когда ты в 20 лет низкорослый и выглядишь на 15-16, и все обращаются к тебе как к ребенку. Вымораживало это еще на первой работе.
>>625679 У нас тут прямо кружок психологический. Твоя проблема в: >делаю чай и иду играть в ведьмака, вместо того, чтобы почитать что-либо. Все заебало, делать ничего не хочется, начался период прокрастинации.
Не хватает мотивации. Если силы воли нет, то предлагаю тебе стать валютным ипотечником. Или завести жену с личинкой. Будет не до ведьмаков.
Судя по запросам тебе явно надо в апворк. В чем проблема?
Насчет психологического кружка — да. Все эти дни чувствовал себя прекрасно, ложился спать с мыслями о верстке и каждый день дрочил задания из интенсивов, а сегодня проснулся полностью разбитый и мотивации нет вообще никакой. Даже кофе не взбодрил. Вот думаю, пойти в ненапряжную игрульку и сделать этот день окончательно проебанным, или через силу сесть за вебинар и проходить курсы?
>>625532 Во фронтенде больше абстрактная логика, нежели хардкорные алгоритмы. По-крайней мере, я особых трудностей не встретил. пердолюсь-с-реактом-кун
а то местная питушня привыкла жить в манямирке, в котором как только ты куда-то устроишься, добрые дяди подхватят тебя под рученьки, научат жаваскрипту и вообще дальше все остальное само собой образуется, в том числе и з/п в 100К+.
Ух, блядь, доделал портфолио. Вроде даже красиво выглядит. Не думал, что с простым "плавным скроллом" будет столько ебли, еще и в гугле сплошной говнокод на жиквери, хрен подсмотришь. Просто решил поделиться радостью, извините.
>>625735 Зависит от человека и компании. В зарубежных, как правило, к тебе даже ментора могут приставить часто таки приставляют. И даже более того, могут выпизднуть если не развиваешся. А в мухосранских местечковых клоповниках иначе. Тут думаю, и так понятно.
>>625717 У меня бывает такое, когда пресыщаюсь работой и не могу некоторое время даже смотреть на нее. У этого >>625732 анона такая же херня. Слишком много верстал, заебался, мозгу требуется разгрузка. У меня такая хуйня была, когда я переучивался верстке. пару недель подряд верстал и учился, дошло до того, что меня разбудил отец, а я сразу же начал ему втирать, как работает transition с префиксами. Потом еще неделю не мог работать, воротило. И сейчас снова то же самое.
>>625735 Это действует только если ты застенчивый анон, который боится спросить совета. Если ты более дерзкий, то работа не будет для тебя такой стремной. На деле, надо уметь не бояться свалить с работы на более прибыльное место, не бояться выебнуться на другого программиста, понимать, что ты важен для проекта, что ты профессионал итд итп. Нужно знать себе цену как специалисту. Тогда все будет отлично. В ином случае большая часть прогеров будет вытирать о тебя ноги, потому что большая часть IT-сообщества - борзенькие и вредные программисты. Лишь относительно малая часть - добрые, спокойные ребята. Встречал всего пару таких у себя на первой работе среди 25 прогеров. С ними всегда было интересно общаться, спросить совета итп, все остальные вели себя уж очень выебисто и по-свински. Это что касается мухосраней, не знаю, как в ДС, но один друг детства очень хорошо там работает, правда, он борзенький и хитрый.
>>625770 Забей, тут тебе не /b, на диванон многим поебать. Тут как раз собрались очень адекватные аноны. Так что можешь смело выкладывать линк на портфолио. 150-рублей-кун
>>625761 Знаю тян, способную в английский язык на высоком уровне. Можно её поставить проекты брать. верстальщик седоны, всё не могу начать верстать пинк
В проекты напихал пока рандомного говна для симметрии, половину надо убрать будет (особенно убогие пинк с седоной), благо уже есть почти законченное говноприложение на реакте и еще одна фитюлька на джсе. Фиксированный хедер кривовасто становится обратно статическим при пролистывании наверх, я уже даже понял, как это пофиксить, но на сегодня меня хватит. Дизайнер из меня, конечно, как [какое-нибудь остроумное сравнение].
>>625814 Фигня, считай тот же бабершоп. Ты сможешь примерно тоже самое, обмазавшись готовыми жиквери плагинами. >>625815 Это где так? Тестил на хромоге, двух лисах и 11 ишаке. Если ты про наезжание менюшки при пролистывании наверх, то это я на завтра уже отложил.
>>625811 http://acilsd.github.io/landing-btsp/ Анимации должны все время обрабатываться, или только при первом скролле? Просто у тебя они срабатывают каждый раз, когда попадают в window.
Второй пикрил - клевое меню, дизайн очень понравился, о pushy до этого не слышал. Правда, я бы сам просто написал маленькую jquery-функцию вместо плагина.
>>625839 Это мусорные "проекты", склееные на коленке по гайдам из гугла, когда я еще только начал читать кантора (особенно элегант), я их уберу. А может и отрефакторю. Но скорее всего уберу.
>>625839 Кстати, этот лендинг (который красненький) вообще забавный, я его где-то в январе склепал по видео-уроку одного парня с ютуба. В общем, мне надо доделать свои относительно нормальные пет-проекты, чтобы было симметрично (хочу прямо 3х3 сеточку просто). Пока из всего, что там выложено, мне не стыдно только за рсс, слайдер (не работает на ишаке), оливию и седону (с натяжкой, там форма кривая).
А на JS сложно все эти штуки делать, как у тебя в пет-проектах? Или что там за такое поведение сайта отвечает. Чтобы все красивенько летало, гладенько плыло, ну как хипстеры и я любят.
>>625866 У меня там нет ни одного самостоятельно написанного интерактива на JS (не считая собственно JS-проектов, конечно), все на готовых говно-плагинах. Я только портфолио сам и писал.
Ну и, кстати, большое спасибо за критику. Соберу остатки воли в кулак, допилю кривую фигню на реакте и, наверное, сверстаю еще пару сайтиков нормальных на замену тем свистопердящим лендингам.
>>625956 О, ну хоть еще один ньюфаг кроме меня. Я вот на четвертом вебинаре сейчас, делал сетку для страниц барбершопа. И то мне кажется, что я ее криво сделал.
Подсвечивал блоки, в таком виде похожа на изуродованный зародыш, лол.
>>626019 Таки да, а на деле ресурс лютое говно. имхо, конечно
Перелопатил вообще много всего перед тем как сесть за обучение, для меня пока что идеальна схема академии + "специалист", в академии беру знания, а в шпециалисте их разжевывают неспеша и приходит полное понимание. А то я маленько тормоз и интенсивный влёт не очень комфортен.
Есть ли где-нибудь статья которая четко объясняет различие между width: 100% , width: auto и box-sizing:border-box.
Ладно при width 100% блок выходит за границы родителя. Но при width: auto какие проблемы? Типо размер содержания меняется от рамки, внешних и внутренних отступов.
А border-box задает width общую ширину блока, но если указать внутренние отступы, то что происходит?
>>626031 Курсы у них говно, и аудитория соответствующая (детишки из вконтакте). Но справедливости ради там иногда попадаются неплохие бесплатные вебинары. Вот я смотрел в свое время, например, когда был совсем ньюфагом https://geekbrains.ru/events/214 на х2 отлично зашло.
D вебе полтора анона и один из них дебил. Может тут знают. У меня есть набор английских слов (существительные, прилагательные, глаголы), нужно генерировать их в фразы и короткие тексты, чтобы в дескрипшены вставлять. Есть ли такой сервис?
>>626028 я посмотрел уже дважды ( первый раз год назад :3) очень много болтовни не по делу , реально все было ужать минут в 20 , жаль нету стенограммы или хотя бы pdf слайдов
Три уровня типа. Я их взял с торрентов, есс-но. Пока что прошел первый, но у них с академией немного разный порядок обучения. На второй уровень пойду наверное после базового, а то знания получатся отрывочные.
Ребята, а по LESS/СSS/JS есть мировые общепризнанные сертификации. Вроде как CCNA для сетевиков? Просто хочу для себя найти еще одну вещь для мотивации. Да и в резюме на будущее лишним не будет.
>>626037 >>626070 >>626074 При box-sizing: border-box все свойства блока, влияющие на размеры (границы, паддинги и т.п.) "вписываются" в размеры самого блока. Т.е. блок не распидорасит внезапно из-за того, что вы задали рамочку шириной 3 пикселей, и из-за этого блок не вписался в границы родительского блока. Я всегда использую небольшой хак http://codepen.io/anon/pen/qNrpzY с ним верстка становится предсказуемой.
>>626087 >блок не распидорасит внезапно из-за того, что вы задали рамочку шириной 3 пикселей, и из-за этого блок не вписался в границы родительского блока
а что именно с ним происходит в тот момент когда мы прописали рамочку 3 пикселя. В этом и был мой вопрос.
>>626098 Рамочка выпирает наружу. Т.е. размер блока 200 на 200 пикселей, например. С рамочкой будет уже 203 на 203. При бордер-боксе блок не вылезет из своих заданных размеров в любом случае, т.е. фактически он будет 197 на 197 + 3 пикселя на рамочку. С паддингами аналогично. >>626099 Так я и указываю, звездочка - универсальный селектор же. Это не я придумал, если что. Вроде в интенсиве академии этот прием должны показать, не помню уже.
Сам тестирую, придумываю и админю одну узкую хуйню и из соседнего ИТ-треда, параллельно у меня на работе с ней идёт другая ИТ-хуйня, я заинтересован в информации. Обращаюсь к вам как к профессионалам-консультантам, лол.
Сколько стоит запилить внутренний сайт, который представляет из себя: 1. Связь с базой данных SQL и обращениям к ней. 2. "Дружелюбный" aka "Для полных дебилов" интерфейс для работы с ней в виде полей и табличек. 3. При логине на сайте функционал в табличках уровня: I - Администратор - я позволяю пользователю видеть ту или иную информацию в виде трок и столбцов. II - Я пользователь и вижу ту или иную информацию, которую мне задаёт админ. III - я создаю запись и она летит в БД
Задача сервиса - допустим, распределять ядерные отходы презервативы по аптекам, чтобы знать, сколько и где презервативов какого типа было продано. И анализировать сколько конкретных гандонов было реализовано. И занимаются этим только контролеры продаж презервативов...
______________________ Блядь, что-то я загнул. Короче - простенький ВЕБ-интерфейс для взаимодействия с базой SQL, в которой одним пользователям видны 3 выборочных админом столбца, а другим 10. И крутится база данных с записями.
/Сорри, я просто не знаю как всё это описать. Надеюсь на вашу помощь.
Повторюсь - всё через внутренний сайт.
Сколько такое будет стоить у мелкочастников, крупночастников или у кого-либо из анонов ИТТ?
>>626383 Это, мягко говоря, не совсем фронтенд, хотя я чисто теоретически могу представить, как это запилить (но только потому, что немножно работал с пхп и мускулем). Напиши пхпшникам в тред, что-ли, у них там каждый второй с базами данных пердолится.
Читаю я вас ребята и так хорошо как-то становится, такое то общение, без мамкоебства и прочего дерьма. Здорово у вас тут. Составил для себя план обучения, на основе прочитанной шапки треда(которая отличная и очень подробная, респект за это)
1) https://htmlacademy.ru/ - тут мне объяснят что это вообще такое HTML/CSS + какие-то простейшие задания и примеры
>>626459 Лучше избегать всяких совпадений, так будет меньше поводов для случайных ошибок. И из такого «непростого» имени сразу понятно, о какой части страницы идёт речь.
>>626735 >>626747 Привет, дела так себе, времени совершенно не хватает: на работе проекты, заказчики с фриланса теребят, мол, что за хуйня.
Алсо, так если есть доступ по FTP и CSS не минифицированный, скачай файл и пиши прямо туда. Потла и к чему относятся, тем паче прямо в коде разметки.
Перекатился на домашнем ноутбуке со второго на третий Sublime и сразу заметил прирост в скорости его работы. Большинство файлов открывается теперь мгновенно, а не спустя 1-1,5 секунды, как на предыдущей версии.
На работе времени нет поставить тройку и настроить все плагины. Можно, конечно, скачать плагин для синхронизации, лол, но и его искать тоже времени, блядь, нету.
Поцанчики, такой вопрос встал, не по теме, но всё же. Есть ли способ как-то заполнять группу Вконтакте с помощью инстаграма. Т.е если в инстаграме выкладывается фоточка, то эта фоточка постится в группу вконтакте? Или с помощью чего это можно реализовать?
>>627196 Это может быть диваноном. Но btw как мне сказал наставник очень много на эти курсы приходит людей, которые имеют деньги имеют свободное время и просто хотят получить "корочку". А там оказывается надо вникать, верстать, общаться с наставником, что-то гуглить. Вот и отлетает половина. Или 60 % - не помню.
В FAQ исправьте "Тут надо выбирать индивидуально. Если по HTML/CSS, то желательно, чтобы книга была не старше 2012 года", на "чтобы книга была выпущена не раньше 2012 года".
>>626438 Потрать лучше для начала денёк на тайм-менеджмент https://4brain.ru/time/ Делать надо конечно всё только для удовольствия. Но делать лучше чётко и дерзко. Иначе копирайтером станешь.
на интенсивах htmlacademy какие-то отбитые все, ставят триал версию фотошопа, а потом говорят - "ой, закончится скоро"... если пиратку поставить, то в хату майор ворвется или че?
Алсо подскажите проги для организации рабочего времени. В прошлых тредах вроде n-дней кун писал мол пользуется какой-то прогой по которой он раз в час встает и разминается 5 минут.
>>627428 Фш бесплатный? Меня даже не парит деньги за него отдавать. Меня парит их фирменный адоб клауд - он диок тормозит систему. 6-8 процессов адоба вижу в диспетчере задач, после установки этого софтверного недоразумения -= даже когда ни фш ни клауд не запущены.
>>627531 Ну я могу на самом деле и убрать диалог и тоже называть так, как обзывал дизайнер. Но, с другой стороны, иногда же мне нужно экспортнуть жпег, иногда gyu? иногда создать несколько вариаций с разными размерами. Так что оставлю action как есть.
>>627404 Можно просить дизайнера присылать набор уже нарезанной графики, например :3 Хотя я лично не вижу ничего плохого в фотожопе, дел на 15-20минут максимум.
>>627484 Ближе к шестому или к восьмому, насколько я помню (раздел "декоративные элементы", вроде). Там не рассказывается про слайдер как таковой, там показывают убогую реализацию через цсс-селекторы и лэйблы, ты так никогда делать не будешь, ибо есть сотня тысяч готовых нормальны джс-слайдеров. Из подобных цсс-онли решений, годным я могу назвать только зацикленную анимацию перелистывания картинок (без контролов).
>>627574 Цсс слайдер это нефункциональная хуита. Нормальные люди либо пишут собственный под конкретный сат (это достаточно просто, на самом деле, если не распыляться и не пытаться из своего слайдера сделать полноценную библиотеку а-ля jq-carousel), либо, как анон выше написал уже - подрубают готовый плагин и настраивают.
>>627574 На всякий случай еще раз поделюсь годнотой: http://idangero.us/swiper/ Очень годный ванильный слайдер на флексах (заявлено ие10+, но я ниже ие11 не проверял), в котором есть все, и мобилки, и thumbnails и все такое прочее.
Аноны, идея сколотить команду и доить апворк на задачах уровня psd to html так и останется идеей, или может начнём действовать? Давайте конфу в скайпике запилим, что ли.
Могу прямо сейчас поднять конфу в (Запрещено Абу) - лучше скайпа по всем параметрам, есть линукс клиент, можно ничего не устанавливать а сидеть через браузер
Абу охуел совсем, кроме проплаченного телеграмма нихуя не пускает
>>627648 Чтобы ДОИТЬ нужен как минимум один (а лучше парчока) человек с 10/10 профилем, отзывами и рейтом, которые будут загребать таски подчистую и с десяток анонов, которыене флоатят все блоки влево и не спрашивают, как правильнее вставлять свг. А так я лично не против, лол.
>>627673 Ну вот смотри. Написал человек утром годный пост. Учитывая скорость этого треда есть шанс, что ты его найдешь вечером. А в конфе как оно будет?
>>627675 Я думаю, Корфу стоит жапилить несколько по другому. Не как свободное сообщество анонов, а как контору с обязательным присутствием, организацией, иерархией и обязанностями членов. С определённым порогом входа.
>>627678 > Я думаю, Корфу стоит жапилить несколько по другому. Не как свободное сообщество анонов, а как контору с обязательным присутствием, организацией, иерархией и обязанностями членов. С определённым порогом входа.
Все это можно реализовать в том что я предложил, иерархия роли и т.п - зайдите на сайт почитайте что это вообще такой. Я всем его поставил, лучше чем скайп по всем параметрам.
Тредик вроде ламповый. Не похоже, чтобы те же люди начали вдруг в конфочке смешными картинками мамок ебать. Но точно не говноедские тяляграм и скуйп. А почему не простецкая жаббер конфа?
>>627683 Не, делать контору - охуенно. Во-первых, дополнительный стимул хоть что-то делать. Во-вторых, обмен опытом между участниками. В третьих, будет проще искать заказы и денег поднимать можно будет больше, чем в офисе или в одиночку.
>>627690 Ну да, но нужен ответственный sort of менеджер, который будет распределять заказы, бабло (заказчик ведь будет оплачивать на основной аккаунт) и не станет при этом наебывать анона на его кровные 500 рублей. В общем, идея-то сама по себе не новая и хорошая, но для ее реализации одного только желания мало.
>>627709 1. Пилим конфу с определённым порогом входа у участников. 2. Избираем менеджера, определяется с графиком. 3. Запиливаем парочку годных акков на апворке, ставим на них анонов, знающих инглиш и которые будут иметь с этого денежку. 4. ??? 5. PROFIT!!!!
>>627722 Сап, конфа, почему у меня бустрап.лесс не компилится? Заказчик оплатил, деньги переведу в течение месяца))) У меня живот болит, заказ не смогу сделать((
Сука, вы заебали со своими конфами. Сто, нет, блять, двести раз уже поднималась эта тема. В каждом ебаном треде кто-то предлагает конфу. НАХУЯ? Что вам на двачах не сидится? Вам попиздеть негде или что? Зачем мне читать ебаный чат с ололоканиями и 2 сообщениями в секунду?
Уфф, осилил пятый вебинар, который из-за повторения за демкой растянулся с двух часов до четырех. А ведь это только главная самая нубского макета базового интенсива. Наверное, с непривычки геморрно.
>>627775 Я на слух тоже плохо понимаю, да. Да и так материал усваивается не очень. Все равно потом читаю теорию и смотрю всякие демки на других сайтах, ну и курсы на самой академии для закрепления.
>>627777 Ну сам решай. 2015, говорят, неспешнее, но я хочу посовременнее смотреть. А так, разницы особой нет. Только в фотошоп-уроке, в 2016 новая версия с другим экспортом графики. Плюс в 2016 в вводной рассказывается про системы контроля версий, обязательно посмотри.
Да как я могу сам решить то, я же ничего в этом не понимаю.
Ок. А за 2016 год теже два варианта базовый и продвинутый курс? ну как в шапке, там два, только эти теперь за 2016й год?
По поводу фотошопа не совсем понял, за 15 году у них должен стоять СС 2015, а в этом за 16й год тот же СС 2015 должен быть, новая версия же не выходила еще, только апдейты к 15, неужели там так поменялось все в последнем апдейте.
>>627793 > Нет, в 2015 у них еще не СС, а вот в 2016 уже СС.
ЕБАААААААААААТЬ
Вот это ты меня огорчил, как же теперь быть то.
Наверное буду смотреть базовый за 2016й а продвинутый за 2015. Наверное так.
или > Только в фотошоп-уроке, в 2016 новая версия с другим экспортом графики Это пятый урок 2016го да? Посмотрю просто как там это делают, и дуду делать так же смотря 2015. Вряд ли там какие-то глобальные отличия, которые не удастся перенести.
>>627802 Пятый урок это уже окончательная верстка главной.
Нет, с фотошопом третий вебинар: "Фотошоп для верстальщика". Отличия только в экспорте графики, в СС это гораздо удобнее делать, но я с пиратской виндой и без сервис пака 1, меня СС не хочет обслуживать. Довольствуюсь кс6. Остальное — косметические изменения в интерфейсе, если я не ошибаюсь.
>>627833 Читал это, да. В чем-то согласен. Но мне и из 2015 не очень зашло, вообще объяснения Академии не совсем мне подходят. Посему сделал свою схему и описал ее немного выше: >>626031
Но это мой личный пример. Просто по качеству и нуб-френдли подходу у Академии конкурентов в России нет.
На жестком диске есть слитый архив от анона, с видео от teamtreehouse. Видео вроде годные, но их дохуя, попробую залить на мегу, но хочу спросить стоит ли оно того. Алсо, что заливать лучше?
Есть секция фронтенд, это в основном JS, вводные туторы по ангуляру, ноде аж 3 папки лол, д3, ембер и т.д плюс пару довольно полезных серий по чистому джс, типа OO JS, understanding this, use strict mode, npm. Ничего сверхъестественного, но информацию подают вроде годно, за все не ручаюсь, смотрел только малую часть.
Секция верстки - флексбоксы, гибкая сетка, сео девтулз и еще чего-то по мелочи. Большую часть информации дают и в академии, курс по сео вообще в основном вода.
Ну, что, фронтаны, вот и мой черед находить работу. Вернее, работа почти сама меня нашла, т.к. подкинул знакомый. Студийка на 12 человек + некоторое количество по удаленке. Клепают сайты, сложные. С аналитикой, сео, раскруткой. Еще делают мобильные приложения. Сами нахлдятся в квартирке в центре, атмосфера внутри довольно ламповая, ходят все в тапочках, из инструментов в основном макбуки с подключенными мониками. Дали тестовое, сверстать лендинг юзая сорцы фандейшна, на сцсс. Надеюсь возьмут. Хотя сразу предупредили что чистой верстки почти нет, хуярят на реакте, джанге, еще чем-то но я в этом ничерта не смыслю т.к. js учить только начал. Не знаю зачем это написал, пожелайте удачи, что ли. Надеюсь джиэс мне дастся легче, если будут реальные задачи и возможность похаебывать вопросами опытных коллег.
>>627995 То есть ты за три года (sic!) не смог освоить платиновый пхп+ларавель/йии и вкатиться на тот же апворк, где 99% всех тасков связаны с ваянием легаси говна на пыхе, а мы теперь школьники? Впрочем, чего еще ожидать от мелкобуквенного.
Посоны, кто-нибудь располагает прокачанным аккаунтом на складчике, сливапе или любой другой подобной клоаке? Слейте материалы по бутстрапу, жвкери мобайл и по стилизации форм?
>>628024 Тот анон прав, это где-то год назад было, может больше. В тредах в основном наблюдалось только нытье о том что нет работы, что вкатываться бесполезно и постоянные срачи. Аудитория наполовину состояла из зеленых, доказывающих что лучше заниматься копирайтом, потому что там ты сразу получаешь бабки и не тратить время на обучение.
>>628182 >потому что там ты сразу получаешь бабки и не тратить время на обучение.
Лол, то понятие об отсроченной награде. Проводилось как-то у американцев исследование, когда детям предлагали съесть один фрукт сейчас, или два через какое-то время.
И те, кто выбирал отсроченную двойную награду, в жизни вырастали более успешными.
Первая партия по JS готова, имхо, самая полезна. Остальное закину как будет время. Буду благодарен если кто затестит https://mega.nz/#!C0ZmhIhJ !PoCGxIVvExoTa0rAjrDoXp-tjQ2kc3k5UasFu8lRB_4
>>628333 Выше по треду говорили, что качественным специалистам могут платить и по 6к даларов. Но для этого нужно дрочить фронтенд два года без личной жизни и успеать осваивать новые технологии.
>>628339 Алсо макаками рынок перенасыщен, тащемта как и 5-10 лет назад. И вкатиться с каждым годом всё сложнее, зато хорошие специалисты всегда остаются в цене.
>>628303 >>628310 >>628315 Не вопрос, закину. Мега похоже для этого подойдет. Заливать буду в порядке верстка--дизайн--WP/Sql Все ссылки будут в ОП посте в следующих тредах.
Ах да, есть мысля перелопатить пасту и сделать таки из нее что-то годное. В планах заебашить что-то на gh-pages. выглядеть будет симпатичнее, да и есть возможность пул реквестить, что упростить редактирование Если кто хочет помочь, от вас требуется информация. Текст и пояснения напишу сам, но если есть ребята кто хочет этим заняться или помочь - рад буду всем. Основная задача - ссылочная масса. Сами понимаете, время прошло, часть материалов устарела, появилось огромная куча новых. Плюс в пасте не покрывается много аспектов. Секция джс вообще ужата шо пиздец, а между тем многие здесь на нем сидят плотно, что хорошо.
Буду благодарен если вы аккумулируете свои ссылки из под матраса закладок, быстренько раскидаете по категориям типа верстка/JS/Node/Photoshop/UI/etc и скинете мне. Не нужно сливать все что есть. Киньте только мастхев годноту, либо что-то полезное из последнего. То что прям 10из10 и этим грех не поделиться.
Не знаю много ли найдется людей готовых к подобному вкладу, так что пока просто планами делюсь. Если согласны, не согласны, есть замечания - отвечайте.
Аноны, договорился с одной тяночкой, что та будет искать мне заказы psd to html на апворке, а я ей - 25 процентов от стоимости заказов. Всё правильно сделал?
>>628486 Нет, остальные же как-то ищут сами. А если тебе влом, то я и говорю — почему бы и нет? Если она будет их нормально искать, то эти 25% херня. Опыт ведь важнее.
>>628489 Я его уже месяца два назад запилил, просто как-то не решался искать заказы. Сейчас подтянул навыки жс, жквери и вордпресса и понял, что работать уже как-бы и пора, а вот в английский до сих пор не могу.
Поясните, пожалуйста, почему по клику на якорные ссылки в списке, на некоторые блоки браузеры перемещает нормально, отображая топ блока сверху экрана, а на другие неправильно, отображая топ блока в самом низу? Все скрипты отключены.
>>627975 Сколько ушло времени на начальные курсы хтмл/css до интенсивов всяких? Сколько часов в неделю уделял? Бабки платил? там же с "Знакомство с HTML5" уже платные курсы начинаются. А то я год назад начинал учить, а меня в армейку забрали, вот пытаюсь вспомнить что учил.
>>628830 смотря что ты подразумеваешь под "знать" если текст в "О себе" то хз, а если в портфоли есть приложеньице на одном из них уже другое дело, а если оно красиво выглядит то хотят тебя заполучить почти каждый первый работодатель
с другой стороны, если у тебя есть красивое приложение на той же jquery, то и тебя пригласят на собеседование тоже, если бы меня сейчас взяли hr-ом я бы с руками отрывал тех кто умеет ванилу и в портфолио имеет приложение на vanilla/es6 которое большинство делает на react/angular/jquery/polymer etc.
>>627990 Это где так, есть скрины? У моего друга брат 7 лет занимается этим, работает по удаленке на Киев, у него зп около 500$. Хотя да, туплю. Видел вакансии на 55к что около твоих 2к$ и выходит гривен но там пиздецовый пак знаний нужен, не думаю что за 2-3 года это реально, тем болие на вакансию 600 жедающих.
>>628894 Это везде так. Если у твоего друга брат ленивое хуйло, то не стоит на него равняться. За 7 лет, если развиваться, можно стать тимлидом (а это уже далеко не 500$) или вообще зарубеж укатить.
>>628881 А в чем тогда смысл Джуна вообще? У нас на работе сидят ребята,которые 3-5 лет отработали. И они юзают те же ангуляр/реакт/бакбон. Мне кажется джунов надо брать со средним знанием нативного жс и хтмл/ксс на хорошем уровне. А там уже научить человека походу. Но конечно, с таким наплывом народа скоро джуну надо будет знать все существующие фреймворк и в портфолио иметь свой собственный твиттер и фейсбук.
>>629004 Не совсем так. Джун имеет энтри левел в технологиях, уже что-то умеет но много где путается. Как и любой новичок собственно. Мидл - это уже рыночный специалист. Знает все то же, но в отличие от джуна не путается нихуя, работает эффективно, быстро, сам может разобраться в теме и решить проблему. Ну а синьйор, если брать стандартную квалификацию, это старший специалист. Ебашит сложную архитектуру с закрытыми глазами, имеет дохренища опыта, может руководить командой разработчиков/комуницировать с заказчиком/менеджерами/начальством/аллахом.
Или, как один знакомый тимлид приводил аналогию по решению задач. Если попросить джуна купить колумбийский кофе, то он пройдется по местным магазинам, и в лучшем случае купит подделку. Мидл обзвонит весь город и что-то там наковыряет, но вряд ли это будет продукт 10из10, а синйор позвонит в Колумбию и обо всем договорится.
Синьоров пиздец как мало. Я как-то выкладывал свое резюме с полгода опыта, где честно все свои скиллы без приукрас написал, так меня буквально заспамили приглашениями на собеседования. И на них спрашивали, могу ли я управлять командой других разрабов и прочее. Понятное дело, что их несколько разочаровывало, что я за полгода синьором не стал.
>>629066 Ну насколько я знаю на рынке все время держится обратная коррелляция, с некоторыми изменениями ессно. Джунов по 20-40 на место. Мидлов на место от 1 до 5. А синьеров на одно место что-то около 0,2, лол. По крайней мере примерно такие цифры на доу проскакивали.
>>629202 Вообще, я не понимаю, зачем в вебе куча программистов. Достаточно же несколько десятков, ну сотен гуру на весь мир, и пары десятков тысяч макак, копипастящих код и меняющих параметры.
Сап, кто может в БЭМ, поясните по братски. Создал блок для всего, что обвел черным, внутри содержится 2 элемента(заголовок блока и текст блока). Но внезапно требуется добавить ещё один элемент в одном месте кода(обведено красным). Собственно добавить его в одном месте страницы будет норм по БЭМу? Или все блоки с одним наименованием должны иметь одну структуру?
>>629219 Это как с поваром например. Шеф составляет меню, придумывает новые блюда, сушеф - управляет персоналом, следит за кухней. Ну и узкопрофильные специалисты, горячник, салатник, кондитер и тд. Тут дело в новых фичах которые смогут заменить двух человек на кухне, например пароконвектомат заменяет практически всех на кухне, одна эта еба одновременно готовит и пирог, и мясо и суп.
>>629230 Запили им модификатор, что вот этот блок - с номером. Хотя я их как элементы реализовал, вряд ли их будут реиспользовать. Не становись рабом лампы.
>>629230 >Или все блоки с одним наименованием должны иметь одну структуру? Необязательно. Если бы они сильно отличались друг от друга. К примеру в первом был очень большой красный текст, во втором отступы по краям и враппер с рамкой, а третий вообще скрыт по дефолту, то тогда стоит каждому отличному давать модификатор и спускать каскадом изменения. А здесь ничего делать не надо. Опиши правило в ксс, и дело с концом. Где елемент есть - поймается, где нет - и так норм.
Версия фотошопа та же что и у чувака этого, скачана там же, по его же ссылке. Но у меня, по пути C:\Users\Username\AppData\Roaming\Adobe - нет папки CEP - а у него на видео есть, создать ее руками ни к чему не приводит.
Но я нашел ее по пути C:\Program Files (x86)\Adobe\Adobe Photoshop CC 2015.5 (32 Bit)\Required\CEP - как это блять вообще возможно? Фотошоп один и тот же. Из за этого не могу поставить плагин.
Что делать?Мне горит, срочно нужно, и такая засада.
>>629219 Ну по сути так и есть. Я когда заглядывают в код каких-нибудь хитровыебанных компонентов или библиотек, просто охуеваю от того, как можно было все это написать.
>>629439 Вдумчиво и постепенно. Это же не один ньюфаг за час гугления дома написал, а уже состоявшийся разработчик (или несколько разработчиков), которому во время написания этого хитровыебанного кода платили зарплату. Ну или просто гениальный (ебанутый) человек, для которого собственный алгоритм придумать - как два пальца об асфальт.
>>629458 Это тоже, конечно, я просто не очень умело выражаю свои мысли. Кстати, чем больше я погружаюсь в собственно кодинг, тем омерзительней мне кажется собственно верстка.
>>629470 Да, в какой же еще. Можно было бы пехапой упороться, конечно, но распыляться как-то не хочется, да и он максимум блевотный после няшного ес6. А так можно будет нодой обмазаться и вообще красота. С другой стороны, пыху я уже знаю лучше, чем JS, лол, можно просто обмазаться каким-нибудь ларавелем, но меня от пхп самого по себе блевать тянет. Хватит с меня, 25 лет, из них over 5 лет я занимался тем, что мне не нравится.
Что-то я по бэму не могу понять. Кто-то учит вот так сделать: .main-page .main-page__header (это блок, а написали как элемент) .main-page__item (это блок, а написали как элемент) .article .article__header .article__text .main-page__item (это блок, а написали как элемент)
А кто-то вот так: .main-page .header .item .article .article__header .article__text .item
Тупой вопрос. Вот допустим есть интро-блок с фото в бэкграунде и текстом на его фоне. Т.к. я хочу сделать это отдельным section-ом, то я задаю фото бэкграундом, а не тегом img. А теперь сам вопрос: как этому section-у навязать поведение как у фото, чтобы он уменьшал свою высоту пропорционально уменьшению ширины вьюпорта, т.е. чтобы фото не обрезалось по краям?
Короче я понял, надо w3c закинуть идейку сделать св-во пропорций. Типа, чтобы соотношение сторон любого элемента можно было задать как это делается автоматически у обычного <img>.
Двачуны, правильно ли я понимаю, что Флэнаган не супер нужен и подробное руководство есть то, что мы читаем learn.javascript.ru? Или все-таки смысл в чтении этой книжки есть и я не прав? Во думаю что мне приобрести секреты javascript ниндзя или Флэнагана, просто в моник тупить заебывает порой, хочется чего-то бумажного и осмысленного, просто справочник не нужен (чем, как я понял, является подробное руководство). Может какие другие книжки полезные интересные по js посоветует, которые можно купить на озоне (там бонусами можно платить, лол).
Ананасы, а что думаете о курсах по JS от khanacademy? Там как я понял в конце каждой темы задают тебе такой мини-проектик, который потом вручную проверяют другие пользователи.
>>629690 ИМХО, все эти курсики рассчитаны на то, чтобы срубить с лохов, которые думают, что они так научиться водить, бабла. Обычно там ни теории годной, ни базы не дается. Делают так, чтобы было максимально легко, дабы пользователи не уходили и заносили денежку на премиум-функции. Эти люди не хотят тебя научить, они хотят заработать. Да та же хтмлакадемию - их курсы сами по себе, без интенсива, довольно бесполезны.
>>629763 Я бы не сказал, что обычные курсы академии бесполезны. Мне понимание потока документа пришло именно там. А вот интенсивы наоборот, не очень полезны. Всё, что они там рассказывали, я либо прошёл на их же интерактивных курсах, либо нагуглил.
>>629765 >>629766 Ну ладно, может я погорячился. Но просто решать эти курсы, я думаю, не стоит. Маст-хэв, это если ты параллельно читаешь книгу, которая дает хорошую теоретическую базу.
>>629775 >Advanced JS: Natural Simulations (Recommended for those who have some familiarity with basic trigonometry and physics, like in high school) >для детей
>>629784 > basic trigonometry and physics, high school Ты так говоришь, как будто ангулар - это нечто архисложное, а не простейший прикладной инструмент, которым должен владеть любой уважающий себя фронтенд-разработчик. Или дети в 14 лет не могут в клиентский жаваскрипт?
Есть сайт - корявый, но имеет некий адаптив. Директор с маркетологом заказали поп-ап форму Хуй знает где и у кого, руки бы отрубил им, сука на десктопе она отображается терпимо, но на мобилках загораживает все.
Как эту штуку суку отключить, чтобы при входе с мобилок ее не было?
>>629825 Сделай в скрипте вызова поп-ап окошка проверку на ширину окна. По-моему, так: document.documentElement.clientWidth > 400. И только тогда выполняй
>>629839 где-то в window.onload Там, скорее всего, меняется свойство этой формы с formVar.style.display = 'none' на formVar.style.display = 'block'; Когда это происходит, добавь проверку на ширину окна.
>>629842 тогда сделай костыльно, лол. Подключи к теме скрипт, в самом конце. А в скрипте скрой элемент с айдишником вскрываемой формы, при условии, что ширина окна меньше 400 пикселей. При этом ещё навешай на событие таймер, чтоб всё скрывалось каждые 100 милисекунд, на всякий случай. Могу помочь, если дашь админку и фтп. Бесплатно.
>>629968 нет, именно documentElement, ты же ширину окна браузера смотришь. И непонятно, почему на пхп, это же на жс делать надо. Насчёт пхп не знаю, вряд ли сработает.
>>629992 Понятия не имею нахуя ты лепишь пхп код и джс в одном сука блоке, или что это за хуйня вообще. Но это еще ладно. Объясни мне нахуя ты слушаешь ширину элемента. Не разумнее будет слушать ширину окна?
>>630008 Просто непонятно, где возникает элемент и когда, поэтому и отключать всплывающее окошко планируется постоянно. Это, конечно, костыль и тот ещё говнокод. Но не видя всей картины хрен разберёшься.
>>630011 >костыль и тот ещё говнокод Еще бы, оно ведь из него никогда не выйдет. А значит у тебя на фоне по 10 раз в секунду будет крутиться джс. Если уж так нужен интервал а он не нужен, то надо добавить дополнительную проверку на свойство дисплей у элемента. Чтобы если оно уже скрыто и экран меньше 400, то интервал обнулился.
>>630016 Вдогонку. Точно не помню репейнтит ли браузер страницу если свойство дергали из джс но фактически его не изменили, но теоретически сайт с интервалом может начать лагатьфпс просядет точно, вызывая рекалькуляцию те же 10 раз в секунду.
>>630024 это и так понятно. А ещё, скорее всего, если какой-то скрипт делает форму видимой интервалом, то форма будет моргать. Алсо, проверка наоборот увеличит расходы ресурсов.
>>630202 Привыкай, такое часто бывает. Потом ещё ощущаешь себя конченым дибилом от того, что столько времени на такую простую хрень потратил. И даже не всегда опыт впоследствии предохраняет от подобных ошибок, уверен, что даже гуру, как правило, тоже смотрят на код и думают: "Бля, и что тут делать?"
>>630212 Согласен с тобой. Вообще, в индустрии куча макак, и ещё недавно я таким был, которые ничего не знают, решения берут в гугле и пытаются пораньше получить денег и свалить в закат, оставив после себя костыльное говно.
РАЗРАБОТКА ДИЗАЙНА попробуй навести на них мышкой там по идее background-image меняется на цветную, и нихуя не видно пока не подгрузятся они, как бороться ? Есть маза сунуть их в конец body и сделать display: none; но че то как то костыльно, какая общая практика есть ?
>>630233 Общая практика - спрайты. А так да, можно запилить костыльный блок и ему задать множественные фоны. И ещё прелоад добавить, чтоб не пускать пользователя на страницу, пока всё не загрузится.
2-неделя кун (если хоть кто-то помнит) репортинг. Это пиздец, вчера поборол охуеннейший баг (на самом деле там 2 строчки надо было поправить) и с победоносный настроением ушел домой. Но сегодня какой-то просто пиздец. Сижу над проектом, который весит 150+ мб и почти все это чистый код. Все это хуй пойми как работает и мне надо хуй знает что поправить хуй знает где. Только что мне фронт-энд сеньор - взрослый пузатый дяденбка, сказал что этот имеет долго висел у него, но ему его делать не охота. А там блять даже не то что непонятно как генерится хтмл, а просто блять я даже не могу посмотреть на результаты своей работы, потому все это нахуй происходит где-то в пыхе и сборщики хуерщики там не настроены. Вот целый день уже проебываюсь, жду, когда придет тимлид. И вообще ебал я всю эту хуйню, придумываю вот варианты куда дальше двигаться по жизни. Куда можно пойти, если очень люблю игры, кинематограф и книги, плюс еще а школе (6 лет назад) неплохо писал сочинения по литературе?
>>630303 Копаться в чужом говне на тысячи строк - да. А лампово прорабатывать игровой мир, механики, общаться с игроками, пилить простенькие скриптики - весело. Ну а если проект дойдёт до высокой популярности, когда надо будет всё переписать, чтоб всё работало, можно уже программиста и нанять.
Может я просто куда-то не туда зааплаился? Выглядит так: учился рисовать и делать простенькие оригами, на собеседовании сказал что умею рисовать и делать простенькие оригами. На работе показали космический корабль и сказали его запустить.
А что обычно джуны делают? Я вот за две недели ни одной странички не сверстал. Почти все время ушло на то, чтобы разобраться в проекте. А когда разобрался и поправил более-менее баги по тикетам, меня посадили на другой проект, по сравнению с которым тот, в котором я еле разобрался, выглядит как блять одностраничник по сравнению с гуглом и всеми его сервисами.
>>630350 Возможно и правда не твое. Раньше разработкой занимался? Какие были ощущения? Какой у тебя уровень по знаниям.
Но мне все-таки кажется, что не должны джуна версталу кидать на правку багов в таких проектах. 150мб кода. Блять, если ты не преувеличиваешь, то я реально не могу представить, ЧТО ЭТО ТАКОЕ ВООБЩЕ.
>>630391 Да я пробовал джаву, ходил на курсы, были похожие ощущения. Когда делаю что-то сам, все получается, то мне норм. Потом была пыха, решал две недели задачи в пхп-треде. Потом переключился на верстку. Начал даже не с нее, а с JS. Читал учебник Кантора, решал задачи. Потом верстать стал. Верстать кстати очень нравилось. Просто приятно как-то, когда у тебя из ничего и макета появляется живая и отзывчивая страничка. Просмотрел по два раза оба интенсива, сверстал все макеты из базового и пинк из продвинутого. Параллельно учился на четвертом курсе технической, но не ИТ специальности (учебу ненавидел). На жс тоже кодил немножко, дочитал учебник Кантора, прошел всякие там code academy. Ладно, сейчас поговорил с тимлидом, он сказал что на следующей неделе все разрулим. Настроение немного улучшилось, поехал домой, устрою сериал-марафон и в выхи наверное подрочу ангуляр.
>>630488 Да я не из-за зп расстроился, а я только что понял из-за чего: когда я встречаю трудности, причем такие, что не знаешь даже как подступиться, у меня вот такие панические настроения появляются, причем сразу. С этим надо как-то работать, потому что на самом деле все решаемо. Надо просто не бросать сразу, а стараться разобраться и постоянно спрашивать у коллег вопросы. То есть задача стоит зачастую даже не как решить эту хуйню, а как сформулировать вопросы по этой хуйне, чтобы потом пойти к тимлиду/старшим коллегам и спросить. Кстати, все вокруг мне помогают, буквально могут сесть рядом и показать что делать. Так что буду ебашить и вам всем того же советую. Никогда не надо сдаваться перед трудностями, так можно всю жизнь нахуй сдаваться и нихуя не добиться. И при том я вот думаю, дохуя же людей работает в индустрии, и не может так быть, чтоб все они были гениями. Главное конечно, чтобы мне это нравилось. А я за две недели пиздецовых задач так и и не понял.
>>630518 по моему анон, тебе повезло некоторые верстают годами говнолендинги а потом приходят на мало-мальски нормальный проект и люто тупят, у тебя же есть нехуевый варик набраться опыта на большом проекте + в портфолио такой окажется хорошим подспорьем для приема на следующую работу.
>>630518 В общем ты просто слабовольный нытик. Держись там, анон, всё получится! >Кстати, все вокруг мне помогают, буквально могут сесть рядом и показать что делать Это так мило :3
>>630532 Повезло или нет, узнаю по окончанию испытательного срока. >>630573 Да, тебе того же! Всем в этом треде добра и упорства. >Это так мило :3 Я к тимлиду как у мамке хожу. Когда нихуя не получается, подходишь, он тебе все с душой и улыбкой объясняет. Хотя порой кажется, что ты его вообще заебал и боишься подойти, но на самом деле он всегда готов помочь. Короче, котаны, всем хороших контор и охуенных тимлидов, от этого, как я понял, очень многое зависит.
>>630579 фронтач, спрошу и у тебя на всякий короче малята, хуйня какая то: есть картинка у нее width 50% снизу есть две кнопки + и - по клику на них должна картинка увеличиваться на 10% или уменьшаться на них же мне нужно удостовериться, что при следующем клике на + ширина картинке не станет больше родительского.
при 50% в computedStyles(item).width лежит 278.203px по идее при увеличении на 10% должно получиться 278.203 + 278.203 * 10 / 100 = 306.023 когда я увеличиваю в devTools на 10% там в computed лежит 333.844px откуда 28 лишних пикселей ?
Бля, че делать. Нужен ie10, а там правую колонку с параграфами и заголовком либо пидорасит в одну строку, либо она тупо не влезает. Пробовал уже и max-width:100%, и flex-shrink разный, нихуя.
>>630614 Ну и каша у тебя в голове и в коде. Зачем тебе флексовым контейнерам max-width: 100%? Зачем ТЕКСТУ дисплей флекс? Закомментил все проблемные места, исправляй. http://codepen.io/anon/pen/zBwLNy Конечно у тебя все распидорашивает, куча ненужных оберток, куча непонятных резиновых процентов, перекрывающих друг друга. Олсо, выпадание блока из флексового контейнера в ишаке 100% правится указанием размеров для выпадающего блока (width: 100%) и/или паддингами.
Впервые работаю с Foundation. После Бустрапа чет больше нравится. Особенно тем, что довольно просто верстать по БЭМу, не смешивая его с классами фреймворка.
В общем если кто до сих пор не пробовал Фандейшн, думая,ч то бустрап лучше - советую таки попробовать, вдруг понравится больше. Например, тем, что поддерживает флексовую сетку.
Алсо, у них есть фича установки через npm, которая сама нактывает Gulp с минимумом полезных тасков. Тоже довольно удобно, хотя кастомизировать все равно придется.
Двадцать пять тысяч, как и обещали. Плюс, я ещё заказов только сегодня набрал тысяч на восемь. Так что, думаю, жить можно.
Лишь бы времени хватило всё успеть сделать. Я вот что понял — даже без таких убийц времени как игрульки на компе, фильмы, сериалы (сейчас смотрю только Игру Престолов, хорошо что закончилась, можно годик отдохнуть, всё хочу начать смотреть Фарго и True Detective, но никак руки не доходят), я жутко не успеваю работать и углубляться в своих знаниях во фронт-енде. А ведь ещё хочется освоить не только программирование, но и SEO, маркетинг, корпоративную психологию, управление проектами, процессами и сотрудниками, это же, блядь, жутко всё интересно.
Так что, посоны. Вот вам совет, который, может быть, и не будет актуален для вас, но для меня он очень актуален, потому я почуствовал его на своей шкуре во всей своей полноте.
Цените время.
Потому что, пусть даже и кажется, что а-а-а, пиздец, всё успею, хуйня, впереди ещё вся жизнь и ты такой модный стильный молодёжный, смотришь на календарь, а тебе уже 23, 24, 25, 30 лет, а ты до сих пор нихуя не знаешь и не умеешь.
И дело даже не в том, что это общество тебя подгоняет, мол, как можно скорее живи, работай, женись, сдохни. Нет, я говорю не про это. А про то, что когда ты захочешь осуществить свою мечту: написать собственный роман, запилить игру, сервис в интернете, свою социальную сеть и т.д. и т.п., то, если ты проёбывал время на бордах, или за постройкой очередной землянки в копрокубаче, или за очередной серией какого-нибудь сериала, ты поймёшь, что ты уже не успеешь освоить и усвоить все те знания, которые тебе понадобятся. Ты не успеешь пройти тот тернистый путь ошибок, который поможет тебе закалить и отточить свои скиллы.
И если ты не гений, то, оказавшись в таком положении, ты сможешь произвести лишь говно. Говноигру. Говномузыку. Говнофильм. Говносайт. Пусть даже они не будут говном. Пусть они будут средними. Но что это за кайф, быть средним творцом? Средний творец со средней душой, воплощённой в усреднённом творчестве. Из-за того, что он проебал очень много времени на вещи, которые ему не пригодились.
Пиздец, я, конечно, накатал тут телегу. Но, в общем, хоть и сумбурно, скомкано, но я всё-же высказался на тему, которая меня тревожит.
>>630841 Перфекционизм и жажда к знаниям это конечно хорошо. Но следует учесть два момента: Первый. Нельзя покрыть все. Как бы ты не хотел, что бы не делал, невозможно изучить все названные тобою темы за сравнительно кототкий(год-два) период. Две три ты возможно изучишь более или менее глубоко. Реально глубоко максимум две. Остальные нахватаешся по верхам, в лучшем случае. Это нормально, так и должно быть. Второе, нужно работать и учиться, но при этом не забывать про развлечения. Иначе тупо сгоришь. Я в свое время работал вообще без выходных, по пару месяцев. К концу таких марафонов я возненавидел свое занятие, и теперь всегда даю себе отдых. Если ты смотришь сериальчики вместо учебы, потому что тебе нехуй делать и ты просто забиваешь время, лишь бы не заниматься делом - это одно. Если ты смотришь сериал/играешь в игру/катаешся на велике/et cetera потому что это приносит тебе истинное удовольствие, то лишать себя этого нельзя. Более того, это категорически запрещено.
>>630841 Не все же хотят создать шедевр, кто-то может хочет без шедевров прожить свою жизнь тихо и спокойно. Так что осторожней с такими советами. Я вот стал учиться этого отчасти от того, что мне хочется заработать нормально денег на съем квартиры, потому что живя с кем-то я просто не могу реализовывать себя. Ну и мечтаю довольно давно купить топовый пека и поиграть на нем во всякую йобу - то, чего я был лишен всю свою сознательную жизнь сначала из-за нищих родителей, а потом из-за собственной лени. Я согласен, что надо много въебывать, и не только на работе строго по будням с 9 до 6, но еще и на выходных. Но везде надо знать меру. Хотя, опять же, что хорошо для меня, хуево для тебя. Я думаю не надо впадать в крайности. И если приспичило поиграть - играй на здоровье. Не всю же жизнь проживать, въебывая и учась. Нахуя жить-то тогда вообще?
Анон, есть один scss и там есть вот такое @mixin triangle($direction, $size: 6px, $color: #222){ content: ''; display: block; position: absolute; height: 0; width: 0; @if ($direction == 'up'){ border-bottom: $size solid $color; border-left: 1/2$size solid transparent; border-right: 1/2$size solid transparent; } Вопрос, для чего triangle и как его применять? Это что типа название функции, но я не могу понять как ней пользоваться.
>>630971 >>630973 Я не могу понять как дальше его применить, ну объявили функцию, а дальше что?Потом в штмл можно написать так <div class = "triangle" >...?
>>630982 нет потом ты в своем scss коде пишешь .classSelector{ @include triangle(top, 20px, #eee); } или в своем sass коде пишешь .classSelector +triangle(top, 20px, #eee);
>>626887 Можно написать достаточно простое приложение, которое будет связано с аккаунтом в инстаграме и в вк, а потом будет дергать инстаграмовское апи на предмет обновлений и если они есть, писать от аккаунта вк куда хочешь и что хочешь.
>>630991 Спасибо. Если честно юзаю год scss год и до сих пор применял только математические операции. Документации нет нормальной, как это все говно применят в реально жизни читаешь из блогов иностранных, а там блять одни хаки, в которых нихуя не шарищь.
можно даже обойтись без отдельных обращений к апи инстаграма - у него есть интеграция с вк.
То есть всё просто: 1. подключаем инстач к вк 2. теперь все фотки из инстача автоматом дублируются в твоём аккаунте вк 3. делаем скрипт, который мониторит изменения фоток в аккаунте вк и от лица группы постит эту фотку 4.??? 5. Профит
>>624264 (OP) Планирую попытаться влиться в данную сферу деятельности. На одном известном торрент трекере обнаружил такие вот курсы. http://webformyself.com/html5/ Может кто-нибудь сталкивался или имел дело? Хотелось бы услышать отзывы. И ещё вопрос. После полугода среднестатистического обучения в данной сфере можно ли рассчитывать на получение денежных средств в размере от 150$+ в месяц?
>>631085 >На одном известном торрент трекере обнаружил такие вот курсы Выглядит как левое говно. В чем проблема с академией.
>После полугода среднестатистического обучения в данной сфере можно ли рассчитывать на получение денежных средств в размере от 150$+ в месяц? Открой hh и посмотри есть ли там такие вакансии.
Господа, делаю макет в портфолио и блять не пойму что за хуйня со слайдером. Я когда вызываю сайдбар он у меня нихуя не пересчитывает размер изображения. Только после клика по стрелке слайдера. Да я знаю что сайдбар сделал по ебанутому, у меня сраный галп что-то забрыкался сделать пару контейнеров. Проблема в jcarousel? Или в разметке? http://dzambato.github.io/xtreme/index.html
Ньюфаг вкатывается Привет аноны! Я сейчас досматриваю базовый интенсив и все достаточно легко идет. Просто до этого был опыт в верстке, но благодаря интенсиву я систематизировал свои знания. Вот теперь думаю есть ли смысл после этого интенсива идти на фриланс или все же посмотреть продвинутый и только потом? И вот еще вопрос. Как собрать портфолио? Разве просто верстка бесплатных PSD макетов катит? Разве не нужны реальные проекты?
>>630287 >2-неделя кун (если хоть кто-то помнит) репортинг. Все хотел спросить, а как ты во фронт вообще попасть умудрился? JSку наверно учил, старался, но нахуя, если тебе вообще никаким боком не нравится? И сколько на твоей работке бабла обещают?
Аноны, знает ли кто-нибудь годные программы для закрепления окошек в шиндовс? Хочу вот, чтоб на втором мониторе вместо рабочего стола всегда был пикрелейтед, и, возможно, какие-нибудь окошки сверху, и чтоб это всё не распидорашивало после сворачивания всех окон или альт-табания по первому монитору.
>>625449 Я не тот анон, но тоже дизайнер. Если кто-то еще горит желанием запилить свою студию с анонами, то я с удовольствием бы присоединился.
Первый раз зашел в воркач и сразу нашел интересный тред. В общем, расскажу свою прохладную. Сам я долгое время изучал верстку, мечтал о фронтенде, но чем дальше заходил, тем больше начинал бесить этот говнокод. Задрачивал академию, книги, потом отучился полгода на оффлайн-курсах, там пилил свой проект, который потом нужно было защищать. Сначала был воодушевлен, заебенил годные макеты (благодаря своим неплохим знаниям фш и тяге к дизайну), но как только начал верстать, столкнулся с невероятной кучей проблем и меня так это заебало, что я бросил тот проект и сделал буквально за пару дней новый. Без макетов, пилил сразу код и придумывал дизайн одновременно. На курсах учили html, css, немного bootstrap, немного php и бд + учили натягивать дизайн на wp, потом пошел js. JS я никак не мог освоить там, поэтому приходилось читать и запоминать самые азы на learn.javascript. Время поджимало, поэтому брал готовые решения в интернетах, например, прикрутил к своему проекту «карусель», кнопку «вверх», разные выпадающие списки и прочую шелуху. В итоге получился неплохой сайтик к защите. Во время учебы я успел устать от верстки, поэтому стал больше времени уделять дизайну. Рисовал в свободное время макеты, потом закинул их в резюме и внезапно нашел работу. Прошел конкурс в какую-то мелкую фирму, нарисовал там пару баннеров, сделал немного «печатки» (визитки, флаеры), а через 2 недели ушел, ибо стало скучно. Попасть в студию я не наделся, т.к. сейчас каждый второй дизайнер, но, к своему удивлению, попал. Работаю сейчас в небольшой студии. Занимаюсь прототипированием и дизайном различных веб-интерфейсов. Не хочу сказать, что стать дизайнером легче, чем верстаком, на самом деле и там, и там есть свои сложности, надо просто заниматься тем, что нравится.
Идея со студией очень годная, если кто-то хочет её развить, то пишите на мыло [email protected]
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking
Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред