Ссылки на nnm не пофикшены :/
>>
Ессно нужен JS. Без него никуда. Как так вообще получилось что твои колллеги будучи сотрудниками "илитной" конторы не озаботились о твоем развитии?
спойлер раскрой
Когда уже будет не верстка-тред а front-end господ тред?
Когда все туда перекатятся.
Хороший вопрос.
Думаю начать можно со следующего. Как раз по нумерации заебись.
Только надо определиться с названием.
Предлагаю кидать в качестве ответов к этому посту возможные варианты.
Какой больше всего понравится, тот и возьмем в качестве основного.
мимо ОП
Так и назовем: front-end господ тред №61
предлагаю также выбрать какой-то один оп-пик и юзать его, чтобы тред сразу узнавался.
Кто совмещает изучение с работой? Как у вас это получается?
Я уже думаю увольняться нахуй. Текущая работа заебала неимоверно, чувствую себя абсолютно бесполезным винтиком в огромной махине.
Приезжаю домой к шести. Переодеться/вымыть посуду/приготовить еду/поесть/хоть немного отдохнуть - все, почти восемь вечера, приходит с работы тян, а ей ведь тоже надо уделить внимание.
Не знаю где найти время для обучения. За время отпуска (21 день) прошел все интерактивные курсы. Базовый интенсив начал уже во время работы и смотрел почти столько же, это пиздец.
Открываешь макет - только успеваешь вникнуть, выработать стратегию верстки, как уже и спать пора ложиться.
Уволиться - самый простой вариант, но чет очень стремно остаться на одном скудном доходе тянки и запасах, сделанных до кризиса. Хотя другого варианта я не вижу, если вкатываться - то, наверное, надо рисковать.
спасибо, что прочитал мое нытье
Я уже думаю увольняться нахуй. Текущая работа заебала неимоверно, чувствую себя абсолютно бесполезным винтиком в огромной махине.
Приезжаю домой к шести. Переодеться/вымыть посуду/приготовить еду/поесть/хоть немного отдохнуть - все, почти восемь вечера, приходит с работы тян, а ей ведь тоже надо уделить внимание.
Не знаю где найти время для обучения. За время отпуска (21 день) прошел все интерактивные курсы. Базовый интенсив начал уже во время работы и смотрел почти столько же, это пиздец.
Открываешь макет - только успеваешь вникнуть, выработать стратегию верстки, как уже и спать пора ложиться.
Уволиться - самый простой вариант, но чет очень стремно остаться на одном скудном доходе тянки и запасах, сделанных до кризиса. Хотя другого варианта я не вижу, если вкатываться - то, наверное, надо рисковать.
спасибо, что прочитал мое нытье
1) frontend for dummies
2) frontend 101
Двачую
Front-end тред, че тут думать?
Давайте этот.
Я за этот.
Там в баксах хоть?
А как там щас на дваче с загрузкой одинаковых пиков? Блочить не будет? Где-то год назад с этим были проблемы.
Вообще идея хорошая.
В белорусских рублях сам-то как думаешь?
Я, кстати, один раз видел на украинском сайте искали версталу за 3000 грн лол
Че лол? Я б пошел.
Хуита. Или тогда дописать что это зп сеньора после 3+ лет опыта коммерческой разработки. И статистику по вакансиям и претендентам прилепить.
Ну там на сколько я помню по требованиям выходило что человек-оркестр, сео-специалист, контент-менеджер, верстала со знанием js, уметь в дизайн, фотографию (лол) и допиливать движки. Где-то полгода назад видел
Тогда нахуй.
Это шутка была, че такой квадратный?
Да вообще соглашаясь на маленькие зарплаты ты делаешь хуже не только себе, но и остальным, ибо работодатели видят что типа на мелкую ставку куча идет и думают что им все дозволено: еще перебирать, выебываться, занижать еще (куда же еще), ставить неадекватные требования и т.д. и т.п. Это касается не только верстки, фронтенда, а вообще всего. Демпинг - зло.
Надеюсь, удалось мысль донести свою.
P.S. 3000 грн это примерно 8000 рублей или 115 баксов. Где-то так. Как бы эт на стажера сгодится только.
Варгую: ты уволишься, но никуда не вкатишься, будешь вынужден искать работу по старой специальности, но сможешь найти только варианты гораздо хуже твоей предыдущей работы.
Поясните тупому как захостить на Гитхабе несколько страничек. Вот, допустим, я сверстал страничку, залил index.html с остальными файлами на Гитхаб и теперь эту страницу можно посмотреть, вбив в браузер username.github.io. А как мне теперь закинуть туда еще одну страницу, не удаляя предыдущую?
Так я на стажера бы и согласился. Понятное дело, был бы я опытным версталой со сзнанием JS, меньше десятки бы не рассматривал.
Почему такие выводы?
Потому что у меня все так и получилось.
Так же как и любой другой файл.
Вангую ты станешь миллиардером. Потому что у Гейтса так и получилось.
Расскажи, почему не смог вкатиться.
А как мне его потом открыть в браузере?
А что в твоем понимании есть опытность и на каком уровне должно быть знание JS?
Ладно, кажется, я допер сам, это был тупой вопрос.
Опытность - сверстанное n количество живых работающих сайтов разной сложности и направленности.
Знание JS - умение без говноплагинов написать самому работу форм, модалок, фильтров, менюх и всего остального интерактива сайтов.
Знакомый в Киеве и 14к получал, не зная JS, с чего я хуею до сих пор. Но сейчас на рынке ситуация, думаю, хуже.
Потому я ленивое хуйло.
>потому что
fix
Ну я тоже ленивое, но верстка мне почему-то очень понравилась и заинтересовала. Просто тупо времени сейчас на нее не хватает - а вместе с этим и начинает мотивация теряться.
Дваждую этого господина.
Уволился чтоб перекатится в АйТи.
Уже год без работы лол.
Рассказывай свою стори.
Даже если ты дропнешь все это из-за лени, нет гарантии, что ты сможешь найти потом работу.
Ну обычная стори. Работал быдлоодминчеком в одной шараге, капчевал и жил себе неспеша.
Потом появился вариант пройти стажировку на тестировщика. Ну я радостный уволился и побежал туда - этожеайти!
Через пару месяцев стажировки (а нас там было 5 человек) мне сказали что я дохуя умный (ну я действительно ответственно отнесся к этому. изучал и теорию и предметную область всякую бухгалтерию и прочее.) а им нужны люди попроще и вообще студенты. (И нахуя тогда брали изначально непонятно.)
После этого пытался быстро закатится по своей старой специальности а тут опа кризис кризис эвривере.
Ну а дальше полгода депрессухи и вот теперь я здесь с вами.
Лол. Если не пиздишь то радуйся что так случилось. По всей видимости это дичайшая быдлоконтора. Любая норм айти фирма как раз дохуя умных и ищет.
Какими навыками по фронту щас обладаешь?
Гарантии нет. Но рынок все еще большой. Киев/Харьков/Львов/Одесса - вакансии есть.
А если я ультрахардкор хикка из ПГТ и хочу заниматься только фрилансом?
Ох и хуета. Почему не продолжил ебать тестировку? Курсов по ней просто немеряно же, с последующим конкурсом.
А если я хочу работать только в ванной, наполненной Дом Периньйон, и чтобы мне делала массаж простаты Вика Одинцова?
Твои проблемы. Я с радостью перееду в город побольше, и с удовольствием буду работать в офисе с другими людьми.
Ты нищефриланс = фантастической роскоши?
>Ты
>Для тебя
fix
Ну радоваться то особо нечему. В той конторе я хотел прокачать скиллы получить строку в резюме и через годик свалить уже в более вменяемые места. А насчет умных ты не прав. В нашем модном IT присутствует советский человеческий фактор. Т.е. когда куратор увидел что я начал неплохо так справляться то испугался за свою жопу и слил меня. И такие истории я не раз уже слышал.
Ну и докучи на такие позиции (там где относительно легкий вкот и не нужно знать матан) часто берут тупо по знакомству.
Фронтендом заинтересовался пару недель назад случайно наткнувшись на тред.
Бро. В тестировании я нормально так продвинулся (курсы, теория, немного практики). Вот только у меня нет никакого опыта работы по этому делу. А количество претендентов на позицию junior tester превышает все разумные рамки.
Нет. Для меня твои желания - примхи. Я так нихачу, я хачу эдак.
Если ты именно пожтому не нашел работу - то и не удивительно. Хотел бы учиться/работать/развиваться - нашел бы хоть что-нибудь. Даже в какой-нить нищестудии, пилящей сайты для таксопарков можно набраться опыта и отточить навыки в инструментарии.
Алсо, фриланс это всегда хуета, т.к. ты один на один с задачей. Никому не покажешь "а так норм?", никого не спросишь, никто тебе случайно не подскажет косяки или как было лучше сделать. Поэтому и развитие при работе в одиночку всегда идет медленнее, чем при работе в коллективе.
> В нашем модном IT присутствует советский человеческий фактор.
В рашке проживаешь я так понимаю?
Нет бля из Сингапура я.
Тут соглашусь пожалуй. Фриланс он для уже хороших самодостаточных специалистов. И на фрилансе нет развития.
Это с позиции хорошо социализированного нормалфага мои желания - прихоти. А для меня это базовая необходимость, обуславливающая уровень комфорта. Что-то из ряда "иметь крышу над головой, а не ночевать на улице", "есть нормальную еду, а не питаться отбросами, найденными на помойке". Мне уже почти 30 и за все эти годы я ни дня не проработал в офисе. И начинать (да еще и переезжать ради этого за сотни километров, чтобы потом отдавать 3/4 нищенской зарплаты за жилье) я не планирую. Только фриланс, только удаленная работа, только хардкор.
Ну да, в офисе тебя де дивьем съедят. Пиздец, более адекватных, дружелюбных и безобитных людей, чем айтишники еще трудно найти. Это тебе не в бригаде слесарей ебашить, и не в проектном бюро, где одна половина офиса не здоровается со второй.
>живьем
фикс
А я говорил
http://dou.ua/lenta/digests/junior-digest-4/#11
Резюме + видеорезюме на ютубе (как раз для хекк) + мотивационное письмо (что это, блядь?) + тестовое задание (что уже многих отсеивает) + собеседование + неоплачиваемая стажировка + конкурс с другими такими же аутистами вроде тебя на одно место.
Охуеть?
Резюме + видеорезюме на ютубе (как раз для хекк) + мотивационное письмо (что это, блядь?) + тестовое задание (что уже многих отсеивает) + собеседование + неоплачиваемая стажировка + конкурс с другими такими же аутистами вроде тебя на одно место.
Охуеть?
Ну да, пройти 100500 всяких отборов, чтобы получить возможность участвовать в финальном отборе
У меня такое ощущение, что шансы 100%-е. Врядли найдется второй такой долбоеб для участия в этих голодных играх.
Кстати, мне вот интересно. Они там от пхп-макаки хотят опыт работы и знание фреймворка. Что мешает в таком случае человеку, который подходит под это аплаиться уже НА РАБОТУ где обычно такие же требования? Только там ему будут платить зарплату в случае прохода этапа отбора, а тут после этапа отбора будет неоплачиваемый этап работы (пусть и не полный день), потом хреново оплачиваемый (стипендия стажера) и только потом ВОЗМОЖНО работа.
1+1 не гиганты ит индустрии, чтобы так горбатиться за возможность у них поработать.
Зато гиганты укроТВ. Отсюда и гонора столько, наверное. Хотя сами же пишут, что айти-отделы у них маленькие.
Да на самом деле найдутся. Сейчас недостатка нет, особенно на начальные позиции, поэтому они и могут ставить такие требования и перебирать. И попадет на позицию стажера какой-нибудь чувак который мог бы уже крепким джуном вовсю работать.
Жаль, тестовое походу выдают только после отправки резюме (ссылку не увидел). Так бы можно было бы заценить че они еще хотят.
В Привате говорят, похожая хуйня. Хотят шоб все и сразу, и задешево. В итоге получают долдоебов пока все толковые разрабы улетают на продукт/аутсорс. А потом еще удивляются, почему приват24 написан НЕОЧЕНЬ.
>А потом еще удивляются, почему приват24 написан НЕОЧЕНЬ.
У них хоть что-то написано нормально? Я Сбербанком России пользуюсь - разница в качестве софта колоссальная. Приватовские терминалы и банкоматы - это ж самое дно.
Ну это ж очевидно для студентоты что не так и плохо.
На последних курсах можно пройти стажировочку и норм. Уже будет понимание процесса разработки и все такое.
>Я Сбербанком России пользуюсь - разница в качестве софта колоссальная.
например
КСТААААТИ
Вот придумал идею:
1) Пилим фейкового персонажа (email там ФИО и т.д.)
2) Пилим средневсратое резюме на начальные позиции.
3) Пилим среднее портфолио (тот же барбершоп или еще какой макетик)
4) Рассылаем резюме на вакансии в студии всяких мухосрансков (предварительно в резюме исправляя место жительства).
5) Получаем тестовое задание. И (если повезет) условия работы, зарплату.
6) Постим сюда инфу что где и как.
Какие задания какие деньги готовы платить и и т.д.
Таким образом оцениваем рыночек.
Вообщем с меня идея с вас реализация лол.
Например, скорость и логика работы банкоматов. Надежность смс-информирования об операциях со счетом (хз как там сейчас, раньше частенько смс не приходили). Теоминалы сравнить не могу, у спермбанка я их не видел, но приватовские - глючный неэргономичный кал.
В примате в целом качество сервиса говно. Постоянные звонки от операторов "Уважаемый Бафомет Йцукенович, мы заметили, что вы не пользуетесь своей кредитной карточкой. ПОЧЕМУ?" вообще доебали.
Нахуя это делать, если все это совершенно открыто лежит на hh.ru?
dou.ua для укроанонов.
Наверное он предложил так как:
1) не всегда тестовое в открытом доступе
2) не всегда указана зарплата
Т.е. надо сидеть заебываться с рассылками и регистрациями чтобы собрать некую статистику и инфу по тестовым?
Что открыто лежит? Тестовые задания? Ну покажи может я тупой и не нашел.
Ичобля. Напиши в строку адрес город - Киев.
Да статистика и так наберется. Вот люди подготовятся из треда и начнут на собеседования ходить/тестовые выполнять. Главное в тредик потом стори свое пилить. Вон недавно рассказывал анон про свое собеседование: сидел писал код за компом вместе с собеседуемым.
Другой анон тестовое показывал: там форму адаптивную надо было сделать и еще что-то (уже не помню).
Если будем делиться сведениями (хоть в минимальном объеме), то и фейко-акки не нужны будут.
Встаю в 6 утра чтобы поверстать. Алсо, у тебя есть тян, нахуй она нужна если не готовит и не делает домашние дела?
не с собеседуемым, а тем кто собеседовал, офк
Адаптивную форму я делал, наверное.
Она работает тоже, умник. Когда она дома - делает большую часть работы по дому.
Ну не хочешь не делай тебя что заставляют что ли?
Дали годную идею и как обычно визг: -кококо янипанимаю зочем это нужно. А если я нипанимаю значит и никаму ненужна.
Ахуеть вообще.
Кстати, после ебли с ней, начал постоянно обращать внимание на формы. С такими свистелками пока больше не видел ни у кого.
А что там за свистелки?
мимо
Какой визг? Ты чет попутал видимо ибо визг от тебя только идет пока что. Я говорю, что статистика и так набраться может так как аноны некоторые делятся инфой, а тут
сказал, что понимаю почему предложили такую идею.
Как вы вообще совмещаете работу учебу фронту и тян?
Я работаю удаленно где-то 1-3 часа в день, остальные 5-6 делаю фронт. Готовлюсь к вхождению на джуна.
Времени на это уходит с перерывами, без преувеличения от утра до 10 часов вечера. Если добавить еще дневные покатушки на велике и прочий спорт, то там вообще пиздец. И то считаю, что темп не предельный, можно еще поднажать.
Вечером пару часов, книжечку там какую и спать. На выходные ессно хочется уделить время себе.
Хуярю утром с 5-6 утра потом после работы, как только мозг уже начинает не воспринимать информацию сразу ложусь спать. В выходные смотрю 1-2 фильма для развлечения и иногда листаю ленту в параше. Друзей нет. Тян нет. Никто не мешает учиться.
Тян особо не мешает, если с ней жить. Пусть сидит себе, книжки читает, в инете шароебится. Наоборот иногда удобно: можео попросить ебы разогреть или кофейку принести.
Разделенный телефонный номер, подсветка контуров и лейблов по дефолту/дисейблед/эктив/коррект/инкоррект, ну и адаптивность, чтоб на определенном разрешении экрана принимала форму в 1 столбик, расширялась до краев экрана минус 10 пикселей.
Сколько с тех пор форм не видел - никто не парится с таким почти. Особенно с подсветками лейблов.
Да, про тебя говорил. Тебе не перезвонили кстати?
Нет. Прислали письмо, мол, было 40 рыл на место, так что извини, мы выбрали тех, кто точнее всего следовал тестовому.
Ну я и сейчас после базового интенсива понял, что там хуиты кое-где понаписал.
Дизайнер, который вкатывается во фронт, врывается в тред. На последней работе верстал и кодил на Реакте, решил полностью перейти во фронтенд. Было где-то 15 собеседований, сейчас 4 офера (максимальный на 140к, но компания НЕ ОЧЕНЬ).
Тестовое задание предложили только одни, отказался делать сославшись на нехватку времени. Но там компания была не очень-то интересна. Еще один предложили тест-драйв на несколько дней.
В основном спрашивают о выполненных проектах, смотрят на стек технологий.
Частые вопросы:
1. Рассказать что такое замыкание и зачем они вообще нужны.
2. Как работает this.
3. Как работает прототипное наследование.
4. Зачем нужны и чем отличаются call, bind и apply.
На несколькольких собеседованиях решал простые задачки на бумаге или в онлайн-редакторе. Типа таких:
1. Обратить строку.
2. Написать функцию, которая проверяет является ли строка палиндромом.
3. Найти в массиве все анаграммы.
4. Замерить среднее время ответа сервера для 10000 запросов. Асинхронно, само-собой.
Какие-то большие тестовые задания я зарекся выполнять после того, как потратил 20 часов на одно, сходил на две встречи, прождал неделю и в итоге получил хуй вместо офера.
Тестовое задание предложили только одни, отказался делать сославшись на нехватку времени. Но там компания была не очень-то интересна. Еще один предложили тест-драйв на несколько дней.
В основном спрашивают о выполненных проектах, смотрят на стек технологий.
Частые вопросы:
1. Рассказать что такое замыкание и зачем они вообще нужны.
2. Как работает this.
3. Как работает прототипное наследование.
4. Зачем нужны и чем отличаются call, bind и apply.
На несколькольких собеседованиях решал простые задачки на бумаге или в онлайн-редакторе. Типа таких:
1. Обратить строку.
2. Написать функцию, которая проверяет является ли строка палиндромом.
3. Найти в массиве все анаграммы.
4. Замерить среднее время ответа сервера для 10000 запросов. Асинхронно, само-собой.
Какие-то большие тестовые задания я зарекся выполнять после того, как потратил 20 часов на одно, сходил на две встречи, прождал неделю и в итоге получил хуй вместо офера.
Какой у тебя опыт работы? (сколько лет)
Дизанером года три, разработчиком один. На JS кодю два года.
Прочитал и нихуя не понял
Что не понял?
Тут вроде про тестовые задания разговор был, решил вбросить свой опыт.
Про термины жс, учится и учиться еще
>максимальный на 140к, но компания НЕ ОЧЕНЬ
Почему не очень?
А как и сколько учился перед тем как дизайнером стать?
Расположена в какой-то дикой промзоне посреди нихуя.
Два года в британочке. Но не могу сказать, что это было обязательно.
Пасиб что отписался, норм вопросы вроде бы.
Про строку хотел уточнить: разбивка на массив, переворот методом массива и склейка обратно им подойдет? Или им обычно reverse() не канает и надо менять элементы ручками?
Подойдет, такой ответ и подразумевается.
Ясно. Ну пасиб. А то я еще на собеседованиях не был ни разу)
А на какую ты позицию собеседовался? Вряд ли ниже мидла.
В вакансиях довольно редко пишут это напрямую, обычно берут с разным уровнем, просто корректируют зарплату. Я считаю себя мидлом.
Спасибо, интересно просто какие собеседования например при приеме синьера/мидла.
Перспективы на твоей работе есть?
Верстаны, чому про avocode никто ничего не говорил, годнота же.
В шапку запилите, если у кого на эту вещь еще и КРАКЕН есть то вообще охуенно будет.
гуглю на этот счет, но вот чето кракена боюсь там качать.
Хахах, 140к с такими вопросами, ну да, разводи местных зевак больше.
Слушаю твои ответы.
Без гугла, разумеется, котик.
Манька, эти вопросы максимум на джуна. Если бы меня такое спросили на, хотя бы, миддла, я бы просто взял и вышел. Лол
Так ты отвечаешь или нахуй идешь?
Нахуй ты идёшь, сказочник. 140к бляхаха
Как скажешь.
И не лень же было в консольке цифры поменять. Забей, сразу видно, что на реальных серьёзных собеседованиях ты не был, можешь не стараться.
Ужас. Это теперь роботы офферы присылают?
Схоронил
Но он прав, такую легкотню даже я знаю, ни одной строчки на жс не написавший, разве что читал какую-то книжку за авторством кантора.
мимо стремящаяся жава-макака
ааа, блядь, мои глаза!!! не надо так. давай-ка, вкатывайся сначала в ваниллу на learn.javascript.ru, а потом уже в библиотечки всякие
Ответь/реши без гугла.
Нахуя?
чтоб былО
а я напоминаю, что на дворе 2016 год, а в треде ни одного упоминания про gulp
Напоминаю, что в 2016 уже пользуются вебпаком.
>вебпак
и о нем тоже нихуя нет. все ручками дрочатся
только в твоих манямечтах
Чому же? Я пользуюсь. Собсна и в 2015 пользовался.
Не пизди было и про галп недавно.
Галп и вебпак вполне себе хорошо сживаются
Аноны, ситуация такова.
Знаю в общих чертах HLML, CSS, JS.
Хочу прогать веб-приложухи ASP.NET MVR.
Какой учебкой закинуться?
Знаю в общих чертах HLML, CSS, JS.
Хочу прогать веб-приложухи ASP.NET MVR.
Какой учебкой закинуться?
Сколько слежу за тредами ни разу не видел, чтобы поднималась тема ОС для разработки. В мире программирования в целом, к разработке на винде относятся в большинстве своем холодно. А как обстоят дела во фронт-энде? Куча видео уроков либо на линуксе, либо на маке. Нужно ли сразу перекатываться на другую ось, либо можно всю жизнь просидеть на винде? Например мой товарищ устроился недавно на практику в контору, так там вообще выбора нет, сказали у нас линукс. Но ему норм, он сам макоёб да и с линуксом дружит (и тоже относится к винде с неким презрением).
Аноны, (особенно работающие в студиях) расскажите как оно на деле все?
> Нужно ли сразу перекатываться на другую ось, либо можно всю жизнь просидеть на винде?
Конечно, нужно. Без этого сегодня вообще никак. Так что бери сразу топовый макбук, iPad Pro и iPhone 6S Plus, иначе посоны уважать не будут. Будешь лохом.
Есть ли смысл делать фиксированные странички на флексах?
Для фронта Windows или OS X.
Linux тут нахуй не нужен.
>когда дизайнер - долбоеб
Надо же было выполнить хедер не заливкой, а какой-то хуйней, у которой брекетсы не могут даже цвет считать.
В связи с чем вопрос. С фотошопом ебаться не очень хочется: тяжелый, майнеры в кряках, покупать пока еще дорого. Я так понимаю, Avocode умеет в чтение psd макетов? Есть уже взломанный? На трекерах ничего не нашел. Кто чем пользуется для экспорта картинок / замера размеров / считывания цветов из макетов?
Надо же было выполнить хедер не заливкой, а какой-то хуйней, у которой брекетсы не могут даже цвет считать.
В связи с чем вопрос. С фотошопом ебаться не очень хочется: тяжелый, майнеры в кряках, покупать пока еще дорого. Я так понимаю, Avocode умеет в чтение psd макетов? Есть уже взломанный? На трекерах ничего не нашел. Кто чем пользуется для экспорта картинок / замера размеров / считывания цветов из макетов?
На флексах есть смысл делать сетку. Всегда. Они для этого и были созданы.
Спасибо.
Если не надо ковырять в фотошопе - то и Линукс сойдет в принципе (ибо так геморно его поднимать будет). А вообще да, os x или винда - лучший вариант
>у которой брекетсы не могут даже цвет считать
Ну вот один из случаев когда брекетс соснул, кек.
Обычный фон наверное. Уже не помню устройство макета этого.
Ставь фотошоп.
На Авокоде можно мыло каждый раз регать новое для триалки (если не впадлу). Да и это вроде как облачный сервис, поэтому не удивительно, что кряка нет (могу ошибаться). Сам не юзал - выше выкладывал плейлист - можешь глянуть.
Посмотрел - да, там фон просто. Цвет можно взять пипеткой. Если не охота ставить ФШ - поставь instant color picker - пипетка внешняя легковесная, откуда хочешь будешь быстро цвета выдирать. И не нужен будет ФШ для таких задач будет
>Ну вот один из случаев когда брекетс соснул, кек.
Что интересно - по какой-то загадочной причине, проблемы у брэкетса я пока встречал только с этими учебными макетами от Академии. Что с Барбершопом, что с Нердсом. То не может нормально размер шрифта и строки считать, то фон задан какой-то ебаной фигурой, а не заливкой. Открывал еще несколько макетов - там все замечательно, проблем 0, все считывается быстро и легко.
Кстати, даже не смотря на такие приколы, Брэкетс все еще самый удобный инструмент, из всех, что я видел, по часты быстрого экспорта слоев в папку и в код.
Заодно спрошу, пока не забыл.
Кто как верстал карту в Нердс? Вставлял интерактивную из гугла или яндекса, или статичную картинку?
Если интерактивную - как боролись с левыми подсказками и проблемами с прокруткой, как вставляли кастомный маркер?
Если статичную - какую ширину задавали, 1200рх? А если у посетителя экран шире, тупо обрезали карту?
Кто как верстал карту в Нердс? Вставлял интерактивную из гугла или яндекса, или статичную картинку?
Если интерактивную - как боролись с левыми подсказками и проблемами с прокруткой, как вставляли кастомный маркер?
Если статичную - какую ширину задавали, 1200рх? А если у посетителя экран шире, тупо обрезали карту?
По макету делаешь на всю ширину, лучше делать интерактивную, маркеры через API карт, там инструкция есть.
Фронтендер с 2ух летним стажем ИТТ. Вкатился в этот тред 2.1 года назад. Казах-кун(если кто помнит) Прошел таки большой путь верстка учебных макетов + конторы веб-студии + фриланс + работа в АО в крупной SCRUM команде. На данный момент владею и использую стек технологий :БЭМ, ES6, Angular в связке webpack + postCSS итд прочего хипсторского говна. Сейчас больше увлечен Реалтайм SPA приложениями (websockets,express нода).
Задавайте свои ответы.
Задавайте свои ответы.
Зарплата?
100к
Зачем нужен postCSS кроме автоприфексера?
Расширять css синтаксис
Например? Чем он лучше того же Sass?
Как именно вкатывался: сколько тратил времени на обучение, как обучался, через сколько времени нашел первую работу, какая была з/п?
Везет тебе. У меня и друзей дохуя и тян. Все блять хотят внимания особенно тян
Модульность, инлайнинг ресурсов
работу искал месяца два.
Зп росла вот в такой прогрессии 20/30/50/80-100
I know dat feel, bro.
Я живу с тянкой отдельно от родителей, так и они через день вечером в гости приходят. Вроде и не на долго, но все равно это минус час времени, которое я после работы мог бы потратить на верстку.
Не помню тебя, то ты это я. Примерно такая же зарплата, примерно такой же опыт, тогда же вкатился. Почему еще не за бугром?
Давай вопросы на осталные ответы же.
Не знаю. Есть идея запустить собственный проект. Тут как бы появились и связи и прочий профит
верстка 2 месяца примерно. По джс я до сих пор иногда туплю.
То есть ты через два месяца после начала обучения нашел уже работу версталой? Не учился и не работал в это время?
Какой лвл?
Да через два месяца. Вышки не было я тогда учебу на первом курсе дропнул.
23
Молодца.
Сукаблядь, почему я в свое время так не сделал? но нет же, голова была ВоВ-ом забита.
Двачую.
миморетрик
А я был ферал-друлем дамагером, еще гордился так, блядь, своим высоким ДПС-ом на сервере.
Друзья, кто прошел базовый интенсив напишите для долбоеба порядок вкатывания. Вот я прошел 1 раздел по разметке. В итоге в конце с горем пополам пересмотрев пару раз видео я разметил барбершоп и прошел 4 курса. Попытался разметить главную страничку нердс выбрал ибо он самый изи и обосрался поскольку нихуя не понимаю. Как мне поступить? Проходить интенсив дальше заострив внимание на барбершопе или сидеть ебаться с другими макетами? Я уже очень много времени потерял 2 недели ибо попросту не могу себя заставить проходить дальше пока не разберусь со всеми другими макетами.
Ты точно интенсив то прошел? Все интерактивные курсы в домашних заданиях выполнил?
Так ли важны ИСПЫТАНИЯ на хтмлакадеми для реальной потом работы?
Я все понимаю (почти), но с некоторыми испытаниями, типа биатлона обосрался.
Видеоуроки на ютубе, кстати, о наследовании и селекторах намного понятнее рассказали.
Я все понимаю (почти), но с некоторыми испытаниями, типа биатлона обосрался.
Видеоуроки на ютубе, кстати, о наследовании и селекторах намного понятнее рассказали.
Я не прошел интенсив, речь идет о первом задание на разметку.
Если ты с биатлоном обосрался, то лучше бы тебе заново соответствующие курсы перепройти. Там вообще ничего сложного нет.
Бесполезная хуйня.
Я тебе больше скажу испытания/задачи просто необходимы. Только так усваиваются навыки
Я имел ввиду те курсы интенсива. Это не просто видосики посмотреть, и скопировать код в текстовый редактор. Там еще и домашние задания же есть: интерактивные курсы пройти, статьи почитать и т.д.
Мне, например, неудобно сразу хтмл размечать. Размечаю постепенно в процессе верстки.
Не слушай вот этого долбоеба. Я тоже биатлон не проходил. Хуйня ненужная.
Не, ну ты-то точно умный, сразу по тексту видно.
Как можно было не осилить такое легкое, разжеванное в курсе задание, лол? Иди нахуй, в общем.
Уде умею верстать макеты, сейчас ради интереса попробуйю пройти биатлон.
другой анон
Домашнее задание как раз и заключалось в том, что бы разметить другой макет на выбор я выбрал самый изи + пройти 4 курса. С другим макетом я обосрался ибо не понимаю как прикреплять карты и верстать магазин.
Окей.
В чем заключается его легкость? Оно тупое и не логичное. Любой даун может наугад подобрать классы к селекторам, только вот нахуя этим заниматься? Короче параша.
Все кто не согласен с тем, что испытания на академии хуйня, иди те в залупу. Пидоры.
Про карты дальше рассказывают. Вообще, рикаминдую сначала полностью просмотреть интенсив, пройти все интерактивные курсы, вместе с Першиным разметить до конца Барбершоп, а потом уже приниматься за другой макет.
По крайней мере я сейчас так и делаю.
Так и поступлю, спасибо.
Нахуй нужен этот биатлон если потом учат не делать большой вложенности селекторов и вообще по бэм хуярить?
Смысл с самого начала учить БЭМ? Он только запутает.
Сначала учат в столбик считать для понимания процесса, потом уже дают в руки калькулятор.
Да блять, а по 10 селкторов вкладывать не запутает?
Ты тупой, если не понимаешь разницы между обучением и реальной работой.
Биатлон сейчас пройти не смог, лень вникать в это каскадное говно, которое нигде не используется. Даже на домашней страничке северокорейского вуза, сверстанного на айдишниках, каскад не используется.
другой ньюфаг, осиливший верстку адаптивной седоны и пинка
другой ньюфаг, осиливший верстку адаптивной седоны и пинка
>путает тренировку с обучением
Ты действительно тупой.
Поясни за твой метод обучения, хули. Имхо, куда лучше обучаться в процессе работы, чем делать то, что ты никогда не будешь использовать. Ты наверное еще и большинство школьных предметов назовешь охуеть какими полезными?
Все школьные предметы полезны кроме урока музыки.
Чем в реальной жизни пригодится умение решать задачки по неорганической химии?
>Поясни за твой метод обучения
>твой
Мда. Я не хочу разговаривать с тупым человеком. Тем более мне нет смысла в чем-то тебя переубеждать. Оставайся при своем мнении.
Ты кроме гринтекста и оскорблений что-то умеешь? Постарайся объяснить в 1 посте, дальше спорить не будем.
Обосрался в свое время на биатлоне, ничего страшного.
Вопрос по svg. Читаю в разных статьях, что это наиболее прогрессивный и правильный способ верстки графики. Но у меня какого-то хуя иконки со сглаживанием, нечеткие получаются. Догадываюсь, что все из-за того, что дизайнер не рисовал по пиксельной сетке, всюду значения типа 1.4343 вместо 1 или 2. Щито делать?
Пизды дать дизайнеру, что же еще.
Может это какой-то ебаный antialiasing? В редакторе-то норм смотрится его же дерьмо. А в браузерах хуево.
Ты расскажи как работаешь то с свг для начала, чтобы мы поняли че там у тебя не очень.
Или код покажи
Я туплю, если экспортировать в png, то все так же хуево выглядит. Я то смотрю в редакторе увеличив масштаб... Значит мне ни о чем не надо беспокоится и делать как есть в svg. Столько времени проебал((
Проиграл
>ферал
>ДПС
Потому и гордился, что пантерой унижал по ДПСу большинство рог и магов.
Сам с севера казахии. Так же пытаюсь превозмочь.
Посоны, каким тегом в хтмл обозначить пикрелейтед, section или article?
Вот как это будет выглядеть, чтобы вам был понятнее мой вопрос.
Дивами все обозначай не ошибешся.
Блять, ну семантика же, вся хуйня, я нихуя не понимаю.
вроде бы так: если эта хуйня независима, то article. Например, она может встречаться на другой странице..
я бы article использовал.
а вообще, мой тебе совет: сначала заебаш как можно быстрее div'ами и сдай проект. Если в сроки уложился, делать нехуй, можешь семантику внести, заменив div на article
Мне не срочно.
Этот чел пиздит, у него меньше года опыта, и он нихуя жс не знает. По за тоже пиздит, думаю не больше 50к.
>По зп
быстрофикс
Если по логике, то весь каталог имеет смысл, и отдельно будет понятен его артиклом, каждый товар секшоном с заголовком т.к находится в артикле. Я правильно мыслю?
Как задать выравнивание отдельно для каждого ряда по основной оси для флекс элемента?
Буду траллить теперь
Короч, как при помощи флексов последний товар поместить сюда, но не убирать justify-content: space-around; ибо больно хорошо верхние товары распределились
Может быть последнему ребенку задать какой нибудь align-item: flex-start; или что-то подобное
Или align-self
Это для поперечной оси, а для главной оси никак отдельно элемент не выровнять. Придется видимо хуячить каждому товару марджины, по-другом никак(
align-items по другой оси же
Скорее всего это невозможно сделать только за счет свойств flexbox. Сделай как тут написано.
http://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid
Или подумай над другим вариантом верстки. Почему именно space-between/around? Может сделать просто по 25% шириной?
https://jsfiddle.net/xzaphLt3/1/
http://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid
Или подумай над другим вариантом верстки. Почему именно space-between/around? Может сделать просто по 25% шириной?
https://jsfiddle.net/xzaphLt3/1/
Спасибо, но я тупо каждому твоару марджины в соответствии с макетом написал и все красиво получилось. Страничка-то фиксированная.
А вы начинали верстать личный проект сразу с барбершопом, или сначала посмотрели весь интенсив и уж после за него взялись?
пве бляди не нужны
я сразу начал.
барбершоп не трогал, сразу нердс, одна хуйня. Для практики всё равно нужно все делать.
Посмотрел все, вникая как они делают барбершоп. А потом сел верстать макеты, пересматривая нужные уроки если было необходимо. Так вопросы просто многие отпадают и уже знаешь че будет рассказано, а че не будет и надо гуглить. Короче говоря общая карта материала в голове выстраивается. Мне так лично проще от общего к частному идти чем наоборот. Но в самом интенсиве наверное как раз наставник и помогает с возникшими вопросами, поэтому там и постепенно все. Както сумбурно написал, но надеюсь, поймешь
В html academy не появились курсы по JS еще? Проходил года 2 назад, когда там было оче пусто, потом забросил, а сейчас хочу снова вкатиться и вот думаю, поможет ли эта площадка хотя бы на первую ступень встать в вертске?
Откуда знаешь?
Так он тут часто пишет, начал он только прошлым летом, плюс постоянно во всяких конфочках/контактиках спрашивает разные тупые нубские вопросы, у него максимум уровень очень слабого джуна. Никаких 100к точно не получает, это просто 100% инфа.
Тогда понятно, я тут не часто сижу.
Пиздец, так и не смог на флексах сделать форму седоны 1в1 с макетом. Оставил так, не стал даже календарики добавлять, выглядит сносно, меня уже тошнит реально от седоны. Дивов нагородил целый забор.
http://acilsd.github.io/responsive-sedona/
Может кто подсказать хороших, годных примеров верстки форм на флексах? Это мой единственный затык в верстке, с остальным справился и разобрался, у меня даже пригорает немножко с этих форм.
Причем проблема именно с такими уебанскими формами, где сначала лэйбл-инпут на одной линии, а потом хуяк и лейбл-инпут-лейбл-инпут на другой линии.
http://acilsd.github.io/responsive-sedona/
Может кто подсказать хороших, годных примеров верстки форм на флексах? Это мой единственный затык в верстке, с остальным справился и разобрался, у меня даже пригорает немножко с этих форм.
Причем проблема именно с такими уебанскими формами, где сначала лэйбл-инпут на одной линии, а потом хуяк и лейбл-инпут-лейбл-инпут на другой линии.
Я и в ПвП дохуя народу унизил.
Глупый вопрос немного. Что ставить у ссылок в href чтобы по нажатию ничего не происходило. # поднимает страницу к верху.
Там есть один говнокурс по джсу, ничего не объясняется толком.
Зачем тебе это?Просто интересно.
Ссылка подразумевает переход куда-то, так что для действий на странице логичнее использовать button. Если у тебя ссылка как фолбэк для выключенного жс - пиши event.preventDefault()
Один лайк за первый вариант.
Чтобы проверять эффекты было проще. Устал обратно к месту возвращаться.
кидай код в песочнице, так тебе никто не поможет
и говори конкретно с чем была проблема
Можно ли убрать это запоминание не нужного шлака?
Конечно. Во-первых надо разнести css по модулям, во-вторых сократить количество разных отступов и вынести повторяющиеся в константы, сейчас похоже на то, что для отступа выбирается случайное число в пределах 20-30 пикселей.
Часто ли бывает такое, что сверстал и выложил макет куда-нибудь на гитхаб, а потом через какое-то время что-то например обновилось, и какие-то элементы в верстке пошли по пизде?
почти уверен, что дело в синтаксисе. Попробуй этот "syntax highlighting for sass"
подсветка синтаксиса, если точнее
фикс
В 99.999% случаев не бывает.
Могут тулзы по пизде пойти, если ты в package версии не жесткие указал, и потом не будет собираться проект.
Приветствую братья и братья притворяющиеся сестрами.
Вкатываюсь в верстку из дизайна (веб, полиграфия). Поскольку теперь даже гуманитарии могут выравнивать блоки по флекс-боксу, решил тоже научиться.
Надизайнил макет сайта-доставки еды с красивыми клипартами, сделал верстку адаптивно-резиновую, проверил на мобилке, планшете и ноуте. Все везде работает.
Поскольку я решил, что я теперь профи, взял на веблансе заказ, сделать копию мобильной версии страницы гугл-плей определенной игры. Заказчик сказал, что скрипты не нужны, карусели с картинками и отзывами тоже. Я указал цену 20$ и решил что за пару часов управлюсь. Но не тут-то было. После 7 часов работы (я записываю время, которое провожу за работой) макет был сделан примерно на половину. На следующий день я потратил еще 4.5 часа. То есть всего потрачено 11.5 часов. Меньше 2 долларов в час... А между тем, макет получился далеко не идеальным, он отличается от оригинала отступами между элементами, размерами некоторых элементов, короче по-мелочи, на правку которых наберется еще часа два. А теперь внимание вопросы!
Это я такой криворукий слоупок, или верстка сама по себе долгий процесс?
Сколько по времени у вас займет верстка с нуля такой мобильной версии страницы (без скриптов и каруселек, и меню слайдер тоже не нужно, т.е. бургер не активен) открывать на смартфоне, ибо на планшетах обычная версия страницы. https://play.google.com/store/apps/details?id=net.mobigame.zombietsunami ?
Сколько вы берете в час?
Технические вопросы.
Почему хром-мобаил отображает все картинки мутно? Я указываю ширину 100px, прописываю картинку размером 100px - в браузере мыло. Измерил ф шопе, что моб-браузер увеличивает все в х1.5 раза. Я увеличил и пересохранил картинку в 150px, в цсс размер тотже 100, - мыло меньше, но оно все равно есть. ЧЯДНТ? В оригинале на гугл-плее все каринки резкие-четкие.
Решил переделать маркеры-звездочки в свг. Ок, но теперь они отображаются по разному. В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала). Вернулся к мыльныму растру.
Вкатываюсь в верстку из дизайна (веб, полиграфия). Поскольку теперь даже гуманитарии могут выравнивать блоки по флекс-боксу, решил тоже научиться.
Надизайнил макет сайта-доставки еды с красивыми клипартами, сделал верстку адаптивно-резиновую, проверил на мобилке, планшете и ноуте. Все везде работает.
Поскольку я решил, что я теперь профи, взял на веблансе заказ, сделать копию мобильной версии страницы гугл-плей определенной игры. Заказчик сказал, что скрипты не нужны, карусели с картинками и отзывами тоже. Я указал цену 20$ и решил что за пару часов управлюсь. Но не тут-то было. После 7 часов работы (я записываю время, которое провожу за работой) макет был сделан примерно на половину. На следующий день я потратил еще 4.5 часа. То есть всего потрачено 11.5 часов. Меньше 2 долларов в час... А между тем, макет получился далеко не идеальным, он отличается от оригинала отступами между элементами, размерами некоторых элементов, короче по-мелочи, на правку которых наберется еще часа два. А теперь внимание вопросы!
Это я такой криворукий слоупок, или верстка сама по себе долгий процесс?
Сколько по времени у вас займет верстка с нуля такой мобильной версии страницы (без скриптов и каруселек, и меню слайдер тоже не нужно, т.е. бургер не активен) открывать на смартфоне, ибо на планшетах обычная версия страницы. https://play.google.com/store/apps/details?id=net.mobigame.zombietsunami ?
Сколько вы берете в час?
Технические вопросы.
Почему хром-мобаил отображает все картинки мутно? Я указываю ширину 100px, прописываю картинку размером 100px - в браузере мыло. Измерил ф шопе, что моб-браузер увеличивает все в х1.5 раза. Я увеличил и пересохранил картинку в 150px, в цсс размер тотже 100, - мыло меньше, но оно все равно есть. ЧЯДНТ? В оригинале на гугл-плее все каринки резкие-четкие.
Решил переделать маркеры-звездочки в свг. Ок, но теперь они отображаются по разному. В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала). Вернулся к мыльныму растру.
Ну я бы сказал около дня, т.е. часов 8 может быть, на первый взгляд.
>В последнем хроме - ок, а в стоковом браузере - маркеры гораздо меньше чем должны быть (~15% от оригинала).
Ты забыл им размеры указать, видимо. СВГ всегда нужно указывать четкие размеры.
>Ты забыл им размеры указать, видимо. СВГ всегда нужно указывать четкие размеры.
а как указать размер изображения для маркера списка, если я задаю svg-маркер с помощью:
list-style-image: none | url('путь к файлу') | inherit
???
Хз, гугли
Никогда так не делал, обычно просто через :before
>:before
Спасибо анончик! Сделал с помощью li:before и content: "\2605";
А сколько ты берешь за верстку, за час, или за страницу, которую я показывал?
У меня фиксированная зп 50к в месяц, это около 300р в час.
дрочился на линуксе и винде. в винде проблема с nodejs, нужно подтягивать кучу левых пакетов и ставить их, иначе половина пакетов из npm не работает. зато фотошоп работает из коробки без пердолинга.
с линуксом такой хуеты нет, но он не дружит с некоторыми видеокартами (ебучая нвидиа) и процами (core i7 уходит в перегрев) + надо виртуалку ставить и накатывать туда фотошоп, что порядком ебет в некоторых моментах.
сейчас сижу на винде, линукс удалил со всех машин, планирую перекатываться на osX
>Сколько по времени у вас займет верстка с нуля такой мобильной версии страницы
До 4-6 часов, так чтоб не соврать и с запасом.
>nodejs
Мы тут верстку обсуждаем вообще-то.
верстун мамкин, а для галпа нода не нужна?
мимо задрот убунты
Бреакинг ньювс, на дваче решили, что фронтенду нода больше не нужна.
Кек
Блять, мозг сломал себе этой хуйней
https://htmlacademy.ru/courses/66/run/18
Настроил только кнопки. Все остальное не могу. Заебало. Продолжать ковыряться или ну его нахуй?
https://htmlacademy.ru/courses/66/run/18
Настроил только кнопки. Все остальное не могу. Заебало. Продолжать ковыряться или ну его нахуй?
Слабак.
не страдайте вы этой хуйней, сколько раз вам говорить.
лучше берите самые простые макеты и верстайте.
Да пиздец, не говори. Демотивирует моя тупость. Особенно подпекает с комментариев гдя тян пишут, что все легко и во всем разобрались. А я уже 3й час мозги ебу свои. Пиздец нахуй.
Я все импортантами захуячил и забыл про это задание. Лучше реально начинай с интенсивом макет верстать, вот что реально учит тебя верстке.
Бля, обреалился.
От этих испытаний толку никакого. Начинай макеты верстать.
Блять, да хуйня эти испытания в большинстве случаев. Из треда в тред одно и то же.
Нормальные испытания, учат разбираться в чужом коде.
Да это дерьмо проще с нуля сделать, чем вот так вот исправлять. Забей на это. Лучше сверстай макет.
Вот именно, что проще с нуля. А задания помогают понимать как сделать не с нуля. Это частый кейс, когда тебе надо что-то поменять, не трогая хтмл.
Там такого дерьма в коде точно не будет. Какого хуя блок "Общая информация" и блок "Альбомы" не имеют 1 класс? Что это вообще за хуйня?
>Там такого дерьма в коде точно не будет.
Лол
Поверь мне, это ещё цветочки. Бывают случаи в десятки раз хуже.
Господа аноны. Как часто, заходя на какой нибудь сайт, вы открываете инспектор и смотрите код? Хотелось бы увидеть сайт с идеально написанным кодом с точки зрения семантики и в принципе правильности использования всех тегов, css селекторов и свойств.
В какой последовательности смотреть интенсив? В порядке возрастания как в папке? После разметки смотреть фотошоп? Это норма?
yandex.ru
Идеально с чьей точки зрения? Если ты про форматирование кода то хуйзнает.
Если про непротивроечивость и валидацию есть сервисы которые проверяют это. Например http://codebeautify.org/cssvalidate
Ты совсем тупой чтоль?
Cовсем. Я просто не совсем понимаю смысла после разметки учить фотошоп. В чем я не прав? Объясни, в какой последовательности.
Смотри по порядку и не еби себе и нам мозг, анон.
Блядь. Ну а как ты представляешь себе верстку вообще?
1) Размечаем html по макету (урок 2)
2) Режем элементы в фотошопе. (урок 3)
3) Накатываем css (урок 4-5-6-7-8)
>учить фотошоп
Чтобы учить фотошоп, надо ее 2 часа видосик посмотреть, а ебаться с ним ежедневно в рабочем порядке. Тут тебе просто объяснят как с макетами работать.
Покажите уровни своих вёрсток для порфолио. Я даже не знаю что там делать.
На превью всегда казалось он в шапке.
Вот это например
http://www.valentin-emelyanov.ru/portfolio/nerds/index.html
крутым считается?
Сколько платят за подобную вёрстку?
имхо в хтмл академи уши прожужали мол "после курсов изи бабки изи телки изи фриланс", а на деле просто рекламят.
отличная вёрстка для олигофрена
Ты о скриптах в хэде?
да. Стыдно такое на гитхаб заливать, не то что в портфолио
поясните за type = "text/javascript", нахуя его писать в html5?
Кодировка должна быть раньше тайтла
Шрифты раньше собственных стилей
jq надо раньше скриптов, скрипты собственные желательно перед закрывающим тегом body. Да и на jq в шапке скореевсего гугл pagespeed будет ругаться, поэтому тоже в конце bidy, но перед собственными скриптами, либо оставить в шапке добавив async
Думаю, както так. И это всеголишь шапка
мимо анон
Обычно редакторы сами так делают, после того, как ты табом автодополняешь.
Не обязательно писать, да
Ясно, странно, что эммет не способен подстроится под версию документа.
эммет
Блять, мудак. Ну, а ты как сам думаешь, нормальное это портфолио или нет?
Нет это хуйня собачья. Вырвиглазная блять залупа, конская ебаная залупа. Полная безвкусица. Это блять просто дно. ЕБУЧЕЕ ДНО. У меня даже забомбило от того, что этот пидор вообразил, что у него есть какие-нибудь шансы найти самую уебанскую на свете контору с его ссаниной. Это не верстка. Это блять слепое вождение еблом по клавиатуре. Самый что ни на есть конченый 13 летний даун сверстает эту хуйню паралельно надрачивая на порно со старухами. Я все сказал.
Речь шла о разумеется.
Приветствую вас с вашим батхертом!
Эко тебя бомбануло.
Вёрстка то сама по себе ничего. Когда нет контента для заполнения пустоты, лучше не сделаешь. Клиенты, когда просят показать примеры вёрсток, что говорят?
this
Может это и тупой вопрос. Но в гайде прямого ответа не нашел.
Осваиваю потихоньку ХТМЛ/ЦСС , чтобы выходило полноценно - что лучше дальше учить php или javascript ? То есть можно ли забить на php вообще и заменить его в страницах на javascript ? Так как пока понимаю, что по сути это одно и тоже, а возможностей у второго больше.
Осваиваю потихоньку ХТМЛ/ЦСС , чтобы выходило полноценно - что лучше дальше учить php или javascript ? То есть можно ли забить на php вообще и заменить его в страницах на javascript ? Так как пока понимаю, что по сути это одно и тоже, а возможностей у второго больше.
>php
>javascript
>по сути это одно и тоже,
Пиздец, откуда вы такие тупые лезете только?
Джаваскрипт пока единственный язык, который может работать в браузере на стороне клиента. Ещё есть флэф и джава аплеты, конечто, но они требуют плагинов.
Пхп же только серверный язык.
>Указано что вопрос тупой
>Аутиста не остановить
Спасибо.
Я так понял, что в продвинутом интенсиве тебе для примера макет не верстают, там в основном теория. Как лучше его проходить? Смотреть полностью, а уже потом верстать, параллельно просматривая моменты, которые не усвоил?
Я вот, кстати, вообще не понимаю, как нужно упороться, чтобы полностью удовлетворить гуглспид. Минифицировал-оптимизировал все, один-единственный цссфайлик, два простеньких скрипта (причем один из них - яндекс-карта) с асинком в конце боди, и он мне выдает 80%, советуя УБРАТЬ БЛОКИРУЮЩИЙ ЦСС ФАЙЛИК))))
Да пошел ты нахуй, гугл.
Просто ссылки, может кто полезное найдет
Сборник ссылок
Обучение
— http://geekbrains.ru - курсы и вебинары по JS, Ruby, PHP, HTML, CSS, Node.js, Python, C++, C#, Photoshop, Linux
— https://htmlacademy.ru/ - курсы по HTML и CSS, базовые бесплатно, продвинутые - 300 руб/мес (есть платный интенсив)
— http://e-maxx.ru/algo/ - 145 математических алгоритмов и их реализация на C++, есть PDF-книга
— https://cs50.harvard.edu/ - введение в CS, алгоритмы, структуры данных, веб разработка
— https://www.youtube.com/watch?v=y9ERi0PhHEo - автоматизация для фронтендеров, презентация на 6 часов, видео от августа 2014, но все равно интересно
— http://largescalejs.ru/ - паттерны для масштабируемых JavaScript-приложений
— https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеров
Фриланс и волонтерство
— http://upwork.com - международная фриланс биржа
— https://itv.te-st.ru/ - волонтерские проекты
Хакатоны и стажировки
— https://erasmusintern.org/ - стажировка за рубежом, стипендии
— https://www.yandex.ru/mobilization/ - возможность пройти стажировку по мобильным приложениям в Яндексе после конкурса, заявки принимают до 25 апреля
— http://www.ob-vious.com/hackathonaccorhotels/ - хакатон 23-34 апреля в Москве
— https://hackrace.timepad.ru/event/312815/ - хакатон в Калуге 9 апреля
Задачи
— https://www.codingame.com/ - решение задач в играх
— https://www.codewars.com - задачи на решение алгоритмов, чем больше задач решил, тем выше рейтинг и тем сложнее задачи
Среды разработки и хостинг
— http://docker.com - для создания изолированных сред разработки на своём компе
— http://heroku.com - хостинг приложений, хорош для личных проектов
— https://c9.io/ - развернуть среду разработки прямо в браузере
Рассылки и подкасты
— http://www.rwpod.com/ - подкасты о новинках веб разработки
— https://cooperpress.com/ - еженедельная рассылка о JS, HTML5, Ruby, Node, Postgres (я подписан пока только но JS и HTML5)
Прочее
— https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upwork
— http://lifehacker.ru/2014/10/23/eesti/ - как получить электронное гражданство Эстонии, можно обходить налоги своей страны
Сборник ссылок
Обучение
— http://geekbrains.ru - курсы и вебинары по JS, Ruby, PHP, HTML, CSS, Node.js, Python, C++, C#, Photoshop, Linux
— https://htmlacademy.ru/ - курсы по HTML и CSS, базовые бесплатно, продвинутые - 300 руб/мес (есть платный интенсив)
— http://e-maxx.ru/algo/ - 145 математических алгоритмов и их реализация на C++, есть PDF-книга
— https://cs50.harvard.edu/ - введение в CS, алгоритмы, структуры данных, веб разработка
— https://www.youtube.com/watch?v=y9ERi0PhHEo - автоматизация для фронтендеров, презентация на 6 часов, видео от августа 2014, но все равно интересно
— http://largescalejs.ru/ - паттерны для масштабируемых JavaScript-приложений
— https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеров
Фриланс и волонтерство
— http://upwork.com - международная фриланс биржа
— https://itv.te-st.ru/ - волонтерские проекты
Хакатоны и стажировки
— https://erasmusintern.org/ - стажировка за рубежом, стипендии
— https://www.yandex.ru/mobilization/ - возможность пройти стажировку по мобильным приложениям в Яндексе после конкурса, заявки принимают до 25 апреля
— http://www.ob-vious.com/hackathonaccorhotels/ - хакатон 23-34 апреля в Москве
— https://hackrace.timepad.ru/event/312815/ - хакатон в Калуге 9 апреля
Задачи
— https://www.codingame.com/ - решение задач в играх
— https://www.codewars.com - задачи на решение алгоритмов, чем больше задач решил, тем выше рейтинг и тем сложнее задачи
Среды разработки и хостинг
— http://docker.com - для создания изолированных сред разработки на своём компе
— http://heroku.com - хостинг приложений, хорош для личных проектов
— https://c9.io/ - развернуть среду разработки прямо в браузере
Рассылки и подкасты
— http://www.rwpod.com/ - подкасты о новинках веб разработки
— https://cooperpress.com/ - еженедельная рассылка о JS, HTML5, Ruby, Node, Postgres (я подписан пока только но JS и HTML5)
Прочее
— https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upwork
— http://lifehacker.ru/2014/10/23/eesti/ - как получить электронное гражданство Эстонии, можно обходить налоги своей страны
Если кто встречал, покажите нормальное порфолио для стажера/джуна.
Думаю сделать сам: просто верстка (на подобии нердс, барбершопа), на бутстрапе, адаптивная, респонсив, интернет-магазин, лендинг, с js и jquert шоб всё свистело и пердело. Можете еще посоветовать. Возможно еще приложение на phonegap.
На сколько важен процесс надзора наставником за проектом? Ну касательно интенсивов на хтмлакадемии.
На 14,88%.
Ну серьезно, сильно ли можно проебаться и не заметить без надзора?
Тут большая половина треда без надзора проходила интенсив. И что думаешь они тебе скажут? Наверно хорошо с ним, укажет на ошибки. Но я слишком еврей, чтобы отдавать бабки. Тем более видели какие из под надзора "верстальщики" выходят (читай выше).
Понял, спасибо.
Ну а как ты сам думаешь?
Если у тебя нет опыта, ты многие элементарные вещи не будешь знать как делать правильно Для подсказки по ним и нужен наставник.
Аноны, подскажите как сделать лучше пикрилейтед элемент.
В голову приходит мысль забацать это таблицей. Или просто блоками? Или сделать таблицу на дивах при помощи цсс?
В голову приходит мысль забацать это таблицей. Или просто блоками? Или сделать таблицу на дивах при помощи цсс?
Ну подумай сам. Всю жизнь за твоей спиной наставник стоять не будет. Да, поможет он с этими двумя учебными верстками. Ну а дальше сам. Самый твой главный наставник это ты сам. Я думаю что ты можешь адекватно оценивать насколько ты близок к оригиналу.
Я бы табличную верстку не выкапывал - некрофилия это занятие нехорошее.
Ну только естественно размеры фиксировать не надо, и все делай как по макету нормально. Просто схематично показал, что на флоатах такая штука вполне себе ничего. И даже при удалении слайдера (тогда будут только карточки) неплохо себя ведет
http://jsbin.com/zaxevuwoni/edit?html,css,output
Пиздец, только хотел задать этот вопрос. Даже макет успел открыть. Двач паранормальный.
Добра тебе. А то я такой хуйни нагородил.
Спасибо за ответ и пример. Я наверное правда не буду городить лишних конструкций и сделаю на флоатах.
Ребят, кто натягивает вёрстку на wp и подобные cms. Расскажите как учились этому, с какими знаниями были когда начинали натягивать. Просто смотрю сейчас гайды по натяжки, их очень мало, в основном кастомизация дефолтной темы на wp, книги тоже примерно про это. Нужно ли выучить основы php перед натяжкой или же это совсем другое.
Тоже интересен сей вопрос но мое предположение что особо ничем не отличается. Т.е. изучив как вообще верстать шаблоны я думаю несложно лепить уже свое оформление на готовую разметку CMS.
Но хотелось бы послушать более опытных людей.
Господа, в общем сижу, делаю макет, и тут решил проверить на кроссбраузерность. Так вот в эксплорере со слайдером пиздец какой-то, все сбивается. В чем причина не пойму нихуя, в остальных все ок. И еще решил через стоковый браузер на андройде запустить, там вообще пиздец, верхнее меню все закрывает, лого утекает вниз. Не пойму куда копать. http://c12266.shared.hc.ru/service/index.html
Убери нахуй фиксированное говно сверху. Даже на моем Note 3 5,7" закрывает охуеть сколько.
И увеличь скорость появления пунктов меню до долей секунды, сейчас она супер-тормозная.
Еще. Сделай паддинги для контента, чтобы он не прилипал к краям экрана.
Поменяй лейбу в наве (или что там у тебя за полупрозраяная эта штука), чому она такая лоу резолюшн?
Да это понятно, меня вопрос с ослом больше заботит и с андройдовским браузером. Та это фиксированное говно расползается вообще по ходу до футера
смотри что едет, пиздуй на caniuse проверяй чтоб все ок было, потом дальше можно смотреть
Рассказываю что помню, в общих чертах. Занесло меня чудом в конторку. Работали там значит с друпалом, сайты компаний мелких в основном делали. В друпале делали "ядро". Там были так называемые блоки в которые выводились данные. Потом создавали новую тему. Там добавлялись стандартные селекторы. В общем там мы эти селекторы брали (через инспектор в хроме, например) и верстали css. Как тогда казалось дикой ебатой, так и сейчас. Никакой симантики, дохуища лишних классов и ид с нечитаемым названием и это малая толика. Ну как то так.
Ах да. В индекс.php вставлялись пхп вставки с названиями этих блоков.
Мда, звучит очень плохо. Ждём других героев.
Помогите мане. Хер его знает, как верстать штуку на пикрелейтед. В голову только приходит карусель.
А в чем проблема-то?
А можно и приемом со скрытыми радиобаттонами.
Обычно, например типа маленького слайдера со стилизованными лейблами.
Спасибо, добрый человек
Я что, один тут все на флексах ебашу?
Наверное, надо сверстать что-нибудь на флоатах, по-старинке.
Нет не один, но ньюфаги не могут во флексы, притом что именно они задают больше всего вопросов по верстке.
Тогда ладно. Просто я тоже ньюфаг, но после флексов что-то там флоатить жутко не хочется.
Просто всё еще остались пидоры, которые сидят на IE9-11 и в хуй не дуют. http://caniuse.com/#feat=flexbox
Так ведь 10-11 вполне себе флексы поддерживают.
Partial support is due to large amount of bugs present (see known issues)
единственный ИЕшник на который еще можно хоть как-то обращать внимание в 2016 - девятый, но тут есть нюанс.
>IE9 browser usage - 0.53%
ЕБАННЫХ ПОЛПРОЦЕНТА КАРЛ!
И тем не менее, вполне себе работает. Вот свою седону проверил, единственное что - логотип съехал, т.к. я его через псевдоэлемент флексом захуячил, лол.
Хотя, я хз, на сколько эти возможные баги значительны, что бы из за них не использовать флексы.
Это не правильная статистика, мань.
А какая правильная?
Ананасы, почему плэйсхолдер отображается не по центру, не как текст, который вводишь, как фиксить?В гугле ничего не нашел.
Паддинги в инпутах.
Ну, сверху и снизу одинаковый паддинг, а надо как?
Посмотри код элемента в браузере, смотри как распределяются маржины и паддинги, какой размер занимает текст.
line-height убери
Благодарю!!!
Вообще не трогай этот параметр, если точно не знаешь, что делаешь.
Поясни за лайн хейт тогда, прошу.
анончики, завтра прохожу резюме на вакансию html-верстальщик / фронтенд-разработчик. что посоветуете вспомнить? как думаете, где проебусь?
Новосиб?
ПРОСТО будь собой и не нервничай, там же блять смотрят в основном на твое портфолио и тестовое задание
посчитай полпроцента от 140 миллионов и отними половину на детей и стариков.
>В гугле ничего не нашел.
Блять. Как вы так гуглите? Ответ про line-height по первой же ссылке выдачи "css placeholder different padding"
мимо
хуйню несешь. просто иногда проще сверстать на float-ах или inline-block, чем на флексах.
Хули тут пояснять? Не можешь в гугл-картинки, что ли?
ты меня интервьюировать собрался??
>прохожу резюме
>прохожу резюме
За кого проходишь?
уже сутки не сплю, верстаю тут один макет, совсем запарился, вот и выдаю подобные перлы
да
https://github.com/h5bp/Front-end-Developer-Interview-Questions
хороший пул вопросов
Можешь еще простенькие задачки на JS порешать, ну типа всяких операций с массивами, или что-то из списка этого анона хотя тебя такое на позицию версталы вряд ли спросят.
Алсо, отпишись завтра как там прошло.
Тогда лучше хорошенько выспись. Обидно будет если проебешся из-за помутненного рассудка.
вакансия верстальщика/frontend-программиста. так что уверен, по js тоже будут вопросики.
благодарю
конечно высплюсь, еще есть время
Во время собеседования на пол перед тобой бросят тряпку. ее не поднимай а лучше переступи. когда спросят про два стула, скажи, что сам сядешь на пики, а мать на колени посадишь. еще могут спросить про мыло со стола и хлеб с параши. вот тут я обычно сыплюсь, тут ты сам давай.
Спрошу по быстрому про гитхаб. В общем сделал так
git remote add origin репозиторий-акка-1
git init
git add *
git commit -m 'hui'
git push origin master
у меня спросили логин и пароль, я ввел данные акка-1 и мне прилетел пуш от акка-2. В консоли про него я ничего не говорил, но через гитхаб гуи БЫЛ когда-то залогинен через акк-2. Это из-за этого такая оказия произошла?
И как вообще проверить от кого я коммитю-пушу?
git remote add origin репозиторий-акка-1
git init
git add *
git commit -m 'hui'
git push origin master
у меня спросили логин и пароль, я ввел данные акка-1 и мне прилетел пуш от акка-2. В консоли про него я ничего не говорил, но через гитхаб гуи БЫЛ когда-то залогинен через акк-2. Это из-за этого такая оказия произошла?
И как вообще проверить от кого я коммитю-пушу?
какие скилы?
html5, css3, немного js знаю (могу слайдер написать на нативе, но таблицу не рассортирую) + jquery и в плагины могу. js уже более-менее спокойно читаю и понимаю. в photoshop могу, адаптивность, mobilefirst, gracefull degradation, progressive enchancement, gulp stylus jade BEM, понимаю git, но с трудом, windows linux на уровне пердолинга. не шарю практически совсем в ajax, XMLHTTPRequest и подобном. только недавно начал понимать ООП в js. сегодня впервые написал валидацию формы через объект.
Сколько учил?
занимаюсь больше 2.5 лет html и css, успел поработать в одной фирме. js и остальное с июня.
ясно, удачи!
Нда, не сказать что ты быстрый. Ну удачки, хули. Отпишись потом.
smashingmagazine делал 100%, гугли
Ну давай разберем по частям тобой написанное.
>http://geekbrains.ru -
говно
>— https://github.com/forwebdev/channels - список ютуб каналов для веб-разработчиков и веб-дизайнеров
ютуб не нужен
>— http://docker.com - для создания изолированных сред разработки на своём компе
для той цели которую ты описал, куда лучше пойдет вагрант, докер вообще не про это
>— https://www.quora.com/Why-am-I-not-getting-any-freelance-jo… - cоветы о том, как получить заказ на Upwork
это вообще хуйня, ткого говна полно в гугле
>— https://c9.io/ - развернуть среду разработки прямо в браузере
такого только как говна нынче
>— http://www.rwpod.com/ - подкасты о новинках веб разработки
рубипетушки не нужны
>http://geekbrains.ru -говно
Долбоеб
>ютуб не нужен
полный долбоеб. очень много полезного можно найти на ютубе, если уметь искать. ютуб не нужен только мамкиным хеккам социофобам.
>это вообще хуйня, ткого говна полно в гугле
есть люди, не умеющие гуглить
> https://c9.io/
C этим согласен
>рубипетушки не нужны
С этим тоже
с остальным знаком поверхностно.
>Долбоеб
мамка твоя долбоеб
>полный долбоеб. очень много полезного можно найти на ютубе, если уметь искать. ютуб не нужен только мамкиным хеккам социофобам.
читай книги, дурачок
>есть люди, не умеющие гуглить
такие в этой индустрии не выживают
На ютуб не гоните, уроки оттуда отлично дополняет в башке общую картину, с чем хтмлакадеми-курсы не очень справляются.
Работа Версткачи. Есть две задачи по верстке [html, less, jq]. Одна попроще (страница в стиле нового дизайна vk, можно даже их css заюзать, ну или фреймворк какой-нибудь). Другая посложнее (нужно полностью скопировать сложную верстку пиндосского сайта, переписал css вручную). Дальше нужна будет поддержка этих сайтов (допиливание по необходимости).
Работа оплачивается по договоренности.
[email protected]
Работа оплачивается по договоренности.
[email protected]
Где-то тебя уже видел....
Блеать, хули на гитхабе жму set up in desktop и нихуя не происходит
Разобрался
>книги
Ебать, дебил.
Это наёбщик, можете даже не пробовать. Попросит написать кусок кода, а потом кинет.
хоть бы мыло сменил
Лол, а нахуя он это делает?
Я бы взялся за работу. Нарисовал бы картику с хуем и рукой, и с помощью JS прикрутил бы анимацию.
И сдал бы это к концу срока работы.
Кствти да, мотивация не ясна. Зачем ему куски кода от разных людей?
>man
Ах ты морда еврейская.
Начал смотреть JS интенсив от академии, думал там будет няша-Першин, а там какой-то короткостриженый стесняша, путающий слова(
Чет реклама этих гикбрейнсов одно время перла со всех щелей. Веет какой-то инфопродуктовщиной.
>альше нужна будет поддержка этих сайтов (допиливание по необходимости).
обосрался. таких мудачков еще поискать надо.
ох ебать, да это же другой geekbrains.
ты , извини, я думал, что ты на хабровский geekbrains гонишь.
>читай книги, дурачок
но тут ты все равно не прав. надо и книжки читать и видеоуроки смотреть
-кун
мне js интенсив не понравился, слишком уж по верхам скачет парень. совсем уж по верхам. за такое и платить-то не хочется. проще кантору заплатить.
Ты какой проект пилил: с Пендальфом или Кексаграмм?
Бля, вчера был день вэб-разработчика... а я и забыл, сука... С прошедшим, вас, братцы
И тебя, коллега. Держи традиционный смузи.
И вас с прошедшим. И меня.
посмотрел-два-интенсива-и-разметил-барбершоп-профессионал
посмотрел-два-интенсива-и-разметил-барбершоп-профессионал
Нахуя брался за второй? А конце базового Першин же говорил, что надо опыта набраться, прежду чем за продвинутый садиться.
Я имел в виду два выпуска базового, братишка.
А, тогда ок.
Заебись, только вкатился а меня уже поздравляют. Хорошее начало.
Хлопцы, у меня глюки или хром после обновления и на винде теперь имеет плавный скролл?
Ради интереса читая баги по флексам у ие-11, везде мелкософтовцы пишут "баг из клоузед ин ауар бренд нью браузер майкрософт эдж, уи ар нот гоунг ту фикс зис ин инернет эксплоурэр 11 ор олдер вершионс".
И я вот не понимаю вообще - зачем толпы дебилов работодателей/заказчиков требуют "кроссбраузерная верстка (ие9+)", если уже даже сами мелкософт избавились, наконец, от поддержки этого древнего куска засохшего кала?
И я вот не понимаю вообще - зачем толпы дебилов работодателей/заказчиков требуют "кроссбраузерная верстка (ие9+)", если уже даже сами мелкософт избавились, наконец, от поддержки этого древнего куска засохшего кала?
"пусть лучше этот лошок попердолится с ИЕ, чем я потеряю 1% потенциальных покупателей"
Казалось бы, нужно брать за верстку под древние браузеры больше денег, чтобы отбить желание у заказчиков, но ДЕМПИНГ
В чистой верстке реально такой дичайший демпинг?
Я думаю сверстать еще пару макетов для портфолио и попробовать зарегаться на какой-нибудь снгшной говнобирже, сугубо интереса ради ибо я нацелен, все-таки, на работу в офисе, с бесплатным смуззи и ростом в полноценного фронтендера
А еще я думаю ебануться на отличненько и сверстать что-нибудь под ИЕ6. Вырезая уголки у кнопочек в пнг, ага.
Могу понять только некоторых заказчиков, к примеру, работающих на узкую аудиторию из каких-нибудь Ерох бюджетников/заводобыдло/овуляшек, которым уровень интелекта не позволяет слезть со своей ИЕшки или экспи. Вот там действительно надо пердослитья со старьем. Другое дело что таких проектов мало, они не сильно прибильны.
>прибыльны
имеет, но теперь у него иногда галюны бывают.
на моей старой работе какой-то сайт для работы с банком или чем-то подобным и дико важным требовал только ie, на других браузерах не открывался, ссылаясь, что у ие охуеть какая защита.
вечер в хату, верстаны. с прошедшим праздником. принес вам немножко наркомании
Прямиком с БЭ
Ну стандарты как-бы есть, но все на них еще год назад смачно клали, а сейчас просто кладут. Хочешь ты ебануть рюшечку красивую, для бутстрапа не-дефолтную, изволь провести часа 4 в гугле читая историю какого-то тега, который придумали в гугле, спиздили в мозилле, но назвали по другому и ведет он себя иначе, потом приделали кастомных стилей с префиксами, которые вроде как приняли стандартом в драфте следующего уровня css, но его еще не ввели и поддерживается он только dev сборкой MS EDGE, ты решаешь изъебнуться и сэмулировать такое поведение костылем на JQ, но оказывается, что вебкит второго айпада твоего начальника некорректно работает с вашей новейшей версией второго jQ, начинается ебля с полифилами, все дичайше тормозит, страница весит 3 метра и роняет браузер на третьем дроиде дочки пресловутого начальника, и так можно до бесконечности.
У тебя горит очко и ночью ты обмазываешься UAP-приложухой с xaml разметкой и только это спасает тебя от суицида
Ну стандарты как-бы есть, но все на них еще год назад смачно клали, а сейчас просто кладут. Хочешь ты ебануть рюшечку красивую, для бутстрапа не-дефолтную, изволь провести часа 4 в гугле читая историю какого-то тега, который придумали в гугле, спиздили в мозилле, но назвали по другому и ведет он себя иначе, потом приделали кастомных стилей с префиксами, которые вроде как приняли стандартом в драфте следующего уровня css, но его еще не ввели и поддерживается он только dev сборкой MS EDGE, ты решаешь изъебнуться и сэмулировать такое поведение костылем на JQ, но оказывается, что вебкит второго айпада твоего начальника некорректно работает с вашей новейшей версией второго jQ, начинается ебля с полифилами, все дичайше тормозит, страница весит 3 метра и роняет браузер на третьем дроиде дочки пресловутого начальника, и так можно до бесконечности.
У тебя горит очко и ночью ты обмазываешься UAP-приложухой с xaml разметкой и только это спасает тебя от суицида
ссылочку можно?
А почему не через * {...}; ?
ну, видимо, решили, что не стоит. олсо, вошла только половина.
зачем? блять зачем?
Неужели нельзя добавить лишний чертов класс, если уж на то пошло.
Строка с классом была бы гораздо более компактной.
еще можно миксин примешивать, если используешь препроцессоры в верстке.
Это работа минификатора - собрал все классы с транзишеном и применил к ним один раз. Какой нормальный человек будет писать сотню классов руками?
Копроративный браузинг жи есть. Осел хорошо контролируется под активдиректори, не срет в системе лишними обновляторами и тулбарами, остальные браузеры лишь настройки сети да домашнюю страницу подсасывать умеют. А хромоподобные еще под 300 метров диска жрут у каждого пользователя в домене, а диски в конторах до сих пор по 120 гигабайт. Плюс еще много всякого корпоративного говна работает исключительно на эксплорере с его активх, и настройкой уровня безопасности на низком уровне. Секурити уровня /b/, блядь.
Что дали юзерам, тем и пользуются.
Минификатор умный, он посчитал, что на выходе CSS с такой конструкцией будет весить меньше, чем если бы транзишен прописывался под каждым селектором по-отдельности.
>Лично я пишу бэкенд на путоне(да-да все как в коронной пасте), но дрочить фронт ненавижу. Максимум на что меня хватает с бутстрапом макетик накидать.
Пока будут такие люди и как можно больше - все у фронтов будет заебись
Чую характерный запашок... фуллстэк петушка.
Есть ли способы побороть блядские пробелы между блоками в хроме, кроме очевидных отрицательных маргинов и псевдо-заплаток?
Использовать инструмент, который для этого предназначен. ФЛЕКСЫ
А че, так сложно font-size обнулить? Или не закрывать необязательные к закрытию теги?
А вообще да вот это
Да не инлайн-блоки блять.
В хроме бывает так, что между дивами, которые друг на друге стоят, образуется щель в пиксель или два. Она на разных разрешениях, то видно ее, то нет.
Пример кода будь добр
блядь, мы по-моему синхронно работаем с тобой. С той же хуйней столкнулся.
Делаю для техномарта разметку
Почему у ведущего вебинара есть экспорт картинки, а у меня вот такая хуета?
Версия фотошопа возможно разная
у тебя фотожоп доисторический
Эт ты наверное смотришь обновленный базовый (за 2016 года который) у него версия ФШ последняя, а у тебя старая скорее-всего.
Для работы со старыми версиями - смотри скринкаст из вебинара за 2015 год базового. Там на 30 минут видос. Все компактно и понятно. Можешь ФШ обновить. Но все-равно старый скринкаст лучше глянуть тоже
Спасибо за ответы. Да, похоже старая, а я смотрю новый базовый.
я бы сказал, бэкенд-макаки, полезшей редактировать ссылку
Допустимо ли в резиновой верстке высоту указывать в пикселях?
хотя кажется хуйню спросил
Аноны, -кун на связи.
прошел собеседование. сначала поговорил с руководителем, он ввел в курс дела, поспрашивал у него, кто именно нужен, он ответил, что верстальщик. дальше еще пообъяснял про их компанию. потом подсоединил к тимлиду, насколько я могу судить, который, видимо, был занят попиливанием движка, ибо во время разговора все время стучал по клавишам.
Первым, что меня удивило, было то, что меня не начали гонять по коду, не спрашивали фишечек html, css и прочего. спросили про уровень владения js, честно признался, что начальный, не могу в ООП и подобное, но стремлюсь. сказал, что учусь писать на нативе всякие слайдеры и прочее. меня тут же спросили, зачем мне натив. ответил, что как минимум для того, чтобы читать и понимать код различных фреймворков и библиотек типа jquery. потом спросили, чем я пользуюсь при верстке, ответил, что верстаю на html, css, stylus, jade и gulp + bem, если этого требует код. тут же спросили, как я верстаю на gulp, на что ответил, что gulp это сборщик. углубляться не стал, потому что подобный ответ устроил. спросили, как я отношусь к бутстрапу, ответил, что негативно, но могу свободно использовать его, изредка подсматривая в документацию. спросили, что я уже использовал из js-фреймворков. сказал, что щупал ангуляр, писал валидацию форм на jquery, слайдеры, bootstrap.
спросили, кем я вижу себя в будущем, шутканув про то, что это вопрос уровня женщин-интервьюеров. сказал, что совсем не тянусь в бэк, только фронт и засиживаться в верстальщиках не собираюсь. спросили про опыт удаленной работы и как часто я бываю онлайн. предупредили, что скорее всего придется совмещать данную работу с постоянной, спросили, как я к этому отношусь, ответил, что положительно, время всегда найдется.
потом спросили про желаемый уровень з/п, подумал, что раз уж это удаленка, то нет смысла жадничать, 150р/час это, к слову, на 50 рублей больше, чем на предыдущей работе. через пару часов написали и предложили завтра поговорить по поводу трудоустройства.
прошел собеседование. сначала поговорил с руководителем, он ввел в курс дела, поспрашивал у него, кто именно нужен, он ответил, что верстальщик. дальше еще пообъяснял про их компанию. потом подсоединил к тимлиду, насколько я могу судить, который, видимо, был занят попиливанием движка, ибо во время разговора все время стучал по клавишам.
Первым, что меня удивило, было то, что меня не начали гонять по коду, не спрашивали фишечек html, css и прочего. спросили про уровень владения js, честно признался, что начальный, не могу в ООП и подобное, но стремлюсь. сказал, что учусь писать на нативе всякие слайдеры и прочее. меня тут же спросили, зачем мне натив. ответил, что как минимум для того, чтобы читать и понимать код различных фреймворков и библиотек типа jquery. потом спросили, чем я пользуюсь при верстке, ответил, что верстаю на html, css, stylus, jade и gulp + bem, если этого требует код. тут же спросили, как я верстаю на gulp, на что ответил, что gulp это сборщик. углубляться не стал, потому что подобный ответ устроил. спросили, как я отношусь к бутстрапу, ответил, что негативно, но могу свободно использовать его, изредка подсматривая в документацию. спросили, что я уже использовал из js-фреймворков. сказал, что щупал ангуляр, писал валидацию форм на jquery, слайдеры, bootstrap.
спросили, кем я вижу себя в будущем, шутканув про то, что это вопрос уровня женщин-интервьюеров. сказал, что совсем не тянусь в бэк, только фронт и засиживаться в верстальщиках не собираюсь. спросили про опыт удаленной работы и как часто я бываю онлайн. предупредили, что скорее всего придется совмещать данную работу с постоянной, спросили, как я к этому отношусь, ответил, что положительно, время всегда найдется.
потом спросили про желаемый уровень з/п, подумал, что раз уж это удаленка, то нет смысла жадничать, 150р/час это, к слову, на 50 рублей больше, чем на предыдущей работе. через пару часов написали и предложили завтра поговорить по поводу трудоустройства.
font-size:0 - для обертки
Это успех, анон. Поздравляю.
>2.5 года
>150р/час
Поздравляю. Надеюсь, что у меня нахождение такой работы не займет 2,5 года, лол.
1. html + css, никаких скриптов.
2. удаленная работа.
3. вторая работа, отсутствие адекватного портфолио.
4. из этих 2.5 лет, я почти год пинал хуи. сначала полгода до того, как попал на работу, а потом еще месяца 4 после. потом задрочил js(которая нахуй не понадобилась), подтянул верстку, все этим медиа-запросы вспомнил и прочее. сверстал 4 макета за месяц с перерывами и начал рассылать свою резюмеху по всей стране. ответили всего 3 компании.
Олсо, завтра иду на собеседование уже на постоянку в своем мухосранске. офис находится подозрительно близко к месту моей предыдущей компании, буквально в здании напротив.
Чет ты себя явно не ценишь. Я б 250 просил
мимо-диванный
не дали бы 250 за верстку совершенно без js. к тому же, мне сильно нужна эта работа. как возьмут. можно будет без проблем развиваться в сторону js и полноценного фронтенда. пока что мне мешает отсутствие денег.
Дай заценить твое портфолио. Ну если если не хочешь палиться, просто ссылки слей на проекты в портфолио. Интересен твой уровень.
не ну 170 хотяб
185 руб. 36 коп. / час + два пакетика чая Беседа / день.
обосрался
Паддингов не завезли в тот раз?
Торговаться - так до предела!
забил на них, надо будет поправить. олсо, посмотри, как сделаны фоны к section-ам, их пидорасит на смартфонах и сделаны они сплошными фонами по 20000*1024, потому что не завезли паттерны + вчера слетела yandex-карта, потому что я ее удалил в своем аккаунте, а восстанавливать не хотелось. прикрутил от другого проекта. ну и медиа-запросы ужасно прописаны.
Зачем ты вообще яндекс карты юзаешь? Имхо гугловские лучше, даже грузятся быстрее
В innosphere сайдбар хорош. Сам его верстал, но меню сделал по-другому.
Картинки в блоке recently едут, когда ширину окна уменьшаешь
а список работ, портфолио показывал?
это их packery так выстраивает. я тут ни при чем. там в зависимости от картинок будет выстраиваться всегда по-разному.
в резюме прикреплена ссылка, ссылку только что вбросил
Спасибо большое. Подал мне идею тоже запилить опен страничку-портфолио на гитхабе.
Там можно даже охуенно расписать про использованые технологии, требуемые браузерычтоб петушки не ныли что в их ИЕ8 не работает если я флексобог и прочие фичи.
Алсо, фичу со смещением картинок в хирургии сам реализовывал?
да, на нативе написал
Она в макете была так задумана или это твое творение? Откуда брал графику?
в макете задумана. просто вырезал 2 картинки, вставил фоном в блоки, задал им position fixed и opacity. потом у той, что выше через js рассчитывал высоту по нижней границе header, а ту, что ниже, скрывал, когда нижняя граница section1 была <= 10, если не ошибаюсь. это у той, что в шапке. у второй просто по event.target подсчитывал подобным образом.
не думал об этом, надо будет юзануть гугловые
в зависимости от размеров картинок
фикс
Ребята, есть вот такой селект с чекбоксами, если я выделаю чекбоксы они должны закрепляться как-то. Например как значения под селектом, ну знаете - что бы можно было нажать на крестик и убрать лишнее. Помогите хоть как-нибудь - где можно почитать про такое, как это делается, да хоть как это называется.
Заебался я кароч, как ни сохраняю артефакты ебучие. Как исправить-то можно?
вангую, это не селект, а кастомизированная поебота от бутстрапа. значения в форме все равно передаются. лови их и перебирай на js.
png24
Что png24
сохраняй в png24. еще проверь, не вынесена ли какая-нибудь хуета от текста на новый слой, который ты не захватываешь
Эту поебату как раз я и верстал. По селекту открывается блок, всё просто. Заказчик внезапно сказал - А ЧЁ ВЫБРАННЫЕ ПУНКТЫ НЕ РЕАЛИЗОВАННЫ, ДАВАЙ КА БРАТИШКА ДЕЛАЙ. Я даже сейчас примеры не могу вспомнить, но думаю вы видели такое где-нибудь. Мне нужно как-то ловить выбранные чекбоксы и выводить их в блок под селектом.
а вообще, сверстай текстом, зачем заморачиваться?
а, все, дошло. добавь блок внутрь селекта, которому сделай видимость только когда выделен хотя бы один инпут. и навешай на этот блок событие, которое находит его родителя и у всех инпутов внутри родителя снимает значение.
или ты имеешь в виду что-то типа пикрелейтед, но чтобы при клике на этот значок снималось выделение с инпута?
Как сделал пикрелейтед?
Ему придется пердолиться с подбором шрифтов тогда. Там еботы поболее будет.
Есть что-нибудь вроде гайда или название этой хуеты.
Вот мой бесподобный код
если эта надпись сделана тектом, то не должно быть. а если картинкой, то да, пиздец будет. тогда только вырезать. анон, кинь в какое-нибудь облако макет, может, вырежу
eventlistener на блоке с селектом, срабатывающий в момент скрытия/раскрытия, считывающий данные с чекнутых элементов, затем отрисовывающий их в специально заготовленный блок снизу.
если я конечно правильно тебя понял
мимо
на нативе. там все просто, загляни в js и в html-css. использовал getBoundingClientRect() и по нему высчитывал
скорее в момент клика на инпут. просто навешать на селект и проверять делегированием, был ли клик по инпуту. если был, то считывать текст из лейбла, создавать блок и вписывать значение и id инпута в него (значение в textContent(), id в data-attribute). и в нем сделать крестик, который по клику проверяет id инпута и убирает его выделение.
Посмотрел оба вебинара по фотошопу, новейший кажется куда менее напряжным, реквестирую хороших торрентов с ним. Где вы сами брали, желательно.
делай лучше на jquery, будет в разы проще. ну и там у тебя говнокод, нет смысла использовать id у контейнера, лучше через класс все-таки. и функция скрытия/появления селекта делается одной строкой через jquery. попробуй, проще станет
Я знаю ребята. Я тот ещё говнокодер, мне просто нужно сдать этот проект и я очень плохо понимаю js. Есть пример какого-нибудь примера на эту тему?
Это немножко не то. Мне нужно что бы выбранные пункты выводились внизу селекта с возможность исключить. Ребята мне подсказали, но в js я очень плох.
Попробуй решить вопрос сам. Если вечером будет время - запилю для тебя небольшой плагин на нативном.
Но добавлю что ничего не обещаю, ткак хз что там со временем будет.
Хорошо, конечно попробую.
Алсо, тот чувак которого взяли, поздравляю. Я тоже сегодня устроился на постоянку.
Ребят, кто с продвинутого интенсива
Как в седоне на мобильной версии главной страницы делать ебучий треугольник в первом синем блоке? Думал взять тот же треугольник, что в хедере фоновую картинку обрезает, только синего цвета, но ебаная фигура не подходит по форме
Помогите Даше найти треугольник
Как в седоне на мобильной версии главной страницы делать ебучий треугольник в первом синем блоке? Думал взять тот же треугольник, что в хедере фоновую картинку обрезает, только синего цвета, но ебаная фигура не подходит по форме
Помогите Даше найти треугольник
алсо, спасибо
тот чувак, которого взяли
Ну что котаны, переименовываемся в Front-end тред?
мимо-оп
мимо-оп
двачую
вангую в дальнейшем новую попытку перекатиться в программач, откуда опять погонят ссанными тряпками.
лол
Программач не нужен. У нас тут сложилось неплохое общество с приятной атмосферой и, что важно, делением задач. Вертска, всякие тулзы базовый фронтенд и простенькая клиентская логика - сюда, приложухи и прочий аппшный ад - в джс тред.
Все красиво все работает.
Программач превратился в полумёртво борду с 2 двумя снобами. Тут уютнее, мне кажется.
сдается мне, что через полгодика здесь будет как раз таки полномасштабный фронт-енд тред с ангуляром и нодами. потому что я, например, вижу нихуевые такие рывки у ребят, которые сюда заходят.
этот тред ожидает то же самое.
Что с нумерацией делаем? Резетимся на Front End №1 или 61?
И это охуенно.
И это охуенно.
предлагаю резетнуть до 1, но оставить под спойлером примечание что перекатились из 60 верстка-треда
Последние посты меня прямо воодушевляют, мотивируют вписаться в новую волну и попасть в компанию этих "через полгодика здесь будет как раз таки полномасштабный фронт-енд тред с ангуляром и нодами. потому что я, например, вижу нихуевые такие рывки у ребят".
Да и тред рили уютный, чувствуется рабочая атмосфера.
Неделя-в-верстке
Да и тред рили уютный, чувствуется рабочая атмосфера.
Неделя-в-верстке
вот так я верстал после 2 месяцев самообучения без интернета и компа. просто сидел и задрачивался в универе вместо пар. благодаря этому и попал в компанию, где проработал год, получив навыков меньше, чем за прошедшие полгода, и откуда с удовольствием свалил.
Такс, подождем еще ответов и ночью залью обновленный тред
мимо-ОП
мимо-ОП
Лол, мда.
А сейчас твой уровень?
хедер и футер сделаны таблицей, при просмотре кода все едет, но зато есть html5-теги header и footer. самое ужасное, что когда я показал подобное, меня взяли на вакансию джуна, сказав, что я плох, но остальные претендовавшие на мою должность были еще хуже. сейчас я думаю, куда уж хуже. а потом вспоминаю парня, который пришел устраиваться на работу на мою должность, вырезал из psd цельные блоки, писал в html ссылки, в них p, в p - img, а в img писал ссылку на картинку. и все это абсолютно позиционировал.
вот =>
Сука, проиграл
Пиздец блядь.
Прогресс есть — и то хорошо.
Вообще, были такие аутисты, которые все позиционировали абсолютно по окну браузера? Чтобы все элементы как гвоздями были намертво прибиты?
Да переименовывай, хули. И нумерацию сбрасывай тоже.
+
Сап, возможно не по теме, но всё-таки.
Хочу освоить вордпресс, верстку уже более менее натягивать умею на движок.
Какие еще типовые задачи нужно уметь решать, чтобы хоть чуть-чуть фрилансить ?
Хочу освоить вордпресс, верстку уже более менее натягивать умею на движок.
Какие еще типовые задачи нужно уметь решать, чтобы хоть чуть-чуть фрилансить ?
работаешь грузчиком? пека на работе не положена?
Какой-то тупой минификатор, нет? Или таким образом сайт будет загружаться быстрее?
Так объясни мне я тоже тупой
Например, добавляет в корень гитхаба папку, в ней еще один index.html : portfolio/index.HTML
Открываешь в браузере user.github.io/portfolio
Привет, надизайнил и заверстал сайт по доставке суши.
- Главная / каталог товаров
- корзина / оформление заказа / оплата
- текстовая страница / акции / доставка и тд.
Сейчас есть html+css. Хочу оживить статику, думаю выбрать cms и натянуть на него верстку. Опыт создания шаблонов только под WP, статья + форма заказа (CF7).
Цель:
1. показывать заказчикам, как готовый проект. Т.е. купить домен, разместить сайт на хостинге.
2. добавить шаблон на templatemonster.com / themeforest.net
Поэтому CMS должна быть бесплатной, и чтобы я смог ее поднять на своем хостинге самостоятельно.
Выбираю между:
joomla / prestashop / opencart / magento
Что посоветуете? Что будет проще для новичка? Перспективнее в качестве опыта для фрилансера?
- Главная / каталог товаров
- корзина / оформление заказа / оплата
- текстовая страница / акции / доставка и тд.
Сейчас есть html+css. Хочу оживить статику, думаю выбрать cms и натянуть на него верстку. Опыт создания шаблонов только под WP, статья + форма заказа (CF7).
Цель:
1. показывать заказчикам, как готовый проект. Т.е. купить домен, разместить сайт на хостинге.
2. добавить шаблон на templatemonster.com / themeforest.net
Поэтому CMS должна быть бесплатной, и чтобы я смог ее поднять на своем хостинге самостоятельно.
Выбираю между:
joomla / prestashop / opencart / magento
Что посоветуете? Что будет проще для новичка? Перспективнее в качестве опыта для фрилансера?
Верстаны, как заверстать гексагоны как на этом макете
http://www.psdchat.com/resources/templates/freebie-hexal-portfolio-template/
http://www.psdchat.com/resources/templates/freebie-hexal-portfolio-template/
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Пришел ли кто-то из нашего треда к успеху?
Да, и не один а двое, азазазза, кхм.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnm-club.me/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред