24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят, нам нужно пощупать код, иначе никто не поможет. Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
>>480862 (OP) Добавил краткий фак, дабы спасти тред от дурацких вопросов. Думаю, ОП-пост надо частично перепиливать, а заодно и пасту. Если что - жду ваших предложений. ОП
Вопрос к фронтендерам: насколько сильно нужна математика в этой специальности? Мне вот очень нравится верстка и JS вроде неплохо учится, но вот математику очень не люблю. Просто считается, что программирование все-таки связано с матаном и все в таком духе, поэтому и спрашиваю.
>>480880 Линал, диффуры и интуры знать надо. Векторный и тензорный анализ можешь пропустить, если не будешь моделировать. Из тфкп очень желательно шарить (кроме базы) в конформных отображениях.
>>480889 знаешь я скажу коротко, как когда-то мне ответили в треде про английский язык в разделе /fl.
На всякие курсы записываются те, кому это на самом деле нахуй не нужно. Чисто ради того, чтобы сделать вид, что этот человек что-то меняет в своей жизни. Чтобы было на кого свалить свои неудачи. Все что выносит человек с таких курсов - это счета за обучения. Те кому реально это нужно, то он справиться и без всяких курсов, и будет целыми днями, все свое свободное время посвящать на обучение верстке, джс и т.п.. Так что спроси себя еще раз, нужно ли тебе тратить деньги на всякое говно, когда это есть в шапке и в гугле?
>>480901 Я не тот анон, но всегда ли так? Вот я работаю околопрограммистом (бд, хранилища данных и пр). Хотелось бы, приходя с работы, просто открыть лекции, практику и все делать, а не альтабться по миллоинам книгам и вкладкам. Учил джаву так, да, все время дрочил на нее.
>>480915 а для чего тебе дали гугл? Никогда не понимал людей, которые тратят деньги на всякие курсы. Да, может без курсов ты бы сидел и тратил больше времени как я, разбирая всякую херню и пересматривая лекции по 5 раз, пока на тебя не сойдет благодатный огонь. Но я потрачу те же 7000 рублей на более полезные вещи.
Так что советую всем заниматься самостоятельно, к тому же полно каналов на ютубе со всякой полезной инфой за бесплатно, но на ваших сайтах с платными курсами вы просерите деньги.
P.S. Короче тут какую-то хуйню тебе написал, но думаю мой посыл ты понял
>>480902 А верстальщикам тоже нужно абстрактное мышление? Например я осилил html/css и основы JS. Говорит ли это о том, что я еще способен в абстрактщину?
>>480863 О, молодца, помозгую на досуге тоже чет подскажу по посту, но блядь судя по вопросу слоупока, который он уже и в js тредике успел задать хуй кто читает то шапку
Я Ананон который про курсы спрашивал. О курсах задумался потому, что есть предположение,что там дают инфу "по порядку" + можно совмещать с работой комфортно, какой не какой "ментор" будет, ну вы поняли о чем я. Тебя Анон услышал, вопрос был как раз потому, что сомневался именно в этих курсах а не в курсах в принципе.Прогуглих их, говорят шаражкина контора, к тому же опять посмотрел их план обучения. ТАБЛИЧНАЯ ВЕРСТКА!!На хуй это вообще надо!!! Были сделаны выводы, что там все так.Кстате , курсы ты зря презираешь, я думаю, что например тот же английский куда проще изучать с преподом и не испытывать анальные мучение с дрочкой типо учим миллион слов и читаем книгу на английском.
>>481043 Запомни. Если человеку к примеру действительно нужен английский, то он будет учить его самостоятельно тратя свое драгоценное время, которое в будущем окупится. В интернете куча различной инфы, в том же вк и ютубе полно различных источников.
>например тот же английский куда проще изучать с преподом и не испытывать анальные мучение с дрочкой типо учим миллион слов и читаем книгу на английском
Что будешь делать, если ты не осилишь английский изучая его с преподом по причине, что тебе он нахуй не нужен? Будешь говорить, что препод был плохой, как я описывал постом выше?
Что за предрассудки Анон , преподаватель просто эффективнее. То о чем ты говоришь, применимо к студентикам имхо, которых надо заставлять, что-то делать. Не видел долбаебов, которые идут учить английский, чтобы имитировать бурную деятельность, 25+ так точно не делают. Или тебе бабла жалко?
>>481084 Если просто курсы у академии прошел - то да. Но чем черт не шутит, дерзай давай. Все-таки быстрее пойдет то дело, если в конторке будешь стажироваться.
Допустим мне надо вырыть яму 5х5 и глубиной 2 метра. Почему бы мне не взять лопату, а не копать руками? Сравни шансы, что я брошу копать руками и лопатой? А твоя супер нереальная мотивация это конечно круто, но так можно и надорваться
>>481089 Дополню: в статике то я ее запилил, фокусы на инпуты и лейблы работают как надо, на нужные размеры более-менее вышел (хотя отклонения кое-где в пиксель-два присутствуют, увы, кстати это сильно важно в реальной работе?), но выбранный путь был, судя по всему, ошибочным - в адаптировность она никак не хочет.
>>481094 Ну ты что не читаешь совсем, что я писал. Я говорил, что курсы удобнее подачей материала , наличием ментора , и возможностью удобно совмещать работу/учёбу. А на счёт меня и вёрстки эта другая история, вёрстку например можно осилить без проблем на уровне устроиться хоть куда либо, а курсы предполагали html-css /php /js и всякие другие вкусности. Если с версткой все более менее ясно, то не трынди только, что учить туже Пыху, хотя она тоже ещё в пределах досягаемости, охуеть как круто самому.
Про всякие платные курсы. Они сделаны для хомяков, которые хотят что бы их всему научили, как правило ими движет не желание уметь, а желание зарабатывать бабки, потому как им написали на брошюре, что зп очень высока. И логика у таких людей очень простая, раз я заплатил за курсы, значит меня реально научат, а рыться во всей куче информации в интернете неблагородное и совершенно неэффективное дело. Покупая курс они снимают с себя моральный груз ответственности за свое образование. Они лишь уверены в том, что результат будет достигнут, особенно, если учитывать столь внушительные успехи компании, которые, кстати, так же написаны на брошюре. Вы думаете почему фирм для обучения сейчас так много? Потому что это бизнес. Они, якобы, создают мост между любой наивной бухгалтершей и престижной работой. Но по сути все эти конторы одинаковые, они учат основам, которые гуглятся на раз два, но люди просто НЕ ХОТЯТ гуглить, они лишь хотят хорошую работу. Поэтому компашки просто берут самое легкое и преподносят это в виде ужина в ресторане, где за первым идет второе, а потом третье и наконец десерт. Они так же утверждают, что обеспечат вас работой-это ложь, стажировкой да, но не работой. Стажировка, кстати говоря, будет бесплатной с большой долей вероятности. И не стоит думать о зарплате вообще. Человек озабоченный деньгами в этой области заведомо проиграл...
>>481208 Ты прав, но не совсем. Я вот полностью забросил игрули, книги и остальное бесцельное времяпрепровождение, прошел несколько интерактивных курсов, постоянно читаю по этой теме. О каких-то невероятных доходах не думаю, был бы безмерно счастлив получать хотя бы 80% от своей текущей з/п. Но вот от курсов я бы не отказался. Книжке ты не задашь интересующий тебя вопрос, не попросишь показать более понятный пример. Ну а тупое гугление, особенно в самом начале - это вообще хаос и метания.
>>481215 я это вообще, а не конкретно тебе. И да, навык гугления очень полезный навык в сфере IT в целом. Стоит так же отметить, что ENG гугление гораздо эффективнее. А ты поступай как знаешь, было бы желание и добиться можно всего и неважно какими способами.
Объясните популярно, как выкатывают файлы новой верстки на сервер? Верстала отправляет через гит изменения в репозиторий, да? Дальше как? Как это трансформируется в конкретные изменения внешнего вида сайта? Вообще не понятно, что там дальше происходит с html-файлами, когда джун html/css-онли-верстала отдает их погромистам.. Поясните за процесс разработки сайта
>>481288 Ну для начала надо понимать что есть девелопмент версия разработки, а есть продакшн. В девелопе проект постоянно ковыряют и доделывают, в продакшн отдают готовые минифицированные, обмазанные оптимизаторами и префиксерами файлы. Отдать в продакшн - это, по сути, свалить файлы на сервер заказчику. Пока проект в девелопменте, он разрабатывается и находится в общей репе. Ну или еще где-то, по общему уговору. Как правило готовая сборка висит в репе и обновляется время от времени. При попытке внести изменения пользователь форкает репу себе, что-то там делает, затем либо мерджит в мастер/пулл реквестит, либо отдает бранч проггеру повыше, чтобы тот свой кусок работы сделал.
Антуаны, что скажете за будущее blend4web, и про WebGL в частности? Стоит ли вкатываясь в верстку с нуля в 27 лет,параллельно обкатывать навык 3D-моделирования хотя бы на уровне пиклирейтед?
>>481451 Прошел их. В основном там дальше кукбук, куча прикольных примеров как можно сделать красиво. Ну и флексы, конечно, которые знать надо 100%. Я прошел и не пожалел.
Часто ли бывает, что заказчик просит запилить что-то, чего нет в макете? Как реагируешь на это? Сколько времени уходит на проектирование + верстку этого элемента? И вообще, возможно ли быть верстальщиком, при этом не умея в ДИЗАЙН? рандомпик
>>481489 Тебе не нужна мотивация. Если бы тебе было это интересно - ты бы уже этим занимался. Это не твое, лучше возьмись за то, для чего тебе не нужно задавать вопросы на дваче.
>>481514 в том-то и кек, что вроде верстка изи, все шаблонно, одинаково что ли, но "чувство прекрасного" не имею а в бэк я хз куда вкатываться. раньше работал на пхп (оче понравился Laravel), но не ебу, как вкатиться во фриланс (англ. на уровне понимания технической литературы, в общение на нем не могу + опыта нет)
>>481498 >возможно ли быть верстальщиком, при этом не умея в ДИЗАЙН?
представь, что тебе пришлют макет для десктопа, а адаптивность придется уже пилить самому. т. е. по сути весь дизайн для планшетов и мобил будет на твоей совести, расположение блоков, расстояния между ними, размеры шрифтов, какие-то штуки, которые скроются - все сам. и это только то, что первое приходит на ум. вот и думай.
Ну это ахуеть. Less, циклы, переменные, условия и т.д все понятно. Но куда применить? Нахуй мне color:darken(@var,20%); Нахуй мне spin(@var,20%); Если есть пипетка сука. Со спином вообще бред, сидеть и понимать какой цвет на выходе будет это дольше чем заюзать пипетку. Миксины, ок, можно найти применение и переменных. А условие? Нахуя? Куда я могу применить условия? .mix (@var) then (lightness(@var)<=50%) { background-color:@red; } Нахуя так ебать себе мозги, если есть пипетка) Просто приведите мне пожалуйста примеры из типичного рабочего процесса верстки и я успокоюсь. Не могу найти практического применения. Просто горит так что из орбиты видно.
>>481541 Ну использование миксинов и переменных позволяет разом менять параметры элементов во всем документе. Даркены, это больше когда фристайл версталы идет, т.е. не по макету.
>>481523 Не слушай хуйню про «чувство прекрасного», дизайну, точнее типографике, нужно учиться. Там есть конкретные правила и рецепты. К сожалению, в мире дизайна не принято делиться знаниями. В большинстве книг, которые ты найдешь, несмотря на положительные отзывы, никакой полезной инфы не будет.
>>481428 с 3D куча ебалова. Самое то, чтобы лет в 13 сидеть и упарываться. Сам пробовал в 26 вкатиться - понял что при необходимости каждый день тратить большую часть своих времени и сил на работу, обучиться 3D на достойном уровне - задачка не из легких. Дрочу дальше HTML/CSS/JS/PHP, не расстраиваюсь, потому что это мне тоже нравится.
>>481541 Ну например были в одном макете у меня центровщики разной ширины. Я передаю ключевое слово в примесь и в зависимости от того что передал центровщик разный подмиксовывался правда я на sass делал, но это сути не меняет Преобразования цветов помогут при смене цветовой гаммы сайта. Задаешь только базовый и все остальные автоматом высчитываются. Правда и названия переменных в таких случаях лучше писать типа $base-color, $accent-color.
>>481498 >Часто ли бывает, что заказчик просит запилить что-то, чего нет в макете? в 37.5% случаев >Как реагируешь на это? Резко, но позитивно >Сколько времени уходит на проектирование + верстку этого элемента? 33 минуты и 17 секунд, с учетом 2х минутного перерыва на туалет.
>>481549 Вот этого поддвачну. Верстка быстро дает результат, ты можешь через несколько месяцев устроиться на работу и расти дальше. В 3D порог входа высокий, ты год будешь хуярить в стол, тебе уже 28, давление на тебя будет только усиливаться, и хуй знаешь, что будет дальше, так как нет фидбека и реальных заказов.
>>481498 Как правило нужно допиливать адаптив на ходу. Но там не сложно, ибо основные направления дизайна, а именно: цветовую схему, стиль геометрии блоков, форму, поток и т.д. уже задали. При надстройке адаптива достаточно красиво выстроить контент, где-то отступы взять на усмотрение, размер шрифта изменить, это не сложно. Наверстал таких макетов уже порядочно, с проблемами не сталкивался. В то же время пилу свое первое СПА, где стало понятно, что в дизайне я полнейший блять ноль.
>>481600 Я считаю, что это ненормальная ситуация. Ебаный геморрой, за который тебе обычно не особо сильно доплачивают. Или вообще не доплачивают. Хороший дизайн создается по принципу mobile-first, а не путем вот такого допиливания. У меня было 3 таких макета. Это были интернет-магазины, со сложным многоуровневыми меню и рекламой товаров внутри. Долго искал решения, по сути работал дизайнером. Dropdown Menu на десктопе для мобилы сделал в виде Drilldown. Разметку пришлось продублировать в некоторых местах. И это только шапка. В других местах тоже было дохуя проблем.
Увидел пиар курсика по фронтенду. Надыбал торрентик, бегло пролистал. Помимо разделов по верстке и js есть раздел softskills. Решил глянуть. Первое же определение в презентации: >Softskills - навыки, проявление которых сложно отследить, проверить и наглядно продемонстрировать. Дак а как блядь всякие HRюши собрались их тогда оценивать и определять?
>конкуренция на рынке есть, поэтому будучи семи пядей во лбу человеком, который всю свою техническую часть на отлично знает, отлично разбирается. Этого не достаточно.
>навык ведения переговоров, ораторское искусство, проведение презентаций, лидерство
вот эти качества точно более нужны вэб-макаке, да, лол
Всегда вопрос возникает, вот вы хотите себе такого человека-лидера, высокоэффективного переговорщика и т.д. и т.п. А какого хрена такой человек вообще пойдет в вашу сраную контору, если он при таких умениях свою залабать может?
Смотрю дальше - вода-водой про селфбилдинг, матрица Эйзенхауэра и т.д. То же самое и на психаче узнать можно. Еще и это слово "прорабатывать" - реально с тредов оттуда черпают инфу походу)
>высокоэффективные люди, навыки продаж, communication, communication, communication, навыки коммуникации очень важны, Билл Клинтон, ко-ко-ко будем прорабатывать, будет много практических занятий, на которых на практике будем прорабатывать...
ну пиздец и кто-то еще заикается о навыках ораторского искусства
Пацаны, все макеты стоит верстать по бэм или это фича для больших контор? Вот если я для портфолио сверстаю все по бэм, это норм будет или спросят нахуя я это делала, если без команды?
>>481795 Какая-то хуита для маркетологов, кому там нахуй вперлось как ты демагогию разводишь, если ты спец и работу свою делаешь, че за хуйню они там несут.
>>481807 Я первый макет сделал на лесс, потом перешел на sass, хочу еще как-нибудь стайлус попробовать. Они же в базовых возможностях практически одинаковые. Выбирай что хочешь, потом перейдешь, если что.
>>481813 cycle2/fotorama - слайдеры owlCarousel2 - карусель fancybox - все попапы jScrollPane - скроллы iCheck - чекбоксы, радио select2 - селекты jQuery Form Plugin - для форм maskedinput - для навешивания маски на инпут + Isotope/Masonry/Packery - для построения сеток bootstrap-datepicker - для выбора дат Chart.js - для построения диаграмм imagemapster - для построения интерактивных карт hoverIntent - хороший миниплагин, который меняет встроенный ховер, заставляя его срабатывать, только когда мышь задерживается над объектом. ну и jqUI - для всякого, например, тултипов
Это некоторое из того, что я использовал и мне понравилось.
>>481795 проиграл с программы. больше половины - типичная бизнес-тренерская хуета и симпл инглиш.
вангую, какие-то ушлые бизнес-тренера взяли в оборот пару верстаков и кодеров и теперь совместно собирают бабос со страждущих, потому что в чистом виде их коучинг-кал уже всем остоебал и надо чем-то его размешать.
Есть тут аноны, которые используют сасс? У меня есть файл _header.sass, и в нем я прописал $white: #fff. Создал новый файл _content.sass, и не понимаю как мне можно использовать $white в этом файле, если он у меня прописал в _header.sass . Вообще реально ли сделать, как я описал выше или надо все по новой прописывать?
>>481946 по-моему обычно пилят главный файл, в котором тупо импортируются все остальные, и в этом файле первым импортируется специальный файл, в котором записаны переменные.
>>480862 (OP) оп-пост полное гавно и следует переписать. временные рамки никуда не годятся. в срелнем нужен год, чтобы стать востребованным спецом. на верстку надо ложить хуй стразу и полностью. всё внимание отдавать жс и учить верстку паралельно. на счет работы тоже хуйня - фриланс не вариант стопудов, а в веб студию ещё надо попасть и не вылететь. в итоге всё печально. болото да и только.
>>482030 Интенсив базовый вместе с курсами за один-два месяца, со всеми допами и версткой всех макетов. 3 часа в день примерно. Будешь больше времени уделять - быстрее
>>482040 Видишь написано эффекты, тень под слоем. Вот открываешь и там будут параметры тени. Сказал же блядь, посмотри фотошоп для верстальщика - там показано
>>482049 Ну потом ход наберешь, если нравится то главное каждый день занимайся. Ну и перерывы делай офкос. Например по тому же методу помидоро. Иначе башка ватная будет и будет подтупливать. У них в курсах еще меня напрягало что нет еммета - он бы был кстати
Господа, в шапке написана фраза " Запили минимум 3 из представленных учебных макетов. Практика просто необходима.". Т.к я только начал заниматься, то хочу спросить: что за макеты? Это задания из интенсив-курса?
>>482053 У меня перерывы - сходить налить чай каждый час, лол.
>>482051 > ложи хер на курсы Ну, если так глянуть - половину базовых курсов сегодня прошел, завтра допройду остальное. Не думаю, что один день что-то поменяет.
>>482049 Да, кстати, правильно тебе написали, но только не хер ложить а просто курсы дополняют интенсив. Смотришь видео, а потом проходишь курс по теме либо который они в д.з. сказали
>>482056 Там к базовому интенсиву 4 макета. Один пилят наполовину на лекциях. Ты же пилишь все остальные и можешь допилить тот который они наполовину сделали
>>482018 Выяснил, что за контора. Наебали во полное, за 10 месяцев накидают тебе обо всем по маленьку, можешь просто глянуть как курс построен и станет понятно, что это хуйня. Хтмл академии дрочи, все макеты делаешь в резине адаптиве + любой из интернета и можно js учить, ну моё мнение таково.
>>482068 Поддвачну Я ради любопытства когда был доступ ко всяким складчинам пролистывал разные курсы. Была там нетология, профессия верстальщик от этих гикбрейнс, вот это гоит, которое выше обсуждали, еще какаято поебень. Короче то качество записи говяное, то дикция у докладчика ппц страдает, то вообще слишком легкое дают, а у некоторых компетенция сомнение вызвала, еще помню потрещал когда по мнению одной девушки дизайнера с опытом работы оказалось что в фш нельзя поменять, чтобы он размеры шрифта показывал не в пунктах а в пикселях. Короче, академия хоть тоже далеко не идеал но на фоне остальных както получше смотрятся чтоли. Но бабло бы я всеравно им не платил лол
>>481997 Все там заебись с рамками. 1000+ часов - это от 7-8 месяцев при темпе учебы 8 часов в день и порядка 10-12 месяцев при темпе 5-6 часов в день, в котором, скорее всего, большинство примерно и держится.
>>482345 1. Тебя явно никто не любит, иначе как объяснить твою желчь? 2. Я только начинаю верстать макеты и смотреть интенсивы, и хотелось бы что бы знающие люди сразу наставили как правильно делать, дабы не пополнять ряды говно кодеров. Я ответил на твои, вопросы? Или ещё чего съязвишь?
>>482344 Свои сверстанные поделия можешь залить сюда с просьбой рейтануть. У кого будет время/желание, глянут на твое "творчество" и укажут на огрехи, если таковые обнаружатся.
>>482536 Молодой человек, выкладывайте страницу на ph-pages, если хотите рейта, а вообще у этого макета есть сверстаный аналог. сделай все как там и будет правильно. Сюда лучше лить что-то кастомное, где ты можешь накосячить.
>>482558 Уже после 2-го занятия в базовом интенсиве задание сверстать 3 хтмл-страницы барбершопа. Если у тех, что проходили за бабло интенсив, проверялось, у меня мой тяп-ляп будет оставаться непроверенным. Это меня напрягает.
>>482560 Не пизди, нет там после 2-го занятия задания все сверстать. Ты верстаешь в течение всего интенсива. А вот разметку сделать - это да, другое дело.
Занимался 3 часа в день где-то, понедельник-пятница. Сам базовый (видосы, допы, нердс, барбершоп) - месяц. Техномарт, Седона (фикс, потом переделал в резину) еще месяц
Продвинутый - полтора месяца
Между базовым и продвинутым еще лазил на udacity, free code camp - там немного прошел и сверстал один мини-макет на бутстрапе смотря какого-то чувака (жутко кстати не понравился его код - куча импортентов была, идиотские селекторы и т.д.)
>>482633 Прости <3 О, неплохо. Просто сам работаю фулл неделю и думаю, будет ли профит в этом. Все, что ты описал есть в шапке? Или дополнительно сам искал?
Кто откуда, версталёты? Как у вас с рынком вакансий?
Я вот из украинской мухосрани inb4 хохол - не человек, в которой из it-вакансий только php да 1C требуются за смешные деньги. Почти все местные айтишники фрилансят. Собираюсь искать интернатуру в городах по-крупнее - Киев/Харьков/Одесса/Днепр/Львов. Хотя вот недавно услышал, что из-за кучи демпингующих студентов в Харькове зарплаты мизерные.
Я из Днепра, вакансии с минимальными требованиями очень редки вообще. Вот самая минимальная за последний год, наверное, которую увидел http://www.work.ua/jobs/1522499/ , но они ее 3 раз уже обновляют за последние три недели, и мне не отвечали.
>>481237 Бывает человека надо наставить на пусть истинный. Я вот сам гуглю, смотрю видео, пытаюсь с макета верстать но на определенном моменте чувствую что нехватает крепкого менторского хуйца в жопе которые подскажет чо я делаю не так и как лучше.
>>482816 Лол, я вот два дня выходных только читаю и делаю. Завтра выхожу и будет 40 часов, только поэтому привлекают курсы=пришел с работы, похавал, октрыл лекции, посмотрел материал, подела, часа 2-3 и все, спать. не надо гуглить, туда-сюда. Так в свое время учил джаву. Охуенно, да, продуктивно, но времени онимает пиздец.
ps кто-нибудь из анонов вообще совмещал? Работаю около программистов (консалтинг) и работа заебись, а веб-некий план Б, хотя на нем можно больше зарабатывать, да. Но дропать работу тоже не варик
>>482851 Я сейчас совмещаю обучение и основную работу. Недавно был в отпуске 21 день - прошел все курсы html-academy (включая платные, не интенсив). Теперь вышел на работу и раздражает, когда отвлекают от обучения.
>>482862 26. Великовозрастный перекатывальщик по меркам айти-отрасли, лол. В Мск смысла особого не вижу. З/п не намного больше, чем в том же Киеве, а жить дороже в два-три раза.
>>482851 Работал на заводе. В рабочее время учил JS, вечером учил верстку, параллельно учил C# еще. Кароче все хуйня, уволился, на фулл тайме все идет гораздо лучше. Теперь в свободное время наворачиваю книги по теме и даже на арт время остается, как на хобби.
>>482872 Ну, я часть до этого во время работы проходил. Да и сейчас, когда пришло время тестовые задания делать - понимаю, что некоторые темы проходил не очень внимательно, и стоит их повторить.
>>482941 В любом векторном графическом редакторе есть экспорт в SVG. Рисуешь или скачиваешь, экспортируешь, прогоняешь через оптимайзер, вставляешь.
Но вообще SVG-иконки это головная боль. Морока с оптимайзерами, символами, специфичными css-свойствами. Еще нужно чтобы икнока в пиксели хорошо попадала, или будет смотреться как ссань (если не ретина).
>>483038 Если иконка уже в формате SVG, то пердолиться с ней не нужно. Ее можно импортировать в CSS как картинку или открыть svg-файл в текстовом редакторе и скопировать оттуда куда нужно.
Не хочешь пердолиться — используй Font Awesome, там все просто.
Вопрос анончикам с опытом: как вы определились куда податься в вебе? Вот есть же помимо верстки еще веб-дизайн. UX/UI и прочее. Я вот хуй знает. Вроде и рисовать все эти иконки и макеты нравится, но и верстать/делать анимацию на JS тоже прикольно. Если учить все сразу, то получится ни рыба, ни мясо. Чтобы стать профи - надо углубляться во что-то одно. Но тут все такое интересное. Что делать? Ананасы, помогите!
Анонизматы, помогите, пожалуйста. Нужно, чтобы все в footer было белого цвета кроме текста про all fap-rights reserved, но белые только картинки из-за их фона, а сам футер такой же, как и бекграунд body и head. Что не так? index.html http://pastebin.com/TrDcnTjZ main.css http://pastebin.com/i3z2m7AE Или ткните меня в гайд, где я проебался. Заранее спасибо.
>>483154 Нет, не жопой. Там дядя поясняет, что в профессиональной старости нет ничего ужасного и все такое. Советы по здоровью еще дает. Но у меня вопрос немного другой все-таки.
>>483176 Бро, начни проходить какой-нибудь из курсов в первом посте. Там тебе объяснят и зачем html нужен и body и все остальное. У тебя с базовыми вещами проблемы.
И не называй, пожалуйста, никогда больше классы транслитом.
>>483189 Элементы с float не учитываются при расчете высоты контейнера, поэтому высота твоего футера 2 пикселя, как у горизонтальной линии. Тебе нужно добавить в конец футера див со свойством clear: both или использовать какой-нибудь хак, гугли clearfix.
Еще одно подтверждение того, какая параша эта ваша верстка на флоатах.
>>483239 >IE 10 и 11 поддерживают флексбокс на хорошем уровне Не совсем. Да и работодатель может легко требовать верстать даже под IE 8, особенно крупные компании, например авито или яндекс.
>>483257 Еще один дебил, блять. Ты сам читал эти баги? Частые там случаи упоминаются? Если calc() не работает с flex-basis, то все, охуеть, флексы не нужны.
>>483254 У меня проблема с отображением флексов на 10 ИЕ? Они, грубо говоря, тупо браузером игнорируются. Сталкивался с таким? Если смотреть с 11го в режиме совместимости то все норм, а если с 10го, правда без обновлений вообще, то не работает.
>>483269 Спасибо, действительно проебался. Забыл что каждый раз когда я вношу изменения в файлы через препроцессоры обнуляются все изменения в ксс, в том числе префиксы.
>>483243 Авито и яндекс блядь, если туда устроишься тогда и запаривайся. Уже давно даже вебговноконторы заставляют заказчика доплачивать за 10- ослов и доказывают им, что на них 1% их потенциальных клиентов максимум. Шанс того, что ты будешь работать с такой поддержкой стремиться к нулю, поэтому логичнее запариваться по ситуации и не забивать себе сейчас этим голову.
Фух, отправил письмо с выполненным тестовым заданием на стажировку. Надеюсь, не пошлют нахуй с моим нубо-говно-кодом. Давно так не въебывал. На работе, когда появлялось свободное время - верстал. Дома после работы - верстал. Все выходные подряд - верстал. А сейчас ощущение, будто курсач сдал. Пожелайте мне удачи, анончики.
Приветствую, анончики. Рейтаните вёрстку лендинга. Неделю целую убил (правда, в основном мучился с 3,5 скриптами, так как вообще не могу в яваскрипт). http://brauzerka-2014.tk
>>483710 всегда рефрешу хоткеем Ctrl + Shift + R. Да, грузится довольно долго, но что я могу поделать? Резать жпеги ещё сильнее, все скрипты сбить в один, и три с половиной блика на элементах сделать градиентом, а не картинкой?
>>483715 Как вариант, можешь всё, что не очень большое (<200px), и что может быть png - сделать спрайтом. Это уменьшит количество запросов значительно, как правило. Также могу посоветовать иконочные шрифты, если есть возможность.
>>483701 Проходил интерактивные курсы на codecademy и htmlacademy. Читал справочники, спецификации, best practicies, css tricks, хабр и т.д. Ну и консультировался с другом-бэк-эндщиком, который немного и во фронт-энд может. Начал пару месяцев назад. htmlacademy прошел ~ за месяц, включая платную часть.
>>483703 Почему работал? Я и сейчас работаю инженегром в крупном предприятии.
>>483225 >Еще одно подтверждение того, какая параша эта ваша верстка на флоатах
ебать я проигрываю с флексодетишек. еще в каком-то прошлом треде один питух (это наверн ты и есть, лол) с важным видом вещал в стиле капитана очевидность, мол, "флоаты для абтекания картинок и должны испольоваться для этого". при этом сам питух видимо забыл (если вообще помнил), что на флоатах тащемто захуячили миллионы сайтов еще до того, как он на свет появился, и ниче (inb4 на таблицах тоже захуячили азаза). и если бы ленивые хуесосы из в3ц не соизволили выкатить полноценный механизм для сеток (аж в 2009 году блять лол), то жрал бы он также говно вместе со всеми, кто до сих пор сидит на флоатах.
и если че - я сам на флоаты давно забил хуй и верстаю флексами. тем не менее, угараю с тех, кто отчаянно кроет хуями всякое старье, реально безмозглые детишки нахуй. я кончил вашим мамкам на ебла ололо
>>483723 многое сделал так, но не всё, можно будет таким образом сделать запросов на 30 поменьше, но оно сильно надо, будет значительный эффект? Просто на это придётся потратить ещё пару часов времени .
>>483740 Ладно, посмотрим, что заказчик скажет. Так соетуешь все пикчи делать спрайтами? Не знаешь какой-нибудь софтинки, которая автоматически переводит несколько пнгшных пикчей в прайт?
>>483741 Нет, та что за 300 рублей открывается. Интенсивы скачал из пасты в ОП-посте, и буду интенсивно с ними мозгомовокупляться в ближайшей перспективе.
>>483745 Я подумал, что ты за месяц вообще прошел базу, и все интенсивы. Не знаю, что за 300р. Можешь сказать, что это? Сижу на работе и не могу открыть.
>>483749 Вторая половина курсов в твоем профиле. Продвинутые курсы. В них в каждом только первые несколько уроков бесплатные - дальше плати 300 рублей.
>>483763 попробуй обновиться с очисткой кеша (Ctrl + Shift + R). У меня в средствах разработчика твоё разрешение нормально отображается. Наверно, зацепил что-то от старой версии.
>>483774 Скорее всего загон чисто в специфичности. >>483702 Не успел нормально глянуть нагрузку, но мне кажется, что часть лишней нагрузки создает джиквери говно.
>>483779 >jquery говно тоже так думаю, вообще, изначально думал, что просто верстать буду, ибо в жс не могу. Но в итоге заставили прицепить три слайдшоу и ещё пару свистоперделок, что я сделал очень говнокодерским способом.
>>483770 Знакомый подогнал какую-то студию, которой не хватает верстальщиков. Работы очень много, а вот денег платят не шибко - за этот макет, например, всего 3200.
>>483785 Какая нахуй разница, это медиаправило, оно приоритетно при исполнении условия разрешения. И в css оно на верхуй, это сам браузер медиа снизу ставит исходя из первого условия, ему похуй где.
>>483791 а я ведь их пока так и не получил. Помимо фиксированной вёрстки (и даже не совсем фиксированной, в принципе), как я понял, надо слайдеры всякие пилить, всплывающие окошки на жквери.
All Autocomplete auto-save Autoprefixer (будет не нужен при работе с gulp) BracketHighlighter Color Highlighter CSScomb Emmet EncodingHelper JavaScript & NodeJS Snippets Sidebar Enhancements SublimeLinter SublimeLinter-csslint SublimeLinter-jshint Theme - Spacegray
>>484226 Я. И сразу вопрос-в Екстракте картинки можно прямо в код вставлять, только вот сохраняются они не сжатыми. Посоветуйте прогу что бы быстро пожать много джыпег файлов.
Фронтендерам вообще приходится иногда самим рисовать какие-нибудь иконки/кнопочки? Анимацию они тоже могут рисовать? Или у них чисто код, программирование, хардкор?
>>484908 Я, конечно, хуй простой, без опыта работы, но анимация - это ведь чистый фронт-энд. В то же время, наверняка дизайнер может на пальцах или примерах объяснить как красивее оживить его макет.
Ананас вызвали на собеседование, сразу пояснил работадателю (еще не лично а в переписке, что я мальца на дне еще, но, что-то уже могу) так, что Анон ебашь непокладая рук и придешь к успеху, это оказывается реально, (ps: Я к умпеху еще не пришел, но теперь больше уверенности, что это возможно). Если, есть вопросы задавай. Вечерком еще приду отпишусь, прошел или нет собеседование, ну и вообще, что по чем.
>>485015 1. Обычная верстка html/css говно библиотеки js могу подключить.Резину могу сделать, адаптив + резина - хуй знает как это назвать, я бы не сказал, что отзывчивая верстка, но что-то типо того. 2-3.С конца января въезжаю в тему (1 месяц учил java на явараш, но понял, что порог входа высокий и втыкать без бабла придется от полугода и до бесконечности)в верстке месяц с копейкой. Учил так: секта попова, что бы вообще понять о чем речь, потом мини сайтец сделал мужику бесплатно (но вышла хуйня хуйней конечно)потом что-то вроде лэндинга товарищу наверстал, затем хтмл академия, базовый интенсив, изредка смотрел видосы, в основном просто верстал их макеты в резине и других вариантах. Планировал все макеты сделать +1-2 с инета, но по факту я еще этого не сделал. 4.hh - версталщик 5.Написанно 30-40к (но я как быдло коде макака естественно готов работать за еду какое то время, пока не почувствую, что моя выполненная работа реально приносит бабло конторе)
>>485028 1.курсы попова в ютубе. Ну там основы для самых маленьких скажем так.Ну все прям очень разжеванно, типо что такой тег, а что это такое, а что такое див, а что такое спан и тд.На это где 2 дня ушло, Типо как азбука, все его правда хуесосят, но в плане "азбуки" был мне полезен. 2.ДС
>>485032 24лвл, через месяц 25лвл. Вышка техническая, ебашил инженером на севере, Уренгой, Надым, работа крутая конечно была, но бабла как по мне мало за это платили, + вахта 3-4месяца, отдых 2-3 недели, ну и хуй оттуда удешь пока все не сделаешь или сменщика не найдут.И хуй приедешь, говорят срочно, а потом в общаге неделю живешь ждешь транспорт на объект. Потому начались попытки въехать в IT
>>485036 Мне 26, тоже пытаюсь въехать в эту тему. И тоже инженером работаю сейчас, лол. Надеюсь, по возрасту еще подойду, хотя уже морально готовлюсь, что мной будут командовать 21лвл шкеты-синьоры.
>>485038 Ну у нас думаю еще не критический возраст. Вечерком отпишу, как все прошло.В принципе даже,если в контору не возьмут, я знаю куда двигаться хотя бы.
>>485098 21лвл синьеров не встречал, а вот с 23лвл лично знаком. Если есть голова на плечах, чему-то учишся постоянно и имеешь боевой опыт от 3х лет, то считай что лычка тебе обеспечена.
>>485098 Ну мало ли. Увлекся программированием с 14 лет, к 18 уже знает какую-нибудь джаву на зубок, к 20 уже куча опыта во фрилансе или студиях, к 21 уже может быть синьором в небольшой конторе.
>>485098 Мне 19 лвл, за плечами 3 года веб - дизайна, около 50 отрисованных макетов. Первые 10 тыс неденег заработал в 16 лет на веблансере. Подучу фронтенд и англ и как раз к 21 стану FRONTEND DEVELOPER & SENIOR WEB DESIGNER. Ещё решил дропнуть ссаный вуз в тайне от родителей - совковых пидорашек. Пожелайте удачи, чтоль. мимо-анон
>>485130 У тебя изначально, жилка что-ли дизайнерская была, или развивался с нуля? Можешь посоветовать что почитать-подучить дабы иметь хоть базовые навыки в этой области? А то я ща приложухи простенькие на джс пилю, да вижу что с дизайном что-то совсем не в ладах. Стыдно такое людям показывать. Где-то внутри есть понимание, что все держится на нескольких китах: общая концепция, цветовая схема, шрифты, геометрия элементов, структуризация информации и т.д, плюс сочетание всего этого вместе. Но как собрать все воедино - без понятия.
>>485141 Да, на апворк. Уже дали rising talent. >>485153 Хз, могу сказать что у меня изначально была интуитивная способность к дизайну, уже в 14 лет рисовал макеты сайтов, только на бумаге. А так - задрочить тоже можно, если захотеть. На рутрекере есть ux курс с coursera. Вообще, в дизайне как и в любом деле самое главное практика.
Поясните за бутсрап. Я в принципе знаю, как работает его сетка, есть один макетик, который сверстал на бутсрапе, но юзал как раз только сеточную систему.
Стоит ли его дальше курить, есть там еще что-то реально важное? А то времени нет нихуя, по остальным темам еще поле непаханное.
Вас, наверное, уже заебали такие как я, но все же. Освоил адаптив+резину, захучил седону и пинк на флексах, покрутил немного примитивный интерактив на ванила-джс (простенький слайдер, попапы разные, ничего особенного), ну там сасс, грант+галп вот эта вот вся фигня. Собственно вопрос: надо ли надрочить еще пару проектов, скажем, на бутстрапе? Мне очень понравились флексы, а бутстрап видится эдаким гомункулом. Или уже можно с чистой совестью выкатываться нахуй в джс_тред и начинать быдлокодить всяческие свистоперделки? А, еще такой вопрос: для сасса есть фреймворки типа бурбона/компасса, как оно вообще, стоит заморочиться? А то по самой верстке у меня, в принципе, уже все, теперь надо джс+всякие ангулары.
>>485427 Почему больше? Грузится только тот файл, который браузер поддерживает. Спрайты сложно компоновать, неудобно использовать, не перекрасишь на ходу, не отмасштабируешь, нужна отдельная версия под ретину.
>>485444>>485459 Усадили за один стол с парнем у которого собеседовался, открыли редактор где было задание.Вообще было крайне не уютно сидеть с человеком за одним столом и под его наблюдение что-то делать ,даже за одним компом грубо говоря,но на двух мониторах. Сам тест простой, но я что не хуево стресанул и начал ловить тупари. 1ая часть html/css сделать три блока таких та размеров, в первый менюшку списком, второй с текстом, третий с полями форм и кнопкой и что бы при разрешение меньше 600пх блок с меню пропадал.Тут, как бы проблем не было на мой взгляд, хотя я конечно умудрился от нервяком закосячить забыл кодировку выставить и в css почему то классы без точек вьебал и как селектор обычный.Хуй знает по чему, но думаю, что от нервяка какого то.Да кстате парень который проводил собеседование, очень сильно заикается как я понял, по этому не разговаривает,но это понял когда за комп сел, когда чтото спрашивал у него , а он молчал.а потом попытался ответить и я перестал спрашивать, потому что до меня дошло, общались через текстовый редактор.Сам парень адекватный, пытался помочь, по мере возможности. вторая часть была js, где я соснул хуйца, потому , что если дома за компом я могу гавно библиотечку подключить загуглив могу, то там это может и прокатило бы, но все это было оч стремно с моей стороны.Вообще js мы сделали вдвоем, или даже парень который собеседовал, я ему просто логику пытался обьяснить а он писал потихоньку.Третья часть фотошоп, там надо было, цвет картинки поменять(сделать уникальной), опять же я этого не делал ни когда, потому что нужды не было, я просто с макетов верстал, вроде херня херней, но я не знал куда,ткнуть, в итоге загуглил и сделал, но это тоже стремота была. Вот так вот, если в двух словах. Пришел без портфолио, работы не смотрели, хотя предлогал отправить мне макет, что бы я сверстал по их ТЗ, но пригласили собеседоваться.Итог пока хз.Но в любом случае было полезно.
>>485477 Охуеть собеседование просто. Не на одном уже был, и о десятках если не сотнях слыхал, но чувак, такого еще не видал. Это ж "повезло" тебе в такое попасть, лол.
>>485500 Мб ты хотел завалиться на более ловкие вакансии. Я звезд с неба срывать не планировал когда откликался, просто закидываю отклики периодически на лайтовые вакансии за еду и опыт. Чтобы ускорить процесс обучения, ну и бабло получать, если повезет.
>>485515 Та стандартное все. Сначала где-то полчаса свободный разговор. Затем еще час спрашивают по основным знаниям. Тут ничего расписывать не буду. Скажу только что после двух интенсивов и где-то 3-5 адаптивных макетов для человека уже не должно быть сюрпризов. По джс как когда. Могут что-то из теории спросить. Могут и задачку дать уровня, сделай что-то с массивом. Скорее всего будет и то, и то.
На собеседовании главное не нервничать. Вот тот парень выше говорил что тупняк словил - это полностью нормально антоши, полностью. Особенно на первых порах. У меня тоже тупняк был жесткий. Собеседовался на версталу как-то. В первый раз вроде. Меня попросили посчитать, то ли интеграл массива, то ли хуй его знает. Короче перемножить каждый элемент массива сам на себя вот так [2, 5, 10] = 2 5 10 Так я такой тупняк словил, что где-то с секунд 30 не мог дупля словить, что же делать. Хотя эту несчастную функцию до того раз 5 писал с разными вариациями.
Котаны, есть макетик, к нему прислали шрифт в формате ttf. Мне надо оттуда вытащить глифы. Что сделал: 1. Сконвертировал ttf на http://www.fontsquirrel.com/tools/webfont-generator 2. Закинул все из полученного архива в папку font 3. Подключил получившийся стилевой файл через <link> в head'e. 4. Прописал для body семейство полученного шрифта. 5.??? 6. Какая-то хуйня: вместо глифом вставляются символы в виде пустого прямоугольника (как будто хуевая кодировка). Где я мог ошибиться?
Кстати, чуваки, кто-нибудь слушает uwebdesign? Мне например удобно вечером слухануть их подкаст, обозревают всякие статьи/новости. Решил сюда скинуть вот крайний выпуск (сам еще не слушал). Из содержания тут чет про градиенты будет, вордпресс, рейтинг препроцессоров, гамбургерное меню.... ну короче сами можете прочитать содержание лол, че я буду описывать
Действующий верстальщики есть? Как относитесь к джунам, считаете ниже своего сеньерского достоинства им помогать или же напротив снисходительно и если, что поясняет, не говорю, что все объясняет, но может оказываете поддержку?
Есть один сайт, сайт сторонний, в котором надо поменять цвет фона/текста. В ксс я могу, проблема в другом - как сделать так, чтобы не вбивать настройки каждый раз как его открываю или перехожу по его страницам?
Пиздец, я с них хуею. Целый тред блять, где они еще тренируются. Просто пиздец.
Вкатился в веб 4 месяца назад, при этом даже принципиально не стал учить хтмл и цсс. Сейчас свободно ебашу сайтецы на ASP MVC + Angular/Bootstrap. Вообще не заморачиваюсь по поводу верстки. Верстка - удел дезигнеров и прочего скама. Настоящие посоны хуярят бэкэнд и бизнес логику во фронте. До этого писал на WPF, где интерфейсы приложений так же верстаются, но на XAML, который в корне превосходит возможностями стандартный хтмл+цсс+jquery, одной лишь разметкой. Да и в изучении он сложнее. Но тем не менее, считаю это занятие уделом петухов и опущенцев.
>>485923 >ASP MVC + Angular/Bootstrap >считаю это занятие уделом петухов и опущенцев Бляхяхяхя))) Ты ещё больший опущенец, манька Хуже только пхп наверно
>>485940 Хуй знает. Ни разу не видел вакансии чисто хтмл/цсс. Обычно требуется ASP MVC или Rubi on Rails с невъебенным стеком остальной хуйни, где хтмл/цсс/js просто опускается для краткости. Ну я конечно говорю про работу, где платят более менее, хотя бы от 60к.
>>485944 Дядя, ты упоролся? Какое отношение имеют ASP MVC и RoR к фронтенду? Нахуя они вообще нужны фронтенд-разработчику? И аналогично — нахуя бэку вообще знать что-то про фронт, если у него модное restful-приложение?
>>485949 В веб программировании обычно нет чистых фронт или чистых бэк девелоперов. Если хочешь, чтобы тебе нормально платили, нужно уметь делать все. При этом, как мне кажется, предпочтение нужно отдавать именно программированию, а не вбиванием верстки.
>>485956 Ты прав. У нас программистов в конторе ровно 5 человек. Но до этого работал в душном энтерпрайзе с опенспейсами и прочей хуйней. Требования и там и тут практически не отличаются. Да и вакансии по городу, в большинстве своем, только такого сорта. Чистые фронтендщики могут быть в каких нибудь студиях, которых 1,5 на весь регион.
>>485961 >Чистые фронтендщики могут быть в каких нибудь студиях, которых 1,5 на весь регион. Тогда это проблема исключительно твоего региона. Есть дохрена компаний продукт/аутсорс/аутстафф, в том числе международных, где без полноценной команды никуда. Да собственно, любая более менее серьезная компашка не пускающая сайтики на конвейере рано или поздно к этому приходит. Есть исключения, не спорю, но это уже специфика работы.
Поясните за svg а можно например внутри svg прописать стиль типа #idname:checked ~.class {background-color:xxx;} и потом сохранить, подключить через img и все будет работать?
Ребят, кто атомом пользуется, подскажите плагин который будет мне выводить все переменные в scss, когда я их хочу вставить. А то я подустал вверх листать и искать их.
>>486057 Многие юзают jade только как способ организовать html, и в это случае работа в emmet выглядит более просто и понятной, нежели все эти отступы.
Нужно сделать кнопку, как пике, но с полупрозрачными границами и фон чтобы был градиентом. Псеводэлементами такое делать слишком сложно, если вообще возможно. Как еще можно такое организовать?
Я вот думаю сделать два блока - квадрат и прямоугольник. Квадрату сделать градиент из угла в угол (так можно?) повернуть трансформацией, и присобачить сзади прямоугольника, у прямоугольника отменить правую границу. Как думаете, получится?
>>486094 Хз, пробуй. Еще мне вот что на ум пришло - видел как всякие нестандартные ромбики, шестигранники, восьмигранники делают свг-маской вроде в помощью clip-path или как-то так. Но сам не пробовал.
>>486169 Первое, что в голову пришл: размещаешь все маленькие блоки по коду ДО большого, в большом - одна большач картинка, состоящая из картинок в мелком блоке. Тогда .small-block#n:hover ~ big block { background-position: параметры позиционирования в зависимости где ты на большой картинке разместил ту, что на маленькой, на которую навели курсор; }
Но это только при четко заданных файлах. Если хочется, чтобы можно было обновлять картинки в маленьких блоках, и соответсвенно, сожеожимое большого -только JS, наверное.
>>486096 >clip-path Хм, погуглил это дело. Оно действительно может закрыть область, которую мне не надо, но как тогда быть с границей у треугольника? Вырезал эту кнопку в формате svg через фотошоп, но она кака-то хуево вырезалась - по середине у нее дыра.
>>485418 Я подозревал. Спасибо. А на какие фреймворки (кроме ебаного бутстрапа и фоундейшена) еще посмотреть - так, чтобы и для саморазвития, и полезно, и в тренде?
>>486082 Короче, чет я туплю, это же легко вроде бы. Налеплю четыре прямоугольника с прозрачными границами, ротейтну их как надо и запилю эти сраные уголки. Вроде бы нет подводных камней?
>>486208 При маленьких расширениях, когда что-то будет касаться твоих прямоугольников, всё пойдёт по пизде. Нужно всё это дерьмо в ещё один врапер оборачивать
Сел я значит разбираться с js от академии первого числа. Посмотрел видос, прочитал допы. Настроил себе атом прям как у этого тела которое преподает. Вэбшторм настроил, проверку eslint..... И тут надо бы садиться и работать то над проектом. А заготовок то сука и нету. Ладно, похер пляшем. Гугл, все дела - заготовки проектов нашлись. Стянул себе чистые. Сижу... Заготовки то есть - теперь хер знает как задания то звучат. Тут же хер домашку озвучивают. И еще редиска, которая в паблик то сливала сука не додумалась копировать текст задания на урок. Главное допы, бля, копировало, а что делать надо - нет. Появилась мысля понять че требуется через готовые проекты. Ладно, ищу готовые проекты, нахожу, начинаю лазить по бранчам/коммитам в надежде понять что просилось делать каждый раз. Так там блядь хаос, каждый ебаный ученик по-своему лепит, у некоторых даже правила данного еслинта не соблюдены. Кто-то варганит на 50 строк, а кто-то блядь на 400. Хотя вроде бы проект один значит и задание одно и то же должно быть. Причем я смотрю уже замердженные вещи, т.е. по идее их уже приняли. Хуй знает как у них вообще проверяют их проекты. Пиздец.
Где же блядь взять нормально в текстовом виде задания то, чтобы самому варганить, сука....
>>486222 Самому додуматься не судьба? Из уроков интуитивно понятно что нужно делать, задания легко формируются самостоятельно. В конце концов js - не верстка. На нем можно реализовать охуеть сколько всего, и охуеть сколькими путями.
>>486237 Они бы легко формулировались самостоятельно если бы о них хотя бы упоминалось в видосе. Начальное задание то дописать наставника понятно и ежу, спору нет. А дальше: вот как например из первого видоса в котором проходили азы js вцелом для кексограма выплывает задание запилить функцию выдачи сообщения в зависимости от параметров графики (свг, гиф или еще чето)? Приложили бы описание просто функции было бы гораздо меньше проблем. А так не отркыв уже готовый репозиторий ты даже знать не будешь что там оказывается было такое задание ибо в уроке хуй кто говорил.
>>486252 Ты за интенсив не платил, так что скажи спасибо и за это. Что же до заданий, я себе сам придумал проект и сам придумывал ему фичи, аналогичные тем, которые он реализовывал. Когда они проходили валидацию двух полей форм, а запилил тренировочную форму на кучу разномастных полей и пробовал собирать ее полностью несистемно. Когда учили шаблонизацию, а эту форму приспособил и стал выводить в соседнее поле ее результаты в виде отдельных записей. Тогда же организовал сохранение данных. Щас буду прикручивать подгрузку записей по скроллу, состояние кнопок, обработку отправки и т.д. и т.п. Короче направление движения, думается, я тебе объяснил.
>>486279 Спасибо то спасибо (если то тело которое сливало конечно прочитает мое спасибо) Мне не понятно почему нельзя просто было скопировать задания ну да ладно....
Свой проект я успею запилить еще. Нашел вот нормального чела вроде - у него руки хоть не из жопы. Въехал в то, что хотели в задании быстрее чем когда просматривал 3 предыдущих работы. Все-таки писать код нормально надо. Я то понимаю что при желании можно разобраться в любом коде (приходилось разбираться самому на крестах), но лучше писать нормально а не гавнякать.
(это не к тебе кстати претензии, это так мысли о работах этих)
Мы завершили проверку заданий и начинаем отправлять всем результаты.
На данный момент мы не готовы пригласить Вас в интернатуру. Так как количество мест ограничено, мы вынуждены выбрать кандидатов наиболее точно следовавших стандартам оформления кода и допустивших наименьшее количество ошибок в заданиях. Конкурс составил 40 человек на место. Мы будем рады Вашему участию в следующих наборах в интернатуру.
Год назад в ДС-2 с трудом нашел работу версталой с минимумом навыков. Сейчас работаю фронтендером, получаю 40к - в ДС-2 не шибко деньги, но для хиккана без образования, еще год назад не имевшего толком опыта работы, вполне себе достижение. Задавайте свои ответы.
>>486889 Тож дс2, компания средняя, 130 человек. Полуверсталой-полуфронтендером, реакт, тайпскрипт, верстка, тесты пишу ещё бывает, ничего особенного. Летом думаю 80 попросить, как раз год будет.
Аноны, скачал себе базовый интенсив, сверстал сетку, оформление контента(позиционирование, псеводоэлементы и т.д.), пока все легко, но нихуя не понял про фотошоп, как там вырезать и что, на каких слоях, да и вообще фотошоп с его обилием функций пугает. Подкиньте статей гайдов по этой теме, особенно те, кто проходил интенсив. С меня нихуя, но иисус вас полюбит.
После долгого перерыва в практике внезапно появился потенциальный заказ, макета пока нет, внешний вид ещё обдумывается. Собственно, какие подводные камни общения с дизайнером, какие нюансы следует учесть и какие рифы обойти?
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят, нам нужно пощупать код, иначе никто не поможет. Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Заранее предупреждаем, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред