24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Здесь аноны изучают верстку, фронт-енд и обсуждают
Здесь аноны изучают верстку, фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 ипрочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ (ОБНОВЛЯЕТСЯ)
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc Да, и не один а двое, азазазза, кхм. Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это [YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио. Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать? Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Интро
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите, хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете. =====================
Обучающие материалы Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Все основная инфа и материалы здесь: Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU ======================
Обновления, организация и предложения.
В планах серьезно переработать пасту, перенести ее на gh-pages. Нужна помощь анона. Если согласен, все что от тебя требуется – предоставить использованные тобой учебные материалы. Ссылки должны быть структурированы по группам. Не нужно кидать все, просто выбери что-то годное, то что ты недавно изучал, либо годноту по теме которой грех не поделиться. Закидывай все это ответом в ОП пост.
Вопрос по javascript, как можно поменять имя файла, под которым он сохраняется на диск? Не просто поменять его src, а именно сменить имя под которым он сохраняется. Хочу сделать userscript, чтобы картинки сохранялись, не как c9a76fdafc227f2e92d75380056eb182.jpg, а с предварительными тегами в названии.
>>683100 >после ошибки в синтаксисе перестает работать Gulp 4.0 не вылетает при ошибке. У кантора об этом говорится. Для предыдущих версий есть спец плагины. >хули он так уебищно цсс файл делает? Минифицируй его и всё. Или ты собрался в нём ковыряться?
>>683126 Я совсем нубас, но разве когда мы ставим галп, не ставится последняя версия? > Минифицируй его и всё. Или ты собрался в нём ковыряться? Будут копаться мои ебанутые коллеги-бэкендщики, которые не могут в препроцессоры, а учиться не хотят.
>>683131 4.0 - что-то вроде альфы, а ставится по умолчанию stable версия. Если я не ошибаюсь, то нужно npm install gulpjs/gulp#4.0. >Будут копаться мои ебанутые коллеги-бэкендщики Животные ебаные, хуй ли там учиться? Sourcemaps настрой, всё по тому же Кантору.
Насколько сильно выделеное на пике говноедство? Как сделать лучше и как получить значения inputов через react way? https://codepen.io/ogurchik/pen/zBZNQw
>>683604 > 0.13.0 > es5 > react.createClass Довольно сильное говноедство само по себе, что заставляет вас начинать обучение с депрекейтед синтаксиса? Вот дойдешь до флакса/рефлакса, начнешь миксины использовать, а потом ХУЯК, в современном реакте миксины-то и не поддерживаются. А вообще как-то так. http://codepen.io/anon/pen/PzVpGr отслеживаешь изменение вэлью, записываешь в стейт, потом берешь оттуда и делаешь, что хочешь. Но если говорить о > react way То redux + redux-form в помощь. Охуенная штука, базарю, еще захочешь.
>>683654 Это мой говнокод из учебной приложухи по выводу погоды через api forecast или как там его. fetchWeather - метод экшна (редакс), забыл удолить.
>>683685 https://pankajparashar.com/posts/todo-app-react-js/ Я вот это вообще нимогу понять, тут есть код handleSubmit: function(e){ e.preventDefault(); this.props.onFormSubmit(this.state.item) Вот это >this.props.onFormSubmit(this.state.item) Что тут вообще происходит? Я уже час сижу туплю в эти строки и не могу понять что оно делает, похоже как функция получает аргументы, но это не то ...
>>683776 Сначала я тоже нихуя не понял, потом скопировал код в редактор и все стало наглядно. Вызывается функция, которая передана выше и доступна через пропс ей передается стэйт, потом вызывается функция, которая апдейтит стэйт, записывая туда новые итемы.
>>683786 onFormSubmit это обычный props? Но он ссылка на функцию updateItems: function(newItem){ var allItems = this.state.items.concat([newItem]); this.setState({items: allItems}); }, ? И когда мы мы делаем onFormSubmit(someshit) , то мы по сути вызываем updateItems(someshit)? софистика пиздец. А что же там дальше будет, мне страшно
>>683800 Да, это пропс. На сабмите вызывается функция, записанная в этто пропс. Вообще так никто не делает, для такой хуйни есть flux/redux/baobab и прочая поеботина, из которой сейчас используется только редакс и в особо раковых случаях - рефлакс. Правда там еще больше "софистики", коннектим компонент к экшенам, вызывается экшн, вызывается редьюсер, возвращается нужный стэйт и ну ты понял. Привыкнешь, лол.
>>683800 Вот кстати весьма годное интро по редаксу https://maxfarseer.gitbooks.io/redux-course-ru/content/tochka_vhoda.html Там же где-то внизу можно найти ссылку на общее интро по реакту, но опять же - устаревший релиз и ес5, но может что-нибудь полезное найдешь. Вообще почти вся инфа на английском, из нормального только вот эти два туториала и кантор (ес6+вебпак), все остальное в русекторе какая-то лютая поебота. >>683805 -хуй
>>683607 > очень хороший > у индусов Ну если сравнивать селюка из нижней пердяевки - то да. А так их никто не понимает, у них пиздец а не английский, тру стори.
>>683874 Ну тогда у меня вообще полная жопа. Читать читаю, писать вообще не могу. Мне даже страшно представить что с нейтивами твориться когда они читают мою галиматью. А этот скилл надо качать, ой как надо...
>>684214 Буду благодарен за годные альтернативы >>684216 Смотри, если у меня в хтмлке лежит полноценная страничка, то она обновляется. Если там лежит просто секция с заголовком и текстом внутри, например - то нихуя страница не обновляется.
>>684230 Ты так говоришь, словно настройка вебпака под нужды верстальных препроцессоров + минификации базового джс чем-то сложнее, чем напихать пайпы в галпе. Там даже не надо делать продакшн и девелопмент версии.
>>684250 Имплаинг препроцессор это некая сверх-сложная йоба, а не примитивный синтаксический css-сахар. Хотя ладно, некоторые вон ангулар, да что ангулар - проекты на реакте продолжают галпом собирать без нормального хотрелоада и девтулзов.
Пасаны, учу реакт , но зачем он мне, незнаю. То есть он мне нужен только для того что бы меня взяли на работу. Так вот вопрос , что на реакте можно интересного сделать, что бы эйчеры текли? В голову приходит только идея текстовой игры.
>>681451 >Битые ссылки, с главной не попасть в магазин, например Ну потому что главной страницы магазина в этом макете нет.
>Стилизация по тэгам, каскад, вложенность и прочее, верстал бы сразу нормально, а то ты фактически скопировал верстку кокодемии. В смысле скопировал верстку? Ну я смотрел интенсив и после этого начал делать макет.
>Проверку контентом не прошло ничего, кроме кнопочки, пикрелейтед. Это вообще адекватная проверка контентом? Зачем писать одно огромное слово, а не много средних? Естественно оно будет вываливаться из блока если не прописан перенос. Но дело в том что таких длинных слов в природе не существует.
>Футер кривой, там 3 равные колонки должны быть. А чем плох тот что сделал я?
>>684400 >текстовая игра >реакт Напиши что-нибудь, работающее с API сторонних сайтов. Аггрегатор фоточек с инстаграмма по заданным тэгам, например. сам собираюсь написать такой для тамблера и поиска фотографий японских школьниц
>>684464 Там не одно огромное слово. Это стандарт, если у тебя где-то из-за контента что-то распидарашивает - ты идиод, и тебя когда-нибудь морально или физически изнасилует какой-нибудь прожект менеджер или тимлид. >>684657 http
>>684693 А так нельзя? $.ajax({ type: "POST", url: "https://api.novaposhta.ua/v2.0/json/", data: "someshit" }); И как правильно писать data? Нужно писать data: {kurwa:"someshit"} или data: "{kurwa:"someshit"}"?
>>684693 Вот скрин из того сообщения (пик), там просто одно очень длинное слово, пробелов нет. Попробуй вставить в эти блоки любой нормальный текст, либо просто скопировать тот же текст что там уже есть раз 5-10. Всё нормально растягивается.
>>684700 Не знаю, у меня с АПИ трудные отношения, только на практике могу разобраться, что им там слать и как все это дело распаршивать потом. Используй постман (гуглохромовое расширение), потыкай там, поэксперементируй.
Ну охуеть, все уже с реактом пердолятся, а я сижу галп настраиваю чтобы он мне сасс собирал и префиксами приправлял. Где остальные верстаны? Все разом забили или поэтапно перешли на реакт мимо JS?
Попутно еще один вопрос: посмотрел настройку и че-то не очень въехал. При установке галпа имеет ли разницу место куда его глобально ставить?
Воткнул по стандартному пути в консоли, после создал проект и при установке в проект, туда же устанавливаю галп-сасс, а он мне показывает огромный хуище. В итоге галп-сасс устанавливается только туда, где глобально установлен галп, а не в проект. Че за хуйня?
>>684762 >Ну охуеть, все уже с реактом пердолятся, а я сижу галп настраиваю чтобы он мне сасс собирал и префиксами приправлял. Где остальные верстаны?
Пфф, галп он собирает. Я вот верстаю только первый макет после барбершопа, вот где днище-то. При том, что я начал в июне, а в теме вообще с конца зимы.
Все потому что не могу в тайм-менеджмент, плюс работа и всякие проблемы. Но я все же верю в лучшее, так что может до зимы доберусь до нативного жс.
>>684787 Во-первых трипл, псина. Во-вторых говорю тебе еще раз, чем больше ты дрочишься со своими галупамихуялпами не будучи в состоянии отличить компонент от контейнера, сеттер от геттера, а чистую функцию от грязной, тем больше твою мать позорят грязные котята во дворе.
Я не доверстал первый макет после барбершопа, сверстал только главную, так как там был слайдер. А как делать остальные страницы я представляю нормально. Сейчас смотрю продвинутый и с галпом разбираюсь, попутно привыкая к сасс, т.к. понял что нет смысла статику дальше задрачивать. Сейчас хочу сверстать первый макет с адаптивом и автоматизацией.
В теме с апреля примерно, с июня начал верстать барбершоп и смотреть интенсив на работе. Т.к. делаю дома ремонт, через день обрабатываю видосы для ютуба и выкладываю, а когда не выкладываю мотаюсь в сад, чтобы поливать собирать все, что там наросло.
Вот такая хуйня анон и прервать этот порочный круг не могу, хочу сменить работу на версталу, чтобы высвободить рабочее время под обучение всей кухне. Как-то так.
>>684816 Ну, мне в голове-то тоже все кажется, что я знаю, как это сверстать. Могу не заглядываю в справочники все это описать, свойства необходимые назвать, ну т.е с дивана-то кажется, что приемлемый такой уровень для базового интенсива. Но на практике постоянно какой-то обосрамс выходит. То блоки при зуме разъедутся, то с флоатами хуйня, то еще что. Т.е работать есть над чем. Именно поэтому не хочу даже включать продвинутый, пока не сверстаю на флоатах без препроцессоров и прочей модной хуеты хотя бы три макета - нердс, техномарт и седону. Ну и для надежности можно прихватить еще парочку хипстерских из рассылки.
Дело твое, но в чем проблема верстать сразу под продвинутый адаптив и подключать медиаправила? Я всю всплывающую хуйню сейчас гуглю за пару минут и продолжаю, если не нагуглил - то в треде спрашиваю.
>>684832 Я знаю про медиаправила и адаптивность немного, нахватался из "Новой большой книги CSS", да и сейчас верстаю пару шаблонов по одним курсам от продавца ИНФОПРОДУКТОВ несмотря на зашквар, он довольно понятно все объясняет Но вот что-то топчусь на месте, не могу дальше пойти. Мне кажется, что бессмысленно идти на адаптив, если даже базовые макеты не верстал под полную готовность с нуля. Барбершоп не в счет, там 50-60% с лектором верстается.
>>684820 Но он прав. Как можно так долго пердолиться с такой примитивной вещью, как галп? Держи хинт по доброте душевной. удаляй из пэкеджа бабль/вебпак, прописывай npm install, npm install -g gulp , прописывай в галпфайле свои пути, профит. http://codepen.io/anon/pen/yJkKzB
>>684858 > конфиг > готовый Сам себе противоречишь. Олсо, я ответил на твой вопрос, все зависимости устанавливаются локально в проект, единственное, что можно установить глобально - сам галп/вебпак.
Фронтаны, разморочьте меня насчёт SCSS. Я не понимаю, почему он становится стандартом. Вот есть LESS, он — лёгкий, простой, удобный, красивый (вкусовщина, да), дружелюбный. Если ты (твой проект) стал в LESS себя чувствовать ограниченным и нужны функции-массивы-выебоны, то есть PostCSS, на котором можно хоть в аршинах паддинги мерить, он всё может. Почему все дрочат и требуют SCSS? Даже Бутстрапон теперь.
>>684897 Тем более, что ты создаёшь файл shame для всяких костылей. А он называется shame.less. И ты чувствуешь себя крутым, пока мама не позовёт борщ есть. Синтик нинужон.
Посоны, помогите. Есть абзац с текстом и ссылка. Нужно, чтобы ссылка вела себя так, как если бы она была внутри абзаца. Условие: ссылка находится за пределами абзаца, использовать JS нельзя. Внешне должно выглядеть как на втором варианте.
Я тоже когда в одеск вкатывался постил по десятку постов в день. Потом вкатился, заимел рейтинг, постоянный контракт, и как то смысла больше в тред заходить не стало, раз в пару месяцев чекаю в ридонли.
>>685597 Посоны, очевидно, что не я придумал себе такие условия. Скажите, это возможно или нет? Просто перед тем, как сказать заказчику "да это хуита, это невозможно без JS", хотел спросить у знатоков, чтобы не обосраться, вдруг меня потом ткнут носом в решение со словами "учи верстку, пидар, ты уволен"
Сука, в кои то веки в моей мухосрани появилась вакансия в офисе, а там ебунячие знания требуются блядь "В идеале - Yii, Yii2, Mysql, js,j query, git, svn."
Так, господа продвинутые, поясните за relay и GraphQL - насколько это вообще востребовано? Фигачу mediocre хуиту на реакт+редакс вполне уверенно. Пиздец, чем дальше продвигаешь, тем больше учить, мозги пухнут, конца и края нет, надо было реально на завод идти.
>>685606 Не то, чтобы невозможно, но даже не имеете никакого смысла. Нет, можно заделать абсолютно спозиционированную ссылку и подстраивать ее размеры/позиционирование в зависимости от текста в параграфе на JS, но зачем?
Бля, реально такое чувство, что все версталы дропнули и выкатились отсюда. Ну что ж, по крайней мере остаюсь я. Правда, тут теперь среди сообщений о js и редаксе как-то неуютно.
>>686384 да закончили просто с пипетками и паддингами и на js перешли. я вот свой адаптивный пинк практически сделал, щас мелкие улучшения делаю и js учу.
Фронтаны, поясните за препроцессоры по хардкору. Слушаю Громова с его ебанутой манерой проглатывать окончания, через раз воспринимаю информацию. И сейчас реально пока не придумал ни одного примера в верстке, где мне было бы это необходимо. Пока нихуя не вижу магического ускорения написания кода, т.к. мне проще прописать конкретное значение селектору, чем держать в памяти, где там, блять, я прозрачности ебанул и как переменную обозвал. В дальнейшей поддержке кода, да, будет прирост в производительности - все решается изменением значения переменных. Поэтому прощу по хардкору пояснить в чем плюсы, т.к. пока это только усложнение первоначального написания?
Верстач, нид хелп. Есть одна тема тублеровская, Optica. Как привинтить к ней два блока для баннеров 468х60, чтобы они располагались под изображением шапки, слева и справа от аватарки? Код темы http://pastebin.ru/CzuBNVYY#
Вот смотрю я на шаблон и мне он ни разу не внушает доверия, т.к. подхватывает css и скрипты с Tumblr. Если тебе похуй на сайт, то ставь шаблон и сделай два блока под баннеры хоть абсолютно спозиционированные, слева и справа от лого.
Если не похуй, то придется вычищать говно вилкой из него прежде чем себе ставить.
>>686599 Ты неправильно меня понял, мне нужно привинтить банеры к шаблону на самом тумблере, чтобы они отображались когда блог просматривается с браузера, я не собираюсь это шаблон никуда ставить.
Я написал - первоначально. Хотя, соглашусь, даже если использовать вложение свойств и ссылку родителя, то, да, быстрее чем обычно. Что еще дает прирост?
Благодарствую, анон. А тот как истинный нюфанька пользовался искаропки, бугуртя от ебучей вставки кода для подключения плагинов. Придется таки поставить.
Короче пацаны додвачевался. Учил, учил js, но нихуй не научился. Вопрос как вытянуть данные из функции. Есть запрос аякс с помощью jquery - http://codepen.io/ogurchik/pen/JKzWjy. Их это запроса мне надо вытянуть значение переменой Сity. Назначать глобальную переменую и в случае успешного запроса присвоить ей значение Сity?
Ребят, пилю барбершоп, надеюсь сделать это за пару дней (ибо ленивый). Хочу сделать это на вебпаке (с тулзами, будто я с бородой) - настроение на это есть, и все равно неизбежно - так почему бы и нет? Я уже сделал главную, но вопрос в общем пока не о верстке, а о приблудах с тулами: - есть webpack.config.js, конфиг npm, делаю на sass, пока без БЭМ. Есть тут люди, которые уже работают с этим всем говном и могут посоветовать про правильную модульность sass (на какие блоки и как подключать отдельные импорты в bundle.sass) и выкат в dist folder? пока все идет через webpack-dev-server для hot-reload.
>>687250 А в чем смысл сей конфы, чем вы там занимаетесь? Верстаете в команде за идею? Почему используете стайлус? Онли верстка, я правильно понимаю? >>687360 Cами же говорили - меньше народу, больше кислороду.
запилил исправления нового говнодизайна, зацените аноны, поправьте код, если можете
Так же хочу вернуть панель слева, которая имелась раньше, когда заходишь в диалог, можно было вернуться по клику по левой панели в диалоги, сейчас же приходиться целить в сообщения, что крайне неудобно. Как я понимаю одним ксс это не исправить? Сейчас так же назад можно вернутсья ткнув сюда (2 пик) может эту панель переместить как-то налево?
Как закрепить меню слева (сообщения, новости и т.д.)? К иконке телефона (сейчас просто прямоугоьник) я хочу добавить ещё один прямоугольник - типо белый экранчик. Как сделать?
>>687721 Без понятия. Вообще сборщики - вещь настолько тривиальная и примитивная (например с вебпаком анон, который вообще не шарит в жс, сможет разобраться за день максимум), что указывать ее в вакансии как-то глупо.
Если есть умеющие в ксс, поясните: Так же хочу вернуть панель слева, которая имелась раньше, когда заходишь в диалог, можно было вернуться по клику по левой панели в диалоги, сейчас же приходиться целить в сообщения, что крайне неудобно. Как я понимаю одним ксс это не исправить? Сейчас так же назад можно вернутсья ткнув сюда (2 пик) может эту панель переместить как-то налево?
Как закрепить меню слева (сообщения, новости и т.д.)? К иконке телефона (сейчас просто прямоугоьник) я хочу добавить ещё один прямоугольник - типо белый экранчик. Как сделать?
Как создать репозиторий внутри репозитория? Хочу, чтобы в репозитории front-end был репозиторий barbershob, к примеру. Чтобы в куче все файлы не валялись. Неужели для каждого макета новый реп создавать?
>>687746 >Как создать репозиторий внутри репозитория? Иксзибит, иди на хуй. Просто создаёшь ветку, в которой добавляешь и пердолишь очередной макет, потом сливаешь с основной. Зачем ещё репозитории?
>>687729 ну я вчера весь день с вп ебался пока нормально настроил. там то картинки не подгружал, то еще какую хуйню не видел. так или иначе - гуглить много надо чтоб с нуля вкатиться. с другой стороны я понимаю, что пара учебных проектов с разными билдами - и можно более менее освоиться. но вот твое сообщение заставляет меня чувстовать себя тупым.
>>687766 Ну я тоже за день как раз осилил, скринкаст кантора + пара часов усиленного гугления (т.к. у кантора почему-то куча недочетов, из-за которых сборка того же реакта+пресеты не работает/работает криво). >>687776 У них разные задачи. Для верстки вебпак неудобен, т.к. придется ебаться с конфигом. В тоже время в галпе достаточно напихать пайпов и у тебя все красиво и быстро собирается. А еще особо продвинутые хипстеры совмещают галп с вебпаком.
>>687798 Сосу Пилю приложуху на реакт-редаксе, думаю закончить до конца недели, что-нибудь напиздеть в резюме и уже пойти работать версталой не хочу Ну еще вот написал свой говносервак для регистрации/аутентификации пользователей на экспрессе, но это такой охуенный велосипед, что я точно его никуда не задеплою, лол.
лiл дня: Всю жизнь проработал на upwork'e никаких претензий, доебался чел вбыдлятне просил пиздец примитивный лендинг захуярить, я осведомившись точно ли ему поебать на то, какие технологии я буду юзать замутил компоненты на вебпаке подобие компонентов смотри пик седня написал заказчик выебывался, его макакий не смог разобраться что к чему, пришлось вернуть 4.5 тысячи
>>688120 а что не так с исходниками ? если ты про дич в медиа, то я для примера на скорую руку накидал Давненько не верстал прост. > Зачем ты ему деньги-то вернул? Работу сделал? Сделал. Ну он не согласен был что я ее сделал и мне проще было деньги вернуть т.к. он начал выебонить да и с моего города и ебал я в рот в общем то 4.5 рублей
> Олсо ты на апворке пиэсди-ту-аштиэмэль+жс промышляешь или как не нода, реакт, угловой
>>688123 Это я так шутканул типа, мда. А я бы вряд ли вернул, но я в ДС, хуй меня тут кто найдет, лол. Понятно. Я пока только в реакт+редакс могу, ну и всякая прикладная поебень, немного д3, в общем, тухловато.
>>688125 Ну я имею представление, что это, но пока даже полноценной фронтендо-обезьяно себя назвать не могу, и на практике у меня все ограничивается банальным аяксом через какой-нибудь аксиос или фетч.
>>688129 БЭМ не должен быть связан с тегами html вообще. Представь, что ты свою страничку просто на картинке видишь, не можешь увидеть теги. Освободись от тегов и всей прочей разметки, так ты познаешь золотой путь наименования. И что ты видешь? Блок "новостей-список", "новостей-списка__пункт", "новостей-списка__пункта-заголовок" и т.д. А недопонимание твоё случилось от того, что ты с тегами что-то не прочувствовал. ul это уже блок. Ему не нужна обёртка из другого блока aside. Можешь ариа-роль для ul использовать, если семантика нужна. Либо, если уж очень хочется aside, то ты его вообще не трогаешь. Он у тебя висит нетронутый, только для html(у него будет только стандартное свойство displey:block; он как бы прозрачный и просто под содержимое растягивается, никаких классов). А вот внутри него будет уже БЭМонутый ul со всеми классами-выкрутасами.
>>688133 Короче, всё просто. Сначала делаешь (в уме) разметку классами по БЭМ. А потом уже к классам подходящие теги приписываешь, а не наоборот. Подходящие по смыслу (по семантике). Если у тебя там в списке заголовки новостей, то это всё h1, потому что они все первого уровня сами по себе. А не h3, чтоб шрифт маленький был.
>>688133 спасибо. > Ему не нужна обёртка из другого блока aside нее, там обертка все таки нужна потому что будет еще что то типа span.news-counter сестринским ul'ке
>>688123 >>688119 Если еще тут, подскажи, на каком этапе можно вкатиться на апворк, чтобы не обосраться? Могу пилить относительно сложные штуки на реакте, но вот бэкенд ограничивается запросами к существующему АПИ и простенькими велосипедами на экспресса+монгодб.
>>687707 Это не бодишоп >>687673 Можно сказать за идею, но больше это нацеленно на получение опыта работы в команде. Стайлус и все остальные технологии использует создатель, в разных проектах можете использовать разные технологии и собственные договоренности. Не только верстка, каждый может создать команду в гит-организации, собрать людей и делать, то, что хочет, верстка это как вкат для начинающих и первая проба командной работы.
>>688140 да хз, если умеешь в реакт то обосраться сложно, самое сложное на апворке получить первые 10 заказов
ну по реакту без бэка где то 3 таска в день у меня в ленте возникает, вкатывайся хули, ставь сначала 8-11$/hour и пиши в профиле дескать так и так ньфаг тут так что вам повезло с такой низкой ценой т.к. работаю считай за отзыв. После 2-3 хороших отзывов или просто 5 звездочек повышай рейт до 17-20 и решай уже фронт или фуллстак если первое то переписывай все свое портфолио на ангуляр т.к. на нем объективно больше работы. хотя можно и на одном реакте работать ибо средняя продолжительность проектов 2-4 месяца.
если второе то разбирайся с топовыми либами как то: паспорт, memcached, redis, socketio, sequileze на гитхаб короче посмотри что там в nodejs инфраструктуре котируется > простенькими велосипедами на экспресса+монгодб. лол почти вся работа с нодой этим ограничивается
>>688142 Cпасибо большое. Ангулар мне как-то не зашел, после реакта на нем неприятно писать. Сейчас допиливаю портфолио на реакте как раз, подыщу хостинг и пойду соперничать с индусами.
>>688143 > Ангулар мне как-то не зашел, после реакта на нем неприятно писать Реакт хорош для одинокого хипстера волка, для команды угловой может оказаться лучшим решением.
Я когда начинал, был проект с командой в 4 мидла и лид, на мой вопрос чому не реакт, он сказал, что ебал следить за тем чтоб каждый из нас консистентный код на реакте писал, сказал что если это не одна и та же команда использующая реакт а всегда разные люди в итоге выходит сорт оф лебедя рака и щуки
>>688173 Я и учу реакт. Вернее, вполне себе выучил. Сейчас на практике закрепляю.
Понимаю, что вопрос может быть неуместным, но кто-нибудь юзал MobX? Выглядит прикольной альтернативой шизоидному родному флаксу и не менее шизоидным творениям на его основе (привет, рефлакс). https://www.youtube.com/watch?v=_q50BXqkAfI
Давно сюда не заходил, дохуя работы, да и больше как-то от верстки хочу отойти в сторону JS.
Тут столкнулся с непонятной хуйней в пайчарме. Может, я дурак, но не понимаю в чем проблема. Собсно, по скринам все понятно. Вопрос - почему пайчарм так реагирует на два дефиса в имени html файла?
В процессе изучения js решил написать простенькую игрушку, даже без использования canvas, чистый DOM. В итоге оказалось куда сложнее, и такой вопрос - в какой программе лучше и проще нарисовать единой схемой все классы и прочие компоненты программы, чтобы было видно, что чего включает, что наследует, как оно работает и нахуя оно вообще нужно. С текстовыми пояснениями. Раньше для подобной фигни использовал XMind, но это всё же не то.
Нашел в местной студии вакансию джуниора и собираюсь на нее откликнуться, но интересует следующий момент - резюме обязательно должно представлять из себя пдф или любой другой формат файлик + сопроводительное письмо или можно просто написать сообщение на указанный имэйл, перечислив штуки с которыми я знаком/имел дело?
>>688719 Да, топрофел. Бери базовый курс Академии из шапки. Смотри его насквозь, под пивко, чтоб просто общее впечатление о сфере сложилось. А потом начинай много и вдумчиво читать, много и вдумчиво ручками писать. Никаких волшебных видосов не бывает. Можешь и твою хуйню посмотреть, но 110 часов дерьма — слишком много. Скоро блядь начнут появляться "обучение сеньёра-фронтендёра по методикам НЛП и 25 кадра".
Как по краям текста сделать ну например звездочки (в моём случае капли, изображения). Текст по центру. С before/after заебись, пока текст в одну строку, если же в две то капля переходит на 2 строку.
>>688740 Нормально, только не полагайся на них как на уроки. Они скорее как экскурсия. Больше упора делай на чтение с карандашом, на нудную практику. Видосики не сделают чуда.
>>688742 Тексту релейтив с паддингами, псевдоэлементам абсолют с координатами.
>>688793 Проблемы недозондов элитного версталу не ебут. Открывай в инспекторе в Хроме и смотри всё внимательно. Может он там какие значения по-умолчанию добавляет или какие свойства без префикса вычёркивает. А вообще, читай шапку. Нету кода — на хуй послан.
Элита, поясните за понятия и звания в вашей хате. Кто корону носит - веб дизайнеры или веб погромисты? Кто очки пидорит - SMM макака или CEO чухан? Кому свободу в коде, а кому перо под костыль?
>>688867 братан, чем больше знаешь тем паче вот например можешь сходить сюда http://scanlibs.com/ и прочитать все что сможешь по тегам HTML, CSS JavaScript SEO Это фактически фуллстэк тебя с такими скилзами и парой проектов в портфолио с руками оторвут, за дизайн ниче не скажу т.к. не умею
В общем в ie 11 если назначать флекс элементы в свою очередь флекс контейнерами то их элементы при задании ширины в 100% тянет не по родительской ширине а по прародительской. как пофиксить это говно...
>>688995 прочел по html,css,js 30 книжек грубо говоря, но вообще все читал что под руку попадалось потом пол года писал вещи, которые казались очень сложными и я понятия не имею как их сделать
>>689002 нет на академию не заходил ни разу, самый большой прыжок по скилзам произошел когда делал нетривиальные вещи. А по книжкам, даже по js после кантора, подробного руководства и js ниндзя уже повторяться начало и я перестал с хтмл и цсс еще раньше
>>689010 ну бля по жс илюха клитор и подробное руководство и js ниндзя, по сути тебе больше ничего не надо т.к. дальше только спеки экмы. по html/css советовать ничего не буду т.к. то что читал я уже морально устаревшее говно, гугли че нить за 15 - 16 год на амазоне а потом в гугле bookname filetype:pdf или bookname torrent и вперед когда по ходу чтения поймешь что автор заебал банальные вещи расписывать можешь книгу бросать и гугли всякие tecnologyName blueprints, tecnologyName cookbook, tecnologyName paterns или сразу пиздуй в чужом коде на гитхуб ковыряться.
из фреймворков знаю ангулар, реакт и нодовские сейлз и экспресс, вот думаю чем то легким типо vue обмазаться, а лучше по их гитхабу свой vue запилить на jade построенный
только основная мысль была в том, чтоб ты больший упор делал на написание кода, чем сложнее приложения которые ты делаешь, тем быстрее ты растешь
графики какого нить битка как то: https://bitcoinwisdom.com/markets/btce/btcusd вуаля! Теперь ты нехилый такой миддл с пониманием архитектуры, и не запутываешься сам же в своем коде
>>688801 https://jsfiddle.net/5fyeLvx7/1/ Код. В инспекторе хрома пусто (в смысле лишнего говна не добавляет, видать спцифика движка такая). В фф - четко, в остальных - говно.
>>689137 На пикче обложка какого-то музыкального альбома (без лягухи, есессно). Помню, что видел буквально месяца два назад на ютабчике, но не могу вспомнить. Антоны, если кто знает что за оно, подскажите.
Во-первых: что за пони блять на пике в торе, ОП? Во-вторых: как писать из тора, а то мало ли? В-третьих: у меня месяц чтобы из недоученного адаптива (верстаю пинк) подготовится для версталы, скоро уволят.
Поэтому реквестую гайдов по подключению плагинов на jquery, написанию несложных скриптов на js, натягиванию верстки на cms. Гугл выдает по jquery какой-то треш.
>>689160 Кандзи на обложке читаются как "atarashi hi no taishou", или "Рождение нового дня". В ютубе гуглится 28-14: Birth of a new day с этой обложкой, поэтому, надо полагать, это оно и есть, анон.
Пишу простенькую хуитку, которая юзает oauth API гитхаба. Кликаем на кнопочку, логинимся на гите, нас редиректит назад. Суть в том, что webpack-dev-server при этом начинает искать контент в поддиректории /auth/ и естественно обсирается. Как это можно наименее болезненно пофиксить? Нарыл какие-то велосипеды на экспрессе с проксями. Конфиг вебпака самый обычный, канторовский, контент хостится с рут-директории, historyApiFallback воткнул еще когда с роутингом разбирался. Буду благодарен за любую подсказку.
>>689514 Да как хочешь. Можешь сделать в вебпаке вторую точку входа, чтобы стили собирались в отдельный файл и подключать их соответственно в индекс.хтмл. Можешь в каждый компонент импортировать личный сасс/лесс/стул файлик со стилями. Можешь импортировать main.scss/less/styl, который импортирует все остальные стилевые компоненты в корневой index.js/app.js/чотамутебя.js
Вопрос к тем, у кого фронт-енд не основной. 1. Смотрят ли "небогатые" клиенты на фрилансе на валидацию HTML кода? 2. Нужны ли всякие Бутстрапы и в каких проектах? 3. Есть ли смысл задрачивать HTML5 теги вроде всяких <section> или их всё равно все сбрасывают и переопределяют?
А то 3 года уже работаю верстальщиком/php-погромистом, но тренды не использую особо, а просто повышаю цену на услуги.
>>685259 Пашем все, что еще делать. Сам захожу раз в неделю, если вспоминаю. Кстати, чому front-end тред заменили обратно на верстку?
Пилю годноту. Как только начинаешь понимать, что верстка для тебя не так уж и сложна, начинай проспамливать почту работодателям, которые ищут работников на удаленку. Только не кидай свое резюме сразу всем. Хватит и 2-3 компаний за неделю при нормальном портфолио.
Сибирь-кун, пахавший сначала за 150 в час, потом отчаявшийся и решивший пидорить на завод, а после нашедший аутсорс в ДС за 300 рублей в час.
>>688119 Послал бы нахуй. Работа сделана, не твоя проблема, что он нашел конченого макакия на бэк. Пиздец, конечно, какие омеги идут в профессию. У нас же сплошь стресс, если не толстокожий, то заклюют.
>>689676 Ну я чисто для себя, как раз сейчас клепаю фиговину, работающую с апи гитхаба, а фантазии на что-либо, кроме просмотра списка репозиториев определенного юзера не хватило. >>689382-кун если что
>>689668 Не работал. Двачую этого >>689670 , тоже бы плюнул. Вроде как один знакомый, учивший меня пару лет назад верстке, попробовал туда устроиться, его не взяли. Но сейчас я понимаю, что он был слаб.
>Не подскажешь контору? Диванон, извиняй. Но могу дать совет. я искал работу по принципу: "Не браться за долгосрочные проекты, за проекты различных mlm или постоянных онлайн-магазинов или порталов, которые постоянно перепиливаются." Я просто не могу работать над одной и той же хуетой больше 3 месяцев. Потому я ищу работу в веб-студиях, которые раз в пару месяцев берут новый заказ, а не в компаниях, которые зарабатывают на продаже рекламы со своих сайтов.
>>689674 Я как-то пытался с их шаблоном сверстать эту хуйню, у меня знатно тогда бомбило. У них там какой-то пиздец с шаблоном был, как сейчас помню. В итоге я поразбирался пару часов и забил. >>689686-кун
>>689759 Все нормально с флексами на 11 ишаке, минорные баги, связанные в основном с флексовыми контейнерами внутри флексовых контейнеров и маргин:ауто. Так можно вообще только под хромог верстать, потому что там допускается не писать bottom/top 0, а в лисе без этой строчки какая-нибудь абсолютно спозиционированная хуита весьма закономерно съедет.
>>689764 Позволь спросить, зачем ты вообще флексовые автомаргины заюзал? Нет, они очень клевые, но все тоже самое можно и без них, и не сильно сложнее, зато железобетонно. (если не брать в расчет ие9 с полфиллами, лол)
Вообще, я когда верстал свое первое говно на флексах (седона), нахватал кучу подводных комней, но как ни странно - все они быстро и легко фиксятся тупым брутфорсом в девтулз.
>>689526 1 и 3 нахуй не нужно. > Нужны ли всякие Бутстрапы Да, если макет бутстраповский(т.е контейнер от бутстрапа и сетка 12 колонок) > в каких проектах? Во всех, которые хуяк-хуяк и в продакшн. мимо-верстальщик-уже-3-месяца
>>689783 >реакт С этими реактами/ангулярами перспективы есть вообще? Если несколько небольших приложений (вроде todo) запилю - спрос на такого человека будет? Или сразу нужно гигантскую админку создавать чтобы работу получить?
>>689788 Туду на реакте пилится за пару часов вообще без знания жаваскрипта, из которых полтора часа у тебя уйдет на поиск и установку пакетов и чтение документации. Вот эту фиговину https://react-blogpost.herokuapp.com/ я запилил за полтора дня (оче долго ебался с АПИ). Выводы сделай сам - нужен ли кому человек, который умеет то, что любая обезьяна за день освоит? Нет > гигантскую админку Такое можно пилить месяцами, что мягко говоря непродуктивно в условиях ускоренного обучения. Вот этот анон >>689026 написал нехилые такие йобы, которые лично я буду пилить недели две точно, но это нифига не энтри левел, плюс там нужны знания библиотек для визуализации (chartsjs/d3js). Вот у этих >>689668 чудиков в разделе вакансии/js девелопер есть два весьма простых тестовых таска, оба из них на джуна (несмотря на то, что одно из них почему-то помечено "миддл")
Ну и вообще если сгрести в одно целое кучу инфы+советы знакомых+баттхерт копирайтеров, то я лично сделал следующие выводы: На любом фреймворке нужны (собственно, сам сейчас и сижу на 3-м шаге,)/spoiler[]: 1) какая-нибудь базовая фиговина, но не совсем уж хэллоуворлд. Например тудулист, но с возможностью редактировать/удалять/сортировать/искать по названию/дате/помечать цветом 2) какая-нибудь базовая фиговина, работающая со сторонним АПИ. Гугл/фэйсбук/гит/ютуб/новости/погода - пофиг, главное чтобы работало и выводило что-нибудь наглядное. Можно анимациями обмазать в цсс, чтоб свистоперделки маскировали примитивность, хы. 3) что-нибудь продвинутое. Если реакт - то что-нибудь с редаксом, если ангулар - без понятия, я только мельком его глянул. ...4) добавить сюда что-нибудь на ванилле в ООП стиле, лучше еще и на ЕС6. Подойдет любой кулькулятор, главное, чтоб работал. Если есть время, можно поколупать какой-нибудь D3. Ну и основы ноды+экспресс, уметь написать простенький сервак, который хостит страничку (10 строк кода примерно, да). Эмбер лучше не трогать до момента обретения устойчивости в индустрии. Бэкбон вообще не нужен.
Может платина, а хуй знает. Месяца 3 назад когда изучал верстку, то поглядел немного про ангуляр1. Понравилось, показалось легко (но хуй там естесствн, но не об этом). Сейчас решил ангуляр2 позяпать. Со стороны ньюфага совсем другая херня, в видосах кукарекают что стало легше. (что интересно никто там на js не пишет, онли ts). Так вот вопрос: стоит задрачивать первый ангуляр или второй? И что там с тайпскриптом, без него можно обойтись?
>>689834 Да это так, забавная история. Что там у них в конфе я не знаю, но: Они как-то пафосно вкатились, с анонсом, все дела, дескать, сейчас у нас будет лайв-кодинг вебинар, научим ньюфагов кодить на реакте. Каждую неделю, говорили, будут проводить. А потом они два часа в прямом эфире не могли настроить сборку реакта. С тех пор никаких вебинаров, только раз-два в тред вкатывается их пиарщик с новой ссылкой на конфу. >>689829 С первым ангуларом похожая ситуация, как с пхп. Вроде говно, но на нем столько всего накодили, что даже если пхп завтра прекратят поддерживать, то работы для пхпистов будет еще лет на 20 вперед. Сам по себе ангулар мне показался легче, чем реакт, но при этом он какой-то говнистый. В реакте ты минимум хтмла запихиваешь в JS, в ангуларе ты JS запихиваешь в их убогие шаблоны, плюс дичайшая абстрактность - я тут про реакт бомбил, дескать, нихрена непонятно, а у ангулара вообще своя атмосфера. Про второй ничего не скажу, кроме того, что там можно и на ЕС6 писать (они же не дураки ограничивать перспективный фреймворк только лишь мертворожденным синтаксисом). >>689831 ООП это паттерн программирования, намного проще для понимания, чем функциональщина. Практикуется везде, ты в том же реакте 90% времени будешь работать с объектами. Да и там ничего сложного нет, пикрелейтед нагло врет (я серьезно) (хотя в пхп что-то похожее, но пхп это вообще отдельная история).
>>689847 Не, я конечно немного знаком с ооп, классы конструкторы области видимости итд, изучал основы джавы. Но это какая-то жесть. Думаю, здесь попроще будет с этим.
>>689847 >>689868 Получалось как на картинке, кстати. Почти один в один. Слева как объясняют в туториалах, справа - на практике. Джаву дропнул после этого.
>>689868 Да ну, я когда начинал вникать, думал "ух, сейчас дойду до прототипов, наконец узнаю, что это на практике". В итоге это настолько естественная вещь, что я сам не понял, как начал этим пользоваться, причем если меня спросят "расскажите про ооп в джаваскрипте", я смогу лишь промычать что-нибудь типа "нууу там прототип и можно делать еще прототипы и еще прототипы и там потом цепочка наследования... эээ, кхе-кхе". Но я кроме жс только пехапе более-менее занимался, вот по сравнению с ним жаваскрипт - как оазис под куполом с вентиляцией посреди пустыни из засохшего дымящегося на солнце дерьма. Очень дружелюбный язык, особенно когда перестаешь ебать себе мозги необходимостью поддерживать кривые высеры мелкософта (спасибо, реакт/ангулар/и даже жиквери). Какие-нибудь матерые питонисты/крестоебы, наверное, рассмеются, если им такое сказать, хех.
>>689909 Ну кстати да, самый простой пример из реакта. У него есть "типа-класс" Component. Всю байду, которая в нем есть, можно отнаследовать, создав свой компонент class Helloworld extends Component { } И там писать свои методы. В итоге в нашем компоненте будут свои методы, плюс все методы Component. И несмотря на весь синтаксический сахар под капотом будет что-то типа HelloWorld.prototype = Object.create(Component.prototype). Ну или типа того. В общем, на практике все становится ясно сразу и отчетливо, а когда просто читаешь Кантора, хочется кого-нибудь пристрелить или пойти на завод.
Хотя вот вообще мне ангулар показался намного проще реакта. Т.е. сам по себе реакт вообще мимими няшная легкота, но это только вью лэйер, к нему нужно обязательно добавить редакс, что-нибудь для асинхронных действий, еще что-нибудь и еще что-нибудь, и сотня тысяч вариаций того, как это можно написат, а если ты вдруг нашел какой-нибудь "sort of рабочий солюшен", а там какие-нибудь миксины (а они там 100% будут, т.к. даже официальная документация реакта учит ньюфагов писать в ес5 стиле), то соси хуй и пили свои велосипеды или ищи библиотеки для поддержки миксинов и пили велосипеды к ним или просто иди нахуй, хули ты тут выебываешься со своим 15-м реактом и экстендами, блядь, реакт.креэйткласс нахуй. У ангулара же все есть искаропки и все точном соответствии с документацией. С другой стороны там дохренища индусов, убогие шаблоны, убогая работа с ДОМом, плюс "you are not learning javascript, you are learning angular".
>>689946 >"you are not learning javascript, you are learning angular" This. Наверное, самый главный минус. Хайп на ангулар пройдет - выкинешь весь свой багаж знаний, приобретенный за многие месяцы, на помойку. С реактом хоть жс будешь знать. А жаль, так-то вариант искаропки несравнимо удобней, конечно.
>>689955 Если стоит вопрос как можно быстрее начать зарабатывать на дошираки, то может быть ангулар и предпочтительнее реакта. Но знать жс нужно в любом случае. Достаточно знать основную теорию и хотя бы примерно понимать, что происходит под капотом - вот последнего тебе ангулар не предоставит, там просто нереальнейшая абстракция.
>>682807 (OP) школярий 17лвл, хочу себе на сигареты и шмот заработать. Пробовал рерайт и копирайт, хуйня полная. из навыков: нихуя не умею, готов учиться, немного владею паскалем, лол. Устроило бы рублей 50-100 в день, работая 2-4 часа %гоните его, надсмехайтесь над ним..%
Ребятки, как по фен-шую работать с дом в ангуляре? Там же просто манипулировать дом в контроллере это уже говнокод, насколько я помню. Где пишется по-хорошему работа с дом?
>>690152 Я по мере надобности читаю оттуда, просто читать хз. Гайд вроде универсальный и наверно не обязательно по пунктам идти потому что практика все это пересекает. Я бы по проходил второй скрин, можешь дать линк?
Спустя полгода всё-таки нашёл себе работу. React/Redux джун, зарплата, правда, нищенская, но я доволен. Только хуй знает, как это всё совмещать с учёбкой в другом городе. Успешнокуны, поясните за переработки, насколько часто вам приходится доделывать таски на выходных/после работы?
>>690645 А, но это не в России. Средняя по городу 1900 EUR, минимальная 450 EUR. Мне дали 700 EUR частичными выплатами (600 ежемесячно, 300 каждый квартал). Т.е. минимальную з/п.
Короче, хуёвенько всё. Возможно, придётся отдавать больше половины за жильё, ибо моё текущее местоположение мне не подходит и ещё полгода хуярить за еду, потом просить больше, ибо я не всчитал оплаты за заочное обучение в вузике (600 EUR каждые 5 месяцев). Такие дела. Но зато вкатился, да.
>>690654 Очень средний. Три маленьких проектика на гитхабе, около двух лет ебли с жабоскриптом, в сиви вписывал всё подряд, даже json и xml, поэтому там вышел длинный список. На интервью по скопу дали несколько заданий, просто куски кода, где переменная запутана в блоки и функции и нужно сказать присвоенное ей значение, ответил очень быстро и это было решающим моментом, ибо конец интервью, собеседующие фронтэндэры уебали дальше работать, а директор оставил мне свой номер телефона и мыльцо, в остальном сильно обосрался. Спросили про удобства React'а, рассказывал им про VirtualDOM, а они хотели слышать про масштабируемость приложений и прочая хуета. Из вузика нельзя съебать по некоторым причинам, хотя я бы и рад, ибо учусь в мухосрани, а работа в ДС, 6 часов дороги, каждые два дня съезды по 24 часа в общем на выходных. Попробую рвать жопу за еду, может потом проще будет.
>>690658 Из сложного спрашивали по тестам, с которыми я не очень, по безопасности, просили пояснить CORS, разницу между ассинхронной загрузкой скриптов, синхронной и defer, SEO, какие мета-теги знаю и нахуя. Но в целом стандартно, даже разица между == и === была.
>>690663 Было бы неплохо, через полгода ведь будет нормально и прибавку просить? >>690665 Не, я в Ваве. У латыша всё хорошо же, я его два месяца назад встречал здесь (или это скандинав какой-нибудь был, не помню).
>>690682 Сайтики клепал, курсики проходил, осваивался с линью, реакт тогда популярен не был, поэтому я учил angular первый, да и много стороннего говна почерпал, с electron'ом пытался десктоп-апликации делать, юзал bower и не видел смысла в npm долгое время. В общем, мне нужен был структурированный подход, тогда может и проще было бы.
— Эй, я бы хотел научиться писать крутые веб-приложения. Слышал, у тебя есть опыт.
— Да, я как раз занимаюсь фронтендом, юзаю пару тулз.
— Круто. Я щас делаю простое приложение — обычный TODO-лист, используя HTML, CSS и JavaScript, и планирую заюзать JQuery. Это норм?
— Не-не-не. Это олдскул. Джиквери мёртв — никто не использует его теперь! Тебе нужен React. Это будущее.
— Окей, лады. А что это?
— React это новый способ разработки веб-приложений. Оно базируется на Virtual DOM и позволяет писать JSX-код.
— Virtual-что? JSX? Что это за..?
— JSX — это HTML на стероидах. Это расширенная версия JavaScript, где вы смешиваете XML и JS в одном коде. VirtualDOM означает, что у тебя есть дерево объектов представляющих часть реального DOM, и оно дает возможность манипулировать им очень быстро без необходимости работать с DOM напрямую.
— Зачем смешивать XML и JS?
— Ну как зачем. Реакт это будущее. Он позволяет создавать переиспользуемые компоненты.
— Типа как в Backbone, да?
— Нет. Бэкбон мёртв. Щас теперь все будет на компонентах.
— Ну так мне не нужно заморачиваться про JSX или VirtualDOM?
— Неа. Но неплохо бы понимать как они работают, чтобы ты мог не думать о том, что у тебя что-то где-то тормозит, и оптимизировать код там, где это реально имеет смысл — типа состояния компонента.
— Окееей, я начинаю слегка теряться. Итак, у нас есть некая шняга для написания компонентов, называется React. Могу я использовать её с JQuery?
— Ну, ты можешь написать одну часть приложения на React, а другую на чём захочешь. Но я ж говорю тебе — JQuery мёртв. Кстати, тебе стоит обратить внимание на Webpack, чтобы склеивать компоненты вместе при сборке.
— ОК. Что это такое?
— Это бандлер модулей. Ты пишешь кучу файлов, как если бы это были модули Node — и затем комбинируешь их в один монолитный файл (или разбитый на части) для отправки клиенту. Тебе даже не понадобятся react-tools, можешь обойтись одним Babel для компиляции JSX.
— Babel?
— Ага, Babel. Это клевая хрень, которая транспилирует твой ES6+/JSX код в читабельный ES5 код, с поддержкой sourcemaps. Это широко распространено, даже в Фейсбуке это используют.
— ES6+?
— ES6/ES2015 это следующая версия ECMAScript, там очень много новых фич, типа классов, стрелочных функций, Maps, Sets и так далее… Щас почти все юзают ES6+.
— Это настолько хорошая вещь?
— Спрашиваешь! ES6+ + транспиляция это будущее.
— Ну ладно. Как мне это заюзать?
— Начни с установки Node...
— Установить Node? О, нет. Ты ведь говорил что-то про React и компоненты.
— Ну да. Дальше ты берешь Flux архитектуру и начинаешь создавать actions, stores и компоненты.
— Flux?
— Во Flux ты выстраиваешь свое приложение как набор stores, actions и view, где данные «текут» в одном направлении. Views вызывают actions, они проходят через dispatcher, а stores подписываются на события dispatcher и выдают change events, на которые подписан view.
— Ага. Как в MVC?
— Нет. MVC мёртв. Flux это будущее. Сейчас очень много реализаций flux.
— Что? Реализаций Flux?
— Да, ведь Flux это просто паттерн. Зырь, Alt, Flummox, marty, fluxxor, fluxible, и т.п… И даже есть фейсбучная реализация Dispatcher.
— Мне нужно это все использовать?
— Новичку довольно сложно закодить самому весь этот шаблонный код, поэтому возьми какую-нибудь готовую реализацию.
— Ладно. Мне бы не хотелось писать эту жесть самому.
— Я ж говорю, реализаций дофига.
— А что насчёт Angular?
— Фу.
— Фу?
— Фу.
— Смотри. Мне реально не хочется возиться с установкой, настройкой и допиливанием чего-то сложного.
— Ваще-то это легко. Существуют готовые киты/репозитории для новичков, или можешь заюзать генераторы Yeoman, которые сделают это за тебя.
— Мне нужен генератор? Yeoman? Что это еще такое?
— Он может сгенерировать код за тебя, и ты можешь заюзать его для создания нескольких приложений сразу. Используй поддержку DLL в новом Webpack, и можешь компилировать каждое приложение отдельно от других.
— У меня будет только одно приложение, одна страничка, один компонент, одно что-угодно. Только одно.
— Нет. Изучи комбинируемые компоненты. Это то, как мы делаем всё сейчас. Тебе нужно разбить всё на компоненты — по одному на каждую отдельную маленькую фигню.
— Кажется, что это избыточно.
— Это единственный способ добиться аккуратности, удобства и производительности. Ты сможешь использовать штуки вроде горячей перезагрузки (hot reload)...
— Hot Reload? Типа как livereload?
— Не. Webpack поддерживает эту замечательную фичу, она называется горячей перезагрузкой модулей, и есть плагин react-hot-loader для реакта, так что ты сможешь менять код отдельного компонента без перезагрузки всей страницы. А вместе с Flux ты сможешь делать ваще башнесрывные вещи типа прокрутки истории изменений в данных туда-обратно — одновременно с горячим редактированием кода.
— Итак. Теперь у меня десятки различных инструментов и библиотек для упаковки, сборки, транспилирования и чего угодно. Еще что-то?
— Как я уже говорил, Flux дает возможность выстраивать хорошую архитектуру приложений. Но с Observables и Immutable.js данными всё становится намного лучше и интереснее.
— Observable? Мне нужен Immutable?
— Тебе нужны observables чтобы удобно работать с событиями и асинхронностью, а Immutable.js нужен для персистентности, эффективности и простоты. Observables это типа как массивы, только асинхронные. Они возвращают значения с помощью async-генераторов из ES2016.
— Что за async generator?
— Ну смотри, обычный генератор дает возможность функции возвращать серию значений, а с модификатором async ты можешь возвращать значения в будущее. Правда, автор этого, Джафар Хусейн, уже отозвал свой proposal и работает с Кевином Смитом над более узкоспециализированным es-observable для ES7.
— Кхм. Я просто хочу запустить простое приложение. Насколько же глубока кроличья нора?
— Ну, ты можешь использовать RxJS, который ближе к оригинальным observable. Оно широко распространено и годится для продакшена.
— RxJS? Чем же он полезен?
— Работает с твоими уже написанными promises и событиями. Ты можешь создать Observable из любого асинхронного кода, и работать с ним как с обычным значением. Но вообще-то, если ты ищешь что-то по-настоящему реактивное и интересное, позырь фреймворк Cycle.js, разработанный Andre Staltz.
— WTF. Мне всего лишь нужно написать и запустить простое приложение. Смогу я сделать уже это или нет?
— Конечно, хотя деплоинг это отдельный интересный вопрос, но мы уже почти закончили.
— Окей, «сегодня мы многое поняли». Спасибо за объяснения.
— Отлично! Нет проблем.
— Давай я повторю тогда, чтобы мы удостоверились, что я все правильно понял. Итак, мне нужно разбить код своего приложения на actions, stores и компоненты, выстроить однонаправленный dataflow, писать ES6+ код чтобы поиметь все последние языковые фичи, позволяющие мне писать чистый код, затем использовать Babel для транспиляции этого ES6+ кода в ES5 код, пригодный для всех браузеров, использовать webpack, чтобы склеить все части моего приложения, написанные как модули node в один файл, использовать ImmutableJS для представления моих данных и подключить RxJS для описания событий и других асинхронных функций.
— Да. Разве это не восхитительно?
— И, да, я еще кажется забыл про статику и минификацию.
— Не проблема вообще. Webpack умеет импортировать их. Все что тебе нужно, это настроить несколько загрузчиков, плагинов — и вот уже почти и всё. Ты можешь импортировать CSS и картинки. Кстати, есть еще альтернативы CSS, которые позволяют описывать стили в JS...
Посоны, тут в академии говорят, что научат делать слайдер на нердс на css. Перед этим я уже смотрел скринкаст одного мужика, который тупо не парился и подключал jquery слайдер.
Надо ли пердолиться с css слайдером или можно подключить ПЛАГИНЧИК и забить?
>>690696 В гитхаб закидывай всё, что делаешь, даже откровенное говно (после собеса удаляй), все проекты не смотрят, максимум перейдут по ссылочке на хироку и поклацают по кнопочкам на твоём изоморфном чате написанном на соектсайо (где ты всё равно наговнокодил жикверей на клиенте).
>>690699 Это такой, у которого талант. Дизайну ты не сможешь "научиться", в отличие от кодинга, будешь клепать колхозные макеты и конкурировать с сотнями (буквально) таких же колхозников. Годные дизайнеры они как художники или музыканты и получают столько, что нам и не снилось. И я не про тему лебедева, если что.
>>690705 >Ебать. Нельзя сразу на ES5 писать? Новые фичи же, spread операторы, fat-arrow функции, const&let, синтаксис класса используются довольно часто, потому что они ускоряют разработку. >Эта хуйня вместо галпа теперь у всех? Да. HMR дал всем пососать.
>>690701 Да тут проблема в том, что почти все интересные вакансии идут с опытом работы "от 1 года". Скажу, что фрилонсил - а профили везде пустые. А верстать говно не очень хочется.
>>690794 Это да, рассылай всюду сивишки, я где-то 70-80 отослал, фидбек такой себе был, но собеседований 7 было. Потом просто на monster запостил сиви с тегами React Redux Junior Front End и взяли с первого же звонка, они эту вакансию не публиковали на сайты поиска работы, поэтому конкуренция была послабее и я прошёл. Попробуй.
Набор цифр в кавычках для каждого голосования уникальный. Можно ли добавить в боди какой-то универсальный скрипт, который применял бы ко всем таким виджетам window.onload, чтобы не прописывать отдельно для каждого?
>>690905 Ладно, уже половину установил. Вопрос такой, я могу тупо потом скопировать эту папку и начинать новый проект?Или по новой надо будет ставить галп и устанавливать модули?
>>690910 Как я так постом промазал? Это >>690909 сюда. >>690911 Устанавливаешь их с флагом --save или --save-dev (на самом деле можно ебашть все в --save, но это тема для отдельного холивара). У тебя в проекте будет package.json типа пикрелейтед, только не такой жирный. Все зависимости оттуда устанавливаются одной командой в консольке.
>>690912 Ну и сначала npm init, конечно, он тебе этот самый package создаст (пустой). Хотя можно и руками ебануть, если ты упоротый немного (я так делал, да).
>>690912 >>690913 Извини за тупой вопрос, но я правильно понял, что достаточно ставить все плагинчики через --save dev а потом, чтобы начать новый проект, достаточно скопировать package.json gulpfile.js установить галп и прописать npm install?
>>690915 Я уже давно не работал с галпом. Насколько я помню, надо установить его глобально (npm i -g gulp-cli). Потом локально в проект (npm i --save-dev gulp). Так что галп ты устанавливаешь 1 раз, потом он локально подтягивается также, как и все плагины.
Учу по учебнику Кантора, очень тяжело даётся, вообще пипец. У всех такое было? Или просто я дебил, и это не моё? Обидно очень, ибо уже два месяца вложил в изучение html, css, bootstrap, less.
Например, это задание вообще не смог сделать:
Натуральное число, большее 1, называется простым, если оно ни на что не делится, кроме себя и 1.
Другими словами, n>1 – простое, если при делении на любое число от 2 до n-1 есть остаток.
Создайте код, который выводит все простые числа из интервала от 2 до 10. Результат должен быть: 2,3,5,7.
P.S. Код также должен легко модифицироваться для любых других интервалов.
>>690965 Джс код не вижу, но очевидно, что нужно находить через $(this).find() только близлежащие элементы от того, по которому ты кликаешь. Вот, буквально недавно писал такую хуйню. $('[data-slide]').click(function(event) { $(this).siblings().removeClass('active-faqblock'); $(this).addClass('active-faqblock'); });
>>690970 И да, там важность задания всего 3, так что можешь вообще не париться. Я сам это задание сделал, но у меня выводились цифры по несколько раз, но нужные, лол.
>>690986 Note: Use the data-parent attribute to make sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown. Дата-паренты разные сделай короче и всё.
>>691002 Stage-0 это «прост хорошая идея, пока еще даже не поданная в комитет». В спеку языка может не войти никогда. Сам думай хочешь ты этого или нет.
>>691008 Блять да заебал, вставь эту хуйню в текстовый документ и открой в браузере, и наслаждайся, у меня все работает, дальше сам разбирайся, почему у меня работает, а у тебя нет. http://pastebin.com/yQyqSdkc
>>691131 Я никак не мог понять почему большой шрифт (48px по-моему) в хроме не сглаживался и ехал попизде - оказывается большой шрифт он воспринимал как болд, и пытался, соответственно, использовать именно его, но так как жирный вариант шрифта у меня отсутствовал, хром пытался растянуть обычный вариант до состояния болда и получались зазубрины и пикселизация. Добавил ":400,700" и все норм стало.
Чет я посмотрел на эту ебаторию от интенсива академии с псевдоэлементами при стилизации чекбоксов и радиобаттонов... Неужели картинки и правда зашквар и надо изгаляться css-ом?
>>691355 Как хочешь, можно и картинками хуярить, но будет выглядеть круче, если захуяришь через псевдоэлементы. И это далеко не самое сложное, что есть в вёрстке.
>>691359 Ладно, ради "круче" постараюсь. Но я почему-то уверен, что все эти версталы в студиях не парятся и хуярят чтоб быстрее было. А у Сани Першина это вечное "да, конечно, можно было не устраивать тут костылей на 20 строк кода а сделать все по-быдляцки, но мы пойдем другим путем...." >>691360 Бла-бла.
>>691362 Вот когда устроишься в студию - будешь хуярить, чтобы быстрее было. А пока тебе важно научиться, чтоб если что, ты такой "опа на, гляди как я умею" и плевать, что так умеет каждый второй
У меня два вопроса Как быстро вы привыкли к Jade? Мне, например, ебать как неудобно в нем высматривать классы. Я конечно сейчас в ide сделаю им цвета поярче, но мне пока не кажется это легко доступном для быстрого понимания. Тот же вопрос к SCSS/LESS, вы вообще пишите так классы? Для быстрого взгляда не очень понятно.
Пацаны, залил на гхпейджс сайт, но внезапно там пидорасит жс, причем пути и все ок, локально все работает, через ф12 проверил залитый, там тоже все ок вроде, но подключаемые скрипты не работают, в чем может быть проблема?
Сразу извиняюсь за глупый вопрос. Сколько нужно времени учить фронт-енд в день, чтобы всё нормально усваивать и не терять ничего? Свободного времени хватает с самого утра до ночи. Спрашиваю к тому, что не знаю, как лучше будет. Либо мне учить по 1-2 часа, читать книги, htmlacademy, смотреть уроки и так далее. Либо стоит задрачивать по 7-8 часов? Как всё же будет продуктивней?
19 лет. Закончил колледж. Полон мотивации и решимости что-то делать прямо сейчас.
>>691434 Ну если у тебя времени с утра до ночи, то думаю 15 минут в день будет самым продуктивным. Вот только не каждый день, это нужно понимать. Если будешь учить каждый день по 15 минут, то очень скоро выгоришь. Идеальным будет заниматься по понедельникам и четвергам чётной недели. Т.к. сегодня уже понедельник, то думаю лучше будет начать в четверг. Удачи, анон, и не забывай делиться успехами.
событием стоит в середине контента, то вторая половина не загрузится, пока все не загрузится или событие window.onload значит, что этого скрипта как бы совсем не существует, пока весь контент и все остальное не загрузится?
Сап, ворканы. Java-обезьяна из офиса репортин ин. Не гоните сразу ссаными тряпками. Дело в том, что хочу перекатиться на удалённую работу. Пока планирую HTML/CSS/JS дрочить, я так понимаю у вас в шапке есть подробная инфа с гайдами и прочей лабудой. Но не уверен, что хочу конкретно фронтэндом заниматься, меня больше привлекает написание функционала, но в дальнейшем хочу писать полностью продукт, fullstack так сказать. Так вот, во фриланс не хочу. Где искать удалённую работу? В идеале хотелось бы в какой-нибудь зарубежной IT компании. Где такие искать? Нужны ли вообще такие работники на удалёнке? Также интересует вопрос разработки бекэнда, что сейчас популярно, на чём пишут?[S]кроме PHP[/S]Можете просто ссыль дать на то, где это обсуждают, а то в вашем разделе про бекэнд я не нашёллень было идти дальше первой
>>691590 Fronted хороший, плохой, злой путь. Почитай статьи. В остальном, во фронте много конкуренции, на столько много, что руки опускаются что-то делать.
>>691593 Конкуренция меня не особо останавливает, искал вакансии в офисе, даже в моей 350к мухосрани я нашёл несколько вакансий. Но опять же, это офис, а я в офис не хочу.
Раздупляю резиновую верстку. Вот тут учат как это делать. Вопрос к опытным анонам: это хороший туториал или есть подводные камни? Я не хочу запоминать неправильные способы, а потом переучиваться, хочу сразу правильно. http:// maxdesign.com.au/articles/liquid/
>>690658 >На интервью по скопу дали несколько заданий, просто куски кода, где переменная запутана в блоки и функции и нужно сказать присвоенное ей значение > Спросили про удобства React'а ВРЁЁЁЁТИ!!!!!!!! ФРОНТЕНДЖ ДЖУН ЭТА ВЕРСТАЛЬЩИК С БАЗАВЫМ ЗНАНИЕМ ЖЭЭСА!!!!!!!!!!!!!!!!!! МРАЗИ КОПИРАЙТЕРЫ СУКА ТРОЛЛИ ВРЁТИ ВРЁЁЁЁТИИИ
То чувство, когда решил попробовать стать верстальщиком сайтов, чтобы в след. месяце отбить хотя бы аренду хаты (7к), зашёл в тред, почитал шапку, нихуя не понял, да и обучение 400+ часов или 600+. Вернулся обратно в копирайтинга-тред.
Хотя, если порассуждать: Для чего вообще этот атрибут нужен сейчас? Только для того, чтоб ускорить отрисовку страницы явно заданными размерами (по новому положняку внешним видом теперь управляем только из CSS). Если задавать размеры в относительных единицах, то браузеру всё равно придётся строить дерево и высчитывать размеры — такой атрибут ничем не лучше идеологически верного CSS-свойства. А значит, чтоб долбоёбы не лезли со стилизацией в HTML, мы вообще уберём у атрибута единицы и будем принимать только в CSS-пикселях по-умолчанию.
>>691800 не рвись ты так вот например вакансия.. https://hh.ru/vacancy/17475247 IT-компании требуется HTML-верстальщик Обязанности: Верстка новых и уже существующих сайтов. Требования: Уверенное знание HTML (4-5), CSS (2-3); Кроссбраузерность; Front-end разработчик (приветствуется) Начальные знания JavaScript, jQuery (приветствуется); «Резиновая» верстка; Аккуратность, пунктуальность; Желание работать и зарабатывать в команде лидера рынка. Условия: От м. Кантемировская 5 мин. пешком Работа в офисе; Оклад 50000 руб + премии (40000+премии испытательный срок) Возможность вырасти до программиста Соцпакет (питание+мобильный) Оплата больничных Оплата отпуска Тренинги, обучение
>>691927 На самом деле можешь не заморачиваться по поводу этого атрибута теперь. Просто убери его из HTML-тега и забудь про него. А в CSS меряй в чём хочешь, наводи красоту.
>>691800 Ну начнем с того, что "базовый жс" - это весь кантор, основы ес6, и хотя бы приблизительное представление о том, что такое ангулар/реакт/бэкбон/эмбер. Закончим тем, что жуниора никто не пустит колупаться своими неопытными пальцами в рабочем проекте. Будет клепать компоненты с разметкой, базовую логику аля "нажал на кнопочку - вывалилось всплывающее окошко", писать стили для этих компонентов. Т.е. по сути тот же верстала, только более хипстоватый.
>>691978 >Будет клепать компоненты с разметкой, базовую логику аля "нажал на кнопочку - вывалилось всплывающее окошко", писать стили для этих компонентов Ты охуеешь столько вот таких вот заданий на рабочих проектах. А еще больше охуеешь с того как они сайдтрекают внимание. Поэтому ты будешь ковыряться в рабочем проекте, а потом, со временем, будешь ковыряться чуть больше, и уже вносить больше измненения. Никто в нормальных компаниях джунов решать нерешаемые по их уровню вопросы или проектировать архитектуру не поставит. Для этого есть люди повыше, да и решается все консенсусом.
Встал не с той ноги, видимо, сел верстать католог нердс и наговнокодил там, в итоге решая все дикими костылями. Потом перечитал свой код и понял, что я вообще кучу ошибок наделал. Удалил к хуям то, что писал часа 4, лол. Может, вообще не верстать сегодня...Главную вот отлично разметил же пару дней назад.
Вообще, в такие моменты чувствуешь себя ужасно тупым, если спотыкаешься на самом легком проекте академии.
>>691999 Верстаю адаптивы от академии без проблем и ошибок. Но читая кантора и пробуя писать js чувствую себя безнадежно тупым. Даже не смог сам сообразить как возвести x в степень n. Пришлось подсматривать ответ:( Код то я понимаю но вот что сам не допёр понижает самооценку:(
>>691995 Я с тобой полностью согласен, просто пояснил тому порвавшемусю, что значит "базовый жс", а то он небось думает, что это умение подключать жиквери и решать задачки на полиномы.
>>692004 Со временем придет понимание такой вот хуйни. Просто знай, что это реально полезно, особенно когда дойдет до всякой ебнистики уровня напишите функцию, которая возвращает функцию, которая принимает две функции в качестве аргументов, которая ну ты понял... Сможешь написать, например, ручную валидацию авторизации типа checkAuth(route) { \t\ return function() { \t\t\ if(app.user.token) { \t\t\t\ this[route].apply(this, arguments); \t\t\ } else { \t\t\t\ this.redirectTo('/'); \t\t\ } \t\ }; } А ведь это фактически 1 в 1 задачка с кантора.
>>692368 Ты попробуй там размер шрифта увеличить или любую другую обычную проверку. Всему пизда настаёт. Я себе так и представляю. Разогнали пашкиных студентиков, пришли путинские эффективные менеджеры. Набирают команду: —Я в 1996 МФТИ закончил. 20 лет стажа. —Наш тимлид! —А у меня папа — помощник советника секретаря заместителя депутата. —Наш синьёр! И понеслась.
>>692400 Это я для хохмы. Скорее всего там просто требование ie7+. С миллионами аудитории даже 0.1% это десятки тысяч пёсиков с бантиками. Стараются достигнуть этого с минимумом заморочек, вот и картинки всякие вместо модных псевдо.
>>692424 Блядство! Я в русском тексте написал «0.1». Ну здравствуй, профессиональная деградация! Быстро же ты, сука! Пойду, смузи напьюсь.
>>692433 Вообще не понятно, зачем они этим обновлением занялись. Не верю, что просто стремятся к лучшему. Бюджет осваивают? С кем-то конкурируют? У них же большинство ЦА — «дуроввернистену».
Тупой вопрос конечно, но я ничего не нагуглил. Есть вот такой фрагмент, как бы заголовок. В нем используются три разных шрифта. Есть ли возможность с помощью каких-то тегов (стронг/болд недостаточно, там есть и легкий шрифт) сделать три фонт-вейта в одном теге, или лучше не ебать мозги и разбить его на три h2, к примеру?
Я только вошёл в рабочий ритм с началом недели. Но, блядь, забыл включить фумигатор и меня погрызли сучьи комарихи. Привет, ночной ламповый коворкинг, всем смузи со льдом.
>>692592 Ты наверно ещё не вникал в компонентные подходы (BEM, Atomic), от этого и твоя загвоздка.
>Тупой вопрос конечно С умными вопросами пиздуй, перед мамкой выёбывайся. А тут прекращай прибедняться. >я ничего не нагуглил Такого не бывает. Значит, ты не то гуглил. Значит, надо сделать шаг назад и шире посмотреть. Ты пока ещё не словился с пониманием современной вёрстки, вот и беда.
В разметке HTML ты больше не указываешь никаких стилей (раньше для твоего случая был в разметке тег <font>, но его похоронили, как и другие похожие, которые только про внешний вид), ты не думаешь о внешнем виде вообще (стили, и только стили, будут в CSS; не смешивай, держи это прощеhttps://ru.wikipedia.org/wiki/KISS_(принцип) ). В разметке ты только сообщаешь о смысле (семантике) каждого отдельного фрагмента (элемента). Например, ты обозначаешь элемент как список <ul> не для того, чтобы просто точечки сбоку появились у него. А чтобы дать понять всяким читалкам (парсерам), от поисковских до инвалидских, что вот эти строчки вместе представляют собой список. Мол, читалки, взаимодействуйте с этой группой строчек соответствующе списку. Если задачи взаимодействовать с читалками нет, то похуй всем на твою разметку (смыслы элементов), её больше никто не увидит. Можешь вообще все элементы дивами хуярить, Господь найдёт своих. Да хоть всё заголовками внутри заголовков. Одинаково работать будет. Нет смысла указывать смысл, когда смысл бессмыслен (выебнулся, да). Но ты наверно же хочешь творить красоту, а не «хуяк-хуяк-прокатит». Точечки у тех строк (которые так-то тоже блоки, а не строки, но это уже сбивающие с толку тонкости, для ясности так пишу), которые ты семантически сгруппировал-обозначил как список, появляются потому, что это свойство подставляет браузер как значение по-умолчанию для такого элемента-списка (на случай того, если голый HTML придёт, или просто кто-то проебался, а вменяемо отобразить же как-то надо). Посмотреть браузерные значения (средние по больнице, у каждого браузеры есть ещё немного своего видения прекрасного, в рот его ебать) можно например тут: http://www.w3schools.com/cssref/css_default_values.asp Там мы видим для <ul> есть {list-style-type: disc;}. Вот отсюда и берутся точечки для списочных элементов блока-списка (только для <li>, ведь в той же таблице умолчаний есть <li>{display: list-item;}, что заставляет его у родителя стиль списка искать; у других элементов внутри блока <ul> точечек не будет, ведь у других другое display по-умолчанию). Но тебе же не нужны стили по-умолчанию, у твоего творения есть свой прекраснейший и неповторимый внешний вид. Вот для этого ты уже создаёшь к смысловой разметке HTML отдельный (чтоб не смешивать и не запутаться) файл стилей CSS, связываешь его по классам с разметкой. Ты держишь в голове, что есть какие-то значения по-умолчанию, но тебе на них похуй. Ты описываешь все свойства, соответствующие твоему элементу. Делаешь внешний вид списка, значит у него есть тип стиля списка, который ты решаешь определить как никакой (никаких точечек в твоём макете нет), так и записываешь. Есть отступы, которые у тебя нулевые (это же не значит, что их не существует), ты их так и пишешь, не взирая на то, какие они там подставляются по-умолчанию и подставляются ли вообще. Получается, что у тебя внешний вид и смысловое содержание вообще никак не связаны. Если завтра придёт SEO, даст пизды и скажет поменять список на секцию, а строчки списка на заголовки, то тебе нужно будет поменять только смысловые HTML-теги и всё будет дальше отлично работать и выглядеть. И я охуел от того, насколько это мудро. Десятки лет понадобились, чтобы к этому всем миром придти; так что не переживай насчёт себя, надеюсь, быстрее осилишь.
Перейдём конкретно к твоей проблеме. Представь, что ты бы обозначал строчки списка как <div>'ы, а не как список, только для того, чтобы у них точечки не появлялись. Глупо было бы наверно. Вот именно это сейчас ты пытаешься сделать с заголовком. С заголовками такая беда тут часто всплывает; да и сам я на ней застрял в своё время, отсюда и вся эта писанина. Всё дело в уёбски написанных спецификациях, но это тема для отдельного разговора. Когда читалка пробегается по странице, она выстраивает заголовки в оглавление, в список-дерево. Иерархия заголовков (1-6) нужна только если эти заголовки на одном уровне в общем родитель, тогда они в дереве будут правильно вкладываться по смыслу (типа [1 [2 [3, 3], 2], 1] ). Но на каждом новом уровне вложенности элементов заголовки начинаются с начала, с первого уровня, потому что ну дурость, если по-другому. Представь, у тебя есть блок с заголовком внутри блока с заголовком (теперь твоя разметка официально прокачана! xzibit) типа div > h1 + div > h1. Да-да, второй заголовок ты тоже делаешь h1, ведь выглядеть в дереве он будет типа как 1.1, что таки две большие разницы; они не равнозначны с первым, он вложен в первый. Ты уже наверно понимаешь, почему не стоит использовать сразу h3 из-за того, что «ну у h1 размер шрифта чёт слишком большой». Со всеми стилями ты пиздуешь в таблицу стилей; сейчас мы говорим только о правильной семантичной разметке и хуй кладём на значения по-умолчанию для внешнего вида. Сами заголовки это блоки. Ты и сам мог догадаться без всяких нудных списков значений по-умолчанию по тому, что они с новой строки начинаются. Строка с текстом лежит внутри блока, строка это строка, блок h1 это для строк обёртка (типа div, только со смыслом заголовка). Так что в удивительном мире зануд-выёбщиков правильно было бы делать <h1><span>Заголовок</span></h1>. Но мы здоровые люди и нам можно так не делать, тут строка и так слишком очевидна, она автоматически создается (и наследует подходящие свойства блока-родителя) и без конкретной разметки.
Хуясе, я понаписюкал. Хоть тут и говорили, что я дурно пишу, но надеюсь, ты теперь и сам понимаешь решение своей заморочки. Держи мой вариант. Всей структуры ты не показал, я представлю, что у тебя там статья про творчество твоих сотрудников. https://codepen.io/anon/pen/QERaQR
>разбить его на три h2 Теперь то ты сам понимаешь, какой бы это был говнокод? У тебя было бы в оглавлении три раздела. Два пустых, один с именем "проджект" и текстом.
>>692595 Забудь про них ещё надолго. Это тёмная сторона. Хорошо, когда у тебя маленький документик и инлайн можно отловить. А когда у тебя их будут сотни больших, ты в каждый инлайн будешь лезть? Не делай так больше, не пытайся выкрутиться. Ищи проблему, ищи концепцию, ищи понимание. Всё уже давно продумано и придумано.
Вот и рассвет встретил, копирайтер мамин. Буду теперь опять целый день от Кантора засыпать.
>>692635 Ебать, лучше бы вы так с функциональным жаваскриптом заморачивались, а не с версткой, тэгами и говношрифтами. Реактодаун, читающий книжку по функциональщине и охуевающий
>>692635 Спасибо за ПРОСТЫНЮ, забавно, что именно этого подхода со спан-с-классом я и избегал, наслушавшись охуительных историй про болезнь "классянка".
Отчего такая хуйня, аноны? Каждый раз чтобы сделать коммит нужно набирать git add . иначе пикрелейтед. Где я проебался? Или так и должно быть? Просто первый учебный проект с Git-ом.
>>692974 tl;dr: Всё, что до сих пор не проиндексировано — любые файлы, созданные или изменённые, и для которых не выполнена команда git add после момента редактирования — не войдут в коммит
>>692635 В твоих строках сквозит безумие, это же ты тот с подробным планом на вкат? Хочу побыть диванным психиатром и поставить тебе шизоидную акцентуацию или даже сразу расстройство личности. Интеллект присутствует, но стиль очень своеобразный, возможно есть небольшие нарушения мышления. хотя у шизоидов их обычно нет
>>692979 Как что-то плохое, в самом деле. Даже помогает: как накроет, так сидишь, уже 7 утра, а ты все смотришь в циферки и стучишь по клавиатуре, опача - интересный вебинарчик, надо посмотреть, и двое суток без сна. Никаких отвлекашек на игоры и кинцо, ибо кинцо творится в голове, this.router.history.start() и погнали. другой анон
>>692989 Меня так тоже накрывает, но редко, когда я прямо продвигаюсь по своим скиллам и получаю порцию гормонов от мозга в награду. Или сталкиваюсь с какой-нибудь еботой, которую не могу решить и потому не могу успокоиться. Тогда да, можно не спать, можно не есть, хотя до гипоманиакального состояния еще далеко.
Аноны, где посмотреть годноты по написанию scss, а то набросал главную в html, не знаю с какого бока подойти, с чего начать написание scss. С переменных там или еще с чего?
В тему пинка: накидал разметку html по БЭМ, дополнив некоторые блоки классом для скрытия в мобильной версии. Но ведь это нихуя не мобайл фест.
Как вы писали мобильный пинк: накидали разметку по мобильному шаблону, а потом уже прикручивали блоки, которые не видны в psd или делали как я поглядывая на планшетную и десктопную версию и скрывая их в мобилке?
Ну и классика: кто тут пиздел, что сетка на флексах - дно? Обоснуй.
Ебаное дно, полчаса пытался заставить работать сраные анимации в реакте (цсстранзишнгрупс, ога), перевернул всю сетку, накрутил костылей, и все равно не работает.
На каком уровне желательно знать HTML/CSS, перед тем как браться за JS? Есть план записаться на базовый интенсив академии по хтмлу, а потом пойти либо на тот же интесив академии по ЖС, либо к Кантору. Деньги и время имеются, что посоветуете? Целесообразно ли тратить на хтмл/цсс деньги, если по большому счету 50 процентов уже освоено самостоятельно? Не хочется говнокодить прост.
>>692904 Сначала тебе нужно занести изменения в index (stage), прежде чем коммитить. Ебанутая система, согласен. В mercurial вроде сразу в commit изменения отправляются. https://youtu.be/PEKN8NtBDQ0?t=3m47s
>>693429 Никогда с этим не было проблем (если не считать периода, когда я говнокодил в нотепад++). Настрой свой редактор, используй православные табы вместо 4 пробелов. Еще есть всякие прекоммит хуки, но это уже запредельный пердолинг, как по мне.
>>693416 Чем же это она ебанутая? Тречишь только те файлы, которые хочешь закоммитить, все логично. Конечно, когда ты сидишь дома и надрачиваешь петпрожекты, сливая сразу все в мастер-ветку, каждый раз писать add . запарно, но кому сейчас легко? Олсо для таких коммитов можно вообще скрипт захуячить и сливать все одной командой в терминале.
Пацаны, при свойстве display:none грузится контент? По легенде мне нужно с помощью жс сделать что-то тип слайдера, была мысль запихать все, допустим, картинки одну под другую и потом, с помощью добавления класса с z-indюx, доставать нужный элемент, но при таком подходе контент слайдера будет грузиться сразу весь, что хуево. С display: none такого происходить не будет?
>>693483 Разумеется грузится. По-твоему было бы лучше динамически прогружать новую картинку при нажатии на кнопочку? Зачем? А вообще можешь менять src, например, и обмазать это все жиквери анимашками.
Вопросик от барбершопера. Сверстал я значит 4 страницы сего макета. Криво, но все работает. Потом захотел сравнить с теми, кто проходил курсы. Ну и сразу заметил такую вещь, что у них на все страницы один файл стилей, а я создавал файл стилей для каждой страницы, то есть у меня их 4. Подумал и решил тоже объединить, но тут возникла загвоздка. Например, на главной есть картинка фоном, её я прикрутил к body. Но ведь тогда и у других страниц будет фон. Не могу понять просто, может картинку прикрутить к какому-нибудь контейнеру, который эмулирует тег body? Алсо, зачем все сливается в один файл? Он кэшируется и это ускоряет скорость загрузки других страниц?
>>693489 Ну блять, что значит зачем? Ну вот, допустим, есть у меня 40 слайдов, из которых пользователь посмотрит(читай кликнет), например, 2. Нахуя ему грузить остальные 38? Подробнее про срц. Закомментить урл пикчи и потом по клику с помощью жс его раскомментить?
Так ты у body класс создавай, Семен Семеныч, и прикручивай фон к нему, а не к тегу. Или после body обертку открывай. Сss должен быть один, не считая нормалайзов всяких.
>>693505 Насколько позволяют судить лично мои знания, такая логика делается запросами к серверу/АПИ. Пролистал десять картинок => request => then грузим следующие 10 картинок. > закомментить Лол нет. Мне трудно делать абстракции, но я вижу это так: 1. получаешь от сервера объект с урлами картинок, типовида { айди: срц картинки } / { 123414: 'https://smeshnye_kartinochki/smishnyavka2.jpg' }/ 2. в пустой тэг <img/> при инициализации хуячишь нужный срц 3. по клику на кнопочку некст меняешь срц на срц следующего элемента в объекте 4. по клику "прев" наоборот Но это хуита какая-то, как по мне. Не знаю, зачем я вообще это предложил. Я так делал, когда прикручивал всплывающий попап-слайдер к одному говносайту, куда попадали все картинки, отмеченные юзером. Олсо без бэкенд апи это все нужно будет хардкодить ручками.
Сейчас пойду гуглить, как динамическую подгрузку можно чисто на сервере сделать (и можно ли), самому интересно стало.
Только придётся свою мобилку спалить. Наверно, потом будут спамить с продолжением обучения. Но халява того стоит! Это вам не несвежего Першина мусолить. Ну-ка осмелейте, чтоб там весь чат двачевал пипетки.
>>693214 Вот тебе и бесплатная возможность приобщиться. Понять, что хуйня все эти чудо-курсы.
>>693684 Там ещё скоро лекция по экстремальному программированию будет. Тоже бесплатная, за один день всё можно освоить. Стоит подписаться на их Твиттер, чтоб быть в курсе. ололо
Там уже >300 вчерашних грузчиков и завтрашних сеньёров записано. Обещают развёрнутую оценку каждого практического задания. Как они это делать будут? Просто всем слать шаблон «ты у мамы молодец, у тебя почти получилось»?
Да ну, какой смысл от этих основ? Там даже нет верстки на флоатах, судя по содержанию. Там есть другой курс "От нуля до первого макета", содержанием почти копия базового Академии. Но и просят за него 15 к. Если на торренты не завезут, то нафиг надо.
Только я одни люблю светлые темы у IDE? Пробовал ставить дракулу для вебшторма, но работается с ней как-то хуже. Только у саблайма терплю дефолтную, так как им пользуюсь для чего-то быстрого.
Аноны, поясните что находится между макакой jquery версталой и angular/react господином? Вот реально, это ж какая-то пропасть. Сначала все просто, но как развиваться дальше? Мир топового фронтенда настолько большой и быстрый что хуй пойми с чего начинать в него вкатываться. Да и вообще способен ли я вкатиться в него тот еще вопрос. Почему нет некого среднего уровня не для совсем макак но и не для очень умных чуваков тратящих на it по 12-14 часов в день?
>>693836 Я заметил, что ощущение темы от окружающего освещения зависит, меняю. У меня тёмная комната, прямой солнечный свет вообще не попадает. Так что весь день сижу с тёмной темой, чтоб монитор не светил, как ебучий прожектор. Вечером, когда лампочки включаю, меняю на светлую тему, она чётче тогда выглядит. Ещё от этого прикольное ощущение нескучности и новизны возникает, как когда мебель по комнате переставишь. Вроде всё старое, а какое-то свежее внезапно.
Утро в коворкинг, фронтаны! Всем латте макиато. Сейчас у меня по плану начать замыкания и я чёт ссу. Наверно ОТЛОЖУ НА ЗАВТРА. Сегодня не марафонный день, посмотрю околохуйню всякую.
>>693885 Макака тыкает, пока не повезёт; человек понимает, что делает. Макака может отвёрткой гвозди забивать и будет результат. Человек понимает, что такое отвёртка и гвозди. Труд сделает из обезьяны человека. Ты с Жиквери просто далляры везде шлёпаешь, потому что тебе нравятся далляры? Или смог бы сам написать кривое подобие такой библиотеки? Вот, когда сможешь (гипотетически), тогда и реактозоопарки для тебя пугающими перестанут быть. Есть такая концепция, назовём её «Манятеория 10.000 часов чистого опыта»:
от 0ч — начинающий. Это стажёр в манямире ИТ. от 1000ч (от 6 месяцев при обычном 170ч рабочем месяце) — любитель. Это Джун. от 5000ч (2,5 года) — специалист. Миддл. от 10000ч (5 лет) — профессионал. Сеньор.
Она кстати почти совпадает вот с этой >>682824 пикчей. И это не просиженные часы, а честно отработанные. Сколько у тебя таких часов уже есть, сам себе честно ответь. Красивые цифры, как и в любых таких лайфхак-высерах, взяты почти с потолка, но это я к чему. К тому, что ты должен где-то насобирать это количество полезных часов (как в РПГшке), без них никак не случится lvlup. Переход количественных изменений в качественные, вся хурма. Было бы здорово, если бы Танк загрузил в тебя программу управления реактозоопарком, но мы не в кино. >Да и вообще способен ли я вкатиться в него тот еще вопрос. Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы. Всё упирается только в то, куда каждый отведённые ему часы тратит. Возможно, тебе не повезёт стать гениальным светилом, но стать хорошим специалистом сможет любой адекват. Так что пока шлёпай далляры, но с умом. И сам не заметишь, как придёт ясность. Сам потом будешь смеяться со своих менжеваний, знаешь же. Можешь конечно тратить свои часы куда-то ещё и быть счастливой макакой. Но что-то по твоему посту не похоже, что так ты будешь в добрых с самим собой. У тебя просто отчаяние приключилось, пересиль его.
>с чего начинать Я сейчас сам на Канторе сижу, с дивана вещаю. У меня пока план такой: Начну с Ангуляра (после ванилы, ес6, жиквери). Он стабильно есть в вакансиях и вряд ли скоро пропадёт. Куча видосов-статеек имеется, всё уже разжёвано-пережёвано, никакого зоопарка. К новому году (ща опять набегут долбоёбы от «да это за неделю можно, ебать ты тупой» и до «надо все методы наизусть выучить, тебе и года не хватит») хочу закончить пет-проджект на MEAN. https://github.com/angular-fullstack/generator-angular-fullstack Это отличный уровень для джуна должен быть, если смогу с пониманием делать, а не хуяк-хуякать. Потом хочу Полимер посмотреть. Кажется, я дико угорю по веб-компонентам. Когда БЭМ и Атомик ковырял, мечтал-фантазировал о такой штуке. Естественно, всё до меня уже придумали. Ну а там уже и до реактозоопарка дело дойдёт. Я к нему вообще никаких тёплых чувств пока не испытывают. И в вакансиях нет ажиотажа, сопоставимого с местным хайпом. Обычно это просто «плюсом будет знание Ангуляр\Реакт». Отдельно Реакт для джуна не помню, чтоб встречал.
Где там мой психоаналяша. Иногда мне кажется, что луковые мухи внутри людей звенят зелёным ветром.
>>693952 27 лвл, из Рашки. Закончил гуманитароту. Учился, а не корочку получал. Но в той сфере себя не нашёл. Хиккую с перерывами на поиски еды уже 5 лет. Зимой наткнулся на завлекуху от Гикбрейнс. Попробовал бесплатное и охуел от того, как мне это нравится. С 27 июня ебашу марафон. Не без проблем, хикканские-уебанские привычки дают о себе знать.
>>693957 У тебя даже текста нет. На все вопросы анону (и себе) я ответил. Какой ещё толк должен быть? «Ща я тебе в одном посте всё за весь зоопарк поясню»? Просто скрой, не трать время. Я даже неймфажить начал, чтоб мою дрысню было проще прятать.
>>693934 >Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы.
Вообще присказка о том, что все люди от рождения одинаковы, пришла к нам из декларации независимости США, где было сказано, что бог создал всех одинаковыми, а следовательно равными, так что утверждать, что ты не веришь в бога и одновременно считаешь, что все рождаются одинаковыми - странно.
Если же ты знаком с теорией эволюции, то должен знать, что люди, как и все прочие существа, появились разными. И, собственно, сам человек появился благодаря изменчивости. Изменчивость предопределяет не только внешние различия, но и способности. Это отлично видно на спортсменах - если тебе не повезло с генами, то, как ни старайся, ты не пробежишь 100 метров быстрее Усейна Болта. То же самое с программированием, если тебе не повезло, тебе предопределено всю жизнь быть средненьким программистом, при этом, чтобы оставаться на этом уровне, ты будешь яростно ботанить. А кто-то за это же время, с такими же усилиями, попадёт в топ и будет программировать ИИ и прочие нейронные сети, особо не напрягаясь, в лучших конторах мира.
>>693934 Требуемое количество часов примерно в 2 раза меньше, однако надо учитывать, что люди работают не более 4-6 часов в день.
Про устроиться куда-то стажером или джуном лучше сразу забыть, стоит целиться в лоу-левел милдла.
Ангуляр странный выбор. На него, конечно, есть работа, но первый уже устарел, а второй особо не взлетает. Плюс ты учишь именно Ангуляр, а не JS. Реакт в этом плане получше. Хотя, если цель в максимизации прибыли, то можно и его.
>>694058 Видел, и что? Что за дремучие стереотипы про возраст? Я устроился на первую работу программистом в 29 с годовым опытом, за полгода вырос в лучшего фронта в компании. Откуда вообще мнение, что кодеры это какие-то боги, которые ебошат 24/7 и говорят в бинарном коде? Обычные люди, иногда глупые, часто ленивые.
>>694066 Мнение составленное из реальной жизни, а не с форумных постов вроде твоего. Что человек вообще делал 10 лет после окончания школы, сидел у мамки на шее и играл в игры? А потом мамка умерла и стало нечего есть и он решил стать программистом? Сможет ли он конкурировать с людьми своего возраста у которых опыт в професии 10 лет?
>>694080 Таких мало, я их только в интернете встречаю на записях всяких семинаров типа holyjs и охуеваю с прошаренности и опыта этих людей. Но таки повторюсь, таких гениев мало и пусть я не составлю им конкуренцию, но они уйдут в какой-нибудь яндекс работать, а все еще есть куча вакансий в не таких престижных компаниях. А вот старпера без опыта на вакансию джуна имхо еще хр отсеет. Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22.
>>693978 Без замыканий в нашем веке в Рай не пускают.
>>694001 Про ВСЕ РАВНЫ согласен. Красивая левацкая чушь. Но я же не об этом. >быстрее Усейна Болта Ты предлагаешь тогда лечь и сдохнуть? Понятное дело, что олимпийски чемпион, он такой один на всю планету. Хотя и то не факт. Может быть сейчас на окраине Детройта нигер с магнитолой от копа бежит быстрее. Просто он на Олимпиаду не попал. А вот стать разрядником по бегу под силу тебе, мне (даже старому), многим, у кого ноги есть. Те, кому с ногами вообще не повезло, просто бегать даже не начнут. Вот я о чём. Если ты этим занимаешься, значит у тебе это уже получается, либо ты долбоёб-мазохист. В долбоёбов я не верю, их просо надолго не хватает. Ты же чего-то уже достиг.
Это всё блядский корзиночкин перфекционизм. «Не буду пока с Еотовой за ручку держаться. Страшно. Вот когда Анджелину Джоли смогу круто выебать, тогда да». Ничего не даёт, только жить мешает.
>>694002 >примерно в 2 раза меньше Цифры с потолка же. На тысячном часу никакого чуда не произойдёт наверно. >стоит целиться в лоу-левел милдла Лоу-левел? Нет, я только директором пойду. Не для мелочной работы меня мамочка растила. >первый уже устарел Ага, как и Джава. В вакансиях постоянно встречается. Рыночку виднее, чем восторженным модникам-троллятам из /pr. >ты учишь именно Ангуляр, а не JS С дивана плохо представляю. Но слышал про такое и это единственное, что омрачает мой бесподобный план. Может быть даже всё переиграю из-за этого, когда время придёт. Но уж очень хорошим путём MEAN мне видится.
>>694077 >>694085 >конкурировать с людьми своего возраста у которых опыт в професии 10 лет
Люди конкурируют не по возрасту, а по знаниям. Это означает, что человек занимает свою нишу согласно своему опыту, а не возрасту, т.е. если у него опыт 10 лет то он идет в сеньеры, и конкурирует с людьми с таким же опытом, не важно сколько им лет. Если опыта меньше - идет в мидлы/джуны и конкурирует уже там. И так далее.
>>694085 По-моему ты просто юный максималист, который ввиду своего возраста всех что старше на десять лет видит уже глубокими стариками. Нормальным людям будет совершенно поебать, что они старше своего начальника, но похоже ты воспринимаешь это как глубокое уязвление и обиду, что еще раз говорит что ты довольно молод.
ребят, как на жиквери связать элементы? Ну типо есть у меня 2 дива-блока и в каждом диве еще по 3 дива и надо чтобы по нажатию на 2 див в 1 блоке что-то срабатывало во 2 диве 2 блока, а не в 3, например.
>>694091 У тебя по существу возражения есть? Личный опыт? Тебе 22 и ты сам принимаешь на работу людей? Или статистика есть какая-нибудь? Хоть что-то в подтверждение твоих слов.
>>694085 >Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22 Ужас-то какой. Нельзя же чтобы начальник был младше тебя!
Да ладно, мужики, забейте. Я не хотел кого-то троллить, мб у вас все и получится в 30 лет, даже рад за вас буду. Но я просто не понимаю что вы делали до этого что так поздно вкатываетесь в профессию.
>>694095 >Лоу-левел? Нет, я только директором пойду. Не для мелочной работы меня мамочка растила.
Я серьезно. Лучше позиционировать себя как неопытного мидла, чем как джуна. На джунов вакансий крохи и там толпы людей со всяких курсов. Если ты владеешь Ангуляром и есть пара своих мелких проектов, то некоторый кредит доверия тебе дадут и мелочи можно доучить походу.
>>694085 >Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22. бггг после 30 вообще перестаешь обращать внимания на возраст...
это только вчерашняя школота вроде тебя почему то надрачивает на различия в возрасте. Важны дела а не года за спиной. кстати ржать скорее всего будет 30лений над 22летним в процессе работы, потому что в 22 человек от недостатка жизненного опыта часто ведет себя как дурак:) особенно если начальник. Тем более если корзина..
>>694095 >В пизду таланты. Все люди от рождения почти одинаковы >Про ВСЕ РАВНЫ согласен. Люди НЕ РАВНЫ. Они не равны ни физически, не интеллектуально, не морально. И эта разница многоступенчата, разные нации, разные географические условия, разный набор ген, и даже пир всем схожем генетическая лотерея может сделать двух братьев совершенно разными, и внешне и по талантам. Главная ошибка демократии и вообще цивилизованных ценностей это попытки уравнять людей. Нельзя уравнять тех кто изначально не равен, даже у Кольта не получилось, ибо реакция, зрение, хитрость.. и тп.. тд..
>>694095 >Ты предлагаешь тогда лечь и сдохнуть? Я вёл к тому, что заниматься нужно тем, к чему есть предрасположенность. Если каждый успех в программировании нужно вымучивать из себя, то может стоит подумать о каком-то другом направлении или сфере.
>>694116 Почему перечеркивать? Был UI/UX дизайнером, потом версталой, потом фронтом. Синергия, епт!
Но кто-то может просто захотеть сменить профессию по миллиону причин. Нелюбимая работа на которую запихали родители, внезапно проперло программирование, просто погоня за деньгами в конце концов.
>>694108 Можно по старинке, через селекторы. Но вообще нужен объект с состоянием приложения и ряд функций, который бы позволял этим состоянием манипулировать и распространять его на подчиненные дивы. Можно написать самому, но обычно когда возникают такие задачи уже пора браться за Реакт.
>>694141 В это и проблема, с ванильным реактом все ясно и понятно, но вот я уже 2-й учебный проект пишу на редаксе и не понимаю, куда можно запиндюрить стейтлесс и нужно ли это вообще. Скорее всего проблема в том что я тупой дебил проектики мелкие, максимум 10 компонентов, из которых половина коннектится к стору редакса.
Где возможно найти наставника, не записываясь на эти ссаные курсы, чтобы человек время от времени проверял код, указывал на ошибки, ментора хочу короче, но чтобы все было не так формально как на курсах. За деньги естественно.
>>694155 суть жиквери в удобной манипуляции с DOM вафел, даже если я перейду на реакт для любой мало-мальски сложной хуйни мне придется к ref-ами с помощью jquery манипулировать
>>694177 Если пытаться писать на реакте как на джиквери, то еще и не такое делать придется. Но лучше все-таки писать на реакте как на реакте. Тогда рефы используются крайне редко.
>>694207 обычно им не пользуются на фронте, но ИМХО лишних знаний не бывает, пробегись по какой нить книженции страниц на 200 чтоб по минимуму представлять что к чему и все хули
>>694227 Не надо до сеньора дрочить, блядь. Пару часов потратить, с синтаксисом и основными идеями разобраться. Чтоб не затупить, если вдруг где встретишь. И в резюме красивая строчка для хрюши пойдёт. То же самое для PHP.
>>694483 В зависимости от состояния родительского компонента он показывает один из двух дочерних. Состояние может приходить откуда угодно — из роута, из редакс-стора, из собственного state компонента.
>>694552 Ага, спасибо. Значит моя изначальная мысль (назначить какой-нибудь флаг в стэйте, нажатии на кнопочку запускать нужный экшн => редьюсер, менять флаг) была не такой уж и наркоманской. Если что, это задание с апворка на 50 баксов, решил сделать для себя тренировки ради.
>>694830 > гикбрейнс 2006 год из 10. Редкостная хуета радует, что большая часть вчерашних-менеджеров-завтрашних-сеньоров идет именно к ним из-за агрессивной рекламы, все меньше конкуренции. > goIT Верстка - десять флоатов из десяти, растянутых на двадцать с хуем часов. Подробный пересказ кантора для даунов в курсе по JS. Можно глянуть, в принципе, если нет аллергии на тупых украинских овуляшек в чате. > нетология Маркетинг/10
По верстке что-то кроме кокодемии и после кокодемии смотреть смысла нет. По JS на ютабе куча годных видосов на английском, плюс кантор, плюс жс-ниндзя, что-то свыше - трата времени.
посмотрел в перемотке почти все русскоязычные говнокурсы под пивас
>>694830 Проблема большинства курсов - преподаватели с дефектами речи. Если аниме озвучивают преимущественно картавые школьники, то курсы ведут писклявые, глотающие буквы, шипящие дегенераты с детскими голосками. Слушать такое невозможно. При этом, западные кусры, даже говнокодерские, ведут люди с нормальными поставленными голосами, при чём говорят так, что и ненейтиву понятно.
Использую gulp-connect в качестве пхп-сервера для разработки. Как логгировать в консоль галпа из php скриптов-то? var_dump не работает, echo не работает, подцепить к браузеру не могу, так как это обработчик вебхука. Я в печали.
Задумался о таком вопросе. Какое приложение запилить с использованием Angular или React, чтобы и потенциальному работодателю свой скилл продемонстрировать, но и не влезть в бэк и бд? Кто какие велосипеды пилил для тренировки, признавайтесь.
Привет, я не знаю что делать. Решил вкатиться в верстку, но появился вопрос. Стоит ли учить параллельно питон? Просто везде яву дрочат, а я за питона уже взялся. И вообще, каковы шансы на успех?
>>696014 >>696015 Ну просто все говорят, что лучше яп еще учить, дабы увеличить охват и повысить шансы на успех. Вот я и подумал, что можно было еще и за питон взяться, поскольку многие считают его наиболее простым для новыхпедиков. В таком случае, с чем совмещать-то? С яваскриптом?
Давно не заглядывал че-то. Сегодня созвонился с одной конторой на вакансию версталы. Запросил у них тестовое задание. Договорились, что сделаю любой макет, на мое усмотрение, в качестве проверки скилов.
Вот все работу ищут при первой возможности, а я сначала такой "ну освою js - пойду искать работу", потом "ну осилю реакт - пойду искать работу", "ну сделаю что-нибудь на редаксе - пойду искать работу", "ну покопаюсь в экспрессе - пойду искать работу".
йоу, я чето начал понимать в js Последовательность чисел Фибоначчи имеет формулу Fn = Fn-1 + Fn-2. То есть, следующее число получается как сумма двух предыдущих.
Первые два числа равны 1, затем 2(1+1), затем 3(1+2), 5(2+3) и так далее: 1, 1, 2, 3, 5, 8, 13, 21....
Числа Фибоначчи тесно связаны с золотым сечением и множеством природных явлений вокруг нас.
Напишите функцию fib(n), которая возвращает n-е число Фибоначчи. сделал за 10 минут, причем работает даже с отрицательными числами. и решение помоему даже лучше чем в ответе. до этого либо вообще не мог сделать задания, либо говнокодил жутко
>>696454 Но ведь js это не программирование алгоритмов, это знание кучи методов, бест практик, библиотек, инструментов, воркэроундов, паттернов и все такое. А ты занимаешься херней вместо заучивания спека.
>>696503 Удваиваю. Я такие ебанутые задачи на математику сразу скипаю. Нужно учить само устройство языка, а функцию на сраные фибоначчи можно и в интернете найти готовую.
>>696517 Ну нахуй эти большие проекты, сейчас верстаю ебучую соцсеть там сука 100 макетов, заебало уже. И ладно бы макеты были нормальные, так сука дизайнер мудачок тот еще.
Нормально вкурил галп только после того как пописал немного на ноде. А ведь еще после продвинутого как сейчас помню было ощущение, что я чет не въезжаю и делаю всякую шляпу повторяя как макака. Восхищаюсь (серьезно) людьми которые толком не разобравшись в инструменте не испытывают никакого дискомфорта и просто херячат (касается всего, и тех, кто на бутстрапчике сайтики клепает при этом засыпаясь на простых вопросах по верстке, и тех, кто не зная нормально ванилу херячат на jq, и теми кто вообще без понимания пыхи на вордпрессе фигарят и т.д. и т.п.). У меня же так не выходит - внутреннее неприятное ощущение не дает покоя :( Зато когда разбираешься и наступает этот "ага!"-момент прозрения, испытываешь чувство глубочайшего удовольствия, хах)
Как тот чувак, который выше писал что постоянно оттягивает с работой, так и у меня думал что устроюсь версталой, но потом засел за js, потом поковырял jq, lodash, читнул немного про функциональное программирование, потом за ноду + экспресс и немного ковырнул koa2, теперь вот реакт + ридакс надо думаю освоить, более-менее портфолио сделать и точно буду устраиваться))
Если пришло время платиновых вопросов про Седону спрошу и я. Как сверстать верхнее меню на флексах так что бы флажок был по центру? В HTML флажок не входит в main-nav, так как main-nav прячется.
Аноны, составил список чего учить для устраивания на работу, рейт плз. Html, CSS, PostCSS, Webpack, Javascript, Nodejs, Express, MongoDB, React, Sails, Bash, Docker. Что еще надо добавить в список для успешного вкатывания во фронтэнд? У меня 9 месяцев на обучение, по 6-10 часов в день.
>>697434 У тебя какая-то каша в голове. Ты уж или во фронтенд или в бэкенд, фуллстэком за 9 месяцев домашнего задротства стать невозможно. Т.е. можно, конечно, но это будет что-то уровня битрикс-погроммиста. Смотри, вникай, решай: https://www.youtube.com/watch?v=sBzRwzY7G-k
Убрать sails, добавить flux/redux еще (хоть postCSS может и заменить) глянуть что-нибудь из less/sass/stylus. Gulp, yeoman lodash/ramda хоть и не привествую но глянуть глазком jq, bootstrap Ну и тесты (mocha, chai, jasmine)
Хватит, только про порфолио не забудь потом) на счет вложишься или нет - хз, удачи. В шапке начальные материалы (академия) есть
>>697482 Есть мнение, что в ноду вкатиться проще, я с ним в целом согласен вот только работы для чистого ноде-девелопера тонет. Gulp - таск менеджер. Вебпак - сборщик. Труе-хипсторы используют их совместно. Впрочем, когда у тебя будет с десяток скриптов, ты сам захочешь обмазаться галпом, базарю.
>>697482 Что значит npm-скрипты? Откуда ты взял такое вообще? Ты понимаешь что такое npm?
>>697489 Диван не палится. Работы для node-разработчика полно, и очень хорошо оплачиваемой, см. hh. Никакой необходимости использовать галп и вебпак совместно нет, даже если ты охуеть какой хипстор.
>>697495 Так я и смотрел. Везде идет что-то типа: > Node.js, PostgreSQL, Redis, хуета_нейм > Участие в разработке фронтенда корпоративной хуиты на AngularJS/Ember/фреймворк_нейм > Дополнительным плюсом будет знание ReactJS > Знание С#/ЯП_нейм Покажи мне вакансию чистого нодевелопера, где требуется опыт не более года. > необходимости Это просто удобно, причем здесь необходимость.
>>697499 Посмотрел. Использование инструмента совершенно не по незначению, паршиво масштабируется, консольные команды разные в разных ОС. И, конечно, хуй тебе, а не инкрементарная сборка вебпака или потоки галпа. Какой-то хуевый шаг назад, к мейкфайлам. Можете сами почитать комменты к оригиналу статьи.
>>697501 >Покажи мне вакансию чистого нодевелопера, где требуется опыт не более года. А кто говорил про «менее года»? Нода не для сосунков, нужно хорошо понимать продвинутые функции языка (промисы, генераторы), быть богом асинхронности, шарить в ДБ, безопасности и смотреть за затрами ресурсов.
>>697502 Честно говоря, у меня нет особого желания смотреть получасовое видео. Про то, нахуя это нужно, в первые две минуты ничего не сказано.
Вопрос от новичка. Какой самый адекватный способ выровнять текст по центру, по вертикали? Про способы я в курсе, чем вы конкретно пользуетесь в большинстве случаев?
Аноны, смотрю html academy базовый и думаю, а не засоряющее голову старье ли там? Нужно ли вообще знать про inline-block и float в 2016? Нельзя ли выучить только flexbox и не забивать голову устарелыми знаниями?
>>698038 99% фирм с бухгалтерией, заводы, пароходы, которые в основном и выступают заказчиками На многих стационарах там до сих пор хр стоит. >>698037 >а для 0% петухов я верстать не собираюсь я смотрю ты профессионал, ещё и выбирать можешь для кого верстать, а для кого нет, мне бы так жить.
>я смотрю ты профессионал, ещё и выбирать можешь для кого верстать, а для кого нет, мне бы так жить. Одна из причин по которой я не пошел работать в R&D Сбертеха — IE8 в качестве корпоративного стандарта. И даже они постепенно перетягиваются на IE11.
>>698035 Если адекватно используешь флексы, то контент будет доступен в любом браузере. То, что сетка поехала, это не твоя проблема, а проблема того инструмента, который выбирает потребитель. У него и без рухнувшей сетки хватает проблем в жизни.
>>697956 Чисто через флексы ты нормально не вникнешь в блочную модель. Просветлиться по ней можно только через флотанутую боль. А так конечно да, не стоит использовать свойства для того, для чего они семантически не предназначены. Это костыли, стыд, позор. Inline-block'и это не что-то плохое. Вполне нормально, когда элементы идут в строку, но у каждого есть своя высота. А вот обтекание текстом для сеток — очевидный ебонутый костыль. Меня пугает, что для того, чтобы изобрести свойства раскладки, потребовалось больше четверти века. Grid, напомню, до сих пор ещё в разработке.
>>698079 У меня в городе одна студия. И переезжать я не хочу, у меня тут семья, друзья, квартира. И флоты это далеко не самая большая проблема в жизни.
>>698075 Костыли это ТРУДОЗАТРАТЫ. Конечно, ты, как хороший специалист по программированию на CSS, можешь реализовать всё и на костылях. Но это увеличит ЧЕЛОВЕКОЧАСЫ, потраченные на 5% потребителей. Если для заказчика это эффективные расходы, то пусть будет так. Но проблемо, амиго.
>>698083 Заказчик приходит и говорит, что хочет, а так же на чём это будет использовать, конец. Мы уже делаю выводы как верстать под это, мы не можем сказать ему "поменяйте на вашем предприятии оси на всех компах или браузеры". И как правило заказчик вообще не ебёт, что такое флоты флексы и верстка в целом.
>>698087 Заказчик приходит, а ты назначаешь ему вменяему цену. Седлаем хоть под IE 1, только стоит это будет... Можем сделать и намного дешевле, только удосужтесь там у себя кнопочку «обновить» нажать. Это выгоднее будет. Можем удовлетворить ещё 5% пользователей. Только стоит это будет в два раза больше. Вам это выгодно? В чём, блядь, проблема? Для любого нормального дельца «удвоение» расходов ради 5%(которые таки контент не теряют, просто он не такой красивый) — это пиздец.
>>698095 Ты значишь ровно столько, сколько тебе платят. Готов «за дошик» на флоатах поехать? Ебашь, не плачь. Иначе проиграешь в гонке. Но тогда лучше наверно охранником в Пятёрочку пойти работать. Денег больше, головняков меньше.
>>698102 Ерунда полная. Не обязательно жрать говно, чтобы получать нормальные деньги.
Хуевее всего работать как раз в говноконторах, которые бояться слово поперек сказать заказчику и конкрурировать могут исключительно низкой ценой. Отношение к работникам и зарплаты там соответствующие.
>>691561 Качество мне надо. Это сайт олимпиады, блядь, пусть картинки будут качественные, сука, а не пережатые png. А еще я хочу, чтобы с мобилки и ретины картинки выглядели одинаково хорошо.
Фронтаны, намекните как зафигачить бесконечный скролл с постепенной подгрузкой нового контента с бэкенда, используя реакт-редакс? Мозг отказывается думать.
>>699230 хз я кроме него никаких не пробовал, но мне нравится indent-oriented syntax полтора года назад в связке с coffeeScript и sass/stylus было заебись
>>697729 И сколько же? Я так понял ничего сложного кроме как пиздецовой усидчивости сложного нет? Какие скилы нужны для таких заданий? Просто только вкатываюсь и и у меня есть 1.5 месяца что бы начать зарабатывать потом меня выкинут из хаты, родители заебались меня кормить.
Аноны что можно просматривать или прочитывать ньюфане между изучение верстки, а то пару курсов пройду и в игори играю ввместо того чтоб что-то по теме почитать или посмотреть на ютубе.
>>699334 >желательно все свободное время >если его меньше чем 50 часов/неделя то лучше и не начинать ИМХО Это полная ерунда, не пугай людей. Постоянство важнее, чем резкий ебошинг по 10 часов в день и выгорание за неделю.
>>699211 Спасибо, попробую. Насколько я понял, надо в начале каждого pug файла прописывать настройку, если она не дефолтная. Наверно можно охуеть и ворваться прямо в lib/settings.jade и там прописать свои дефолтные настройки.
Фронтаны, че за хуйня?. Посмотрел несколько гайдов по настройке галпа, решил пока использовать только sass to css. Вываливает в консоль дохуя ошибок при попытке сохранить scss. Самая первая: sass is not a function. Гляньте галпфайл.
>>699592 про require('gulp-sass') тебе верно написали, его надо ставить. определиться, с расширением. можно с нпм страницы gulp-sass взять таск, там как раз под твои нужды.
Спасибо, уже разобрался. gulp-sass проигнорировал установку несколько раз. Когда поставился, все заработало. И, да, gulp-sass в переменной должно быть.
Пачаны, только недавно вкатился. Поясните пожалуйста за портфолио. Разумеется его нет. Нормальным будет если в портфолио будет 3-5 сверстанных макета страниц на гитхабе просто как ширма, без функционала.
>>700051 Хз. Написано, что макеты из скетча (а у среднего версталы мака нет, лол, так что надо хотя бы иметь знакомого, который портанет это в авокод, ну или дезигнера пресануть).
Есть тут аноны из Украины, которые оплачивали курсы Академии?
Я не разу не оплачивал ничего через интернет, планирую создать кошелек на вебмани и через него платить. Но у меня же гривны а на академии рубли, там автоконвертация идет или как, и по какому курсу тогда?
На сайте вебмани я перерыл все носом и не могу найти эту инфу.
>>700121 Вебмани можно перевести с одной валюты в другую внутри самой вебмани или на сторонних обмениках (там курс лучше). Но академия вроде не принимаетвебмани.
Только тут в WMR - это рубли, а у меня кошелек в WMU - гривны. Но ты говоришь, что конвертировать можно в самой системе. Думаю проблем не возникнет тогда.
>>700160 Тебе надо будет создать еще и вмр кошелек на аккаунте насколько знаю. Для этого придется выслать путину скан паспорта. Так что сам думай, стоит ли обучение в академии этого.
>>700293 >Короче написал в поддержку WebMoney Ты ебанутый? Что сложного в алгоритме -создай вмр кошелек -поменяй деньги в соответствующей вкладке не помню уже как называется
Аноны, продолжаю ебаться с пинком, лучше сделать графику спрайтом? А то там картинок под каждое разрешение пиздец. Или сделать свой спрайт для каждого разрешения?
Есть еще svgstore. Вот только спрайт будет работать пока у тебя сервак запущен, на статике свг спрайт не отображается, так что согласен, говнище полное, тоже все нервы выебало
>>700980 Бесят такие неблагодырные хмыри. Кантор сделал бесплатный годный учебник, и тут какое-то нонейм хуйло вкатывается и обзывает его ебучим, хотя само же попользовалось.
>>700994 Если только на должность джиквери-слесаря. Если ты претендуешь на место фронтенд-разработчика, то лучше пару простых аппов на Реакте все-таки.
>>701150 лол, я щас пытаюсь написать. не знаю, что делать, когда получил числа и знаки. они же в виде строк, как блять сделать, чтоб работали мат.операции. В массив пытался писать и по отдельности хуячить, хз кароч))
Потому я и посоветовал кулькулятор. Если правильно его написать, то освоишь вообще все. И ооп/прототипы, и работу с данными, и множественные обработчики на кнопочки и самостоятельную работу со стейтом без этих ваших реактов-редаксов.
>>701205 С числами у меня не возникло проблем, у меня с мат. операциями незнание куда ткнуться, чтоб они работали. После спойлера стало немного страшно, что за ебала меня там ждет и кто бы еще сказал, правильно я пишу или нет. А eval() можно использовать или это чит?
>>701217 > eval Строго нахуй. > страшно Хуйня все это, гугл, стэковерфлоу и тред (частично этот, частично js в /pr) помогут решить 100% всех проблем. А код можешь сюда скидывать, например, я погляжу (правда я далеко не йоба-жаваскриптизер). Ну и да, ты же не думаешь, что за час-два напишешь рабочий код? Уделишь пару-тройку дней и все будет збс.
>>701278 Эти аутисты уже звонят мне пару лет, чтобы я заплатил за обучение, когда я не то, что там не учился, а даже в душе не ебу, откуда у них мой номер
>>701325 Да, по названию сайта, последний скорее-всего не ее.
В HelenDiana даже спрайты не сделаны - мелоч так вставлена. Больше 100 запросов нахер. И кстати из-за того что нет спрайтов после первой загрузки иконки мигают при наведении. Page speed insights тоже недоволен.
Чем можно там именно гордиться как написано в интервью я хз.
>>701278 Да, так же замечу, что есть знакомый оттуда по специализации бэкэнда, вроде был доволен, но им пока что рассказывают там всякие штуки из фронта (месяцев 5 наверное из всей годовой программы), про верстку говорили, про препроцессоры, немного js, jq - писали плагинчики и всякие свистоперделки небольшие. Но это по его словам, насколько качественно это было я лично сказать не могу, ибо с ним не дискутировали
>>701365 Ну эт не проблема - можно просто вообще не сообщать какие курсы ты там проходил. Самообразовывался, да и все. Другое дело если навыков нет или есть, но гавно - тогда да, печально.
Хочу пройти все закрытое, я пока только первый урок прошел. + хочу деньгами отблагодарить людей за работу, сделано то хорошо, да и стоит хуйню. 120 гривен месяц, думаю мне месяца, максимум двух хватит.
Делаю все по шапке же, сперва академию пройду, потом смотреть буду базовый интенсив, потом продвинутый и верстать, пока из смотрю все что там говорят. Все по шапке треда.
Ничего не знал, моя профессия вообще металлургия. Я пытался смотреть другой курс, какой-то бабы, там было 10 коротких видео, после этого я попытался верстануть макет, чуть что-то сделал и начал смотреть интенсив. И когда дошли до показа барбершопа, я прозрел, от того какую хуйню пытался делать в том первом макете
>>701434 "Теория продвинутых курсов HTMLacademy" а это нужно? Или просто пройти "базовый но посвежее, за 2016 год:" а потом "Продвинутый интенсив за 2015 год"???
>>701439 Палю оптимальный imho план: Бесплатные курсы академии под пивас выебистые испытания сразу нахуй, базовый интенсив => продвинутый интенсив на х2 => верстка одного макета со всеми выебонами => кантор + js garden + рандомная хуйня (сойдут любые релейтед видосы с ютаба, типа 'writing todo with vanilla js') => пишем собственный рабочий хэллоуворлд на ванилле => день на копание в жиквери => основы ноды (уметь поднять собственный "сервер" в 10 строчек который хостит статик страничку со всеми ресурсами) => работа с бэкендом/апи, REST, CRUD => реакт/ангулар => редакс (mobx опционально) => (эмбер/extjs) +100 к репутации у работодателя, опционально => всякая продвинутая хуита, relay, graphql, можно зацепить что-нибудь уровня Д3, в общем, все дороги открыты, как говорится.
Месяц дрочить курсы, где вам будут на пальцах показывать, чем section отличается от article это как-то глупо, ящитаю.
>>701455 > кантор learn.javascript.ru же На верстку я бы выделил полтора-два месяца максимум. Дальше не могу сказать, все индивидуально. Я до реакт+редакса дополз за 3 месяца, попутно зацепив немного ноду и поколупавшись в первом ангуларе, но у меня есть небольшой опыт быдлокодинга на других ЯП, поэтому мне было довольно легко разобраться в основах самого жаваскрипта которые у многих ньюфагов вызывают когнитивный диссонанс. А дальше все идет очень легко и приятно, особенно реакт.
Правильно ли я делаю ретина изображения? 1. Экспортирую из авокода в 2х (т.е. ширина и высота в 2 раза больше существующих) 2. В случае фона делаю, background-image: image-set( url(img.png) 1x, url([email protected]) 2x ); 3. В случае картинки, делаю <img src="pic.png" srcset="[email protected] 2x"> 4. Тестирую в хроме, настроив custom device с device pixel ratio = 2 В итоге получаю на моем не ретина дисплее, просто картинку размытую из-за увеличения ее размеров. Так и должно быть? У ретины норм будет отображаться? Проверить устройства нет.
Аноны, требование пиксель перфект это сколько? Чтобы при наложении картинки даже 1-2 писеля не съезжали нигде? Шрифты же отображаются по разному. Или у них letter-spacing менять надо?
>>701915 <h4> это блок заголовка, <a> это кусок строки. Естественно, строка внутри блока, второй вариант. Это из теории. А из практики, представь, что тебе потом придётся добавить в заголовок что-то, что не будет ссылкой. <h4><a>Hi</a> all <em>borschehljoubs</em>!</h4> Только так.
Знаете что страшно. Вот лично я так вижу ситуацию сейчас. Нет технологий-долгожителей. Сейчас быстро как грибы вырастают новые приёмы, но при этом и быстро гниют. Только ты начнешь изучать что-то одно, так на его смену приходит другое, а ты только достиг уровня сеньора и пора уже снова спускаться на джуна, рынок требует.
>>702046 Так вообще-то предупреждают, что это стиль жизни такой у разработчика постоянно изучать чет новое, ну и желательно быстро схватывать принципы. Когда будет хороший фундамент, то это будет не так и сложно. Не нравится подход такой, боишься что не справишься или еще че - выбирай другую профессию. А не как некоторые услышат пиар отрасли и ломятся за баблом или еще чем, а потом жалуются, что мол сложна или тут быстро все меняется, надо учиться постоянно и т.д. Если ты нормальный синьйор то вряд ли ты будешь джуном, так как у тебя есть опыт и ты уже понабивал кучу шишек, что тебя все-равно будет выделять на фоне совсем профанов. Разве что ты кардинально специализацию сменишь. Писал фронт, а потом решил перекатиться в разработку микроконтроллеров к примеру. Ну и конечно еще и от направления зависит, если ты в энтерпрайзе каком-нибудь там все помедленнее происходит (по крайней мере из того что слышно)
>>702102 Сколько лет опыта у тебя? Знаю пацика 23 лвл, он с нуля за 4 года добился того что уже катается по европкам и фрилансит, не скажу что он прям гений какой-то, в игори каждый день играет, хз когда у него получается учить что-то новое, фрилансить и ходить в спортзал.
>>702046 А долгожители, это сколько? Такое отчаяние вечной отсталости возникает из-за агрессивного хайпа модников-выёбщиков. Всем же хочется быть модными, быть старьём никому не хочется. Получаются две классические проблемы: «мне нечего надеть» и «где взять для шмоток шкаф побольше». Мода, конечно, двигатель прогресса. Но главное — в ней не захлебнуться. Надо быть в добрых с сами собой. Основным языкам уже больше 20 лет и конца не видно. «Новый» мозилловский язык Rust появился в 2010 году. И сейчас они гордятся, что скоро первый кусочек на нём в продакшн пустят. Что касается отдельных приблуд, то тут выше по тредику у нас был срач про «можно ли использовать flex». А этому свойству в нынешнем его виде уже больше пяти лет. Пять, сука, лет; ты представляешь, как это много в конкретной человеческой жизни? Но некоторые, внезапно, сейчас кичатся тем, что смело используют «новое» свойство и больше не будут кататься на флоатах.
>>702120 На острие хайп-атаки у нас же всякие жс-библиотечки-фреймворки. И каждый из них стандарт индустрии, лекарство от всех болезней, будущее сейчас, кто, если не он, и всякое-всякое. Самому интересно стало, полез посмотреть: Жиквери 10 лет. Ангуляру 7 лет. Реакту 3 года. Полимеру 1,5 года.
Ноде 7 лет, к слову.
Если это всё соотнести, то можно вывести среднее по больнице. Где-то раз в три года появляется что-то значимое. И где-то пять лет требуется каждому, чтоб вырасти во что-то вменяемое. Нихуёвенькие такие сроки. Даже если пашешь, можно найти время и разобраться на досуге.
Кстати, соотношу это со своим опытом в игорях. Стараюсь не проникаться игрой, пока не выйдет жирный легендари эдишон. Как раз 3-5 лет проходит. Скурим, например, только недавно с кучей модов и дополнений перестал быть похожим на бета-тестинг говно-аркады.
Блядь парни, это пиздос. Раньше делал гавно-сайтики на WP, за одно вешал на досках информацию о моих услугах по созданию оных сайтов. Вчера позвонил мужик, мы с ним поболтали, он описал задачу - ну типа шоб норм смотрелось))0) Я буквально за часик накинул бесплатную тему, создал пару страниц и отдал ему, щас вот получил деньги, 4к) Считай за час работы без вашего прохрамирования. Собственна вопрос, как мне блеадб при таком раскладе заставить себе трахать мозги с этими вашими тегами, силиктурами итд? Это поздос ребят, полная демотивация..
Котаны, думаю по завершению вуза вкатиться во фронт-энд. Что умею: html/css на среднем уровне, js на минимальном уровне, php на минимальном и asp.net. Что думаю учить, чтобы знаниями дорасти до джуна: дочуить js, изучить jQuery, Knockout (потому что делал на нём курсовик, и поэтому примерно имею о нём представление), доучить php, изучить Git, ещё в этом семестре будем изучить базы данных, тоже полезно. А также всё, что указано здесь: https://habrahabr.ru/post/306716/#s1 Ну и сверстать штук 5-10 макетов. Php, asp.net, бд, изучаю для того чтобы была возможность перекатиться в бэк-энд или фуллстак вебмастера (или как это там называется) при остром желании в дальнейшем или большей зарплаты, да и в целом для развития и общего понимания как работают сайты это тоже не будет лишним. адресация в сети, клиент-сервер, TCP/IP, HTTP, вот это тоже всё знаю и разбираюсь.
Тащемта, вопрос к опытным и работающим: верен ли мой план, всё ли хорошо? Что, помимо того что перечислил, требуют от джуна на собеседовании? И, да, что по зарплатам? Можно ли найти работу в Спб/Новосибирске не за гроши в этой сфере?
>>702495 План говно. Джиквери и нокуат устарели — учи реакт и вебпак. Про бэкенд-часть забудь, это не забота фронта. Верстать 10 макетов не надо, лучше напиши один приличный CRUD на актуальном стеке.
Я днищестудент, нужно по учёбе запилить сайт-блог, а именно: - настраиваемый слайдер на js, можно взять готовый. - реализовать бд гостей, которые могут оставлять комментарии к статьям, подключение к бд посредством php-скрипта, +форма регистрации, вот это все. - реализовать вывод данных статей содержимого сайта из бд тоже посредством php Главное, чтобы были реализованы несколько php-скриптов, несколько таблиц бд и жабоскрипт. Желательно опять-таки без бутстрапов и прочих фреймворков. Jquery норм.
Все скрипты можно скопипиздить откуда угодно, главное, чтобы все было построчно прокомментировано и работало. Оформление простенькое минималистичное, наполнение lorem ipsum или что угодно вообще.
Аноны, помогите как сделать это. При прокрутке один слой должен перемещаться относительно другого, нужно сделать верхний слой с треугольниками как на пике
>>712028 половина бесплатна другая половина 300р/месяц 300р/месяц дорогие? сами интенсивы доступны на торренте. 300р блять, да обедаю на работе за столько частенько
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 ипрочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ (ОБНОВЛЯЕТСЯ)
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
[YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Интро
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите, хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
=====================
Обучающие материалы
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
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
Базовые обучалки от teamtreehouse любезно слитые аноном (только видео и только на английском):
JavaScript Angular/Node/D3/Gulp/NPM/OOJS/Ajax/Ember
https://mega.nz/#!C0ZmhIhJ !PoCGxIVvExoTa0rAjrDoXp-tjQ2kc3k5UasFu8lRB_4
Верстка Fluid grid, dev tools, seo, flexbox, sass, etc
https://mega.nz/#!PgRiXJLK!Ske0xNBP aC9Rm_3mV9c5Zoz6rD5Yna-V7pI-yzJOB_A
Используемые нынче во фронтенде технологии
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
======================
Обновления, организация и предложения.
В планах серьезно переработать пасту, перенести ее на gh-pages. Нужна помощь анона. Если согласен, все что от тебя требуется – предоставить использованные тобой учебные материалы.
Ссылки должны быть структурированы по группам.
Не нужно кидать все, просто выбери что-то годное, то что ты недавно изучал, либо годноту по теме которой грех не поделиться. Закидывай все это ответом в ОП пост.
Ребята из академии предлагают сотрудничество верстальщикам и фронтендерам, с опытом от 1-2х лет в индустрии.
Подробности здесь https://htmlacademy.ru/intensive/htmlcss/tutors
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред